.content { text-align: center; .title { @include FONT(#333333, 24px, 600); margin: 0 16px; } .cell-group { margin: 22px 16px 30px; .cell-item { padding: 12px 0; border-bottom: 1px solid #ededed; display: flex; input { @include WH(100%, 24px); @include FONT(#333333, 17px, 400); text-align: left; } input::-webkit-input-placeholder { @include FONT(#cccccc, 17px, 400); } .send-code { width: 110px; text-align: right; @include FONT(#333333, 14px, 400); i { margin-left: 2px; display: inline-block; } } } } .login-btn { @include WH(auto, 48px); background: #26baee; border-radius: 50px; @include FONT(#ffffff, 18px, 400); text-align: center; line-height: 48px; margin: 0 16px; } .footer { width: 100%; position: fixed; bottom: 10px; text-align: center; .icon-bolineyecare { @include FONT(#d0efff, 40px, 400); } } img { @include WH(230px, 230px); margin-top: 23px; } .wx-login-btn { @include WH(auto, 44px); @include FONT(#ffffff, 17px, 400); padding: 0; border: none; margin: 20px 20px; background: #4fb3db; box-shadow: 0 8px 12px -5px #4fb3db; border-radius: 4px; } }