@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button,textarea { border:none; padding:0;margin:0;outline-style:none; }   /*去掉input等聚焦时的蓝色边框*/
ul, ol { list-style:none; }
input,div,textarea { padding-top:0; padding-bottom:0; font-family:"Microsoft YaHei","Adobe 黑体 Std", "SimSun";}
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle;max-width: 100%; }  /*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
table { border-collapse:collapse; }
body {
    font:14px/150% "Adobe 黑体 Std",Arial,Verdana,"Microsoft YaHei";
    color:#333;
    background:#ffffff;
}
.clearfix:before,.clearfix:after {  /*清楚浮动*/
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#666; text-decoration:none; }
a:hover{color:#C00;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}  /*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #C81623!important;}
input,textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*公共类*/
.w {  /*版心 提取 */width:1200px;margin:0 auto;max-width:100%;}
.fl {float:left;}
.fr {float:right;}
.al { text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}
.hide {display:none;}
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.boxs{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


@media only screen and (min-width:320PX) and (max-width:360PX) {
  html {
    font-size: 13.65px
  }
}

@media only screen and (min-width:360PX) and (max-width:375PX) {
  html {
    font-size: 15.36px
  }
}

@media only screen and (min-width:375PX) and (max-width:390PX) {
  html {
    font-size: 16px
  }
}

@media only screen and (min-width:390PX) and (max-width:414PX) {
  html {
    font-size: 16.64px
  }
}

@media only screen and (min-width:414PX) and (max-width:640PX) {
  html {
    font-size: 17.664px
  }
}

@media screen and (min-width:640PX) {
  html {
    font-size: 27.31px
  }
}