.block { position: absolute; left: 0; top: 0; }
.sliderContainer { position: relative; text-align: center; width: 220px; height: 40px; line-height: 40px; margin-top: 15px; background: #f7f9fa; color: #45494c; border: 1px solid #e4e7eb; }
.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; border: 1px solid #52CCBA; background-color: #52CCBA !important; }
.sliderContainer_success .sliderMask { height: 38px; border: 1px solid #52CCBA; 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; }
.sliderMask { position: absolute; left: 0; top: 0; height: 40px; border: 0 solid #1991FA; background: #D1E9FE; }
.slider { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); cursor: pointer; transition: background .2s linear; }
.slider:hover { background: #1991FA; }
.slider:hover .sliderIcon { background: url(img/drag_icon1.png) 0 0; }
.sliderIcon { position: absolute; top: 10px; left: 10px; width: 20px; height: 20px; background: url(img/drag_icon.png) 0 0;   }
.refreshIcon { display:inline-block; width: 22px; height: 22px;margin-top:10px; cursor: pointer; background: url(img/refresh_icon.png) 0 0;  }
.closeIcon {display:inline-block;  width: 22px; height: 22px; margin-top:10px;margin-right:12px;cursor: pointer; background: url(img/close_icon.png) 0 0;  }