.login-wrap, .forget-wrap, .apply-wrap{ background-color: #FFFFFF; width: 100%; height: 100vh; box-sizing: border-box; .logo{ display: flex; justify-content: center; padding: 100upx 0; } .login-form{ display: block; width: 80%; margin: 0 auto; .form-item{ margin-bottom: 20upx; position: relative; display: flex; align-items: center; border: 1upx solid #dcdee2; border-radius: 15upx; .require-tip{ position: absolute; left: 0; top: 26upx; color: red; } .item-inp{ flex-grow: 1; } .item-inp, .item-picker{ font-size: 30upx; padding: 14upx 20upx; } .getcode-btn{ position: absolute; right: 0upx; top: 0; font-size: 24upx; background: #999; color: #FFFFFF; border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; line-height: 3; z-index: 10; } } .flex-box{ display: flex; justify-content: space-between; font-size: 26upx; } .form-btn-con{ margin-top: 60upx; .form-btn{ font-size: 32upx; display: block; line-height: 75upx; margin: 0 auto; background-color: #07c160; color: #fff; } uni-button.form-btn:after{ border: none; } .apply-btn{ display: block; text-align: center; margin-top: 50upx; } } } .authUserYs{ text-align: center; position: absolute; bottom: 5%; width: 100%; font-size: 24upx; text{ color: #ff0000; } } }