.sildervalidation_pop{
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:#000;
  opacity:0.5;
  z-index:99999;
}
.validition_box{
  box-sizing:content-box;
  background:#ccc;
  position: absolute; 
  width: 310px; 
  top:250px;
  left:50%;
  margin-left: -155px;
  border:1px solid #ccc;
  z-index:99999;
  padding:50px;
  background:#fff;
}
.validition_box .block {
  position: absolute;
  left: 0;
  top: 0;
}
.validition_img_box{
    position:relative;
    border: 1px solid #e4e7eb;
    width: 310px;
}
.validition_box .valite_img2{
  position:absolute;
  left:0;
  border:1px solid #fff;
}
.validition_box #msg{
  width:310px;
  margin:0 auto;
  margin-top:20px;
  text-align:center;
  height:20px;
  font-size:20px;
}
.validition_box .sliderContainer {
  position: relative;
  text-align: center;
  width: 310px;
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  background: #f7f9fa;
  color: #45494c;
  border: 1px solid #e4e7eb;
}
.validition_close{
  position:absolute;
  right:5px;
  top:0px;
  transform:rotate(45deg);
  color:#45494c;
  font-size:35px;
  cursor:pointer;
}
.validition_box .sliderContainer_active .slider {
  height: 38px;
  top: -1px;
  border: 1px solid #1991FA;
}

.validition_box .sliderContainer_active .sliderMask {
  height: 38px;
  border-width: 1px;
}

.validition_box .sliderContainer_success .slider {
  height: 38px;
  top: -1px;
  border: 1px solid #52CCBA;
  background-color: #52CCBA !important;
}

.validition_box .sliderContainer_success .sliderMask {
  height: 38px;
  border: 1px solid #52CCBA;
  background-color: #D2F4EF;
}

.validition_box .sliderContainer_success .sliderIcon {
  background-position: 0 0 !important;
}

.validition_box .sliderContainer_fail .slider {
  height: 38px;
  top: -1px;
  border: 1px solid #f57a7a;
  background-color: #f57a7a !important;
}

.validition_box .sliderContainer_fail .sliderMask {
  height: 38px;
  border: 1px solid #f57a7a;
  background-color: #fce1e1;
}

.validition_box .sliderContainer_fail .sliderIcon {
  top: 14px;
  background-position: 0 -82px !important;
}
.validition_box .sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText {
  display: none;
}

.validition_box .sliderMask {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  border: 0 solid #1991FA;
  background: #D1E9FE;
}

.validition_box .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;
}

.validition_box .slider:hover {
  background: #1991FA;
}

.validition_box .slider:hover .sliderIcon {
  background-position: 0 -13px;
}

.validition_box .sliderIcon {
  position: absolute;
  top: 15px;
  left: 13px;
  width: 14px;
  height: 12px;
  background: url(//img.58cdn.com.cn/crop/biz/pc/new_e58/static/images/e58check.png) 0 -26px;
  background-size: 34px 471px;
}

.validition_box .refreshIcon {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  cursor: pointer;
  background: url(//img.58cdn.com.cn/crop/biz/pc/new_e58/static/images/e58check.png) 0 -437px;
  background-size: 34px 471px;
}