@charset "utf-8";
/* 
*创建：lijx@toone.com.cn
*说明：初始化样式及定义通用样式。
*/

/*初始化元素样式*/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, form, iframe { margin:0; padding:0 }
h1, h2, h3, h4, h5, h6 { font-size:100% }
/*浏览器默认的字体大小为16px,为统一管理字体尺寸,初始化10px=62.5%(由于IE关系,调整为63%;)*/
body{font-family: "微软雅黑", "宋体",Arial, Helvetica, sans-serif;}
ol, ul { list-style:none }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
img { border:0 }
caption, th { text-align:left }
q:before, q:after { content:'' }
html { width:100%; height:100%; background:#fff;}
body{margin:0 auto;}/*根据以往网站风格,超过80%以上页面以居中显示*/
button { cursor:pointer;}
iframe { filter:chroma(color=#ffffff);}
.clear {zoom:1;}
.clear:after {clear:both;content:"";display:block}

/*定义通用样式*/
.hide{display:none;}
.inline{display:inline;}
.inlineB{display:inline-block;*display:inline;*zoom:1;}
.tLeft{text-align:left;}
.tCenter{text-align:center;}
.tRight{text-align:right;}
.center{margin:0 auto;}
.fLeft{float:left;}
.fRight{float:right;}
.cls{clear:both;}
.clsLeft{clear:left;}
.clsRight{clear:right;}
.ofAuto{overflow:auto;}
.ofHide{overflow:hidden;}
.ofVisible{overflow:visible;}
.ofScroll{overflow:scroll;}
.hand{cursor:pointer;}

/*透明度*/
.opa10{filter:alpha(opacity=10);-moz-opacity:0.10;-khtml-opacity: 0.10;opacity:0.10;}
.opa20{filter:alpha(opacity=20);-moz-opacity:0.20;-khtml-opacity: 0.20;opacity:0.20;}
.opa30{filter:alpha(opacity=30);-moz-opacity:0.30;-khtml-opacity: 0.30;opacity:0.30;}
.opa40{filter:alpha(opacity=40);-moz-opacity:0.40;-khtml-opacity: 0.40;opacity:0.40;}
.opa50{filter:alpha(opacity=50);-moz-opacity:0.50;-khtml-opacity: 0.50;opacity:0.50;}
.opa60{filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity: 0.60;opacity:0.60;}
.opa70{filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity:0.70;}
.opa80{filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity: 0.80;opacity:0.80;}
.opa85{filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity:0.85;}
.opa90{filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity: 0.90;opacity:0.90;}
.opa95{filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity: 0.95;opacity:0.95;}

/*--------------------------定义外边距(外边距以m开头)----------------------------------*/
.mAuto{margin:auto;}
.m0{margin:0px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m20{margin:20px;}
/*外边距(百分比)*/
.m5p{margin:5%;}
.m10p{margin:10%;}
.m15p{margin:15%;}
.m20p{margin:20%;}
.m25p{margin:25%;}
.m30p{margin:30%;}
.m35p{margin:35%;}
.m40p{margin:40%;}
.m45p{margin:45%;}
.m50p{margin:50%;}
.m60p{margin:60%;}
.m70p{margin:70%;}
.m80p{margin:80%;}
.m85p{margin:85%;}
.m90p{margin:90%;}
.m95p{margin:95%;}
.m100p{margin:100%;}

/*外边距-上*/
.mtAuto{margin-top:auto;}
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:10px;}
.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;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
/*外边距-上(百分比)*/
.mt5p{margin-top:5%;}
.mt10p{margin-top:10%;}
.mt15p{margin-top:15%;}
.mt20p{margin-top:20%;}
.mt25p{margin-top:25%;}
.mt30p{margin-top:30%;}
.mt35p{margin-top:35%;}
.mt40p{margin-top:40%;}
.mt45p{margin-top:45%;}
.mt50p{margin-top:50%;}
.mt60p{margin-top:60%;}
.mt70p{margin-top:70%;}
.mt80p{margin-top:80%;}
.mt85p{margin-top:85%;}
.mt90p{margin-top:90%;}
.mt95p{margin-top:95%;}
.mt100p{margin-top:100%;}
/*外边距-右*/
.mrAuto{margin-right:auto;}
.mr0{margin-right:0px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:10px;}
.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;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}
/*外边距-右(百分比)*/
.mr5p{margin-right:5%;}
.mr10p{margin-right:10%;}
.mr15p{margin-right:15%;}
.mr20p{margin-right:20%;}
.mr25p{margin-right:25%;}
.mr30p{margin-right:30%;}
.mr35p{margin-right:35%;}
.mr40p{margin-right:40%;}
.mr45p{margin-right:45%;}
.mr50p{margin-right:50%;}
.mr60p{margin-right:60%;}
.mr70p{margin-right:70%;}
.mr80p{margin-right:80%;}
.mr85p{margin-right:85%;}
.mr90p{margin-right:90%;}
.mr95p{margin-right:95%;}
.mr100p{margin-right:100%;}
/*外边距-下*/
.mbAuto{margin-bottom:auto;}
.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:10px;}
.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;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
/*外边距-下(百分比)*/
.mb5p{margin-bottom:5%;}
.mb10p{margin-bottom:10%;}
.mb15p{margin-bottom:15%;}
.mb20p{margin-bottom:20%;}
.mb25p{margin-bottom:25%;}
.mb30p{margin-bottom:30%;}
.mb35p{margin-bottom:35%;}
.mb40p{margin-bottom:40%;}
.mb45p{margin-bottom:45%;}
.mb50p{margin-bottom:50%;}
.mb60p{margin-bottom:60%;}
.mb70p{margin-bottom:70%;}
.mb80p{margin-bottom:80%;}
.mb85p{margin-bottom:85%;}
.mb90p{margin-bottom:90%;}
.mb95p{margin-bottom:95%;}
.mb100p{margin-bottom:100%;}
/*外边距-左*/
.mlAuto{margin-left:auto;}
.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:10px;}
.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;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
/*外边距-左(百分比)*/
.ml5p{margin-left:5%;}
.ml10p{margin-left:10%;}
.ml15p{margin-left:15%;}
.ml20p{margin-left:20%;}
.ml25p{margin-left:25%;}
.ml30p{margin-left:30%;}
.ml35p{margin-left:35%;}
.ml40p{margin-left:40%;}
.ml45p{margin-left:45%;}
.ml50p{margin-left:50%;}
.ml60p{margin-left:60%;}
.ml70p{margin-left:70%;}
.ml80p{margin-left:80%;}
.ml85p{margin-left:85%;}
.ml90p{margin-left:90%;}
.ml95p{margin-left:95%;}
.ml100p{margin-left:100%;}

/*-----------------------定义内边距(内边距以p开头)-----------------------------------*/
.pAuto{padding:auto;}
.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
/*内边距(百分比)*/
.p5p{padding:5%;}
.p10p{padding:10%;}
.p15p{padding:15%;}
.p20p{padding:20%;}
.p25p{padding:25%;}
.p30p{padding:30%;}
.p35p{padding:35%;}
.p40p{padding:40%;}
.p45p{padding:45%;}
.p50p{padding:50%;}
.p60p{padding:60%;}
.p70p{padding:70%;}
.p80p{padding:80%;}
.p85p{padding:85%;}
.p90p{padding:90%;}
.p95p{padding:95%;}
.p100p{padding:100%;}

/*内边距-上*/
.ptAuto{padding-top:auto;}
.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:10px;}
.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;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
/*内边距-上(百分比)*/
.pt1p{padding-top:1%;}
.pt5p{padding-top:5%;}
.pt10p{padding-top:10%;}
.pt15p{padding-top:15%;}
.pt20p{padding-top:20%;}
.pt25p{padding-top:25%;}
.pt30p{padding-top:30%;}
.pt35p{padding-top:35%;}
.pt40p{padding-top:40%;}
.pt45p{padding-top:45%;}
.pt50p{padding-top:50%;}
.pt60p{padding-top:60%;}
.pt70p{padding-top:70%;}
.pt80p{padding-top:80%;}
.pt85p{padding-top:85%;}
.pt90p{padding-top:90%;}
.pt95p{padding-top:95%;}
.pt100p{padding-top:100%;}
/*内边距-右*/
.prAuto{padding-right:auto;}
.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:10px;}
.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;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}
/*内边距-右(百分比)*/
.pr5p{padding-right:5%;}
.pr10p{padding-right:10%;}
.pr15p{padding-right:15%;}
.pr20p{padding-right:20%;}
.pr25p{padding-right:25%;}
.pr30p{padding-right:30%;}
.pr35p{padding-right:35%;}
.pr40p{padding-right:40%;}
.pr45p{padding-right:45%;}
.pr50p{padding-right:50%;}
.pr60p{padding-right:60%;}
.pr70p{padding-right:70%;}
.pr80p{padding-right:80%;}
.pr85p{padding-right:85%;}
.pr90p{padding-right:90%;}
.pr95p{padding-right:95%;}
.pr100p{padding-right:100%;}
/*内边距-下*/
.pbAuto{padding-bottom:auto;}
.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:10px;}
.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;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
/*内边距-下(百分比)*/
.pb5p{padding-bottom:5%;}
.pb10p{padding-bottom:10%;}
.pb15p{padding-bottom:15%;}
.pb20p{padding-bottom:20%;}
.pb25p{padding-bottom:25%;}
.pb30p{padding-bottom:30%;}
.pb35p{padding-bottom:35%;}
.pb40p{padding-bottom:40%;}
.pb45p{padding-bottom:45%;}
.pb50p{padding-bottom:50%;}
.pb60p{padding-bottom:60%;}
.pb70p{padding-bottom:70%;}
.pb80p{padding-bottom:80%;}
.pb85p{padding-bottom:85%;}
.pb90p{padding-bottom:90%;}
.pb95p{padding-bottom:95%;}
.pb100p{padding-bottom:100%;}
/*内边距-左*/
.plAuto{padding-left:auto;}
.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:10px;}
.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;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}
/*内边距-左(百分比)*/
.pl5p{padding-left:5%;}
.pl10p{padding-left:10%;}
.pl15p{padding-left:15%;}
.pl20p{padding-left:20%;}
.pl25p{padding-left:25%;}
.pl30p{padding-left:30%;}
.pl35p{padding-left:35%;}
.pl40p{padding-left:40%;}
.pl45p{padding-left:45%;}
.pl50p{padding-left:50%;}
.pl60p{padding-left:60%;}
.pl70p{padding-left:70%;}
.pl80p{padding-left:80%;}
.pl85p{padding-left:85%;}
.pl90p{padding-left:90%;}
.pl95p{padding-left:95%;}
.pl100p{padding-left:100%;}


/*---------------------定义边框(边框以b开头)-------------------------*/
/*宽度*/
.bNone{border:none;}
.b1{border-width:1px;}
.bt1{border-top-width:1px;}
.br1{border-right-width:1px;}
.bb1{border-bottom-width:1px;}
.bl1{border-left-width:1px;}
.b2{border-width:2px;}
.bt2{border-top-width:2px;}
.br2{border-right-width:2px;}
.bb2{border-bottom-width:2px;}
.bl2{border-left-width:2px;}

/*边框颜色*/
.bColorRed{border-color:red;}
.bColorBlack{border-color:black;}
.bColorWhite{border-color:white;}
.bColorGray{border-color:gray;}
.bColorOrange{border-color:orange;}

/*边框样式*/
.bStyleSolid{border-style:solid;}
.bStyleDotted{border-style:dotted;}

/*---------------------定义字体(字体以f开头)-----------------------*/
/*字体*/
.fYH{font-family:"微软雅黑","宋体"}
/*字体颜色*/
.fRed{color:red;}
.fBlue{color:blue;}
.fWhite{color:white;}
.fBlack{color:black;}
.fOrange{color:orange;}
.fGray{color:gray;}
.fGreen{color:green;}
/*字体尺寸*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
.f48{font-size:48px;}

/*字体粗细*/
.fwNor{font-weight:normal;}
.fwB{font-weight:bold;}
.fw100{font-weight:100;}
.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}/*相当于normal*/
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}/*相当于bold*/
.fw800{font-weight:800;}
.fw900{font-weight:900;}

/*字体样式*/
.fsNor{font-style:normal;}
.fsI{font-style:italic;}

/*---------------------------定义文本样式(以t开头)----------------------------------------*/

/*文本装饰*/
.txtNone{text-decoration:none;}
.txtLine{text-decoration:underline;}
.txtDel{text-decoration:line-through;}

/*行距(以lh开头)*/
.lhNone{line-height:none;}
.lhNor{line-height:normal;}
.lh1{line-height:1px;}
.lh5{line-height:5px;}
.lh9{line-height:9px;}
.lh10{line-height:10px;}
.lh12{line-height:12px;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh32{line-height:32px;}
.lh36{line-height:36px;}
.lh48{line-height:48px;}

/*缩进(以txtIndent开头)*/
.txtIndent0{text-indent:0;}
.txtIndent2em{text-indent:2em;}

/*文本裁剪(以txtOf开头)*/
.txtOfClip{text-overflow:clip;}/*直接裁剪*/
.txtOfEll{text-overflow:ellipsis;}/*裁剪,并出现省略符"...",作用于设置有overflow:hidden的内联元素,当TD里面使用时,需要增加一个内联元素才起效果*/

/*换行(以ww开头)*/
.wwNor{word-wrap:normal;}/*顶开边界*/
.wwBreak{word-wrap:break-word;}/*内容在边界内换行*/

/*--------------------------定义布局(定位以p开头)-----------------------*/
.pSta{position:static;}/*默认值,无特殊定位*/
.pAbs{position:absolute;}/*绝对定位,将对象从文档流中拖离,不占文档流空间,但放置在可视区域外时,会出现滚动条*/
.pRel{position:relative;}/*相对定位,占用文档流空间,位置根据其前一对象进行偏移,放置在可视区域外时,不会出现滚动条*/
.pFix{position:fixed;}/*固定页面位置,不随滚动条滚动*/

/*与父对象顶边相关位置*/
.top-10{top:-10px;}
.top-8{top:-8px;}
.top-5{top:-5px;}
.top-3{top:-3px;}
.top0{top:0;}
.top3{top:3px;}
.top5{top:5px;}
.top8{top:8px;}
.top10{top:10px;}
.top15{top:15px;}
.top18{top:18px;}
.top20{top:20px;}
.top25{top:25px;}
.top30{top:30px;}
.top35{top:35px;}
.top40{top:40px;}
.top45{top:45px;}
.top50{top:50px;}
.top55{top:55px;}
.top60{top:60px;}

/*与父对象左侧边相关位置*/
.left-10{left:-10px;}
.left-8{left:-8px;}
.left-5{left:-5px;}
.left-3{left:-3px;}
.left0{left:0;}
.left3{left:3px;}
.left5{left:5px;}
.left8{left:8px;}
.left10{left:10px;}
.left15{left:15px;}
.left18{left:18px;}
.left20{left:20px;}
.left25{left:25px;}
.left30{left:30px;}
.left35{left:35px;}
.left40{left:40px;}
.left45{left:45px;}
.left50{left:50px;}
.left55{left:55px;}
.left60{left:60px;}

/*与父对象右侧边相关位置*/
.right-10{right:-10px;}
.right-8{right:-8px;}
.right-5{right:-5px;}
.right-3{right:-3px;}
.right0{right:0;}
.right3{right:3px;}
.right5{right:5px;}
.right8{right:8px;}
.right10{right:10px;}
.right15{right:15px;}
.right18{right:18px;}
.right20{right:20px;}
.right25{right:25px;}
.right30{right:30px;}
.right35{right:35px;}
.right40{right:40px;}
.right45{right:45px;}
.right50{right:50px;}
.right55{right:55px;}
.right60{right:60px;}

/*与父对象底边相关位置*/
.bottom-10{bottom:-10px;}
.bottom-8{bottom:-8px;}
.bottom-5{bottom:-5px;}
.bottom-3{bottom:-3px;}
.bottom0{bottom:0;}
.bottom3{bottom:3px;}
.bottom5{bottom:5px;}
.bottom8{bottom:8px;}
.bottom10{bottom:10px;}
.bottom15{bottom:15px;}
.bottom18{bottom:18px;}
.bottom20{bottom:20px;}
.bottom25{bottom:25px;}
.bottom30{bottom:30px;}
.bottom35{bottom:35px;}
.bottom40{bottom:40px;}
.bottom45{bottom:45px;}
.bottom50{bottom:50px;}
.bottom55{bottom:55px;}
.bottom60{bottom:60px;}

.zIndexAuto{z-index:auto;}/*默认值,遵从父对象定位*/
.zIndex1{z-index:1;}
.zIndex2{z-index:2;}
.zIndex3{z-index:3;}
.zIndex4{z-index:4;}
.zIndex5{z-index:5;}
.zIndex6{z-index:6;}
.zIndex7{z-index:7;}
.zIndex8{z-index:8;}
.zIndex9{z-index:9;}
.zIndex999{z-index:999;}/*设置高层叠,作用于relative及absolute上

/*-------------------------定义尺寸(宽度以w开头,高度以h开头)------------------*/
.wAuto{width:auto;}
.hAuto{height:auto;}

/*宽度*/
.w5{width:5px;}
.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.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;}
.w280{width:280px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w960{width:960px;}
.w1004{width:1004px;}
.w1024{width:1024px;}

/*宽度(百分比)*/
.w5p{width:5%;}
.w10p{width:10%;}
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w95p{width:95%;}
.w100p{width:100%;}

/*高度*/
.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.h500{height:500px;}
.h600{height:600px;}
.h700{height:700px;}
.h768{height:768px;}
.h1000{height:1000px;}
.h2000{height:2000px;}

/*高度(百分比)*/
.h5p{height:5%;}
.h10p{height:10%;}
.h15p{height:15%;}
.h20p{height:20%;}
.h25p{height:25%;}
.h30p{height:30%;}
.h35p{height:35%;}
.h40p{height:40%;}
.h45p{height:45%;}
.h50p{height:50%;}
.h55p{height:55%;}
.h60p{height:60%;}
.h65p{height:65%;}
.h70p{height:70%;}
.h75p{height:75%;}
.h80p{height:80%;}
.h85p{height:85%;}
.h90p{height:90%;}
.h95p{height:95%;}
.h100p{height:100%;}

/*----------------------------定义背景(背景以bg开头)------------------------*/
/*背景颜色(以bgc开头)*/
.bgcWhite{background-color:white;}
.bgcTran{background-color:transparent;}
.bgcBlack{background-color:black;}
.bgcRed{background-color:red;}

/*背景粘附*/
.bgScroll{background-attachment:scroll;}/*默认值.背景图像是随着内容滚动*/
.bgFix{background-attachment:fixed;}/*背景图像固定*/

/*背景图像*/
.bgNone{background-image:none;}
.bgLT{background-position:left top;}/*左上*/
.bgLC{background-position:left center;}/*左中*/
.bgLB{background-position:left bottom;}/*左下*/
.bgCT{background-position:center top;}/*中上*/
.bgCC{background-position:center center;}/*中中*/
.bgCB{background-position:center bottom;}/*中下*/
.bgRT{background-position:right top;}/*右上*/
.bgRC{background-position:right center;}/*右中*/
.bgRB{background-position:right bottom;}/*右下*/
.bgYT{background-position-y:top;}
.bgYC{background-position-y:center;}
.bgYB{background-position-y:bottom;}
.bgXL{background-position-x:left;}
.bgXC{background-position-x:center;}
.bgXR{background-position-x:right;}

/*背景铺排(以bgr开头)*/
.bgrRe{background-repeat:repeat;}/*默认值*/
.bgrNone{background-repeat:no-repeat;}
.bgrX{background-repeat:repeat-x;}
.bgrY{background-repeat:repeat-y;}

/*--------------------------------------[CSS3]-------------------------------------*/

/*-------------------弧度边框(弧度以bra开头)-------------------------------*/
.bra3{border-radius:3px;}
.bra5{border-radius:5px;}
.bra10{border-radius:10px;}
.bra15{border-radius:15px;}
.bra20{border-radius:20px;}
.bra30{border-radius:30px;}
.bra40{border-radius:40px;}
.bra50{border-radius:50px;}
.bra60{border-radius:60px;}
.bra80{border-radius:80px;}
.bra100{border-radius:100px;}