/* #18458 LJ 2021-10-22 */

/* pop-quick-bar */
.pop-quick-bar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; }
.pop-quick-bar .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .7; }
.pop-quick-conts { position: absolute; top: 50%; left: 50%; width: 344px; margin: -240px 0 0 -200px; border-radius: 4px; background: url('../../images/2021/protocol/bg01.png') #fff top center no-repeat; overflow: hidden; padding: 24px 28px; }
.pop-quick-conts .pop-close { position: absolute; top: 16px; right: 16px; width: 16px; height: 16px; line-height: 15px; border-radius: 50%; cursor: pointer; text-align: center; z-index: 1; background-color: #fff; }
.pop-quick-conts .pop-close:before { content: '×'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; font-size: 12px; color: #ddd;  }
.pop-quick-conts .pop-tit { height: 68px; }
.pop-quick-conts .pop-tit .tit { font-size: 16px; font-weight: bold; line-height: 22px; }
.pop-quick-conts .pop-tit .txt { margin-top: 4px; font-size: 12px; color: #999; line-height: 20px; }
.pop-quick-conts .tips { margin-top: 16px; font-size: 12px; line-height: 18px; color: #bbb; border-top: 1px solid #e8e8e8; padding-top: 20px; }
.pop-quick-conts .form li { margin-top: 20px;}
.pop-quick-conts .form .u-txt { border: 1px solid #e6e6e6; border-radius: 4px; position: relative; z-index: 1; }
.pop-quick-conts .form .u-txt .srk { display: block; width: 100%; padding: 9px 9px 9px 31px; line-height: 20px; box-sizing: border-box; }
.pop-quick-conts .form .u-txt .srk::placeholder { color: #bbb; }
.pop-quick-conts .form .u-txt .iconfont { position: absolute; top: 50%; left: 10px; margin-top: -10px; z-index: -1; color: #bbb; font-size: 14px; }
.pop-quick-conts .form .u-txt.u-w220 { width: 218px; }
.pop-quick-conts .form .gain-code { border: 1px solid #e6e6e6; border-radius: 4px; width: 108px; height: 38px; overflow: hidden; display: block; text-align: center; font-size: 14px; color: #bbb; cursor: pointer; }
.pop-quick-conts .form .gain-code:hover { color: #FF562F; border-color: #FF562F; }
.pop-quick-conts .form .gain-code.is-disabled { cursor: not-allowed; background-color: #f8f8f8 !important; color: #bbb !important; border-color: #e6e6e6 !important; }
.pop-quick-conts .form .img-code { border: 1px solid #e6e6e6; border-radius: 4px; width: 108px; height: 38px; overflow: hidden; }
.pop-quick-conts .form .img-code img { display: block; width: 108px; height: 38px; cursor: pointer; }
.pop-quick-conts .form .login-btn { display: block; width: 100%; height: 40px; line-height: 40px; border-radius: 4px; font-size: 16px; cursor: pointer; background-color: #FF562F; color: #fff; text-align: center; }
.pop-quick-conts .form .login-btn:hover { opacity: .8; }
.pop-quick-conts .form .login-btn.is-disabled { color: #bbb; cursor: not-allowed; background-color: #eee; opacity: 1 !important; }
/* checked-box */
.pop-quick-conts .form .checked-box {position: relative;padding-left: 16px;color: #bbb;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display:inline;line-height:20px}
.pop-quick-conts .form .checked-box:before { font-family: 'iconfont'; font-size: 12px; content: "\e68b"; position: absolute; top: -1px; left: 0; }
.pop-quick-conts .form .checked-box.is-checked:before { content: "\e68e"; color: #FF562F; } 
.pop-quick-conts .form .checked-box input { display: none; }


/* #18512 LJ 2021-12-02 */
/* protocol-badge */
.overflow{ overflow:hidden}
.protocol-badge {
    position: relative;
}
.protocol-badge .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,.06); 
    font-size: 12px; line-height: 20px; color: #F25618; padding: 0 6px; white-space: nowrap;
    overflow:visible
}
.protocol-badge .u-badge:before, 
.protocol-badge .u-badge:after {
    position: absolute; left: 11px; content: '';
    border: 5px solid transparent;
}
.protocol-badge .u-badge:before{  top: -9px; border-bottom-color: #FFF5F1; z-index: 2; } 
.protocol-badge .u-badge:after { top: -10px; border-bottom-color: #ff8e62; }

/* #18610 Lqy 2022-02-21 */
.pop-enter-bar .agreebtn {
    float: right; margin-top: 13px;
    padding: 0 20px; height: 38px;
    font-size: 14px; color: #fff; line-height: 38px;
    background-color: #ff562f; border: 0; border-radius: 19px;
}