.flex{ display: flex; align-items: center; } .logo{ width: 80rpx; height: 80rpx; margin-right: 20rpx; } .login-body{ padding: 0 36rpx; padding-top: 48rpx; } .input-item{ position: relative; height: 96rpx; padding-left: 24rpx; border-bottom: 2rpx solid #F4F5F7; margin-bottom: 24rpx; } .input-item input{ line-height: 96rpx; width: 500rpx; text-transform: capitalize; font-size: 28rpx; color: #303133; } .login-sigh{ width: 172rpx; position: relative; } .login-sigh::before{ content: ''; width: 4rpx; height: 26rpx; background-color: #BFC2CC; position: absolute; right: 16rpx; top: 50%; transform: translateY(-50%); } .login-sigh2{ width: 64rpx; } .login-sigh2::before{ content: none; } .login-sigh .imgcon{ width: 40rpx; height: 40rpx; } .login-sigh .imgcon image{ width: 100%; height: 100%; } .login-sigh .quhao{ font-size: 28rpx; color: #303133; margin-left: 20rpx; } .rePass{ color: #606266; font-size: 28rpx; float: right; } .login-btn{ display: block; text-align: center; line-height: 96rpx; background: #34026B !important; opacity: 0.2; border-radius: 24rpx; color: #fff !important; margin-top: 120rpx; } .on{ opacity: 1 !important; } .login-re{ width: auto; display: table; margin: 0 auto; font-size: 14px; font-weight: 400; line-height: 27px; color: #606266; margin-top: 18px; position: relative; padding-right: 36rpx; } /deep/ .u-form-item__message{ padding-left: 0 !important; }