page{ font-size: 28upx; } .login-title{ padding: 160upx 70upx 70upx 70upx; } .login-title-1{ font-size: 40upx; font-weight: 700; color: #000000; } .login-title-2{ font-size: 26upx; color: #000000; margin-top: 20upx; } .login-list{ padding: 50upx 70upx; } .login-item{ border-bottom: 1px solid #dddddd; padding-bottom: 10upx; margin-bottom: 80upx; position: relative; } .login-item:last-child{ margin-bottom: 0; } .login-item input{ font-size: 30upx; width: 60%; } .login-item text{ position: absolute; right: 0; bottom: 14upx; font-size: 30upx; } .loginBtn{ padding: 0 70upx; } .loginBtn-icon{ width: 48upx; height: 48upx; margin-top: 2upx; margin-right: 10upx; } .loginBtn-desc{ display: flex; align-items: center; font-size: 24upx; } .blue{ color: #7e94bd; } .login-btn{ width: 100%; margin-top: 30upx; height: 90upx; background-color: #bfbfbf; color: #ffffff; letter-spacing: 10upx; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 28upx; border-radius: 50upx; } .loginBtn .active{ background-color: #e3b400; } .login-type{ padding: 50upx 70upx 20upx 70upx; } .login-type .login-type-v{ display: flex; border-bottom: 1px solid #dddddd; padding-bottom: 20upx; } .login-type .login-type-v view{ margin-right: 50upx; position: relative; } .login-type .active::after{ position: absolute; content: ''; height: 1px; width: 100%; background-color: #e3b400; left: 0; bottom: -10px; } .loginDesc{ margin-top: 50upx; padding: 0 70upx; } .loginDesc .fl{ float: left; } .loginDesc .fr{ float: right; } .loginDesc .fc{ width: 100%; text-align: center; }