#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: 50px;}
#tpdialog .cbx h2 span{float:left;font-size:14px;color:#333;font-weight: bold;}
#tpdialog .cbx h2 i{float:right;width:50px;height:50px;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:70px;line-height: 55px;font-size:15px;color:#333;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:90px;height:32px;font-size:13px;text-align: center;background: #eee;color: #666;margin:0 8px;display: inline-block;border:0;transition: all .3s;}
#tpdialog .cbx .btn button.sure{background: #32A39A;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;border-radius: 8px;
    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;
  border-radius: 8px;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;
  border-radius: 8px;vertical-align: -10px;margin-right: 3px;}

#tpdialog .loadbx{min-height: 30px;height:auto;line-height: 20px;padding:10px 10px;}
#tpdialog .loadbx .loadsp{display: block;margin:10px 0 0 0;}
#tpdialog .loadig{
    width: 60px;
    height: 20px;
    margin: 5px auto 0 auto;
}
#tpdialog .loadig span{
    display: inline-block;
    width: 4px;
    height: 100%;
    margin:0 3px;
    border-radius: 4px;
    background: lightblue;
    -webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
    0%,100%{
        height: 20px;
        background: lightblue;
    }
    50%{
        height: 30px;
        margin: -5px 3px;
        background: #32A39A;
    }
}
#tpdialog .loadig span:nth-child(2){
    -webkit-animation-delay:0.2s;
}
#tpdialog .loadig span:nth-child(3){
    -webkit-animation-delay:0.4s;
}
#tpdialog .loadig span:nth-child(4){
    -webkit-animation-delay:0.6s;
}
#tpdialog .loadig span:nth-child(5){
    -webkit-animation-delay:0.8s;
}