@charset 'utf-8';
/*remove the gray background color from tap, default value is inherit*/
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
html{-webkit-tap-highlight-color: transparent;}
body{overflow-x:hidden;color:#7c7c7c; background-color: ;font-family:'Arial', 'Microsoft Yahei';font-size:13px; -webkit-overflow-scrolling: touch;}
body,h1,h2,h3,h4,h5,h6,dl,dd,p,th,td,form,figure{ margin:0; padding: 0; border:0;}
ul,ol,li{ margin:0;padding:0; list-style-type: none}
img{ vertical-align: middle; border:0; max-width: 100%;}
table{border-collapse: collapse; border-spacing: 0; }
a{background: transparent;text-decoration: none;color: inherit;}
a:hover{color: #e47234;}
b,em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;font-size: 14px;}
button,input,optgroup,select,textarea{border:none;vertical-align:middle; font-family: 'Microsoft Yahei'; outline: none;}
button,input{border-radius:0;padding:0;}
-webkit-appearance:none;
textarea,input{-webkit-user-modify: read-write-plaintext-only;/*Android 下 input focus 消除高亮外框*/}
textarea {resize: none;}
/**********常用类简写***********/
.mauto{max-width:960px; margin:0 auto;}
.mauto0{max-width:1010px; margin:0 auto;}
.mauto2{max-width:1114px; margin:0 auto;}
.mauto1{max-width:1267px; margin:0 auto;}
.p-mauto{max-width:1200px; margin:0 auto;}
.rel{ position: relative;}
.abs{ position: absolute;}
.w100{ width:100%;}
.w50{ width:50%;}
.mauto:before,.mauto:after,.clearfix:before,.clearfix:after {display: table;content: " ";}
.clearfix:after,.mauto:after {clear: both;}
.ov{overflow:hidden;}
/*float*/
.fl{ float:left;}
.fr{ float:right;}
/*text-align*/
.tar{ text-align: right;}
.tal{ text-align: left;}
.tac{ text-align:center;}
/*font-weight*/
.fb{ font-weight:bold;}
/*display*/
.db{ display:block;}
.dn{ display:none;}
/*white-space*/
.text-ups{ text-transform : uppercase;}
.els{vertical-align:middle;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;word-wrap:break-word;display: inline-block;}
.els2{ text-align:center;vertical-align:middle;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;word-wrap:break-word;display: inline-block;}
.fz12 {font-size: 12px;}
.clear{
	height: 0;
	clear: both;
}

.cf{color: #fff;}

.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:0.2rem;}
.f22{ font-size:0.22rem;}
.f24{ font-size:.24rem}
.f26{ font-size:.26rem;}
.f28{ font-size:.28rem;}
.f30{ font-size:.30rem;}
.f32{ font-size:.32rem;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}

.mr5 {margin-right: 5px;}
.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;}
.mr50 {margin-right: 50px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml35 {margin-left: 35px;}

.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd20 {padding: 20px;}
.pd30 {padding: 30px;}
.pd50 {padding: 50px;}

.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;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}

.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;}
.pb50 {padding-bottom: 50px;}

.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}

.li25{ line-height: 25px;}
.li30{ line-height: 30px;}

.img-md{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
}
.img-md img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
}