@charset "utf-8"; 
/* 
@名称: base 
@功能: 重设浏览器默认样式 
*/ 
*{font-family: "microsoft yahei", "microsoft jhenghei", "微软雅黑", "stheiti,mingliu";}
body{font-size:12px;font-family:arial, helvetica, sans-serif;margin:0;padding:0;color:#333;background:#fff;}
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ 
html {color:black;background:white;} 
/* 内外边距通常让各个浏览器样式的表现位置不同 */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;} 
/* 要注意表单元素并不继承父级 font 的问题 */ 
body,button,input,select,textarea {font:12px simsun,tahoma,arial,sans-serif; } 
input,select,textarea {font-size:100%;} 
input[type=submit],button{cursor:pointer}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
/* 去掉各table cell 的边距并让其边重合 */ 
table {border-collapse:collapse;border-spacing:0;} 
/* ie bug fixed: th 不继承 text-align*/ 
th {text-align:inherit;} 
/* 去除默认边框 */ 
fieldset,img {border:none;} 
img{vertical-align:middle}
/* ie6 7 8(q) bug 显示为行内表现 */ 
iframe {display:block;} 
/* 去掉 firefox 下此元素的边框 */ 
abbr,acronym {border:none;font-variant:normal;} 
abbr,acronym{border:0;}
/* 一致的 del 样式 */ 
del {text-decoration:line-through;} 
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:500; } 
/* 去掉列表前的标识, li 会继承 */ 
ol,ul { list-style:none; } 
/* 对齐是排版最重要的因素, 别让什么都居中 */ 
caption,th { text-align:left; } 
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */ 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500; } 
q:before,q:after {content:''; } 
/*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} */
strong, b, .b {font-weight: 700;}
em,i{font-style:normal}
.u{text-decoration:underline}
/* 统一上标和下标 */ 
sub, sup {font-size:75%; line-height:0;position:relative;vertical-align:baseline; } 
sup {top:-0.5em;} 
sub {bottom:-0.25em;} 
a{color:#333;text-decoration:none}
/* 让链接在 hover 状态下显示下划线 */ 
a:hover {text-decoration:underline;} 
/* 默认不显示下划线，保持页面简洁 */ 
ins,a {text-decoration:none; } 
/* ie6,7焦点点状线去除 */ 
a:focus,*:focus { outline:none; } 
/* 清除浮动 */ 
.clearfix:before,.clearfix:after { content:""; display:table; } 
.clearfix:after { clear:both; overflow:hidden; } 
.clearfix { zoom:1; /* for ie6 ie7 */ } 
.clear{clear:both;display:block;overflow:hidden; height:0; line-height:0; font-size:0; } 
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden} 
*html .clearfix{height:1%} 
.clearfix{display:block;} 
/* 设置显示和隐藏, 通常用来与 js 配合 */ 
.hide {display:none !important;visibility:hidden;} 
.block {display:block !important;} 
/* 设置内联, 减少浮动带来的bug */ 
.fl {float:left; display:inline;} 
.fr {float:right; display:inline;} 

/*****文字排版******/ 
.f10{font-size:10px;}.f11{font-size:11px;}
.f12{font-size:12px;} 
.f13{font-size:13px;} 
.f14{font-size:14px;} 
.f16{font-size:16px;} 
.f18{font-size:18px;}
.f20{font-size:20px;} 
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.yahei{font-family:"microsoft yahei";}
.songti{font-family:simsun;}
.verdana{font-family:verdana;}
.fb{font-weight:bold;} 
.fn{font-weight:normal;} 
.t2{text-indent:2em;}
.unl{text-decoration:underline;} 
.no_unl{text-decoration:none;} 

.f333{color:#333}.f666{color:#666}.f999{color:#999}
.black{color:#000}.white{color:#fff}.orange{color:#f60}
.red{color:#e5004f}.blue{color:#0099d9}.green{color:#49a100}

/****定位****/ 
.tl{text-align:left;} 
.tc{text-align:center;} 
.tr{text-align:right;} 
.bc{margin-left:auto;margin-right:auto;} 
.center{text-align:center} 
.cb{clear:both;} 
.cl{clear:left;} 
.cr{clear:right;} 

.lh150{line-height:150%} 
.lh180{line-height:180%} 
.lh200{line-height:200%} 
.vm{vertical-align:center;} 
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.pr{position:relative;} 
.pa{position:absolute;} 
.abs-right{position:absolute;right:0;} 
.zoom{zoom:1} 
.hidden{visibility:hidden;} 
.none{display:none;} 
.pointer{cursor:pointer}
.cursor-help{cursor:help}
.noborder{border:0 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;} 
.w300{width:300px;} 
.w400{width:400px;} 
.w500{width:500px;} 
.w600{width:600px;} 
.w700{width:700px;} 
.w800{width:800px;} 
.w{width:100%} 
.h50{height:50px;} 
.h80{height:80px;} 
.h100{height:100px;} 
.h200{height:200px;} 
.h{height:100%} 
.g1{width:10%}.g2{width:20%}.g3{width:30%}.g4{width:40%}.g5{width:50%}.g6{width:60%}.g7{width:70%}.g8{width:80%}.g9{width:90%}.g10{width: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;} 
.ml30{margin-left:30px;} 
.ml50{margin-left:50px;} 
.ml100{margin-left:100px;} 
.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;} 
.p10{padding:10px;} 
.p15{padding:15px;} 
.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;}