@charset "utf-8";

/* CSS Document */

html{font-family:"";font-size:12px;color:#333;overflow-x:hidden;overflow-y:auto;}

/*CSS reset*/

html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,label,img{margin:0;padding:0; font-size:12px; font-family:"宋体";}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{

	border:none;

	font-family: "宋体";}

img{display:block;}	

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;}

legend{color:#000;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

a{outline:none; color:#000; text-decoration:none;}


.clearfix:after{content:".";display:block;height:0;clear:both;font-size:0;

visibility:hidden;}

.clearfix{*zoom:1;}/*for IE6、IE7*/

.vm{verticle-align:middle;}

.pr{position:relative;}

.pa{position:absolute;}

.pf{position:fixed;}

.abs-right{position:absolute;right:0}



.zoom{zoom:1;}/*是IE的专有属性，触发IE的hasLayout.hasLayout是IE浏览器的一个专有属性，用于css的解析引擎。有些复杂的css样式在IE下解析非常怪异，比如一个经典BUG就是设置的border，有时候border会断开，滚动滚动条的时候又会重新连起来。这种情况可能是没有触发hasLayout，通过这个属性可以手动触发hasLayout，这样大部分奇怪的现象就可以解决了。hasLayout的设计初衷是辅助解析块状对象的，如果用于行间对象，可能会引发特殊效果*/



.hidden{visibility:hidden;}/*代表隐藏内容，但是内容依然占据空间，和display:none要区分开来。*/



.none{display:none;}/*对象的内容和占位空间全部隐藏*/





/*---------------------------------文字排版*/

.f12{font-size:12px;}

.f13{font-size:13px;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.f20{font-size:20px;}

.fb{font-weight:bold}

.fn{font-weight:normal;}

.t2{text-indent:2em;}

.lh20{ line-height:20px;}

.lh150{line-height:150%;}

.lh180{line-height:180%;}

.lh200{line-height:200%;}

.unl{text-decoration:underlline;}

.no_unl{text-decoration:none;}



/*----------------------------------定位*/

.tl{text-align:left;}

.tc{text-align:center;}

.tr{text-align:right;}

.bc{margin-left:auto;margin-right:auto;}/*blockcenter*/

.fl{float:left;display:inline;}

.fr{float:right;display:inline;}

.cb{clear:both;}

.cl{clear:left;}

.cr{clear:rigth;}





/*----------------------------------长度高度*/

.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;}

.w300{width:300px;}

.w400{width:400px;}

.w420{width:420px;}

.w500{width:500px;}

.w600{width:600px;}

.w700{width:700px;}

.w800{width:800px;}

.w980{width:980px;}

.w{width:100%}

.h50{width:50px;}

.h80{width:80px;}

.h100{width:100px;}

.h200{width:200px;}

.h{height:100%}



/*-----------------------------------边距*/

.m10{margin:10px;}

.m15{margin:15px;}

.m30{margin:30px;}

.mt5{margin-top:5px;}

.mt10{margin-top:10px;}

.mt15{margin-top:15px;}

.mt20{margin-top:20px;}

.mt30{margin-top:30px;}

.mt50{margin-top:50px;}

.mt100{margin-top:100px;}

.mb5{margin-bottom:5px;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb20{margin-bottom:20px;}

.mb30{margin-bottom:30px;}

.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;}

.ml40{margin-left:40px;}

.ml50{margin-left:50px;}

.ml100{margin-left:100px;}

.ml120{margin-left:120px;}

.mr5{margin-right:5px;}

.mr10{margin-right:10px;}

.mr15{margin-right:15px;}

.mr20{margin-right:20px;}

.mr30{margin-right:30px;}

.mr50{margin-right:50px;}

.mr100{margin-right:100px;}

.mr120{margin-right:120px;}

.mr150{margin-right:150px;}

.mr200{margin-right:200px;}

.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;}

.pt30{padding-top:30px;}

.pt50{padding-top:50px;}

.pt100{padding-top:100px;}

.pb5{padding-bottom:5px;}

.pb10{padding-bottom:10px;}

.pb15{padding-bottom:15px;}

.pb20{padding-bottom:20px;}

.pb30{padding-bottom:30px;}

.pb50{padding-bottom:50px;}

.pb100{padding-bottom:100px;}

.pl5{padding-left:5px;}

.pl10{padding-left:10px;}

.pl15{padding-left:15px;}

.pl20{padding-left:20px;}

.pl30{padding-left:30px;}

.pl50{padding-left:50px;}

.pl100{padding-left:100px;}

.pr5{padding-right:5px;}

.pr10{padding-right:10px;}

.pr15{padding-right:15px;}

.pr20{padding-right:20px;}

.pr30{padding-right:30px;}

.pr50{padding-right:50px;}

.pr100{padding-right:100px;}