/* login.css */

/* popup-login-verify */
.popup-login-verify { 
    position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 800;
    display: none;
}
.popup-login-verify.is-show { display: block; }

.popup-login-verify .s-primary.is-disabled { color: #bbb !important; }
.mt8 { margin-top: .4rem; }
.mt12 { margin-top: .6rem; }
.mt16 { margin-top: .8rem; }
.mt24 { margin-top: 1.2rem; }
.mb12 { margin-bottom: .6rem; }
.mt32 { margin-top: 1.6rem; }
.ml12 { margin-left: .6rem; }
.plr32 { padding: 0 1.6rem; }
.lh18 { line-height: .9rem; }
.popup-login-verify .popup-box.popup-confirm { background: none; border-radius: 0; }
.popup-login-verify .popup-confirm .conts-box,
.popup-login-verify .popup-confirm .btn-group.btn-group-extr { padding-bottom: .75rem; }
.popup-login-verify .s-c9 { color: #999; }
.popup-login-verify .s-primary { color: #11b790; }
.popup-login-verify .s-warn { color: #f43651 }

/* icon */
.popup-login-verify .ico-login {
    display: inline-block; vertical-align: middle;
    background: url('../image/ico_login.png') no-repeat;
    background-size: .8rem 2.5rem;
}
.popup-login-verify .ico-asr { width: .6rem; height: .6rem; background-position: 0 0; }
.popup-login-verify .ico-eye { width: .8rem; height: .8rem; background-position: 0 -0.75rem; }

/**/
.popup-login-verify .login-bg { background: #fff url('../image/bg.png') no-repeat; background-size: 100% auto; position: relative; z-index: 1; }

/* login-conts */
.popup-login-verify .login-conts { position: relative; }
.popup-login-verify .login-conts .tab-loginbar { position: absolute; top: 2rem; right: 1.6rem; line-height: 1.4rem; cursor: pointer; font-size: .6rem; color: #666; }

/* login-dl */
.popup-login-verify .login-dl { padding: 2rem 1.6rem .8rem; }
.popup-login-verify .login-dl dt { font-size: 1rem; line-height: 1.4rem; font-weight: 600; }
.popup-login-verify .login-dl dd { font-size: .6rem; line-height: .9rem; color: #bbb; margin-top: .3rem; }

/* form-bar */
.popup-login-verify .form-bar { padding: 0 1.6rem; }
.popup-login-verify .form-bar .form-group li { padding: .5rem 0 0 0; }
.popup-login-verify .form-bar .form-group li:after { left: 0; right: 0; }
.popup-login-verify .form-bar .form-group, .popup-login-verify .form-bar .u-input { background: transparent; }
.popup-login-verify .form-bar .form-group li .u-input { padding-left: 0; }
.popup-login-verify .form-group li.error:after { background-color: #f43651; }
.popup-login-verify .error-tips { position: absolute; left: 0; right: 0; margin-top: .4rem; }
.popup-login-verify .h22 { height: 1.1rem; line-height: 1.1rem; }
.popup-login-verify .u-input input { padding: .6rem 0; color: #333; }
.popup-login-verify .u-input .input-clear { padding-right: 0; }
.popup-login-verify .form-bar .u-input .input-eye { margin-left: .6rem; }
.popup-login-verify .form-bar .u-input .input-eye.is-hide .ico-eye { background-position: 0 -1.7rem; }
.popup-login-verify .h18-t24 { height: .9rem; line-height: .9rem; margin-top: 1.2rem; font-size: .6rem; color: #bbb; }
.popup-login-verify .h18-t24 .ico-asr { margin: -0.15rem 0 0 .2rem;}
/* tcp-bar */
.popup-login-verify .tcp-bar { position: relative; padding-left: 1.1rem; font-size: .6rem; line-height: .9rem; color: #bbb; }
.popup-login-verify .tcp-bar span { display: inline; }
.popup-login-verify .tcp-bar .check-group { position: absolute; left: 0; top: 0; }
.popup-login-verify .tcp-bar .check-group label { float: left; margin: 0; }
.popup-login-verify .tcp-bar .check-group label .iconfont { font-size: .7rem; }
.popup-login-verify .tcp-bar .check-group label.is-checked .icon-checkbox { color: #11b790; }
.popup-login-verify .tcp-bar .check-group label.is-checked .icon-checkbox:before { content: '\e609'; }
.popup-login-verify .tcp-bar .check-group .u-badge { 
    position: absolute;  left: -0.5rem; bottom: -1.25rem; 
    border: 1px solid #ff8e62; background-color: #fff5f1; border-radius: .2rem; box-shadow: 0 .1rem .5rem rgba(0,0,0, 0.06);
    font-size: .55rem; color: #f25618; padding: 0 .3rem; white-space: nowrap; line-height: 1rem;
}
.popup-login-verify .u-badge:before, 
.popup-login-verify .u-badge:after { position: absolute; content: ''; z-index: 10; margin-left: -0.2rem; border: .2rem solid transparent; }
.popup-login-verify .tcp-bar .u-badge:before{ top: -0.4rem; left: .8rem; border-top-color: transparent; border-bottom-color: #ff8e62; }
.popup-login-verify .tcp-bar .u-badge:after { top: -0.3rem; left: .8rem; border-top-color: transparent; border-bottom-color: #fff5f1; }
.popup-login-verify .login-conts .u-btn.is-disabled { background-color: #a3e2d2 !important; border-color: #a3e2d2 !important; color: #fff !important; }
.popup-login-verify .login-conts .form-bar .u-btn { display: block; height: 2.4rem; line-height: 2.4rem; width: 100%; width: -webkit-fill-available; border-radius: .2rem; }

/* bot-lawyer */
.popup-login-verify .bot-lawyer { 
    position: relative; height: 8.7rem; padding: 6rem 1.6rem 0; margin-top: 2.6rem;
    background: url('../image/lawyer.png') no-repeat; background-size: 100% auto;
    font-size: .6rem; color: #666; text-align: center; 
}

/* popup-bottom-bar */
.popup-login-verify .u-btn.btn-primary { border-color: #11b790; background-color: #11b790; color: #fff; }
.popup-login-verify .u-input { position: relative; display: flex; white-space: nowrap; background-color: #fff } 
.popup-login-verify .u-input input { display: block; width: 100%; padding: .6rem .4rem; line-height: 1.2rem; color: #666 } 
.popup-login-verify .u-input .input-clear { margin-left: .6rem; white-space: nowrap; line-height: 2.35rem; } 
.popup-login-verify .u-input .input-clear .iconfont { color: #ccc }

.popup-login-verify .form-group li { position: relative; padding: 0 .8rem; line-height: 2.4rem; min-height: 2.4rem; overflow: hidden } 
.popup-login-verify .form-group li:after { position: absolute; left: .8rem; right: .8rem; bottom: 0; content: ''; height: 1px; background-color: #e8e8e8; transform: scaley(0.5) }
.popup-login-verify .form-group li input { padding-left: 0; position: relative; z-index: 0; }
    /* popup-oauth */
.popup-oauth .pop-conts { padding: 2rem 1.6rem 1.6rem; }
.popup-oauth .pop-title { height: 1rem; line-height: 1rem; font-size: .7rem; padding: 0; font-weight: 600; }
.popup-oauth .form-group li { padding: 0; }
.popup-oauth .form-group li:after { left: 0; right: 0; } 
.popup-oauth .form-group .u-input { padding: 0; }
.popup-oauth .form-group .u-input input { padding: .6rem 0 .5rem; line-height: 1.4rem; font-size: 1rem; }
.popup-oauth .btn-block { display: block; width: 100%; height: 2.4rem; border-radius: .2rem; font-size: .85rem; }

/* */
.popup-login-verify .toplogo { padding: 3rem; }
.popup-login-verify .toplogo img { display: block; width: 2.85rem; height: 3.05rem; margin: auto; }
.popup-login-verify .tit-h20 { height: 1rem; line-height: 1rem; font-size: .7rem; margin-bottom: -0.2rem; }
.popup-login-verify .form-bar .u-input.h44 input { line-height: 1.4rem; font-size: 1rem; padding: .4rem 0; }
.popup-login-verify .u-input.h44 .input-clear { height: 2.2rem; line-height: 2.2rem; }

._nc .stage1 .slider { height: 52px !important; border-radius: 0px !important; box-shadow: 0 0 3px #999 !important; background-color: #ddd !important; }
._nc .stage1 .track div { border-radius: 0 !important; color: #fff !important; }
.nc .stage1 .bg-green { background-color: #78c430 !important; }
.nc .stage1 .bg-red { background-color: #78c430 !important; }

/* popup-protol-tips popup-ali-code */
.popup-protol-tips, .popup-ali-code { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; }
.popup-protol-tips .bg, .popup-ali-code .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0, 0.5); }
.popup-protol-tips .popup-bar, .popup-ali-code .popup-bar { padding: 1.2rem .8rem; }
.popup-protol-tips .pop-conts, .popup-ali-code .pop-conts { line-height: 1.2rem; text-align: left; }
.popup-protol-tips .pop-conts span { display: inline; }
.popup-protol-tips .btn-group { margin-top: 1rem; display: flex; }
.popup-protol-tips .btn-group .u-btn { flex: 1; margin-right: .6rem; border-radius: .2rem; } 
.popup-protol-tips .btn-group .u-btn:last-child { margin-right: 0; }
.popup-protol-tips .btn-group .btn-gray { background-color: #f0f0f0; color: #666; border-color: #f0f0f0; }

/* bot-lawyer-fixed */
.bot-lawyer-fixed { position: absolute; right: 0; bottom: 0; left: 0; }
.bot-lawyer { margin-top: 2rem; }