.captcha-layer-box .block{position:absolute;left:0;top:0}.captcha-layer-box .card{display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;border:1px solid rgba(0,0,0,.125)}.captcha-layer-box .card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.captcha-layer-box .card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.captcha-layer-box .card-body{flex:1 1 auto;padding:1.25rem}.sliderContainer{position:relative;text-align:center;line-height:40px;background:#f7f9fa;color:#45494c;border-radius:2px}.sliderbg{position:absolute;left:0;right:0;top:0;background-color:#f7f9fa;height:40px;border-radius:2px;border:1px solid #e6e8eb}.sliderContainer_active .slider{top:-1px;border:1px solid #1991fa}.sliderContainer_active .sliderMask{border-width:1px 0 1px 1px}.sliderContainer_success .slider{top:-1px;border:1px solid #52ccba;background-color:#52ccba !important}.sliderContainer_success .sliderMask{border:1px solid #52ccba;border-width:1px 0 1px 1px;background-color:#d2f4ef}.sliderContainer_success .sliderIcon:before{content:""}.sliderContainer_fail .slider{top:-1px;border:1px solid #f57a7a;background-color:#f57a7a !important}.sliderContainer_fail .sliderMask{border:1px solid #f57a7a;background-color:#fce1e1;border-width:1px 0 1px 1px}.sliderContainer_fail .sliderIcon:before{content:""}.sliderContainer_active .sliderText,.sliderContainer_success .sliderText,.sliderContainer_fail .sliderText{display:none}.sliderMask{position:absolute;left:0;top:0;height:40px;border:0 solid #1991fa;background:#d1e9fe;border-radius:2px}.slider{position:absolute;top:0;left:0;width:40px;height:40px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;transition:background .2s linear;border-radius:2px;display:flex;align-items:center;justify-content:center}.slider:hover{background:#1991fa}.slider:hover .sliderIcon{background-position:0 -13px}.sliderText{position:relative}.refreshIcon{position:absolute;right:0;top:0;cursor:pointer;margin:6px;color:rgba(0,0,0,.25);font-size:1rem;z-index:5;transition:color .3s linear}.refreshIcon:hover{color:#6c757d}

#captcha-layer{user-select:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:99999;background-color: rgba(0,0,0,.6);display: none;}
#captcha-layer-cnt{width:280px;height:204px;overflow: hidden;}
#captcha-layer .sliderContainer .sliderIcon{display: inline-block;width: 24px;height: 24px;background: url("./img/slidercaptcha-arrow.png") no-repeat center/contain;}
#captcha-layer .sliderContainer .sliderIcon:before{display: none}
#captcha-layer .sliderContainer_fail .sliderIcon{background-image: url("./img/slidercaptcha-fail.png");}
#captcha-layer .sliderContainer_success .sliderIcon{background-image: url("./img/slidercaptcha-success.png");}
#captcha-layer .refreshIcon{width: 18px;height: 18px;opacity:.6;right:2px;background: url("./img/slidercaptcha-rate.png") no-repeat center/contain;}
#captcha-layer .captcha-layer-box{position: absolute;left:50%;top: 50%;transform: translate(-50%,-70%);}
#captcha-layer .captcha-layer-header{padding:8px 0 8px 15px;background-color: #fafafa;border-bottom: 1px solid rgba(0,0,0,.125);font-size: 12px;}
#captcha-layer .captcha-layer-close{display: inline-block;float: right;width: 18px;height: 18px;font-size: 36px;line-height: 12px;margin-right: 8px;cursor: pointer;opacity: .6;}
#captcha-layer .captcha-layer-close:hover, #captcha-layer .refreshIcon:hover{opacity: 1}
#captcha-layer-cnt>canvas:first-child{width: 286px;transform: translate(-1px,-1px);background-color: #fff;}