html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
   font-size:62.5%;
  }
  /*手机屏幕显示*/
@media only screen and (min-width: 0px) and (max-width: 760px) {
	html{
	   font-size:7px;
  }
}
/*平屏幕显示*/
@media only screen and (min-width: 760px) and (max-width:992px) {
	html{
	   font-size:62.5%;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
/*body{ background: #f0f0f0;}*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,i,b,label{margin: 0; padding: 0;}
a {color:#333; text-decoration: none; -webkit-tap-highlight-color: transparent; }
em{font-style: normal;}
b{ font-weight:normal;} 
i{ font-style:normal;}
h1{font-weight:normal;}
ul,ol,li,dl,dt,dd{list-style: none;}	
img{ border:none;}
label,em,img{ vertical-align:middle;}
table{border-collapse:collapse;empty-cells:show;}
.main{ max-width:640px;margin:auto;}
.w100{ width:100%;}
.thisimg img{width:100%;} 
.fl{float:left;}
.fr{float:right;}
.ct{margin:0 auto;}
.ftc{ text-align:center;}
.ftright{ text-align:right;}
.ftleft{ text-align:left;}
.bold{ font-weight:bold;} 
.textline{text-decoration:underline;}
.clear:{
	clear:both
}
.letter8{
	letter-spacing: 8px;
}
.letter2{
	letter-spacing:2px;
}
.clearfix:before,.clearfix:after{display:table;content:" ";}
.clearfix:after{clear:both;}
.clear{clear:both;} 
.mt3{margin-top:3px;} 
.mt5{ margin-top:5px;} 
.mt6{ margin-top:6px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{margin-top:20px;}

.mr3{margin-right:3px;} 
.mr5{ margin-right:5px;}
.mr6{ margin-right:6px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{margin-right:20px;}
 
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{margin-left:20px;}

.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}

.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}

.pad5{ padding:5px;}
.pad10{ padding:10px;}
.pad15{ padding:15px;}
.pad20{ padding:20px;}

.ft12{ font-size:1.2rem;}
.ft13{ font-size:1.3rem;}
.ft14{ font-size:1.4rem;}
.ft15{ font-size:1.5rem;}
.ft16{ font-size:1.6rem;}
.ft17{ font-size:1.7rem;}
.ft18{ font-size:1.8rem;}
.ft19{ font-size:1.9rem;}
.ft20{ font-size:2rem;}
.ft22{ font-size:2.2rem;}
.ft23{ font-size:2.3rem;}
.ft24{ font-size:2.4rem;}
.ft26{ font-size:2.6rem;} 
.ft30{ font-size:3rem;}

.c000{color:#000;}
.cfff{ color:#fff;}
.cf60{ color:#ff6600;}
.cred{ color:#ff0000;}
.c333{ color:#333;}
.c666{ color:#666;}
.c999{ color:#999;}
.c444{color:#444;}
.c89{color:#898989;}
.zcolor{color:#459d36;}
.cgreen{color:#51c62c;}
.cblue{color:#0ca4ed;}
.cpink{color:#fe4aa7;}
.c93c{color:#e3393c;}
.c300{color:#78b300;}
.cf0{color:#f03e3e;}

.bgfff{ background:#fff;} 
.bgmcolor{background:#459d36;}
.bgf5{background:#f5f5f5;}
.bgaf{background:#afafaf;}
.bg58{background:#ea5858;}
.tc-bg{background:rgba(0,0,0,.85);}

.overflow{overflow:hidden;}
.rela{position:relative;}
.fixed{position: fixed;}
.abs{position: absolute;}
.hide{display:none;}
.block{display: block;}
.inblock{display: inline-block;}
.flex{display: -webkit-box;-webkit-box-align:center;}
.flex1{-webkit-box-flex:1;}


.round50{border-radius:50%;}
.round5{border-radius:5px;}
.round30{border-radius:30px;}

.pointer{cursor: pointer;}
body{
	background: #F0F0F0;
}
/*图片响应式*/
.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}