#tpdialog .bg{width:100%;height:100%;background: #000;opacity: 0.5;position: fixed;left:0;top:0;z-index: 10000;}
#tpdialog .bg_no{opacity: 0;}
#tpdialog .cbx{width:500px;height:200px;overflow: hidden;position: fixed;z-index:10001;left:50%;top:50%;
    margin-left:-250px;margin-top:-100px;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
    background: #fff;
}
#tpdialog .cbx h2{height:50px;padding:0 0 0 15px;line-height: 40px;border-bottom: solid 0px #eee;}
#tpdialog .cbx h2 span{float:left;font-size:14px;color:#333;font-weight: bold;}
#tpdialog .cbx h2 i{float:right;width:40px;height:40px;display: block;background: url("../images/icon_close_g.png") no-repeat center;background-size:12px;transition: all .5s;opacity: .8;}
#tpdialog .cbx h2 i:hover{cursor: pointer;opacity: 1;}
#tpdialog .cbx .text{padding:10px 20px 20px 20px;text-align: center;min-height:50px;line-height: 45px;font-size:15px;color:#666;overflow: hidden;}
#tpdialog .cbx .text b{color:#f00;}
#tpdialog .cbx .text p{line-height: 20px;font-size:12px;color:#f36a6a;}
#tpdialog .cbx .btn{text-align: center;}
#tpdialog .cbx .btn a{color:#e00c0c;display: inline-block;margin-left:20px;vertical-align: 1px;}
#tpdialog .cbx .btn button{width:80px;height:32px;font-size:13px;text-align: center;background: #ddd;color: #666;margin:0 8px;display: inline-block;border:0;transition: all .3s;}
#tpdialog .cbx .btn button.sure{background: #2054ae;color:#fff;}
#tpdialog .cbx .btn button:hover{opacity: .8;cursor: pointer;}
#tpdialog .cbx2 .txt{font-size:16px;line-height: 50px;}
#tpdialog .toast{
    min-width:30px;height:30px;line-height: 30px;padding:10px 20px;text-align: center;
    background:rgba(0, 0, 0, .8);margin-left:-35px;margin-top:-25px;color:#fff;font-size:14px;
    overflow: hidden;position: fixed;z-index:10001;left:50%;top:50%;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
#tpdialog .toast .fail{display: inline-block;width:30px;height:30px;background: url("../images/icon_error.png") no-repeat center;background-size: 20px;vertical-align: -10px;margin-right: 3px;}
#tpdialog .toast .right{display: inline-block;width:30px;height:30px;background: url("../images/icon_success.png") no-repeat center;background-size: 20px;vertical-align: -10px;margin-right: 3px;}
#tpdialog .toast .load{display: inline-block;width:30px;height:30px;}
#tpdialog .toast .load img{width:95%;height:95%;}
#tpdialog .toast .loadsp{padding-left: 5px;display: inline-block;vertical-align: 9px;}



#loader-wrap{
    display: none;
}
#loader-container {
  width: 100px;
  height: 100px;
  color: white;
  margin: 0 auto;
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border: 3px solid #ff5151;
  border-radius: 50%;
    overflow: hidden;
    background: #fff;
  -webkit-animation: borderScale 1.5s infinite ease-in-out;
  animation: borderScale 1.5s infinite ease-in-out;
}

#loadingText {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: fixed;
  z-index: 10001;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
    background: #fff;
}
@-ms-keyframes borderScale {
  0% {
    border: 3px solid white;
  }
  50% {
    border: 15px solid #ff5151;
  }
  100% {
    border: 3px solid white;
  }
}
@-webkit-keyframes borderScale {
  0% {
    border: 3px solid white;
  }
  50% {
    border: 15px solid #ff5151;
  }
  100% {
    border: 3px solid white;
  }
}
@keyframes borderScale {
  0% {
    border: 3px solid white;
  }
  50% {
    border: 15px solid #ff5151;
  }
  100% {
    border: 3px solid white;
  }
}