/* ltx-1486 lq 2021-10-09 */
.s-cb { color: #bbb; }
.s-c6 { color: #666; }
.s-primary { color: #1ac095; }
.mt16 { margin-top: 16px; }
.cup { cursor: pointer; }
.f16 { font-size: 16px !important; }
.none { display: none !important; }

/* icon */
.ico-login {
    display: inline-block; vertical-align: middle;
    background: url('../images/ico_login.png') no-repeat;
}
.ico-asr { width: 14px; height: 14px; background-position: 0 0; }
.ico-eye { width: 14px; height: 14px; background-position: 0 -80px; }
.ico-phone{ width: 14px; height: 14px; background-position: 0 -16px; }
.ico-user { width: 14px; height: 14px; background-position: 0 -32px; }
.ico-lock { width: 14px; height: 14px; background-position: 0 -48px; }

/* u-btn */
.u-btn { 
    text-align: center; cursor: pointer; padding: 0 20px; height: 40px; line-height: 40px; 
    font-size: 14px; border: 1px solid #d9d9d9; border-radius: 4px; 
    transition: background-color .2s linear, border-color .2s linear; 
}
.u-btn.btn-primary { background-color: #1ac095; border-color: #1ac095; color: #fff; }
.u-btn.btn-primary-line { background-color: transparent; border-color: #1ac095; color: #1ac095; }
.u-btn.is-disabled { border-color: #e6e6e6; color: #bbb; }
.btn-block { display: block; width: 100%; font-size: 16px; }
.btn-block.is-disabled { background-color: #a3e2d2 !important; border-color: #a3e2d2 !important; color: #fff !important; }

/* u-input */
input::placeholder { color: #bbb; }
.u-input { position: relative; display: block; border: none; }
.u-input input { 
    display: block; width: 100%; box-sizing: border-box;
    height: 40px; line-height: 40px; border: 1px solid #e6e6e6; border-radius: 4px; 
    padding: 0 60px 0 32px; font-size: 14px; 
}
.u-fixation { position: absolute; top: 0; right: 0; height: 100%; cursor: pointer; }
.input-clear, .input-eye { float: left; height: 40px; line-height: 40px; padding: 0 12px 0 8px; }
.u-input .u-fixation .input-clear .iconfont { float: left; font-size: 12px; line-height: 1em; color: #999; margin-top: 15px; transform: scale(.8); }
.input-eye .ico-eye { float: left; margin-top: 14px; }
.input-eye.is-hide .ico-eye { background-position: 0 -64px; margin-top: 13px; }
.u-input .u-fixation .verify-pic { height: 100%; padding: 10px; box-sizing: border-box; }
.u-input .u-fixation .verify-pic img { display: block; height: 100%; }
    /**/
.input-phone { overflow: hidden; }
.input-phone .u-input { float: left; width: 220px; }
.input-phone .u-btn { float: right; width: 110px; padding: 0; }

/* check-group */
.check-group { position: relative; }
.check-group label { float: left; margin-right: 6px; }
.check-group .iconfont { float: left; font-size: 13px; color: #bbb; }
.check-group .is-checked .icon-checkbox:before { content: '\e609'; }
.check-group .is-checked .icon-checkbox { color: #1ac095; }
.check-group .u-badge { 
    position: absolute; left: -10px; top: 24px; 
    border: 1px solid #ff8e62; background-color: #fff5f1; border-radius: 4px; box-shadow: 0 2px 10px rgb(0 0 0 / 6%); 
    font-size: 12px; line-height: 20px; color: #f25618; padding: 0 6px; white-space: nowrap;
}
.check-group .u-badge:before,
.check-group .u-badge:after {
    position: absolute; left: 10px; content: '';
    border: 5px solid transparent;
}
.check-group .u-badge:before{  top: -9px; border-bottom-color: #fff5f1; z-index: 2; } 
.check-group .u-badge:after { top: -10px; border-bottom-color: #ff8e62; }

/* header-bar */
.header-bar { height: 80px; }
.header-bar .w1200 { height: 50px; padding: 15px 0; }
.header-bar .logo { float: left; margin-top: 1px; }
.header-bar .logo-txt { position: relative; float: left; margin: 10px 0 0 20px; padding-left: 20px; font-size: 18px; line-height: 30px; }
.header-bar .logo-txt:before {
    position: absolute; left: 0; top: 6px; content: '';
    width: 1px; height: 20px; background-color: #bbb;
}
.header-bar .r-txt { font-size: 14px; color: #bbb; margin-top: 15px; }

/* coat-bar */
.coat-bar { position: relative; height: 680px; box-sizing: border-box; }
.coat-bar.bg-lawyer { background: url('../images/bg_lawyer.png') no-repeat center top; }

/* login-oauth */
.login-oauth { 
    position: absolute; left: 50%; top: 120px; z-index: 10; margin-left: -200px;
    width: 400px; background-color: #fff; border-radius: 4px; overflow: hidden; 
}
.login-bar .bar-tit {
    height: 94px; padding: 24px 30px 0; box-sizing: border-box;
    background: url('../images/bg_tit.png') no-repeat;
}
.login-bar .bar-tit dt { font-size: 16px; line-height: 22px; font-weight: 600; }
.login-bar .bar-tit dd { font-size: 14px; line-height: 20px; color: #999; margin-top: 6px; }

/* form-bar */
.form-bar { padding: 24px 30px 0; } 
.form-group li { padding-bottom: 20px; }
.form-group li .input-ico { position: absolute; left: 10px; top: 13px; }
.form-group li .err-tip { font-size: 12px; line-height: 16px; color: #ed5214; margin-top: 4px; }
.form-group li .err-tip .iconfont { font-size: 12px; margin: -2px 4px 0 0; }
.form-group li.err-show { padding-bottom: 10px; }

/* h16-t4 */
.h16-t4 { height: 16px; line-height: 16px; font-size: 12px; color: #bbb; margin-top: 4px; }
.h16-t4 .ico-asr { margin: -3px 0 0 2px; }

/* tcp-bar */
.tcp-bar { position: relative; padding-left: 20px; font-size: 12px; color: #bbb; }
.tcp-bar .check-group { position: absolute; left: 0; top: 0; }
.h74 { height: 74px; line-height: 74px; text-align: center; border-top: 1px solid #f5f5f5; margin: 24px 30px 0; }

/* popup-oauth */
.plr30 { padding: 0 30px; }
.popup-oauth .popup-bar { width: 400px; z-index: 2; }
.popup-oauth .login-bar { position: static; left: auto; top: auto; margin: auto; }


/* #3326 2022-10-08 lj */
.mr4 { margin-right: 4px; }
.mt12 { margin-top: 12px; }
.mt40 { margin-top: 40px; }
.f18 { font-size: 18px; }
.lh24 { line-height: 24px; }
.lh28 { line-height: 28px; }
.input-focus input { border-color: #1ac095; box-shadow: 0 0 4px #cdf5eb; }
.find-passwords .login-oauth { height: 480px; }
.find-passwords .login-bar .bar-tit dt { padding-top: 8px; line-height: 24px; }
.find-passwords .login-bar .bar-tit dt .icon-arrow-left { margin-right: 12px; margin-top: -3px; }
.find-passwords .form-bar { padding-top: 20px; }
.find-passwords .u-input input { padding-left: 11px; }
.find-passwords .err-tip { padding-left: 12px; }
.find-passwords .err-tip.s-c9 { color: #999; }
.fd-password-tit { margin-bottom: 40px; }
.fd-password-tit .txt { font-size: 12px; color: #999; line-height: 18px; }
.fd-password-tit .txt .ico-sub { display: inline-block; vertical-align: middle; margin: -2px 2px 0 0; width: 12px; height: 12px; background: url('../images/ico-sub.png') no-repeat; }
.fd-password-tit .tit { margin-top: 8px; font-size: 18px; line-height: 28px; font-weight: bold; color: #333; }
.forgot_password_result { padding: 109px 20px 0; text-align: center; }
.forgot_password_result .no_login { display: inline-block; font-size: 14px; color: #999; cursor: pointer; margin-top: 20px; line-height: 22px; }
.forgot_password_result .ico { width: 56px; height: 56px; display: block; margin: auto; }

/* pop-imgVerify */
.pop-imgVerify .popup-bar { width: 270px; }
.pop-imgVerify .popup-bar .u-input input { padding: 0 100px 0 12px; font-size: 14px; }
.pop-imgVerify .popup-bar .u-input .iconfont { position: inherit; }