@charset "utf-8";

/*滑动图*/
#captchaContainer{ position:absolute; top:50px; left:40px; width:360px; height:360px; z-index:88; background-color:rgba(255,255,255,0.1); padding:20px 40px; border-radius:15px;}
.header{ display: none; top:15px; left:20px; right:20px; height:40px;}
.header .closeBtn{ font-family:Arial; padding:10px 10px; display:inline-block; font-size:16px; color:#999; cursor:pointer; position:absolute; right:0; top:0;}
.header .closeBtn:hover{ color:#ffbd1e;}
.headerText{ position:absolute; font-size:12px; top:8px; left:110px; color:#666; letter-spacing:1px;}
#captchaImg{
    position:absolute; left:30px; top:55px; height:260px; width:300px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:none;background: white;
}
#oriImg{
    position:absolute; left:0px; top:0px; width:300px; height:260px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:none;
}
#cutImg{ position:absolute; border:none; left:0px; }
.sliderContainer {
    position:absolute; bottom:0px; left:30px; right:30px; text-align:center;
    height:40px; line-height:36px; background:#f7f9fa; color:#999; letter-spacing:1px; border:1px solid #e4e7eb; border-radius:25px;
}
.sliderContainer_success{ border:1px solid hsl(125, 93%, 44%);}
.sliderContainer_fail{ border:1px solid #ec3655; }
.slider {
    position:absolute; top:-1px; left:0px; width:40px; height:40px; background:#fff;
    box-shadow:0 0 3px rgba(0, 0, 0, 0.3); transition:background .2s linear; cursor:pointer; cursor:grab; border-radius:25px;
}
.slider_success{ border:1px solid hsl(125, 93%, 44%); }
.slider_fail{ border:1px solid #ec3655; }
.sliderContainer_active .slider{ height:38px; top:-1px; border:1px solid #1991FA;}
.sliderContainer_active .sliderMask{ height:38px; border-width:1px; }
.sliderContainer_success .slider{ height:38px; top:-1px; margin-left:-1px; border:1px solid #52CCBA; background-color:#52CCBA !important;}
.sliderContainer_success .sliderMask{ height:38px; border:none; background-color:#D2F4EF;}
.sliderContainer_success .sliderIcon{ background-position: 0 0 !important;}
.sliderContainer_fail .slider{ height:38px; top:-1px; border:1px solid #f57a7a; background-color:#f57a7a !important; }
.sliderContainer_fail .sliderMask{ height:38px; border:1px solid #f57a7a; background-color:#fce1e1;}
.sliderContainer_fail .sliderIcon{ top:14px; background-position:0 -82px !important;}
.sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText{ display:none; -webkit-user-select:none; user-select:none;}
.sliderMask{ position:absolute; left:0; top:0; height:40px; border:0 solid #1991FA; background:#D1E9FE;}
.slider:active{ cursor:grabbing;}
.slider:hover{ background:#4394ff; border-color:#4394ff;}
.slider:hover .sliderIcon{ background-position: 0 -13px; }
.sliderContainer_success .slider:hover{ border-color:#52CCBA !important;}
.sliderIcon {
    position:absolute; top:15px; left:13px; width:14px; height:12px;
    background: url(http://cstaticdun.126.net//2.6.3/images/icon_light.f13cff3.png) 0 -26px;
    background-size: 34px 471px;
}
.refreshIcon { font-size:14px; color:#4394ff; cursor:pointer; padding:10px 10px; display:inline-block;
    /*position:absolute; left:0; top:0; width:34px; height:34px; cursor:pointer;*/
    /*background:url(http://cstaticdun.126.net//2.6.3/images/icon_light.f13cff3.png) 0 -437px;*/
    /*background-size:34px 471px;*/
}
.refreshIcon:hover{ opacity:0.9;}