.login-wrap, .forget-wrap, .apply-wrap{ background-color: #FFFFFF; width: 100%; height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; .login-head{ padding: 10upx 0; text-align: center; color: #999999; } .login-body{ flex-grow: 1; width: 85%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .logo{ display: block; margin-bottom: 50upx; width: 160upx; height: 48upx; } .login-title{ font-size: 40upx; margin: 50upx 0; } .login-form{ display: block; margin: 0 auto; width: 100%; .mt20{ margin-top: 30upx; } .form-item{ position: relative; display: flex; align-items: center; border-bottom: 1upx solid #EEEEEE; .require-tip{ position: absolute; left: -26upx; top: 26upx; color: red; } .item-inp, .item-picker{ font-size: 32upx; padding: 20upx 0; } .getcode-btn{ font-size: 28upx; color: #0485F6; margin: 0; padding: 0; } } .flex-box{ display: flex; justify-content: space-between; font-size: 26upx; align-items: center; } .form-btn-con{ margin-top: 100upx; .form-btn{ font-size: 32upx; display: block; line-height: 84upx; margin: 0 auto; color: #fff; border-radius: 100upx; } uni-button.form-btn:after{ border: none; } .apply-btn{ display: block; text-align: center; margin-top: 30upx; border: 1upx solid #BBBBBB; padding: 24upx 0; border-radius: 100upx; } } .forget-pass{ color: #606266; } } .authUserYs{ width: 100%; padding: 60upx; font-size: 26upx; display: flex; align-items: center; text{ color: #0485F6; } } }