@font-face{  
    font-family:'avenir';  
    /*src:url('../fonts/Avenir.ttc')  format('truetype');*/ 
    font-weight:normal;  
    font-style:normal;  
      
}  
body{font-family:"avenir","Helvetica Neue", "Hiragino Sans GB", "微软雅黑", Helvetica, Arial, sans-serif}
a{text-decoration: underline;color:#128ddf}
a:hover{text-decoration:underline;color:#128ddf}
a:active{text-decoration:underline;color:#128ddf}

img{
    border:none;
    display:block;
}

/*辅助*/
.p-5{padding:5px!important;}
.p-10{padding:10px!important;}
.p-20{padding:20px!important;}
.p-30{padding:30px!important;}
.p-40{padding:40px!important;}
.p-l-5{padding-left:5px!important;}
.p-l-10{padding-left:10px!important;}
.p-l-20{padding-left:20px!important;}
.p-l-30{padding-left:30px!important;}
.p-l-40{padding-left:40px!important;}
.p-r-5{padding-right:5px!important;}
.p-r-10{padding-right:10px!important;}
.p-r-20{padding-right:20px!important;}
.p-r-30{padding-right:30px!important;}
.p-r-40{padding-right:40px!important;}
.p-t-5{padding-top:5px!important;}
.p-t-10{padding-top:10px!important;}
.p-t-20{padding-top:20px!important;}
.p-t-30{padding-top:30px!important;}
.p-t-40{padding-top:40px!important;}
.p-b-5{padding-bottom:5px!important;}
.p-b-10{padding-bottom:10px!important;}
.p-b-20{padding-bottom:20px!important;}
.p-b-30{padding-bottom:30px!important;}
.p-b-40{padding-bottom:40px!important;}
.m-t-5{margin-top:5px!important;}
.m-t-7{margin-top:7px!important;}
.m-t-10{margin-top:10px!important;}
.m-t-20{margin-top:20px!important;}
.m-t-30{margin-top:30px!important;}
.m-t-40{margin-top:40px!important;}
.m-t-50{margin-top:50px!important;}
.m-t-60{margin-top:60px!important;}
.m-b-5{margin-bottom:5px!important;}
.m-b-7{margin-bottom:7px!important;}
.m-b-10{margin-bottom:10px!important;}
.m-b-20{margin-bottom:20px!important;}
.m-b-30{margin-bottom:30px!important;}
.m-b-40{margin-bottom:40px!important;}
.m-b-50{margin-bottom:50px!important;}
.m-b-60{margin-bottom:60px!important;}

.clear{clear: both;}


/*进度条*/
#loader-box{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 99999;top: 0;left:0;display: none;}
/*29d     pointer-events:none;*/
#loader-box .spinner{display:block;position:fixed;z-index:1031;position:fixed;top:50%;left:48%;}
#loader-box .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#fff;border-left-color:#fff;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}
@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes nprogress-spinner{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}



#loader{
	width:100%;
	height: 100%;
	position: fixed;
	top:0;
	z-index: 9999;
    background-color:#05203b;
    background-size: cover
}

#loader .logo{
    width: 20%;
    position: relative;
    top: 50%;
    left: 40%;
    text-align: center;
    height: 50px;
    margin-top: -25px;
    transition:all .5s;
}
#loader .logo img{
    width:100px;
    height:35.5px;
    display:inline-block;
    width:138px;
    height:49px;
}

#loader .msg{
    position: absolute;
    top: 88%;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 12px;
}

#loader .loader-process{
    width: 138px;
    height: 2px;
    position: relative;
    top: 50%;
    background-color: #374d61;
    margin: 0 auto;
    margin-top: 10px;
}
#loader .speed{
  display: block;
  width: 0%;
  height: 100%;
  background-color: #fff;
  transition:all .3s;
}

#loader .loader-text{
  width:30%;
  border-radius: 10px;
  position: relative;
  top:89%;
  left:35%;
  font-size: 12px;
  text-align: center;
  color: #fff;
  line-height: 100%;
}

.fadeInUpShort{
    -webkit-animation-name:fadeInUpShort;
    animation-name:fadeInUpShort;
}
@-webkit-keyframes fadeInUpShort{
    0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,50%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}

}
@keyframes fadeInUpShort{
    0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,50%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}

}