body, uni-page-body, uni-page-head, .uni-page-head { background-color: var(--neutral-color-white) !important; } .navBox{ position: static; } .loginBox { padding: 100rpx 34rpx 0 66rpx; .tit { line-height: 66rpx; font-weight: 600; font-size: 48rpx; color: var(--neutral-color-main); letter-spacing: 0; display: flex; padding-bottom: 52rpx; text { flex: 1; } .text { font-weight: 500; font-size: 32rpx; color: var(--essential-color-red); text-align: right; line-height: 50rpx; padding-top: 14rpx; icon { background: url(../../static/icon01.png) no-repeat; background-size: contain; width: 20rpx; height: 20rpx; margin-left: 14rpx; vertical-align: unset; } } } .loginMain { ::v-deep .uni-input-input{ color: var(--neutral-color-main); } padding-right: 32rpx; .item { ::v-deep .is-input-border { padding: 36rpx 0; font-weight: 400; font-size: 32rpx; line-height: 40rpx; color: #797979; letter-spacing: 0.36rpx; border: 0 none; border-bottom: 1px solid var(--neutral-color-background); position: relative; border-radius: 0; .uni-easyinput__placeholder-class { font-size: 32rpx; color: var(--neutral-color-font); letter-spacing: 0.36rpx; } .uni-easyinput__content-input { padding-left: 0 !important; font-size: 32rpx; } } ::v-deep .is-input-error-border { border-bottom: 1px solid var(--essential-color-red); margin-bottom: 44rpx; } ::v-deep .content-clear-icon{ padding: 0; font-size: 28rpx !important; line-height: 46rpx; } ::v-deep .uniui-eye-filled{ background: url(@/static/icon-close.png) 50% 50% no-repeat; background-size: contain; &:before{ color:transparent; } } ::v-deep .uniui-eye-slash-filled{ background: url(@/static/icon-open.png) 50% 50% no-repeat; background-size: contain; &:before{ color:transparent; } } } ::v-deep .uni-forms-item__inner { padding-bottom: 0; } ::v-deep .uni-error-message { bottom: -10rpx; } ::v-deep .content-clear-icon { margin-right: 30rpx; } .inputW{ ::v-deep .is-input-border{ padding-right: 200rpx; } } .codeBox { position: absolute; right: 40rpx; top:40rpx; font-size: 28rpx; } .setUrl{ font-size: 24rpx; color: #ccc; line-height: 48rpx; text-align: center; margin-top: 40rpx; } } .btn-default{ height: 100rpx; line-height: 100rpx; border-radius: 50rpx; &.disabled{ background-color: var(--assist-color-logbtn) !important; } } .btnBox{ padding: 100rpx 0 0; } } .pwdBox { position: relative; text { // &.pwdIcon { // background: url(@/static/icon-close.png); // background-size: contain; // } // &.showPwdIcon { // background: url(@/static/icon-open.png); // background-size: contain; // } &.clearIcon { position: absolute; width: 32rpx; height: 32rpx; right: 60rpx; top: 40rpx; font-size: 0.875rem !important; line-height: 1.4375rem; color: rgb(192, 196, 204); font-family: uniicons; text-decoration: none; text-align: center; &:before{ content: "\e66d"; } } } } .fontCol { color: var(--neutral-color-font); }