/*html{ font-size:62.5%;/*10px÷16px(html默认)×100=62.5,此法的弱点chrome 不支持12px以下字体，会将小于12px的字体按12px计算，因此会62.5会出现计算错误* /}*/
html {font-size:100%/16px;}
/*html5*/ 
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block;}

body,div,h1,h2,h3,p,span,a,ul,li,ol,dl,dt,dd { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; list-style:none;}
a, a:visited, a:link { text-decoration:none; color:#124d93; font-family:'Microsoft YaHei'; }
h1, h2, h3, h4, p, span { font-size:1rem; font-family:'Microsoft YaHei';}
img { border:0;}
ul li { list-style:none;}
/*font-size*/
.fs12 { font-size:0.75rem;}
.fs14 { font-size:0.875rem;}
.fs16 { font-size:1rem;}
.fs18 { font-size:1.125rem;}
.fs20 { font-size:1.25rem!important;}
.fs22 { font-size:1.375rem;}
.fs24 { font-size:1.5rem;}
.fs26 { font-size:1.625rem;}
.fs28 { font-size:1.75rem;}
.fs30 { font-size:1.875rem;}
.fs32 { font-size:2rem;}

/*font-weight*/
.fwb { font-weight:bold;}

/*left right*/
.fl { float:left;}
.fr { float:right;}

/*margin padding*/
.m5 { margin:5px; }
.mt5 { margin-top:5px;}
.mb5 { margin-bottom:5px;}
.mr5 { margin-right:5px;}
.ml5 { margin-left:5px;}

.m10 { margin:10px;}
.mt10 { margin-top:10px;}
.mr10 { margin-right:10px;}
.ml10 { margin-left:10px;}
.mb10 { margin-bottom:10px;}

.m20 { margin:20px;}
.mt20 { margin-top:20px;}
.mr20 { margin-right:20px;}
.ml20 { margin-left:20px;}
.mb20 { margin-bottom:20px;}

.p10 { padding:10px;}
.pt10 { padding-top:10px;}
.pr10 { padding-right:10px;}
.pl10 { padding-left:10px;}
.pb10 { padding-bottom:10px;}

.p20 { padding:20px;}
.pt20 { padding-top:20px;}
.pr20 { padding-right:20px;}
.pl20 { padding-left:20px;}
.pb20 { padding-bottom:20px;}

/*div*/
.div10 { height:10px; clear:both;}
.div15 { height:15px; clear:both;}
.div20 { height:20px; clear:both;}

/*width*/
.wh100 { width:100%; overflow:hidden; }
.w1000 { width:1000px;}
.w1200 { width:1200px; clear:both;}
.w1000,.w1200 { margin:0 auto;}
.w400 { width:400px;}
.wb80 { width:80%; margin:0 auto;}


/*color*/
.yellow { color:#ffd800!important;}
.red { color:#ff0000!important;}
.green { color:#00ff90!important;}
.blue { color:#0094ff;}
.white { color:white!important;}
.black { color:#373737;}
.huise { color:#808080;}
.green069139 { color:#069139;}
.basecolor { color:#124d93!important; }

/*bgcolor*/
.bgwhite { background-color:white;}
.bgred { background-color:#ff0000;}
.bghuise { background-color:#808080;}
.bgfa { background-color:#fafafa;}
.bgf1 { background-color:#f1f1f1;}
.bgf7 { background-color:#f7f7f7;}
.bggreen { background-color:#069139;}
.bgqsgreen { background-color:#109e25;}
.bglogin { background-color:#15a84d;}
.bglogocolor { background-color:#124d93; }
/*border*/
.border-t { border-top:1px solid #d7d7d7;}
.border-b { border-bottom:1px solid #f1f1f1;}
.border-b777 { border-bottom:1px solid #777; }
.border-666 { border:1px solid #666;}
.border-ba { border:1px solid #bababa;}
.border-ff0 { border:1px solid #ff0000;}
.border-bea { border-bottom:1px solid #eaeaea;}
/*line-height*/
.line-h30 { line-height:30px;}
.line-h40 { line-height:40px;}

/*a select样式 */
.on { color:#ffd800!important;}


/*show*/
.show { display:block!important;}

/*input*/
/*input { -webkit-appearance: textfield; background-color: white; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; padding: 1px; border-width: 2px; border-style: inset; border-color: initial;  text-rendering: auto; color: initial;
 letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none;  display: inline-block; text-align: start;  margin: 0em 0em 0em 0em;}*/

.btn { background-color:#f8f8f8; padding:10px 30px; border:1px solid #e8e8e8; border-radius:4px; display:block; }