body{
    font:12px "microsoft yahei",Arial,Helvetica,sans-serif;
    color:#333;
    margin:0;
    padding:0;
    background-color:#f7f7f7;
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
    list-style:none;
}
div:after{
    content:"";
    display:block;
    clear:both;
}
div:before{
    content:"";
    display:table;
}
a{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}
/*a:hover{*/
    /*color:#ff6700;*/
/*}*/
img{
    vertical-align:middle;
    margin:0;
    padding:0;
}
*{
    box-sizing:border-box;
}
.lf{float:left;}
.rt{float:right;}
i{
    font-style: normal;
}
html{
    height:100%;
}
#NONARCH_BODY{
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -o-flex: 1 0 auto;
    flex: 1 0 auto;
    background: #f7f7f7;
}
/*.modal-header {*/
    /*padding: 5px;*/
/*}*/
.modal-header h4 {
    font-size: 16px;
    margin: 10px 0;
    text-align: center;
}
.w400{
    width:400px!important;
}

/* 新的加载动画样式*/
.loading{
    text-align: center;
    margin:0;
    color:#333;
    font-size: 14px;
    padding-bottom: 8%;
    overflow: hidden;
}
.loading .loading_img{
    width: 40px;
    margin: 12% 0 0 0;
}
.loading .loading_text{
    margin: 10px 0 0 0;
}

/*css3loading
.loading{
    text-align: center;
    margin:0;
    color:#333;
    font-size: 14px;
    padding-bottom: 8%;
    overflow: hidden;
}
.load3{
    width: 60px;
    height: 60px;
    position: relative;
    margin:8% auto 10px;
}
.double-bounce1, .double-bounce2{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce1, .double-bounce2{
    background-color: #22A1CF;
}
.double-bounce2{
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes bounce{
    0%, 100%{
        -webkit-transform: scale(0.0)
    }
    50%{
        -webkit-transform: scale(1.0)
    }
}
@keyframes bounce{
    0%, 100%{
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50%{
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
.load8 {
    width: 20px;
    height: 20px;
    position: relative;
    margin-top:4px;
}
.container1 > div, .container2 > div, .container3 > div {
    width: 6px;
    height: 6px;
    background-color: #4BB9EB;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.load8 .load8-container {
    position: absolute;
    width: 100%;
    height: 100%;
}
*/