
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }
.box  {box-sizing: border-box;}

/* overflow */
.ovh { overflow: hidden; }

/* position */
.rel,.pr { position: relative; }
.abs,.pa{ position: absolute; }

/* font-family */
.fw { font-family: 'Microsoft Yahei'; }
.fs { font-family: "宋体", Helvetica, Arial, sans-serif;  }


/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/* 清除浮 动*/
.fix { *zoom:1; }
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}

/*table*/
table { width: 100%;border-spacing:0;border-collapse: collapse;}

/* margin */
.m0 { margin:0 !important; }

.ml0 { margin-left: 0}.ml1 { margin-left: 1px; }.ml2 { margin-left: 2px; }.ml5 { margin-left: 5px; }.ml10 { margin-left: 10px; }.ml15 { margin-left: 15px; }.ml20 { margin-left: 20px; }.ml25 { margin-left: 25px;}.ml30 { margin-left: 30px; }

.mr1 { margin-right: 1px; }.mr2 { margin-right: 2px; }.mr5 { margin-right: 5px; }.mr10 { margin-right: 10px; }.mr15 { margin-right: 15px; }.mr20 { margin-right: 20px; }.mr30 { margin-right: 30px; }

.mt1 { margin-top: 1px !important; }.mt2 { margin-top: 2px; }.mt5 { margin-top: 5px; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt25 { margin-top: 25px; }.mt30 { margin-top: 30px; }

.mb1 { margin-bottom: 1px; }.mb2 { margin-bottom: 2px; }.mb5 { margin-bottom: 5px; }.mb10 { margin-bottom: 10px; }.mb15 { margin-bottom: 15px; }.mb20 { margin-bottom: 20px; }.mb25 { margin-bottom: 25px; }.mb30 { margin-bottom: 30px; }

/* padding */
.p0 { padding: 0; }.p1 { padding: 1px; }.p2 { padding: 2px; }.p5 { padding: 5px; }.p10 { padding: 10px; }.p15 { padding: 15px; }.p20 { padding: 20px; }.p30 { padding: 30px; }

.pl1 { padding-left: 1px; }.pl2 { padding-left: 2px; }.pl5 { padding-left: 5px; }.pl10 { padding-left: 10px; }.pl15 { padding-left: 15px; }.pl20 { padding-left: 20px; }.pl30 { padding-left: 30px; }

.pr1 { padding-right: 1px; }.pr2 { padding-right: 2px; }.pr5 { padding-right: 5px; }.pr10 { padding-right: 10px; }.pr15 { padding-right: 15px; }.pr20 { padding-right: 20px; }.pr30 { padding-right: 30px; }

.pt1 { padding-top: 1px; }.pt2 { padding-top: 2px; }.pt5 { padding-top: 5px; }.pt10 { padding-top: 10px !important;}.pt15 { padding-top: 15px; }.pt20 { padding-top: 20px; }.pt30 { padding-top: 30px; }

.pb1 { padding-bottom: 1px}.pb2 { padding-bottom: 2px; }.pb5 { padding-bottom: 5px; }.pb10 { padding-bottom: 10px; }.pb15 { padding-bottom: 15px; }.pb20 { padding-bottom: 20px; }.pb30 { padding-bottom: 30px; }

/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }

.bgnone{background:none !important;}
.bg_red{background:#fc0100 !important;}
.bg_fff{background:#fff !important;}
.bg_ccc{background:#ccc !important;}
.bg_eee{background:#e4e4e4 !important;}
.bg_333{background:#333 !important;}
.bg_444{background:#444 !important;}

/*字体颜色*/
.c_fff{color:#fff !important;}
.c_333,.c3{color:#333 !important;}
.c_666,.c6{color:#666 !important;}
.c_999,.c9{color:#999 !important;}
.c_ccc,.cc{color:#ccc !important;}
.c_red{color:#fe0000 !important;}
.c_blue{color:#258FFD !important;}

/*字体大小*/
.font_12,.f12{font-size:12px !important;}
.font_14,.f14{font-size:14px !important;}
.font_16,.f16{font-size:16px !important;}
.font_18,.f18{font-size:18px !important;}
.font_20,.f20{font-size:20px !important;}
.font_22,.f22{font-size:22px !important;}
.font_24,.f24{font-size:24px !important;}
.font_26,.f26{font-size:26px !important;}
.font_28,.f28{font-size:28px !important;}
.font_30,.f30{font-size:30px !important;}
.font_35,.f35{font-size:35px !important;}
.font_40,.f40{font-size:40px !important;}

/*宽度*/
.w100{width:100%}
.w95{width:95%}
.w90{width:90%}
.w80{width:80%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w40{width:40%}
.w33{width:33%}
.w30{width:30%}
.w25{width:25%}
.w20{width:20%}
.w10{width:10%}

/*行高*/
.lh_12,.lh12{line-height:12px !important;}
.lh_14,.lh14{line-height:14px !important;}
.lh_16,.lh16{line-height:16px !important;}
.lh_18,.lh18{line-height:18px !important;}
.lh_20,.lh20{line-height:20px !important;}
.lh_22,.lh22{line-height:22px !important;}
.lh_24,.lh24{line-height:24px !important;}
.lh_26,.lh26{line-height:26px !important;}
.lh_28,.lh28{line-height:28px !important;}
.lh_30,.lh30{line-height:30px !important;}
.lh_35,.lh35{line-height:35px !important;}
.lh_40,.lh40{line-height:40px !important;}
.lh_50,.lh50{line-height:50px !important;}

/*角边颜色*/
.bnone{border:none !important;}
.b_ccc,.bc{border:#ccc 1px solid !important;}
.b_999,.b9{border:#999 1px solid !important;}
.b_666,.b6{border:#666 1px solid !important;}
.b_666,.b6{border:#666 1px solid !important;}
.b_eee,.be{border:#eee 1px solid !important;}

/*圆角边*/
.br5{border-radius:5px;}.br10{border-radius:10px;}
.br15{border-radius:15px;}.br20{border-radius:20px;}
.br25{border-radius:25px;}.br30{border-radius:30px;}
.br35{border-radius:35px;}.br40{border-radius:40px;}
.br45{border-radius:45px;}.br50{border-radius:50px;}
