/*CSS position*/
.txtl{text-align:left}
.txtc{text-align:center}
.txtr{text-align:right}
.center{margin:0 auto}
.vm{vertical-align:middle}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.zoom{zoom:1}
.hidden{visibility:hidden}
.ovf{overflow:hidden;}


.clear{clear:both}
.clearFix:after{clear:both;content:".";display:block;margin:0;padding:0;font-size:0;height:0;line-height:0;visibility:hidden}
.none{ display:none}
ul,li,dd,dl,dt{ list-style:none; margin:0px; padding:0px;}

/*链接渐现效果*/
a{-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
a:hover{-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
li{-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
li:hover{-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}

/*手机基础样式*/
@media only screen and (max-width: 640px) {     
	.mobile-show{display:block}
	.ipad-show{display:none}
	.pc-show{display:none}
	.pc-ipad-show{display:none}
	.mobile-ipad-show{display:block}
}
/*平板基础样式*/
@media only screen and (min-width: 641px) and (max-width: 1024px) { 
	.mobile-show{display:none}
	.ipad-show{display:block}
	.pc-show{display:none}	
	.pc-ipad-show{display:block}
	.mobile-ipad-show{display:block}
}
/*PC基础样式*/
@media only screen and (min-width: 1025px) { 
	.mobile-show{display:none}
	.ipad-show{display:none}
	.pc-show{display:block}	
	.pc-ipad-show{display:block}
	.mobile-ipad-show{display:none}
}



/*文字颜色*/
.font-white{color:White}
.font-black{color:black}
.font-grey{color:grey}
.font-orange{color:orange}

/*文字大小*/
.font-11px{font-size: 11px;}
.font-12px{font-size: 12px;}
.font-13px{font-size: 13px;}
.font-14px{font-size: 14px;}
.font-15px{font-size: 15px;}
.font-16px{font-size: 16px;}
.font-18px{font-size: 18px;}
.font-20px{font-size: 20px;}
.font-22px{font-size: 22px;}
.font-24px{font-size: 24px;}
.font-26px{font-size: 26px;}
.font-28px{font-size: 28px;}
.font-30px{font-size: 30px;}
.font-32px{font-size: 32px;}
.font-34px{font-size: 34px;}
.font-36px{font-size: 36px;}
.font-38px{font-size: 38px;}
.font-40px{font-size: 40px;}
.font-42px{font-size: 42px;}
.font-46px{font-size: 46px;}
.font-50px{font-size: 50px;}
.font-02em{font-size: 0.2em}
.font-03em{font-size: 0.3em}
.font-04em{font-size: 0.4em}
.font-05em{font-size: 0.5em}
.font-06em{font-size: 0.6em}
.font-07em{font-size: 0.7em}
.font-08em{font-size: 0.8em}
.font-09em{font-size: 0.9em}
.font-1em{font-size: 1em}
.font-11em{font-size: 11em}
.font-12em{font-size: 12em}
.font-13em{font-size: 13em}
.font-14em{font-size: 14em}
.font-15em{font-size: 15em}
.font-16em{font-size: 16em}
.font-17em{font-size: 17em}
.font-18em{font-size: 18em}
.font-2em{font-size: 2em}

/*行高*/
.line-height-11px{line-height-size: 11px;}
.line-height-12px{line-height-size: 12px;}
.line-height-13px{line-height-size: 13px;}
.line-height-14px{line-height-size: 14px;}
.line-height-15px{line-height-size: 15px;}
.line-height-16px{line-height-size: 16px;}
.line-height-18px{line-height-size: 18px;}
.line-height-20px{line-height-size: 20px;}
.line-height-22px{line-height-size: 22px;}
.line-height-24px{line-height-size: 24px;}
.line-height-26px{line-height-size: 26px;}
.line-height-28px{line-height-size: 28px;}
.line-height-30px{line-height-size: 30px;}
.line-height-32px{line-height-size: 32px;}
.line-height-34px{line-height-size: 34px;}
.line-height-36px{line-height-size: 36px;}
.line-height-38px{line-height-size: 38px;}
.line-height-40px{line-height-size: 40px;}
.line-height-42px{line-height-size: 42px;}
.line-height-46px{line-height-size: 46px;}
.line-height-50px{line-height-size: 50px;}
.line-height-02em{line-height-size: 0.2em}
.line-height-03em{line-height-size: 0.3em}
.line-height-04em{line-height-size: 0.4em}
.line-height-05em{line-height-size: 0.5em}
.line-height-06em{line-height-size: 0.6em}
.line-height-07em{line-height-size: 0.7em}
.line-height-08em{line-height-size: 0.8em}
.line-height-09em{line-height-size: 0.9em}
.line-height-1em{line-height-size: 1em}
.line-height-11em{line-height-size: 11em}
.line-height-12em{line-height-size: 12em}
.line-height-13em{line-height-size: 13em}
.line-height-14em{line-height-size: 14em}
.line-height-15em{line-height-size: 15em}
.line-height-16em{line-height-size: 16em}
.line-height-17em{line-height-size: 17em}
.line-height-18em{line-height-size: 18em}
.line-height-2em{line-height-size: 2em}
/*背景颜色*/
.background-white{ background:white}
.background-black{ background:black}
.background-grey{ background:grey}
.background-orange{background:orange}

/*长度高宽*/
.wpx10{width:10px}
.wpx20{width:20px}
.wpx30{width:30px}
.wpx40{width:40px}
.wpx50{width:50px}
.wpx60{width:60px}
.wpx70{width:70px}
.wpx80{width:80px}
.wpx90{width:90px}
.wpx100{width:100px}
.wpx200{width:200px}
.wpx300{width:300px}
.wpx400{width:400px}
.wpx500{width:500px}
.wpx600{width:600px}
.wpx700{width:700px}
.wpx800{width:800px}
.wpx900{width:900px}
.wpx960{width:960px}
.hpx10{height:10px}
.hpx20{height:20px}
.hpx25{height:25px}
.hpx30{height:30px}
.hpx35{height:35px}
.hpx50{height:50px}
.hpx100{height:100px}
.hpx150{height:150px}
.hpx200{height:200px}

/*CSS margin*/

.m0{margin:0px}
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m30{margin:30px}
.mt0{margin-top:0px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.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}
.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}
.ml0{margin-left:0px}
.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}
.mr0{margin-right:0px}
.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}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mlr10{margin-left:10px;margin-right:10px;}
.mlr20{margin-left:20px;margin-right:20px;}

/*圆*/
.radius5{border-radius:5px}
.radius10{border-radius:10px}
.radius15{border-radius:15px}
.radius20{border-radius:20px}
.radius25{border-radius:25px}
.radius30{border-radius:30px}
.radius35{border-radius:35px}
.radius40{border-radius:40px}



/*CSS pdding*/
.plr10{padding-left: 10px;padding-right: 10px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.plr30{padding-left: 30px;padding-right: 30px;}
.plr40{padding-left: 40px;padding-right: 40px;}
.p0{padding:0px}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.pt0{padding-top:0px}
.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}
.pb0{padding-bottom:0px}
.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}
.pl0{padding-left:0px}
.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}
.pl100{padding-left:100px}
.pr0{padding-right:0px}
.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}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb20{padding-top:20px;padding-bottom:20px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr20{padding-left:20px;padding-right:20px;}