/*CSS reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*html { height: 100%;}*/
body { font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif; padding: 0;  margin: 0 ; }
a { text-decoration: none; color:#333;color:inherit;}/** 重置超链接元素 **/
a:hover {text-decoration: none; color:inherit;}/*color:#333;*/
img { max-width: 100%;  border: 0; }
a img { background: transparent ;}
a img:hover, a img:active { background: transparent; }
.clearfix:after{content: '';display: block;height: 0;visibility: hidden;clear: both;}
.clearfix{clear: both;zoom: 1;}
*, :after, :before {-webkit-box-sizing: border-box;box-sizing: border-box;}

/*文字排版*/
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px;}
.f19{ font-size:19px;}
.f20{ font-size:20px;}
.f21{ font-size:21px;}
.f22{ font-size:22px;}
.f23{ font-size:23px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}
.f36{ font-size:36px;}
.lhpx14{ line-height:14px;}
.lhpx16{ line-height:16px;}
.lhpx18{ line-height:18px;}
.lhpx20{ line-height:20px;}
.lhpx21{ line-height:21px;}
.lhpx22{ line-height:22px;}
.lhpx23{ line-height:23px;}
.lhpx24{ line-height:24px;}
.lhpx25{ line-height:25px;}
.lhpx26{ line-height:26px;}
.lhpx27{ line-height:27px;}
.lhpx28{ line-height:28px;}
.lhpx29{ line-height:29px;}
.lhpx30{ line-height:30px;}
.lhpx31{ line-height:31px;}
.lhpx32{ line-height:32px;}
.lhpx33{ line-height:33px;}
.lhpx34{ line-height:34px;}
.lhpx35{ line-height:35px;}
.lhpx36{ line-height:36px;}
.lhpx37{ line-height:37px;}
.lhpx38{ line-height:38px;}
.lhpx39{ line-height:39px;}
.lhpx40{ line-height:40px;}
.lhpx41{ line-height:41px;}
.lhpx42{ line-height:42px;}
.lhpx43{ line-height:43px;}
.lhpx44{ line-height:44px;}
.lhpx45{ line-height:45px;}
.lhpx46{ line-height:46px;}
.lh150{ line-height:150%;}
.lh180{ line-height:180%;}
.lh200{ line-height:200%;}
.unl{ text-decoration:underline;}
.no_unl{ text-decoration:none;}

/*定位*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.bc{ margin-left:auto; margin-right:auto;}
.fl{ float:left; }
.fr{ float:right; }
.cb{ clear:both;}
.cl{ clear:left;}
.cr{ clear:right;}
.vm{ vertical-align:middle;}
.pr{ position:relative;}
.pa{ position:absolute;}
.abs-right{ position:absolute; right:0px;}
.zoom{ zoom:1;}
.hidden{ visibility:hidden;}
.none{ display:none;}

/*长度高度*/
.w10{ width:10px;}
.w20{ width:20px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w600{ width:600px;}
.w700{ width:700px;}
.w800{ width:800px;}
.wper10{ width:10%;}
.wper20{ width:20%;}
.wper30{ width:30%;}
.wper40{ width:40%;}
.wper50{ width:50%;}
.wper60{ width:60%;}
.wper70{ width:70%;}
.wper80{ width:80%;}
.wper90{ width:90%;}
.wper100{ width:100%;}
.h20{ height:20px;}
.h22{ height:22px;}
.h24{ height:24px;}
.h25{ height:25px;}
.h26{ height:26px;}
.h27{ height:27px;}
.h28{ height:28px;}
.h30{ height:30px;}
.h32{ height:32px;}
.h34{ height:34px;}
.h35{ height:35px;}
.h36{ height:36px;}
.h38{ height:38px;}
.h40{ height:40px;}
.h42{ height:42px;}
.h44{ height:44px;}
.h45{ height:45px;}
.h46{ height:46px;}
.h47{ height:47px;}
.h48{ height:48px;}
.h50{ height:50px;}
.h80{ height:80px;}
.h100{ height:100px;}
.h200{ height:200px;}
.hper100{ height:100%;}

/*边距*/
.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}
.m30{ margin:30px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt100{ margin-top:100px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb100{ margin-bottom:100px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}
.mr100{ margin-right:100px;}
.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p30{ padding:30px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt100{ padding-top:100px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}
.pb100{ padding-bottom:100px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}
.pl100{ padding-left:100px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}
.pr50{ padding-right:50px;}
.pr100{ padding-right:100px;}

/*共用样式*/
.cursor_hand{ cursor:pointer;}