/*css reset*/
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
ol,ul{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;}*/

/*文字排版*/
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.fb{font-weight: bold;}
.fn{font-weight: normal;}
.t2{text-indent: 2em;}
.lh150{line-height: 150px;}
.lh180{line-height: 180px;}
.lh200{line-height: 200px;}
.unl{text-decoration: underline;}
.no_unl{text-decoration: none;}

/*定位*/
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.cb{clear: both;}
.cl{clear: left;}
.cr{clear: right;}
.vm{vertical-align: middle;}
.pr{position: relative;}
.pa{position: absolute;}
.none{display: none;}

/*长度宽度*/
.w5{width: 5px;}
.w10{width: 10px;}
.w20{width: 20px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w75{width: 75px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w135{width: 135px;}
.w139{width: 139px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w185{width: 185px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w205{width: 205px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w230{width: 230px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w350{width: 350px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w600{width: 600px;}
.w700{width: 700px;}
.w800{width: 800px;}
.w{width: 100%;}
.w-auto{width: auto;}
.h1{height: 1px;}
.h2{height: 2px;}
.h12{height: 12px;}
.h14{height: 14px;}
.h16{height: 16px;}
.h18{height: 18px;}
.h20{height: 20px;}
.h30{height: 30px;}
.h37{height: 37px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h90{height: 90px;}
.h100{height: 100px;}
.h150{height: 150px;}
.h200{height: 200px;}
.h250{height: 250px;}
.h300{height: 300px;}
.h{height: 100%;}
.h-auto{height: auto;}

/*边距margin,padding,border*/
/*margin类*/
/*margin-top类*/
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt250{margin-top: 250px;}

/*margin-right类*/
.mr0{margin-right: 0;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}

/*margin-bottom类*/
.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

/*margin-left类*/
.ml0{margin-left: 0;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}
.ml175{margin-left: 175px;}

/*padding类*/
/*padding-top类*/
.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}

/*padding-right类*/
.pr0{padding-right: 0;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}

/*padding-bottom类*/
.pb0{padding-bottom: 0;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}

/*padding-left类*/
.pl0{padding-left: 0;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}
.pl120{padding-left: 120px;}

/*border类*/
/*border-top*/
.bt0{border-top: 0;}
.bt1{border-top: 1px;}
.bt2{border-top: 2px;}
.bt3{border-top: 3px;}
.bt4{border-top: 4px;}
.bt5{border-top: 5px;}
.bt10{border-top: 10px;}
.bt15{border-top: 15px;}
.bt20{border-top: 20px;}
.bt25{border-top: 25px;}
.bt30{border-top: 30px;}
.bt35{border-top: 35px;}
.bt40{border-top: 40px;}
.bt45{border-top: 45px;}
.bt50{border-top: 50px;}

/*border-right*/
.br0{border-right: 0;}
.br1{border-right: 1px;}
.br2{border-right: 2px;}
.br3{border-right: 3px;}
.br4{border-right: 4px;}
.br5{border-right: 5px;}
.br10{border-right: 10px;}
.br15{border-right: 15px;}
.br20{border-right: 20px;}
.br25{border-right: 25px;}
.br30{border-right: 30px;}
.br35{border-right: 35px;}
.br40{border-right: 40px;}
.br45{border-right: 45px;}
.br50{border-right: 50px;}

/*border-bottom*/
.bb0{border-bottom: 0;}
.bb1{border-bottom: 1px;}
.bb2{border-bottom: 2px;}
.bb3{border-bottom: 3px;}
.bb4{border-bottom: 4px;}
.bb5{border-bottom: 5px;}
.bb10{border-bottom: 10px;}
.bb15{border-bottom: 15px;}
.bb20{border-bottom: 20px;}
.bb25{border-bottom: 25px;}
.bb30{border-bottom: 30px;}
.bb35{border-bottom: 35px;}
.bb40{border-bottom: 40px;}
.bb45{border-bottom: 45px;}
.bb50{border-bottom: 50px;}

/*border-left*/
.bl0{border-left: 0;}
.bl1{border-left: 1px;}
.bl2{border-left: 2px;}
.bl3{border-left: 3px;}
.bl4{border-left: 4px;}
.bl5{border-left: 5px;}
.bl10{border-left: 10px;}
.bl15{border-left: 15px;}
.bl20{border-left: 20px;}
.bl25{border-left: 25px;}
.bl30{border-left: 30px;}
.bl35{border-left: 35px;}
.bl40{border-left: 40px;}
.bl45{border-left: 45px;}
.bl50{border-left: 50px;}