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!important;}
.hide{ display:none!important;}
.block{ display:block}
.inline-block{ display:inline-block;}
.rel{
    position: relative;
}

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


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

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


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

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

/*float*/
.fn-left{float: left;}
.fn-right{float: right;}

/*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-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-40{ font-size: 40px;}
.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-c{color: #ccc}
.fn-color-6{ color: #666}
.fn-color-3{ color: #333;}
.fn-color-f{ color: #fff;}
.fn-color-1{ color: #3c94ff}
.fn-color-orange{ color: #f78c68}
.fn-color-red{color: #ff0000;}
.fn-color-y{ color: #FBA652;}
.fn-color-green{ color: #4cc3a5;}
.fn-color-blue{color: #3781d8}
.fn-color-89a4{color: #8999a4;}
.fn-color-white{color: #fff;}


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

/*padding*/
.pd5{padding: 5px;}
.pd10{padding: 10px}
.pd15{padding: 15px}
.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-15{padding-left: 15px}
.pd-r-15{padding-right: 15px}
.pd-t-15{padding-top: 15px}
.pd-b-15{padding-bottom: 15px}

.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-r-30{padding-right: 30px}
.pd-t-30{padding-top: 30px}
.pd-b-30{padding-bottom: 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-15{margin-left: 15px}
.mg-r-15{margin-right: 15px}
.mg-t-15{margin-top: 15px}
.mg-b-15{margin-bottom: 15px}

.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-25{margin-left: 25px}

.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-r-40{margin-right: 40px}
.split{height:10px;width:100%; display:block;}

/*width*/
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w140{width: 140px;}
.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:160px;}
input.w148{width:148px;}
input.w300{width:288px;}
input.w460{width: 460px;}
.w70{width: 60px;}

/*高度*/
.h110{height: 110px;}
.h94{height: 94px;}
.h70{height: 70px;}
.h50{height: 50px;}
.h40{height: 40px;}
.h30{height: 30px;}
.h20{height: 20px;}
.h10{height: 10px;}
.lh58{line-height: 58px;}
.lh38{line-height: 38px;}
.lh41{line-height: 41px;}
.h41{height: 41px;}
.lh34{line-height: 34px;}
.lh30{line-height: 30px;}
.lh20{line-height: 20px;}
.lh40{line-height: 40px;}
.mh150{min-height: 150px;}
.mh80{min-height: 80px;}

.right-border{
    border-right:1px solid #2b93ed;
}

.pointer:hover{
    cursor: pointer;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999;
}
.bold{
    font-weight: bold;
}
.test-text{
    font-size: 12px!important;
    padding:0px 30px 0px 15px;
}