@CHARSET "UTF-8";
/** 通用样式库 **/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body,html{ width:100%; height:100%; padding:0px; margin:0px;}
body{ background:#FFF; font: 14px "微软雅黑"; }
div,ul,li,form,dl,dt,dd,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */  
img{ border:0 none;}

iframe{ border:0 none;}

/*背景透明*/
.bg_tp{background: transparent;}

/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */  
li{ list-style-type:none;}

a{text-decoration: none;}
small {font-size:12px;}  

/* 定义H系列标签，覆盖H系列标签默认属性 */  
h1{ font-size:24px;}  
h2{ font-size:20px;}  
h3{ font-size:18px;}  
h4{ font-size:16px;}  
h5{ font-size:14px;}  
h6{ font-size:12px;}

/*超出省略号*/
.ellipsis{white-space:nowrap;overflow:hidden;-o-text-overflow: ellipsis;text-overflow:ellipsis;}

/*文字排版*/
.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;}
.f36{font-size: 36px;}
.f38{font-size: 38px;}
.f40{font-size: 40px;}
.fb{font-weight: bold;}
.fn{font-weight: normal;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.lh300{line-height:300%;}
.unl{text-decoration: underline;}
.no_unl{text-decoration: none;}
.tiper0{text-indent: 0;}
.tiper1{text-indent: 1%}
.tiper2{text-indent: 2%}
.tiper3{text-indent: 3%}
.tiper4{text-indent: 4%}
.tiper5{text-indent: 5%}
.tiper6{text-indent: 6%}
.tiper7{text-indent: 7%}
.tiper8{text-indent: 8%}
.tiper9{text-indent: 9%}
.tiper10{text-indent: 10%}
.ti1{text-indent: 1px}
.ti2{text-indent: 2px}
.ti3{text-indent: 3px}
.ti4{text-indent: 4px}
.ti5{text-indent: 5px}
.ti6{text-indent: 6px}
.ti7{text-indent: 7px}
.ti8{text-indent: 8px}
.ti9{text-indent: 9px}
.ti10{text-indent: 10px}
.ti20{text-indent: 20px}
.ti25{text-indent: 25px}
.ti30{text-indent: 30px}
.ti35{text-indent: 35px}
.ti40{text-indent: 40px}
.ti45{text-indent: 45px}
.ti50{text-indent: 50px}

.ti1em{text-indent: 1em}
.ti2em{text-indent: 2em}
.ti3em{text-indent: 3em}
.ti4em{text-indent: 4em}
.ti5em{text-indent: 5em}

.lh1{line-height: 1px;}
.lh2{line-height: 2px;}
.lh3{line-height: 3px;}
.lh4{line-height: 4px;}
.lh5{line-height: 5px;}
.lh6{line-height: 6px;}
.lh7{line-height: 7px;}
.lh8{line-height: 8px;}
.lh9{line-height: 9px;}
.lh10{line-height: 10px;}
.lh15{line-height: 15px;}
.lh20{line-height: 20px;}
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}
.lh35{line-height: 35px;}
.lh40{line-height: 40px;}
.lh45{line-height: 45px;}
.lh50{line-height: 50px;}
.lh55{line-height: 55px;}
.lh60{line-height: 60px;}
.lh65{line-height: 65px;}
.lh70{line-height: 70px;}
.lh75{line-height: 75px;}
.lh80{line-height: 80px;}
.lh85{line-height: 85px;}
.lh90{line-height: 90px;}
.lh95{line-height: 95px;}
.lh100{line-height: 100px;}

.ls1{letter-spacing: 1px}
.ls2{letter-spacing: 2px}
.ls4{letter-spacing: 4px}
.ls5{letter-spacing: 5px}
.ls6{letter-spacing: 6px}

/*定位*/
.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;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content: '.';display:block;height: 0;clear: both;visibility: hidden;}
.clearfix{display:inline-block}
.clearfix{height: 1%}
.vm{vertical-align: middle;}
.pr{position: relative;}
.pa{position: absolute;}
.zoom{zoom:1;}
.hidden{display: none;}
.inblock{display: inline-block;}
.block{display: block;}
.overhidden{overflow: hidden}
.visible-hide{visibility: hidden;}

/*边框*/
.bd0{border: 0px;}
.bd0-vip{border: 0px !important;}
.bd1{border: 1px solid #fff;}

/*表格*/
.tl-fixed{table-layout:fixed}

/*聚焦*/
.pointer{cursor: pointer;}

/*长度高度*/
.wauto{width: auto;}
.w1{width: 1px;}
.w2{width: 2px;}
.w3{width: 3px;}
.w4{width: 4px;}
.w5{width: 5px;}
.w6{width: 6px;}
.w7{width: 7px;}
.w8{width: 8px;}
.w9{width: 9px;}
.w10{width: 10px;}
.w11{width: 11px;}
.w12{width: 12px;}
.w13{width: 13px;}
.w14{width: 14px;}
.w15{width: 15px;}
.w16{width: 16px;}
.w17{width: 17px;}
.w18{width: 18px;}
.w19{width: 19px;}
.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;}
.w105{width: 105px;}
.w110{width: 110px;}
.w115{width: 115px;}
.w120{width: 120px;}
.w125{width: 125px;}
.w130{width: 130px;}
.w135{width: 135px;}
.w140{width: 140px;}
.w145{width: 145px;}
.w150{width: 150px;}
.w155{width: 155px;}
.w160{width: 160px;}
.w165{width: 165px;}
.w170{width: 170px;}
.w175{width: 175px;}
.w180{width: 180px;}
.w185{width: 185px;}
.w190{width: 190px;}
.w195{width: 195px;}
.w200{width: 200px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w350{width: 350px;}
.w400{width: 400px;}
.w450{width: 450px;}
.w500{width: 500px;}
.w550{width: 550px;}
.w600{width: 600px;}
.w650{width: 650px;}
.w700{width: 700px;}
.w750{width: 750px;}
.w800{width: 800px;}
.w850{width: 850px;}
.w900{width: 900px;}
.w950{width: 950px;}
.w1000{width: 1000px;}
.wper1{width: 1%;}
.wper2{width: 2%;}
.wper3{width: 3%;}
.wper4{width: 4%;}
.wper5{width: 5%;}
.wper6{width: 6%;}
.wper7{width: 7%;}
.wper8{width: 8%;}
.wper9{width: 9%;}
.wper10{width: 10%;}
.wper11{width: 11%;}
.wper12{width: 12%;}
.wper13{width: 13%;}
.wper14{width: 14%;}
.wper15{width: 15%;}
.wper16{width: 16%;}
.wper17{width: 17%;}
.wper18{width: 18%;}
.wper19{width: 19%;}
.wper20{width: 20%;}
.wper25{width: 25%;}
.wper30{width: 30%;}
.wper35{width: 35%;}
.wper40{width: 40%;}
.wper45{width: 45%;}
.wper50{width: 50%;}
.wper55{width: 55%;}
.wper60{width: 60%;}
.wper65{width: 65%;}
.wper70{width: 70%;}
.wper75{width: 75%;}
.wper80{width: 80%;}
.wper85{width: 85%;}
.wper90{width: 90%;}
.wper95{width: 95%;}
.wper{width: 100%;}

.wper16{width:16.66%;}
.wper33{width:33.33%;}
.wper66{width:6666%;}

.hauto{height: auto;}
.h1{height: 1px;}
.h2{height: 2px;}
.h3{height: 3px;}
.h4{height: 4px;}
.h5{height: 5px;}
.h6{height: 6px;}
.h7{height: 7px;}
.h8{height: 8px;}
.h9{height: 9px;}
.h10{height: 10px;}
.h11{height: 11px;}
.h12{height: 12px;}
.h13{height: 13px;}
.h14{height: 14px;}
.h15{height: 15px;}
.h16{height: 16px;}
.h17{height: 17px;}
.h18{height: 18px;}
.h19{height: 19px;}
.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;}
.h105{height: 105px;}
.h110{height: 110px;}
.h115{height: 115px;}
.h120{height: 120px;}
.h125{height: 125px;}
.h130{height: 130px;}
.h135{height: 135px;}
.h140{height: 140px;}
.h145{height: 145px;}
.h150{height: 150px;}
.h155{height: 155px;}
.h160{height: 160px;}
.h165{height: 165px;}
.h170{height: 170px;}
.h175{height: 175px;}
.h180{height: 180px;}
.h185{height: 185px;}
.h190{height: 190px;}
.h195{height: 195px;}
.h200{height: 200px;}
.h250{height: 250px;}
.h300{height: 300px;}
.h350{height: 350px;}
.h400{height: 400px;}
.h450{height: 450px;}
.h500{height: 500px;}
.h550{height: 550px;}
.h600{height: 600px;}
.h650{height: 650px;}
.h700{height: 700px;}
.h750{height: 750px;}
.h800{height: 800px;}
.h850{height: 850px;}
.h900{height: 900px;}
.h950{height: 950px;}
.h1000{height: 1000px;}
.hper1{height: 1%;}
.hper2{height: 2%;}
.hper3{height: 3%;}
.hper4{height: 4%;}
.hper5{height: 5%;}
.hper6{height: 6%;}
.hper7{height: 7%;}
.hper8{height: 8%;}
.hper9{height: 9%;}
.hper10{height: 10%;}
.hper11{height: 11%;}
.hper12{height: 12%;}
.hper13{height: 13%;}
.hper14{height: 14%;}
.hper15{height: 15%;}
.hper16{height: 16%;}
.hper17{height: 17%;}
.hper18{height: 18%;}
.hper19{height: 19%;}
.hper20{height: 20%;}
.hper25{height: 25%;}
.hper30{height: 30%;}
.hper35{height: 35%;}
.hper40{height: 40%;}
.hper45{height: 45%;}
.hper50{height: 50%;}
.hper55{height: 55%;}
.hper60{height: 60%;}
.hper65{height: 65%;}
.hper70{height: 70%;}
.hper75{height: 75%;}
.hper80{height: 80%;}
.hper85{height: 85%;}
.hper90{height: 90%;}
.hper95{height: 95%;}
.hper{height: 100%;}

.hper33{height:33.33%;}
.hper66{height:66.66%;}

/*边距*/
.mauto{margin: 0 auto;}
.m0{margin:0px;}
.m1{margin:1px;}
.m2{margin:2px;}
.m3{margin:3px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m6{margin:6px;}
.m7{margin:7px;}
.m8{margin:8px;}
.m9{margin:9px;}
.m10{margin:10px;}
.m11{margin:11px;}
.m12{margin:12px;}
.m13{margin:13px;}
.m14{margin:14px;}
.m15{margin:15px;}
.m16{margin:16px;}
.m17{margin:17px;}
.m18{margin:18px;}
.m19{margin:19px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}
.mt0{margin-top:0px;}
.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;}
.mt11{margin-top:11px;}
.mt12{margin-top:12px;}
.mt13{margin-top:13px;}
.mt14{margin-top:14px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt17{margin-top:17px;}
.mt18{margin-top:18px;}
.mt19{margin-top:19px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mb0{margin-bottom: 0px;}
.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;}
.mb11{margin-bottom: 11px;}
.mb12{margin-bottom: 12px;}
.mb13{margin-bottom: 13px;}
.mb14{margin-bottom: 14px;}
.mb15{margin-bottom: 15px;}
.mb16{margin-bottom: 16px;}
.mb17{margin-bottom: 17px;}
.mb18{margin-bottom: 18px;}
.mb19{margin-bottom: 19px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.ml0{margin-left: 0px;}
.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;}
.ml11{margin-left: 11px;}
.ml12{margin-left: 12px;}
.ml13{margin-left: 13px;}
.ml14{margin-left: 14px;}
.ml15{margin-left: 15px;}
.ml16{margin-left: 16px;}
.ml17{margin-left: 17px;}
.ml18{margin-left: 18px;}
.ml19{margin-left: 19px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}
.mr0{margin-right: 0px;}
.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;}
.mr11{margin-right:11px;}
.mr12{margin-right:12px;}
.mr13{margin-right:13px;}
.mr14{margin-right:14px;}
.mr15{margin-right:15px;}
.mr16{margin-right:16px;}
.mr17{margin-right:17px;}
.mr18{margin-right:18px;}
.mr19{margin-right: 19px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}
.p0{padding: 0px;}
.p1{padding: 1px;}
.p2{padding: 2px;}
.p3{padding: 3px;}
.p4{padding: 4px;}
.p5{padding: 5px;}
.p6{padding: 6px;}
.p7{padding: 7px;}
.p8{padding: 8px;}
.p9{padding: 9px;}
.p10{padding:10px;}
.p11{padding:11px;}
.p12{padding:12px;}
.p13{padding:13px;}
.p14{padding:14px;}
.p15{padding:15px;}
.p16{padding:16px;}
.p17{padding:17px;}
.p18{padding:18px;}
.p19{padding: 19px;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
.p50{padding: 50px;}
.p60{padding: 60px;}
.p70{padding: 70px;}
.p80{padding: 80px;}
.p90{padding: 90px;}
.p100{padding: 100px;}
.pt0{padding-top: 0px;}
.pt1{padding-top: 1px;}
.pt2{padding-top: 2px;}
.pt3{padding-top: 3px;}
.pt4{padding-top: 4px;}
.pt5{padding-top: 5px;}
.pt6{padding-top: 6px;}
.pt7{padding-top: 7px;}
.pt8{padding-top: 8px;}
.pt9{padding-top: 9px;}
.pt10{padding-top:10px;}
.pt11{padding-top:11px;}
.pt12{padding-top:12px;}
.pt13{padding-top:13px;}
.pt14{padding-top:14px;}
.pt15{padding-top:15px;}
.pt16{padding-top:16px;}
.pt17{padding-top:17px;}
.pt18{padding-top:18px;}
.pt19{padding-top: 19px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}
.pb0{padding-bottom: 0px;}
.pb1{padding-bottom: 1px;}
.pb2{padding-bottom: 2px;}
.pb3{padding-bottom: 3px;}
.pb4{padding-bottom: 4px;}
.pb5{padding-bottom: 5px;}
.pb6{padding-bottom: 6px;}
.pb7{padding-bottom: 7px;}
.pb8{padding-bottom: 8px;}
.pb9{padding-bottom: 9px;}
.pb10{padding-bottom:10px;}
.pb11{padding-bottom:11px;}
.pb12{padding-bottom:12px;}
.pb13{padding-bottom:13px;}
.pb14{padding-bottom:14px;}
.pb15{padding-bottom:15px;}
.pb16{padding-bottom:16px;}
.pb17{padding-bottom:17px;}
.pb18{padding-bottom:18px;}
.pb19{padding-bottom: 19px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}
.pl0{padding-left: 0px;}
.pl1{padding-left: 1px;}
.pl2{padding-left: 2px;}
.pl3{padding-left: 3px;}
.pl4{padding-left: 4px;}
.pl5{padding-left: 5px;}
.pl6{padding-left: 6px;}
.pl7{padding-left: 7px;}
.pl8{padding-left: 8px;}
.pl9{padding-left: 9px;}
.pl10{padding-left:10px;}
.pl11{padding-left:11px;}
.pl12{padding-left:12px;}
.pl13{padding-left:13px;}
.pl14{padding-left:14px;}
.pl15{padding-left:15px;}
.pl16{padding-left:16px;}
.pl17{padding-left:17px;}
.pl18{padding-left:18px;}
.pl19{padding-left: 19px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}
.pr0{padding-right: 0px;}
.pr1{padding-right: 1px;}
.pr2{padding-right: 2px;}
.pr3{padding-right: 3px;}
.pr4{padding-right: 4px;}
.pr5{padding-right: 5px;}
.pr6{padding-right: 6px;}
.pr7{padding-right: 7px;}
.pr8{padding-right: 8px;}
.pr9{padding-right: 9px;}
.pr10{padding-right: 10px;}
.pr11{padding-right: 11px;}
.pr12{padding-right: 12px;}
.pr13{padding-right: 13px;}
.pr14{padding-right: 14px;}
.pr15{padding-right: 15px;}
.pr16{padding-right: 16px;}
.pr17{padding-right: 17px;}
.pr18{padding-right: 18px;}
.pr19{padding-right: 19px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}

.top0{top:0px}
.top1{top:1px}
.top2{top:2px}
.top3{top:3px}
.top4{top:4px}
.top5{top:5px}
.top6{top:6px}
.top7{top:7px}
.top8{top:8px}
.top9{top:9px}
.top10{top:10px}
.top11{top:11px}
.top12{top:12px}
.top13{top:13px}
.top14{top:14px}
.top15{top:15px}
.top16{top:16px}
.top17{top:17px}
.top18{top:18px}
.top19{top:19px}
.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}
.top65{top:65px}
.top70{top:70px}
.top75{top:75px}
.top80{top:80px}
.top85{top:85px}
.top90{top:90px}
.top95{top:95px}
.top100{top:100px}
.topper0{top: 0%;}
.topper1{top: 1%;}
.topper2{top: 2%;}
.topper3{top: 3%;}
.topper4{top: 4%;}
.topper5{top: 5%;}
.topper6{top: 6%;}
.topper7{top: 7%;}
.topper8{top: 8%;}
.topper9{top: 9%;}
.topper10{top: 10%;}
.topper11{top: 11%;}
.topper12{top: 12%;}
.topper13{top: 13%;}
.topper14{top: 14%;}
.topper15{top: 15%;}
.topper16{top: 16%;}
.topper17{top: 17%;}
.topper18{top: 18%;}
.topper19{top: 19%;}
.topper20{top: 20%;}
.topper25{top: 25%;}
.topper30{top: 30%;}
.topper35{top: 35%;}
.topper40{top: 40%;}
.topper45{top: 45%;}
.topper50{top: 50%;}
.topper55{top: 55%;}
.topper60{top: 60%;}
.topper65{top: 65%;}
.topper70{top: 70%;}
.topper75{top: 75%;}
.topper80{top: 80%;}
.topper85{top: 85%;}
.topper90{top: 90%;}
.topper95{top: 95%;}
.topper100{top: 100%;}

.bottom0{bottom:0px}
.bottom1{bottom:1px}
.bottom2{bottom:2px}
.bottom3{bottom:3px}
.bottom4{bottom:4px}
.bottom5{bottom:5px}
.bottom6{bottom:6px}
.bottom7{bottom:7px}
.bottom8{bottom:8px}
.bottom9{bottom:9px}
.bottom10{bottom:10px}
.bottom11{bottom:11px}
.bottom12{bottom:12px}
.bottom13{bottom:13px}
.bottom14{bottom:14px}
.bottom15{bottom:15px}
.bottom16{bottom:16px}
.bottom17{bottom:17px}
.bottom18{bottom:18px}
.bottom19{bottom:19px}
.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}
.bottom65{bottom:65px}
.bottom70{bottom:70px}
.bottom75{bottom:75px}
.bottom80{bottom:80px}
.bottom85{bottom:85px}
.bottom90{bottom:90px}
.bottom95{bottom:95px}
.bottom100{bottom:100px}
.bottomper0{bottom: 0%;}
.bottomper1{bottom: 1%;}
.bottomper2{bottom: 2%;}
.bottomper3{bottom: 3%;}
.bottomper4{bottom: 4%;}
.bottomper5{bottom: 5%;}
.bottomper6{bottom: 6%;}
.bottomper7{bottom: 7%;}
.bottomper8{bottom: 8%;}
.bottomper9{bottom: 9%;}
.bottomper10{bottom: 10%;}
.bottomper11{bottom: 11%;}
.bottomper12{bottom: 12%;}
.bottomper13{bottom: 13%;}
.bottomper14{bottom: 14%;}
.bottomper15{bottom: 15%;}
.bottomper16{bottom: 16%;}
.bottomper17{bottom: 17%;}
.bottomper18{bottom: 18%;}
.bottomper19{bottom: 19%;}
.bottomper20{bottom: 20%;}
.bottomper25{bottom: 25%;}
.bottomper30{bottom: 30%;}
.bottomper35{bottom: 35%;}
.bottomper40{bottom: 40%;}
.bottomper45{bottom: 45%;}
.bottomper50{bottom: 50%;}
.bottomper55{bottom: 55%;}
.bottomper60{bottom: 60%;}
.bottomper65{bottom: 65%;}
.bottomper70{bottom: 70%;}
.bottomper75{bottom: 75%;}
.bottomper80{bottom: 80%;}
.bottomper85{bottom: 85%;}
.bottomper90{bottom: 90%;}
.bottomper95{bottom: 95%;}
.bottomper100{bottom: 100%;}

.left0{left:0px}
.left1{left:1px}
.left2{left:2px}
.left3{left:3px}
.left4{left:4px}
.left5{left:5px}
.left6{left:6px}
.left7{left:7px}
.left8{left:8px}
.left9{left:9px}
.left10{left:10px}
.left11{left:11px}
.left12{left:12px}
.left13{left:13px}
.left14{left:14px}
.left15{left:15px}
.left16{left:16px}
.left17{left:17px}
.left18{left:18px}
.left19{left:19px}
.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}
.left65{left:65px}
.left70{left:70px}
.left75{left:75px}
.left80{left:80px}
.left85{left:85px}
.left90{left:90px}
.left95{left:95px}
.left100{left:100px}
.leftper0{left: 0%;}
.leftper1{left: 1%;}
.leftper2{left: 2%;}
.leftper3{left: 3%;}
.leftper4{left: 4%;}
.leftper5{left: 5%;}
.leftper6{left: 6%;}
.leftper7{left: 7%;}
.leftper8{left: 8%;}
.leftper9{left: 9%;}
.leftper10{left: 10%;}
.leftper11{left: 11%;}
.leftper12{left: 12%;}
.leftper13{left: 13%;}
.leftper14{left: 14%;}
.leftper15{left: 15%;}
.leftper16{left: 16%;}
.leftper17{left: 17%;}
.leftper18{left: 18%;}
.leftper19{left: 19%;}
.leftper20{left: 20%;}
.leftper25{left: 25%;}
.leftper30{left: 30%;}
.leftper35{left: 35%;}
.leftper40{left: 40%;}
.leftper45{left: 45%;}
.leftper50{left: 50%;}
.leftper55{left: 55%;}
.leftper60{left: 60%;}
.leftper65{left: 65%;}
.leftper70{left: 70%;}
.leftper75{left: 75%;}
.leftper80{left: 80%;}
.leftper85{left: 85%;}
.leftper90{left: 90%;}
.leftper95{left: 95%;}
.leftper100{left: 100%;}

.right0{right:0px}
.right1{right:1px}
.right2{right:2px}
.right3{right:3px}
.right4{right:4px}
.right5{right:5px}
.right6{right:6px}
.right7{right:7px}
.right8{right:8px}
.right9{right:9px}
.right10{right:10px}
.right11{right:11px}
.right12{right:12px}
.right13{right:13px}
.right14{right:14px}
.right15{right:15px}
.right16{right:16px}
.right17{right:17px}
.right18{right:18px}
.right19{right:19px}
.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}
.right65{right:65px}
.right70{right:70px}
.right75{right:75px}
.right80{right:80px}
.right85{right:85px}
.right90{right:90px}
.right95{right:95px}
.right100{right:100px}
.rightper0{right: 0%;}
.rightper1{right: 1%;}
.rightper2{right: 2%;}
.rightper3{right: 3%;}
.rightper4{right: 4%;}
.rightper5{right: 5%;}
.rightper6{right: 6%;}
.rightper7{right: 7%;}
.rightper8{right: 8%;}
.rightper9{right: 9%;}
.rightper10{right: 10%;}
.rightper11{right: 11%;}
.rightper12{right: 12%;}
.rightper13{right: 13%;}
.rightper14{right: 14%;}
.rightper15{right: 15%;}
.rightper16{right: 16%;}
.rightper17{right: 17%;}
.rightper18{right: 18%;}
.rightper19{right: 19%;}
.rightper20{right: 20%;}
.rightper25{right: 25%;}
.rightper30{right: 30%;}
.rightper35{right: 35%;}
.rightper40{right: 40%;}
.rightper45{right: 45%;}
.rightper50{right: 50%;}
.rightper55{right: 55%;}
.rightper60{right: 60%;}
.rightper65{right: 65%;}
.rightper70{right: 70%;}
.rightper75{right: 75%;}
.rightper80{right: 80%;}
.rightper85{right: 85%;}
.rightper90{right: 90%;}
.rightper95{right: 95%;}
.rightper100{right: 100%;}

/*优先级*/
.zi0{z-index: -1}
.zi1{z-index: 1}
.zi2{z-index: 2}
.zi3{z-index: 3}
.zi4{z-index: 4}
.zi5{z-index: 5}
.zi6{z-index: 6}
.zi7{z-index: 7}
.zi8{z-index: 8}
.zi9{z-index: 9}
.zi10{z-index: 10}
.zi11{z-index: 11}
.zi12{z-index: 12}
.zi13{z-index: 13}
.zi14{z-index: 14}
.zi15{z-index: 15}
.zi16{z-index: 16}
.zi17{z-index: 17}
.zi18{z-index: 18}
.zi19{z-index: 19}
.zi20{z-index: 20}
.zi30{z-index: 30}
.zi40{z-index: 40}
.zi50{z-index: 50}
.zi60{z-index: 60}
.zi70{z-index: 70}
.zi80{z-index: 80}
.zi90{z-index: 90}
.zi100{z-index: 100}
.zi200{z-index: 200}
.zi300{z-index: 300}
.zi400{z-index: 400}
.zi500{z-index: 500}
.zi600{z-index: 600}
.zi700{z-index: 700}
.zi800{z-index: 800}
.zi900{z-index: 900}
.zi999{z-index: 999}

/** 圆角 **/
.br0{border-radius: 0px;}
.br1{border-radius: 1px;}
.br2{border-radius: 2px;}
.br3{border-radius: 3px;}
.br4{border-radius: 4px;}
.br5{border-radius: 5px;}
.br6{border-radius: 6px;}
.br7{border-radius: 7px;}
.br8{border-radius: 8px;}
.br9{border-radius: 9px;}
.br10{border-radius: 10px;}

/*颜色*/
.white{color:#ffffff;}
.red{color:#ff0000;}
.yellow{color:#ffff00;}