/*鏁版嵁鍔犺浇*/
#loading{position:fixed;z-index:99998;width:100%;height:100%;background:rgba(0,0,0,.3);top:0;left:0;}
#loading .loading-box{position:fixed;top:50%;left:50%;z-index:999999;margin-top:-1.2rem;margin-left:-3.7rem;width:7rem;height:1.4rem;border-radius:.15rem;background:rgba(0,0,0,.7);color:#FFF;text-align:center;font-size:.4rem;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.4rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 0.2rem;}
#loading .loading-box .iconbox{position:relative;top:-.01rem;display:inline-block;margin-right:.1rem;width:.8rem;height:.8rem;background:url(../img/loading.svg) no-repeat center center;background-size:100% 100%;vertical-align:middle;-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0);}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0);}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
    20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
}
.showMessages{position:fixed;z-index:9990;width:100%;height:100%;background:rgba(250,250,250,.16);top:0;left:0;}
.showMessages .show-box{text-align:center;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;margin-top:.56rem;padding:0 .4rem;width:90%;height:1.3rem;border-radius:2px;font-size:.34rem;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.3rem;transition:all .5s ease-in-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.showMessages .show-box .colsebutt{position:absolute;top:50%;right:.4rem;margin-top:-.21rem;width:.42rem;height:.42rem;background:url(../img/closebut.svg) no-repeat center center;background-size:100% 100%;color:#999;font-size:.4rem;line-height:.42rem;}
@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
    20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
.alert-success{background-color:#e0f5e9;-webkit-box-shadow:0 2px #cdefdb;box-shadow:0 2px #cdefdb;color:#34a263;}
.alert-danger{background-color:#f9eae8;-webkit-box-shadow:0 2px #f4d8d4;box-shadow:0 2px #f4d8d4;color:#c54736;}
.alert-warning{background-color:#fdf3e5;-webkit-box-shadow:0 2px #fbe8cd;box-shadow:0 2px #fbe8cd;color:#efa231;}
.alert-info{background-color:#edf6fd;-webkit-box-shadow:0 2px #d6ebfa;box-shadow:0 2px #d6ebfa;color:#43a3e5;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
    100%{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}

.tipsbox {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    margin-left: -2rem;
    margin-top: -0.53333333rem;
    width: 4rem;
    padding: 0.26666667rem;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 0.32rem;
    color: #FFFFFF;
    line-height: 0.53333333rem;
    text-align: center;
    border-radius: 0.12rem;
}
.loadingBox {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    margin: auto;
    width: 2.4rem;
    height: 1.6rem;
    padding: 0.26666667rem;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 0.32rem;
    color: #FFFFFF;
    line-height: 0.53333333rem;
    text-align: center;
    border-radius: 0.12rem;
}
.loadingIco {
    width: 25px;
    height: 25px;
    -webkit-animation: circle infinite 0.75s linear;
    -moz-animation: circle infinite 0.75s linear;
    -o-animation: circle infinite 0.75s linear;
    animation: circle infinite 0.75s linear;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 100%;
    margin: 0.13333333rem auto;
}
@keyframes circle {
    from {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}