/* popup-phone-verify */
.popup-phone-verify { 
    position: fixed; left: 50%; top: 50%; z-index: 1002; margin: -190px 0 0 -165px;
    width: 270px; padding: 24px 30px; background-color: #fff; border-radius: 4px;
}
.popup-phone-verify .pop-close { position: absolute; top: 15px; right: 15px; cursor: pointer; }
.popup-phone-verify .pop-close .iconfont { font-size: 12px; line-height: 14px; color: #666; }
.popup-phone-verify dl dt { font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 10px; }
.popup-phone-verify dl dd { 
    border-bottom: 1px solid #eee; position: relative; padding-right: 30px; 
    -webkit-tap-highlight-color:transparent; 
}
.popup-phone-verify dl dd input { 
    display: block; width: 100%; height: 54px; padding: 20px 0 10px; box-sizing: border-box;
    font-size: 16px; color: #666; line-height: 24px; -webkit-tap-highlight-color:transparent;
}
.popup-phone-verify dl dd input::placeholder { color: #ccc; }
.popup-phone-verify dl dd input[type^='button'] { color: #ccc; text-align: left; }
.popup-phone-verify dl dd.r100 { padding-right: 100px; }
.popup-phone-verify dl dd.r100 .yz-btn { position: absolute; top: 17px; right: 0; -webkit-tap-highlight-color:transparent; }
.popup-phone-verify dl dd.r100 .yz-canvas { display: block; width: 76px; height: 30px; }
.popup-phone-verify dl dd.r100 .yz-tel { line-height: 30px; color: #3682ff; font-size: 16px; cursor: pointer; }
.popup-phone-verify dl dd.r100 .yz-tel.disable { color: #999; }
.popup-phone-verify dl dd .icon-del { 
    position: absolute; top: 38px; right: 0; display: none;
    width: 14px; height: 14px; background-color: #ddd; border-radius: 50%;
    font-size: 12px; color: #fff; text-align: center; line-height: 14px;
}
.error-tip { margin-top: 10px; font-size: 12px; color: #999; line-height: 18px; }
.popup-phone-verify .btn-block { 
    display: block; width: 100%; height: 40px; border: none; border-radius: 25px; 
    font-size: 16px; outline: none; cursor: pointer; margin-top: 20px;
}
.popup-phone-verify .btn-block:active { opacity: .8; }
.popup-phone-verify .explain { font-size: 12px; color: #bbb; line-height: 18px; margin-top: 23px; }
.popup-phone-verify .explain p { padding: 2px 0; }

/** HLX-2445 LQ 2021-10-12 */
.s-primary { color: #0057ff; }
.mt16 { margin-top: 16px; }
.cup { cursor: pointer; }

.check-group label.is-checked .icon-checkbox { color: #0057ff; }
.check-group label.is-checked .icon-checkbox:before { content: '\e644'; }
.check-group .u-badge { 
    position: absolute; left: 0; top: -38px; z-index: 5;
    background-color: rgba(0,0,0, .7); padding: 5px 10px; border-radius: 4px; 
    font-size: 14px; color: #fff; line-height: 22px; white-space: nowrap;
}
.check-group .u-badge:after {
    position: absolute; left: 22px; bottom: -8px; content: '';
    border: 4px solid transparent; border-top-color: rgba(0,0,0, .7);
}
.tcp-bar { position: relative; padding-left: 20px; font-size: 12px; line-height: 16px; color: #999; }
.tcp-bar .check-group { position: absolute; left: 0; top: 0; }
.tcp-bar .check-group label .icon-checkbox { font-size: 12px; }