/*数据加载*/
#loading{position:fixed;z-index:9990;width:100%;height:100%;background:rgba(0,0,0,.3);top:0;left:0;}
#loading .loading-box{
    background-color: rgba(0, 0, 0, 0.62);
    z-index: 20180102;
    position: fixed;
    padding: 10px;
    border-radius: 4px;
    margin-left: -83px;
    margin-top: -24px;
    color: #FFF;
    left: 50%;
    top: 50%;
    font-size: 18px;
}
#loading .loading-box .iconbox{
    position:relative;
    top:-.01rem;
    display:inline-block;
    margin-right:.1rem;
    width:30px;
    height:30px;
    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: 20px;
    padding: 15px;
    width: 33.33%;
    height: 46px;
    border-radius: 2px;
    font-size: 14px;
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.42857143;
    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{display:none;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;}