html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,textarea,legend {margin:0;padding:0;list-style:none;}
:focus {outline:0;}

html { font-size: 62.5%;}/*1rem=12px*/
body {font-family:Helvetica,"microsoft yahei",simsun;  font-size: 1.4rem;}


a img {border:0;}
img {vertical-align:middle;}
table {empty-cells:show;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
cite,i,em {font-style:normal;}
b {font-weight:normal;}
div,span,i,a,button,input {-webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-scrollbar {display:none;}
.el {white-space:nowrap;text-overflow:ellipsis;}



.cl:after {content:"\0020";line-height:0;font-size:0;display:block;clear:both;visibility:hidden;overflow:hidden;}
.cl {*zoom:1;}
.c {height:0;clear:both;line-height:0;font-size:0;overflow:hidden;}
a {text-decoration:none;color:#333;}
.wi {width:100%;}
.pyc {display:block;visibility:visible;}
.h60 {height:60px;}
.g50 {height:2.2rem;}
.m04{ margin:0 .4rem}

.bgf{ background:#fff;}

.x2{ background: #f5f5f5; height:2px;}
.g5{ height:5rem;}
.g3{ height:3rem;}
.g2{ height:2rem;}
.g23{ height:2.3rem;}

.w640 {width:640px;margin:0 auto;}
/*小屏的时候*/
@media only screen and (min-width:320px)and (max-width:768px) {.w640 {width:100%}
}

.clear {padding:0;margin:0;height:0;width:0;line-height:0;font-size:0;clear:both}
.clearfix:after,.clearfix:before {content:"";display:table}
.clearfix:after {clear:both;overflow:hidden}
.clearfix {zoom:1}
.flex {display:box;display:-webkit-box;display:-ms-flexbox;display:flex}
.flex-vc {-webkit-box-align:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;-ms-flex-align:center;align-items:center}
.flex-hc {-webkit-box-pack:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-pack:center}
.flex1 {-webkit-box-flex:1;-ms-flex:1;flex:1}
.page {padding-bottom:5.2rem}
.list-wrap {height:100%;overflow:hidden}

.pa{ position:absolute}
.pr{ position:relative}
.fl{ float:left}
.fr{ float:right}
.g5{ height:5rem;}
.g2{ height:2rem;}
.line {display:block;border-top:1px solid #ebebeb;background:#f8f8f8;height:0.6rem;}
.g08{ height:.8rem;}
.hide{ display:none;}
/*底部浮动*/
/*底部的链接*/

.fot{ width:95%; margin:0 auto; }
ul.fex{display:-webkit-box;display:-moz-box;display:-ms-flexbox; margin-bottom:1.5rem;}
ul.fex li{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;width:0; text-align:center;}
ul.fta{ margin-top:1.5rem;}
ul.fta li{ position:relative;}
ul.fta li a{ padding-left:1.5rem;}
ul.fta li a i{ display:block; position:absolute; width:1.5rem; height:1.5rem; background-size:cover; left:.8rem;}
ul.fta li a.t1 i{ background-image:url(../image/t1.jpg);}
ul.fta li a.t2 i{ background-image:url(../image/t2.jpg);}
ul.fta li a.t3 i{ background-image:url(../image/t3.jpg);}

ul.ftb{}
ul.ftb a{ font-size:.7rem;}

/*底部浮动*/
.public-nav {position:fixed;bottom:0;left:0;right:0;z-index:1000; border-top:0px solid #d5d5d5;height:4rem;padding:.1rem 0; border-top:1px solid #eee; background:#fff;}
.public-nav ul.df{  display:-webkit-box;display:-moz-box;display:-ms-flexbox;  }
.public-nav ul.df li{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;width:0;}
.public-nav ul.df li a{ width:100%; display:block; position:relative; height:4rem; text-align:center; }
.public-nav ul.df li a i{ display:block; width:2.3rem; height:2.3rem; background-repeat:no-repeat; background-position:center;  margin:0 auto; background-size:2.3rem; margin-top:.2rem;  }
/*凸出*/
.public-nav ul.df li a.sn3 i{position:absolute; width:3.4rem; height:3.4rem; top:-1.8rem; left:50%; margin-left:-1.86rem;border-radius:100%; border:.26rem solid #fff; box-shadow: 1px -3px 8px rgba(0, 0, 0, 0.3);}

/*end凸出*/
.public-nav ul.df li a.sn1 i{ background-image:url(/template/wap/image/d1.png)}
.public-nav ul.df li a.sn2 i{ background-image:url(/template/wap/image//d2.png)}
.public-nav ul.df li a.sn3 i{ background:url(/template/wap/image/d3.png) #f00582 center no-repeat; background-size:70%;}
.public-nav ul.df li a.sn4 i{ background-image:url(/template/wap/image/d4.png)}
.public-nav ul.df li a.sn5 i{ background-image:url(/template/wap/image/d5.png)}
.public-nav ul.df li a span{ display:block; font-size:1rem; text-align:center; bottom:0; margin-top:0rem; position:absolute;   width:100%; color:#999;}


