html,body,div,
form,object,iframe,p,table,th,td,ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
button,input,span,em,s,b,u,a,img,select,header,footer,nav,menu,article,aside,main,section,time{ margin:0; padding:0}
input,select,label,img{ vertical-align:middle}
img{border:none}
s,u{text-decoration:none}
em,i{font-style:normal}
ul,li{ list-style:none}
table{ border-collapse:collapse;border-spacing:0}
.cle{zoom:1}
.cle:after{ clear:both; overflow:hidden;height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.clear{zoom:1}
.clear:after{ clear:both; overflow:hidden; height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.clearhidden{overflow: hidden;zoom:1;}
.clearfix{zoom:1}
.clearfix:after{ clear:both; overflow:hidden; height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.none{ display:none}
.block{ display:block}
.inline-block{ display:inline-block;}

a{ color:#333;text-decoration:none}
a:hover{ text-decoration:none}

.hide{display:none}

input[type=text]:focus,input[type=password]:focus,textarea:focus,a:focus,button:focus{ outline:none}

body{font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:14px;color:#666; line-height:normal;}
input,textarea,button,select{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; outline: none;}


/*sroll*/
::-webkit-scrollbar-track-piece{
background-color:#eff1f2;
-webkit-border-radius:0;
}
::-webkit-scrollbar{
width:8px;
height:8px
}
::-webkit-scrollbar-thumb{
background-color:#8b96a8;
border:solid 1px #8b96a8;
border-radius:0px;
}
::-webkit-scrollbar-thumb:hover{
background-color:#8b96a8;
}
::-webkit-scrollbar-arrow {
color:#F00;
backgound:#0F0;
}

input::-ms-clear{display:none;}

/*float*/
.fn-left{float: left;}
.fn-right{float: right;}
.half{width:50%;}
/*custom*/
.fn-text-left{ text-align: left;}
.fn-text-right{ text-align: right;}
.fn-text-center{ text-align: center;}
.fn-font-16{ font-size: 16px}
.fn-font-12{ font-size: 12px}
.fn-font-13{ font-size: 13px}
.fn-font-14{ font-size: 14px;}
.fn-font-18{ font-size: 18px;}
.fn-font-20{ font-size: 20px;}
.fn-font-24{ font-size: 24px;}
.fn-font-30{ font-size: 30px;}
.fn-font-36{ font-size: 36px;}
.fn-font-40{ font-size: 40px;}
.fn-font-48{ font-size: 48px;}
.fn-text-weak{opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.fn-font-bold{ font-weight: bold;}
.fn-font-nobold{ font-weight: normal;}

.fa.fn-font-16{ font-size: 16px}
.fa.fn-font-12{ font-size: 12px}
.fa.fn-font-14{ font-size: 14px;}
.fa.fn-font-18{ font-size: 18px;}
.fa.fn-font-20{ font-size: 20px;}
.fa.fn-font-24{ font-size: 24px;}
.fa.fn-font-30{ font-size: 30px;}
.fa.fn-font-40{ font-size: 40px;}

.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}

a.fn-color-gray,.fn-color-gray{ color: #999999}
.fn-color-6{ color: #666}
.fn-color-3{ color: #333;}
.fn-color-1{ color: #3c94ff}
.fn-color-white{ color: #fff}
.fn-color-c{ color: #ccc}
/*黑底文字*/
.fn-color-b{ color: #BFBFBF}
.fn-color-orange{ color: #f78c68}
.fn-color-red{color: #ff0000;}
.fn-color-r{color: #8e6d41;}
.fn-color-g{color:#00afad;}
.fn-color-tab{color: #8e6d41;}
.fn-color-y{ color: #FBA652;}
.fn-color-green{ color: #4cc3a5;}
.fn-color-blue{color: #3781d8}
.fn-color-89a4{color: #8999a4;}



/* 背景颜色 */
.bg-white{background-color: #fff;}

.bg-gray{background-color: #f7f7f7;}
.bg-frame{background-color: #f9f9f9;padding-bottom:40px;}
.bg-blue{background-color: #F8FBFF}
.bg-break{background-color: #32363B}
/*主色系*/

.main-color-purple{background-color:#012D77}
.main-color-b{background-color:#548AE5}
.main-color-r{background-color:#F52F3E}
.main-color-pink{background-color:#FE646F}
.main-color-f{background-color:#fff}
/*padding*/
.pd5{padding: 5px;}
.pd10{padding: 10px}
.pd20{padding: 20px;}

.pd-l-5{padding-left: 5px}
.pd-r-5{padding-right: 5px}
.pd-t-5{padding-top: 5px}
.pd-b-5{padding-bottom: 5px}

.pd-l-10{padding-left: 10px}
.pd-r-10{padding-right: 10px}
.pd-t-10{padding-top: 10px}
.pd-b-10{padding-bottom: 10px}

.pd-l-20{padding-left: 20px}
.pd-r-20{padding-right: 20px}
.pd-t-20{padding-top: 20px}
.pd-b-20{padding-bottom: 20px}

.pd-l-30{padding-left: 30px}
.pd-t-30{padding-top: 30px}
.pd-r-30{padding-right: 30px}

/*margin*/
.mg5{margin: 5px;}
.mg10{margin: 10px}
.mg-center{margin: 0 auto;}

.mg-l-5{margin-left: 5px}
.mg-r-5{margin-right: 5px}
.mg-t-5{margin-top: 5px}
.mg-b-5{margin-bottom: 5px}

.mg-l-10{margin-left: 10px}
.mg-r-10{margin-right: 10px}
.mg-t-10{margin-top: 10px}
.mg-b-10{margin-bottom: 10px}

.mg-l-20{margin-left: 20px}
.mg-r-20{margin-right: 20px}
.mg-t-20{margin-top: 20px}
.mg-b-20{margin-bottom: 20px}

.mg-l-30{margin-left: 30px}
.mg-r-30{margin-right: 30px}
.mg-t-30{margin-top: 30px}
.mg-b-30{margin-bottom: 30px}

.mg-t-40{margin-top: 40px}
.split{height:10px;width:100%; display:block;}

/*width*/
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w240{width: 240px;}
.w386{width: 386px;}
.w460{width: 460px;}
.w500{width: 500px;}
.w630{width:630px;}
.w780{width:780px;}
input.w160{width:148px;}
input.w148{width:148px;}
input.w300{width:288px;}
input.w460{width: 460px;}
.w70{width: 60px;}

/*高度*/
.h200{height: 200px;}
.h100{height: 100px;}
.h70{height: 70px;}
.h40{height: 40px;}
.h30{height: 30px;}
.h20{height: 20px;}
.h60{height: 60px;}
.h10{height: 10px;}
.lh70{line-height: 70px;}
.lh38{line-height: 38px;}
.lh30{line-height: 30px;}
.lh20{line-height: 20px;}
.mh150{min-height: 150px;}
.mh80{min-height: 80px;}


/*banner增加登录*/
.layout{
    height: 280px;
    margin: -310px 0 0 0px;
    width: 240px;
    position: relative;
    border-radius: 10px;
    z-index: 99999;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#77300000,endColorstr=#77300000)";
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77300000,endColorstr=#77300000);
    text-align:center;
    float: right;

}
.TopBtn{
    line-height: 38px;
    margin-top:20px;
}
.Eraf a{
    display: inline-block;
    width: 80%;
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    margin: 10px 20px;
    cursor: pointer;
}
.Eraf .ipnt-d{
    color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99ffffff,endColorstr=#99ffffff)";
    background: rgba(255,255,255,.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
}
.Eraf .ipnt-z{
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99f87c31,endColorstr=#99f87c31)";
    background: rgba(248,124,49,0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99f87c31,endColorstr=#99f87c31);
}
.Botm {
    line-height:32px;
    color: #ffffff;
}
.hy-txt{
    display:none;
    color:#fff;
    font-size: 18px;
    font-weight: bolder;
    margin: 15px 0px;
    text-decoration:none;
    -webkit-animation-name: color_login;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name: color_login;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name: color_login;
    -ms-animation-duration:2s;
    -ms-animation-iteration-count:infinite;
    animation-name: color_login;
    animation-duration:2s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes color_login{
    0%{color:#fff;}
    50%{color:#ffa038;}
    100%{color:#fff;}
}
@-moz-keyframes color_login{
    0%{color:#fff;}
    50%{color:#ffa038;}
    100%{color:#fff;}
}
@-ms-keyframes color_login{
    0%{color:#fff;}
    50%{color:#ffa038;}
    100%{color:#fff;}
}
@keyframes color_login{
    0%{color:#fff;}
    50%{color:#ffa038;}
    100%{color:#fff;}
}