.block {position: absolute;left: 0;top: 0;}
.sliderContainer{
    box-sizing:border-box;position:relative;text-align:center;width:100%;height:40px;line-height:40px;
    margin-top:1vw;background:#f7f9fa;color:#45494c;border:1px solid #e4e7eb;
}
.sliderContainer_active .slider{
    height:38px;border:1px solid #3bc37b;
}
.sliderContainer_active .slideMask{
    height:38px;border-width:1px;
}
.sliderContainer_success .slider{
    height:38px;top:-1px;border:1px solid #3bc37b;background-color: #3bc37b !important;
}
.sliderContainer_success .sliderMask {
    height: 38px;border: 1px solid #3bc37b;background-color: #cceac8;
}
.sliderContainer_success .sliderIcon{
    background-position:0 0 !important;
}
.sliderContainer_fail .slider{
    height:38px;top:-1px;border:1px solid #f57a7a;background:#f57a7a !important;
}
.sliderContainer_fail .sliderMask{
    height:38px;border:1px solid #f57a7a;background:#fce1e1;
}
.sliderContainer_fail .sliderIcon{
    top:14px;background-position:0 -82px !important;
}
.sliderContainer_active .sliderText,.sliderContainer_success .sliderText,.sliderContainer_fail .sliderText{
    display:none;
}
.sliderMask{
    position:absolute;left:0;top:0;height:38px;
    border:0 solid #3bc37b;background:#cceac8;
}
.slider{
    position:absolute;top:0;left:0;width:40px;height:38px;
    background:#fff;box-shadow:0 0 3px rgba(0,0,0,0.3);
    cursor:pointer;transition:background .2s linear;
}
.slider:hover{background:#3bc37b;}
.slider:hover .sliderIcon{background-position:0 -13px;}
.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 {
    position:absolute;right: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;
}