﻿/*----main.css v1.0.7(2016.05.26) 作者：方林----*/
/* 页面初始化 */

*{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,i,var,caption{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
small{font-size:12px}
legend{color:#000}
p{word-wrap:break-word}
q:before,q:after{content:'';cursor:pointer}
ul,ol,li{list-style:none}
a,a img,button{cursor:pointer}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img,input,select,button{border:0;vertical-align:middle}
a,area{blr:expression_r(this.onFocus=this.blur())}
a:focus,input:focus,button:focus{outline:0}
::-ms-clear{display:none}
::-ms-reveal{display:none}
body{font-size:12px;font-family:\5B8B\4F53;color:#8a8a8a;position:relative}
select{outline:0}
ul{list-style:none}
a{text-decoration:none}

/* 块属性设定 */
.dline{display:inline}
.dnone{display:none}
.dtablec{display:table-cell}
.dblock{display:block}

/* 字体大小 */
.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}
.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}
.f36{font-size:36px}
.f38{font-size:38px}
.f40{font-size:40px}
.f42{font-size:42px}
.f46{font-size:46px}
.f48{font-size:48px}
.f50{font-size:50px}

/* 字体粗细 */
.fw400{font-weight:400}
.fw600{font-weight:600}
.fw800{font-weight:800}

/* 行高设置 */
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.lh250{line-height:250%}
.lh300{line-height:300%}

/* 文字修饰 */
.unl{text-decoration:underline}
.crossline{text-decoration:line-through}
.nounl{text-decoration:none}

/* 字体类型 */
.simsun{font-family:\5B8B\4F53}
.simhei{font-family:\9ED1\4F53}
.yahei{font-family:\5FAE\8F6F\96C5\9ED1}

/* 首行缩进 */
.tit0{text-indent:0}
.tit1{text-indent:1em}
.tit2{text-indent:2em}
.tit3{text-indent:3em}
.tit4{text-indent:4em}
.tit5{text-indent:5em}
.tit6{text-indent:6em}
.tit7{text-indent:7em}
.tit8{text-indent:8em}
.tit9{text-indent:9em}

/* 文字对齐 */
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.vt{vertical-align:top}
.vm{vertical-align:middle}
.vb{vertical-align:bottom}

/* 常用文字颜色 */
.white{color:#FFF}
.red{color:#F00}
.green{color:#0F0}
.blue{color:#1074bb}
.yellow{color:#ff9900}
.lblue{color:#00a1e9}
.black{color:#000}
.brown{color:#3c1c05}
.dgray{color:#444}
.mgray{color:#666}
.lgray{color:#9c9c9c}
.eblue{color:#00a1e9;}
.whitebg{background:#FFF}

/* 常用文字颜色 */
.redbg{background:#F00}
.greenbg{background:#0F0}
.bluebg{background:#00F}
.yellowbg{background:#ff9900}
.lbluebg{background:#0FF}
.blackbg{background:#000}
.brownbg{background:#3c1c05}
.dgraybg{background:#444}
.mgraybg{background:#666}
.lgraybg{background:#9c9c9c}
.ebluebg{background:#00a1e9;}
.whitebg{background:#FFF}

/* 容器浮动 */
.fl{float:left}
.fr{float:right}
.fht{float:inherit}
.fc{margin:0 auto}

/* 容器外间距 */
.mt1{margin-top:1px}
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt7{margin-top:7px}
.mt8{margin-top:8px}
.mt9{margin-top:9px}
.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}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt65{margin-top:65px}
.mt70{margin-top:70px}
.mt75{margin-top:75px}
.mt80{margin-top:80px}
.mt85{margin-top:85px}
.mt90{margin-top:90px}
.mt95{margin-top:90px}
.mt100{margin-top:100px}

.ml1{margin-left:1px}
.ml2{margin-left:2px}
.ml3{margin-left:3px}
.ml4{margin-left:4px}
.ml5{margin-left:5px}
.ml6{margin-left:6px}
.ml7{margin-left:7px}
.ml8{margin-left:8px}
.ml9{margin-left:9px}
.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}
.ml55{margin-left:55px}
.ml60{margin-left:60px}
.ml65{margin-left:65px}
.ml70{margin-left:70px}
.ml75{margin-left:75px}
.ml80{margin-left:80px}
.ml85{margin-left:85px}
.ml90{margin-left:90px}
.ml95{margin-left:95px}
.ml100{margin-left:100px}

.mr1{margin-right:1px}
.mr2{margin-right:2px}
.mr3{margin-right:3px}
.mr4{margin-right:4px}
.mr5{margin-right:5px}
.mr6{margin-right:6px}
.mr7{margin-right:7px}
.mr8{margin-right:8px}
.mr9{margin-right:9px}
.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}
.mr55{margin-right:55px}
.mr60{margin-right:60px}
.mr65{margin-right:65px}
.mr70{margin-right:70px}
.mr75{margin-right:75px}
.mr80{margin-right:80px}
.mr85{margin-right:85px}
.mr90{margin-right:90px}
.mr95{margin-right:95px}
.mr100{margin-right:100px}

.mb1{margin-bottom:1px}
.mb2{margin-bottom:2px}
.mb3{margin-bottom:3px}
.mb4{margin-bottom:4px}
.mb5{margin-bottom:5px}
.mb6{margin-bottom:6px}
.mb7{margin-bottom:7px}
.mb8{margin-bottom:8px}
.mb9{margin-bottom:9px}
.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}
.mb55{margin-bottom:55px}
.mb60{margin-bottom:60px}
.mb65{margin-bottom:65px}
.mb70{margin-bottom:70px}
.mb75{margin-bottom:75px}
.mb80{margin-bottom:80px}
.mb85{margin-bottom:85px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}

/* 容器内间距 */
.pt1{padding-top:1px}
.pt2{padding-top:2px}
.pt3{padding-top:3px}
.pt4{padding-top:4px}
.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}

.pl1{padding-left:1px}
.pl2{padding-left:2px}
.pl3{padding-left:3px}
.pl4{padding-left:4px}
.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}

.pr1{padding-right:1px}
.pr2{padding-right:2px}
.pr3{padding-right:3px}
.pr4{padding-right:4px}
.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}

.pb1{padding-bottom:1px}
.pb2{padding-bottom:2px}
.pb3{padding-bottom:3px}
.pb4{padding-bottom:4px}
.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}

/* 容器宽度 */
.w10{width:10px}
.w15{width:15px}
.w20{width:20px}
.w25{width:25px}
.w30{width:30px}
.w35{width:35px}
.w40{width:40px}
.w45{width:45px}
.w50{width:50px}
.w55{width:55px}
.w60{width:60px}
.w65{width:65px}
.w70{width:70px}
.w75{width:75px}
.w80{width:80px}
.w85{width:85px}
.w90{width:90px}
.w95{width:95px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w160{width:160px}
.w170{width:170px}
.w180{width:180px}
.w190{width:190px}
.w200{width:200px}
.w210{width:210px}
.w220{width:220px}
.w230{width:230px}
.w240{width:240px}
.w250{width:250px}
.w260{width:260px}
.w270{width:270px}
.w280{width:280px}
.w290{width:290px}
.w300{width:300px}
.w400{width:400px}
.w500{width:500px}
.w600{width:600px}
.w700{width:700px}
.w800{width:800px}
.w900{width:900px}
.w1000{width:1000px}
.w1100{width:1100px}
.w1200{width:1200px}

/* 容器高度 */
.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h25{height:25px}
.h30{height:30px}
.h35{height:35px}
.h40{height:40px}
.h45{height:45px}
.h50{height:50px}
.h55{height:55px}
.h60{height:60px}
.h65{height:65px}
.h70{height:70px}
.h75{height:75px}
.h80{height:80px}
.h85{height:85px}
.h90{height:90px}
.h95{height:95px}
.h100{height:100px}
.h110{height:110px}
.h120{height:120px}
.h130{height:130px}
.h140{height:140px}
.h150{height:150px}
.h160{height:160px}
.h170{height:170px}
.h180{height:180px}
.h190{height:190px}
.h200{height:200px}
.h210{height:210px}
.h220{height:220px}
.h230{height:230px}
.h240{height:240px}
.h250{height:250px}
.h260{height:260px}
.h270{height:270px}
.h280{height:280px}
.h290{height:290px}
.h300{height:300px}
.h400{height:400px}
.h500{height:500px}
.h600{height:600px}
.h700{height:700px}
.h800{height:800px}
.h900{height:900px}
.h1000{height:1000px}
/* 行高设置 */
.lh22{line-height:22px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}
.lh50{line-height:50px;}
.lh60{line-height:60px;}
.lh65{line-height:65px;}
.lh80{line-height:80px;}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.lh250{line-height:250%}
.lh300{line-height:300%}
/* 容器外框 */
.bdf{border:1px solid #fff}
.bde{border:1px solid #eee}
.bdd{border:1px solid #ddd}
.bdc{border:1px solid #ccc}
.bdb{border:1px solid #bbb}
.bda{border:1px solid #aaa}
.bd9{border:1px solid #999}
.bd8{border:1px solid #888}
.bd7{border:1px solid #777}
.bd6{border:1px solid #666}
.bd5{border:1px solid #555}
.bd4{border:1px solid #444}
.bd3{border:1px solid #333}
.bd2{border:1px solid #222}
.bd1{border:1px solid #111}
.bd0{border:1px solid #000}

.bdln{border-left:none;}
.bdlf{border-left:1px solid #fff}
.bdle{border-left:1px solid #eee}
.bdld{border-left:1px solid #ddd}
.bdlc{border-left:1px solid #ccc}
.bdlb{border-left:1px solid #bbb}
.bdla{border-left:1px solid #aaa}
.bdl9{border-left:1px solid #999}
.bdl8{border-left:1px solid #888}
.bdl7{border-left:1px solid #777}
.bdl6{border-left:1px solid #666}
.bdl5{border-left:1px solid #555}
.bdl4{border-left:1px solid #444}
.bdl3{border-left:1px solid #333}
.bdl2{border-left:1px solid #222}
.bdl1{border-left:1px solid #111}
.bdl0{border-left:1px solid #000}

.bdrn{border-right:none;}
.bdrf{border-right:1px solid #fff}
.bdre{border-right:1px solid #eee}
.bdrd{border-right:1px solid #ddd}
.bdrc{border-right:1px solid #ccc}
.bdrb{border-right:1px solid #bbb}
.bdra{border-right:1px solid #aaa}
.bdr9{border-right:1px solid #999}
.bdr8{border-right:1px solid #888}
.bdr7{border-right:1px solid #777}
.bdr6{border-right:1px solid #666}
.bdr5{border-right:1px solid #555}
.bdr4{border-right:1px solid #444}
.bdr3{border-right:1px solid #333}
.bdr2{border-right:1px solid #222}
.bdr1{border-right:1px solid #111}
.bdr0{border-right:1px solid #000}

.bdtn{border-top:none;}
.bdtf{border-top:1px solid #fff}
.bdte{border-top:1px solid #eee}
.bdtd{border-top:1px solid #ddd}
.bdtc{border-top:1px solid #ccc}
.bdtb{border-top:1px solid #bbb}
.bdta{border-top:1px solid #aaa}
.bdt9{border-top:1px solid #999}
.bdt8{border-top:1px solid #888}
.bdt7{border-top:1px solid #777}
.bdt6{border-top:1px solid #666}
.bdt5{border-top:1px solid #555}
.bdt4{border-top:1px solid #444}
.bdt3{border-top:1px solid #333}
.bdt2{border-top:1px solid #222}
.bdt1{border-top:1px solid #111}
.bdt0{border-top:1px solid #000}

.bdbn{border-bottom:none;}
.bdbf{border-bottom:1px solid #fff}
.bdbe{border-bottom:1px solid #eee}
.bdbd{border-bottom:1px solid #ddd}
.bdbc{border-bottom:1px solid #ccc}
.bdbb{border-bottom:1px solid #bbb}
.bdba{border-bottom:1px solid #aaa}
.bdb9{border-bottom:1px solid #999}
.bdb8{border-bottom:1px solid #888}
.bdb7{border-bottom:1px solid #777}
.bdb6{border-bottom:1px solid #666}
.bdb5{border-bottom:1px solid #555}
.bdb4{border-bottom:1px solid #444}
.bdb3{border-bottom:1px solid #333}
.bdb2{border-bottom:1px solid #222}
.bdb1{border-bottom:1px solid #111}
.bdb0{border-bottom:1px solid #000}

/* 百分比容器宽度 */
.wp33{width:33%}
.wp34{width:34%}
.wp50{width:50%}
.wp60{width:60%}
.wp70{width:70%}
.wp80{width:80%}
.wp90{width:90%}
.wp92{width:92%}
.wp94{width:94%}
.wp96{width:96%}
.wp98{width:98%}
.wp100{width:100%}

/* 百分比容器外间距 */
.mlp1{margin-left:1%}
.mlp2{margin-left:2%}
.mlp3{margin-left:3%}
.mlp4{margin-left:4%}
.mlp5{margin-left:5%}
.mrp1{margin-right:1%}
.mrp2{margin-right:2%}
.mrp3{margin-right:3%}
.mrp4{margin-right:4%}
.mrp5{margin-right:5%}

/* 百分比容器内间距 */
.plp1{padding-left:1%}
.plp2{padding-left:2%}
.plp3{padding-left:3%}
.plp4{padding-left:4%}
.plp5{padding-left:5%}
.prp1{padding-right:1%}
.prp2{padding-right:2%}
.prp3{padding-right:3%}
.prp4{padding-right:4%}
.prp5{padding-right:5%}

/* 清除样式 */
.clear{clear:both}

/*浮动塌陷*//
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}

/* 圆角 */
.bdrd2{border-radius:2px;}
.bdrd4{border-radius:4px;}
.bdrd6{border-radius:6px;}
.bdrd7{border-radius:8px;}

/* 定位 */
.posab{position:absolute;}
.posra{position:relative;}