/** BBB-730 LQ 2021-12-01 */
html, body { height: 100%; box-sizing: border-box; font-size: 14px; }
.page-box { height: 100%; }
.page-box > * { box-sizing: border-box; }
.f14 { font-size: 14px !important; }
.mt40 { margin-top: 40px; }
.mt16 { margin-top: 16px; }
.cup { cursor: pointer; }
.vm { display: inline-block; vertical-align: middle; }
.s-primary { color: #0057ff !important } 
.s-warn { color: #ec3b3b !important }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0rem 50rem white inset !important;
    box-shadow: 0 0 0rem 50rem white inset !important
}

/* login-footer */
.login-footer { padding: 16px 0; text-align: center; font-size: 12px; color: #fff; line-height: 16px; margin-top: -80px; }
.login-footer .link { overflow: hidden; }
.login-footer .link a { position: relative; color: #fff; margin: 0 16px; opacity: .5; }
.login-footer .link a:after { 
    position: absolute; right: -15px; top: 3px; content: ''; 
    width: 1px; height: 12px; background-color: #fff;  opacity: .4;
}
.login-footer .link a:last-child:after { width: 0; }
.login-footer p { margin-top: 16px; opacity: .5; }
    /**/
.login-footer.s-c3,
.login-footer.s-c3 a { color: #333; }
.login-footer.s-c3 a:after { background-color: #333; }

/* login-box */
.login-box {
    position: absolute; left: 50%; top: 68px; z-index: 10;
    width: 880px; height: 560px; margin-left: -440px;
}
.left-art { float: left; width: 320px; height: 560px; border-radius: 8px 0 0 8px; overflow: hidden; }
.right-login { position: relative; float: right; width: 560px; height: 560px; background: #fff; border-radius: 0 8px 8px 0; }
.right-login .top-h80 { position: relative; height: 80px; }
.right-login .back-home { position: absolute; left: 25px; top: 24px; }
.right-login .back-home .iconfont { transform: scale(.6); margin-right: 2px; }
    /**/
.form-box { padding: 8px 100px 0; height: 410px; }
.right-login .tab-nav { height: 26px; line-height: 26px; text-align: center; }
.right-login .tab-nav .nav-item { 
    display: inline-block; vertical-align: middle; margin: -2px 20px 0; 
    font-size: 20px; color: #666; cursor: pointer;
}
.right-login .tab-nav .nav-item:hover { color: #0057ff; }
.right-login .tab-nav .nav-item.is-this { font-weight: 600; color: #0057ff; }
.right-login .tab-conts { margin-top: 32px; }
    /*form-group*/
.right-login .form-group li .tit-ico { position: absolute; left: 16px; top: 0; }
.right-login .form-group li .iconfont { color: #999; margin-top: 0; }
.right-login .form-group li .u-input input { padding-left: 40px; }
.right-login .input-code .u-input { float: left; width: 224px; }
.right-login .input-code .u-btn { 
    float: right; width: 120px; height: 48px; border-radius: 4px;
    border-color: #f5f5f5; background-color: #f5f5f5; color: #0057ff; font-size: 16px; 
}
.right-login .input-code .u-btn:hover { border-color: #eff4ff; background-color: #eff4ff; }
.right-login .input-code .u-btn.is-disabled{ border-color: #f5f5f5; background-color: #f5f5f5; color: #bbb; }
.right-login .tcp-bar { color: #999; }
.right-login .check-group { float: left; margin-top: 2px; height: 16px; line-height: 16px; }
.right-login .check-group label { font-size: 14px; }
.right-login .check-group label .iconfont { font-size: 14px; margin-top: 1px; }
.right-login .h16 { font-size: 12px !important; color: #999; line-height: 16px; height: 16px; }
.right-login .h16 .check-group { margin-top: 0; }
.right-login .h16 .check-group label:hover,
.right-login .h16 .check-group label.is-checked,
.right-login .h16 .check-group label:hover .iconfont,
.right-login .h16 .check-group label.is-checked .iconfont { color: #0057ff; }

.botm-registry { padding: 8px 0 34px; color: #999; text-align: center; }