/*reset*/
/*
-- 内含
 - 元素自始化
 - 各种颜色
 - 字号
 - 间距补丁
 - 对齐方式
 - 盒子模型
 - 公共萌样式
*/
html {
  -webkit-text-size-adjust: none;
  font-family: \5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;
  font-size: 17px; 
  background-color:#f6f6f6;
}


@media all and (max-width:320px){
       	html{ font-size: 14.5px; }
       }
@media all and (max-width:360px){
       	html{ font-size: 16px; }
       }


html,body{display: block;height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,a {
  margin: 0;
  padding: 0;
 -webkit-tap-highlight-color: transparent;
 -webkit-touch-callout: none;
}
input,textarea{margin: 0;  padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);word-wrap: break-word;word-break: break-all;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {  display: block;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;  font-weight: normal;}
input,button,select,textarea{outline:none} 
input::-webkit-inner-spin-button { -webkit-appearance: none;}
input:not([type=checkbox]){line-height: normal;-webkit-appearance: none;}
li{list-style: none;}
img{max-width: 100%;border:none;}
a{text-decoration: none;color:#717070; outline: none;display: block;}
a:visited {color:#717070;} 

/*字号*/
.f12{font-size:0.75rem;}
.f13{font-size:0.8125rem;}
.f14{font-size:0.875rem;}
.f15{font-size:0.9375rem;}
.f16{font-size:1rem;}
.f17{ font-size: 1.0625rem; }
.f18{font-size:1.125rem;}
.f19{font-size:1.2rem;}
.f20{font-size:1.25rem;}
.f22{font-size:1.375rem;}
.f24{font-size:1.5rem;}


/*补丁*/
.mt10{ margin-top:0.625rem; }
.mb5{ margin-bottom:.32rem; }
.mr5{ margin-right: .32rem; }
.mt5{ margin-top: .32rem; }
.mt3{ margin-top: .1875rem; }
.ml5{ margin-left: .32rem; }
.p1{ padding-left:.85rem; }
.ml10{ margin-left: 0.625rem; }
.mr10{ margin-right: 0.625rem; }
.mb10{ margin-bottom: 0.625rem; }
.mt7{ margin-top: 0.4375rem;}
.mb3{margin-bottom: 0.1875rem;}

.w100{ width: 100%;}


/*颜色*/
.c_grey_66{ color: #666666; }
.c_grey_66:visited{ color: #666666; }
.c_grey_99{ color: #999999; }
.c_grey_99:visited{ color: #999999; }
.c_white{ color:#fff; }
.c_white:visited{ color:#fff; }
.c_grey_33{ color: #333333; }
.c_grey:visited{ color: #333333; }
.c_red{ color:#e63e3a; }
.c_orange{ color:#ff8900; }
.bg_white{ background-color:#fff; }

/*对齐方式*/
.tar{ text-align:right; }
.tal{text-align: left;}
.tac{ text-align:center; }
.vbm{vertical-align: middle;}

/*其它配置*/
.yahei{font-family:\5FAE\8F6F\96C5\9ED1;}
.vab{vertical-align: bottom;}
.lh15{ line-height: 1.5; }
.b{ font-weight:bold;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content: "\20"; display: block;height: 0;clear: both; visibility: hidden;}
.disb,.block{ display:block; }
.hide{ display: none; }
.pr{ position:relative;}
.ovh{ overflow: hidden;}


/*盒子模型*/
.flex-p{display:box;display:-ms-box;display:flex;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;}
.flex-c{display:block;flex:1;-ms-flex:1;-webkit-flex:1;box-flex:1;-ms-box-flex:1;-webkit-box-flex:1; }
.box_aling{-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center; }
.box_aling_bo{-webkit-box-pack:baseline; -moz-box-pack:baseline; -webkit-box-align:baseline; -moz-box-align:baseline; }