@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:#333;font-family:'Arial','Microsoft Yahei';font-size:14px; -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;}

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

input[type="button"],input[type="submit"] {cursor: pointer;}

input[type="checkbox"],input[type="radio"] {vertical-align: -2px;}

/**********常用类简写***********/

.mauto{max-width:1200px; margin:0 auto;}

.rel{ position: relative;}

.abs{ position: absolute;}

.w100{ width:100%;}

.mauto:before,.mauto:after,.clearfix:before,.clearfix:after {display: table;content: " ";}

.clearfix:after,.mauto:after {clear: both;}

.clear{ 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*/

.els{

	display: inline-block;

	max-width: 100%;

	text-overflow:ellipsis;

	white-space: nowrap;

	word-wrap:break-word;

	overflow: hidden;

	vertical-align:middle;

}

.c0{color: #000;}

.c6{color: #666;}

.c9{color: #999;}

/*font-size*/

.fz12{ font-size:14px;}

.fz13{ font-size:13px;}

.fz14{ font-size:14px;}

.fz15{ font-size:15px;}

.fz16{ font-size:16px;}

.fz18{ font-size:18px;}

.fz20{ font-size:20px;}

.fz22{ font-size:22px;}

.fz24{ font-size:24px;}

.fz26{ font-size:26px;}

.fz28{ font-size:28px;}

.fz30{ font-size:30px;}

.fz32{ font-size:32px;}

.fz36{ font-size:36px;}

.fz40{ font-size:40px;}

/*line-height*/

.li20{ line-height:20px;}

.li22{ line-height:22px;}

.li24{ line-height:24px;}

.li26{ line-height:26px;}

.li28{ line-height:28px;}

.li30{ line-height:30px;}

.li35{ line-height:35px;}

.li40{ line-height:40px;}

/*margin-top*/

.mt5 { margin-top:5px;  }

.mt10{ margin-top:10px; }

.mt12{ margin-top:12px; }

.mt15{ margin-top:15px; }

.mt20{ margin-top:20px; }

.mt22{ margin-top:22px; }

.mt25{ margin-top:25px; }

.mt30{ margin-top:30px; }

.mt35{ margin-top:35px; }

.mt40{ margin-top:40px; }

.mt45{ margin-top:45px; }

.mt50{ margin-top:50px; }

.mt55{ margin-top:55px; }

.mt60{ margin-top:60px; }



/*margin-right*/

.mr5 { margin-right:5px;  }

.mr10{ margin-right:30px; }

.mr15{ margin-right:15px; }

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

.mr55{ margin-right:55px; }

.mr60{ margin-right:60px; }



/*margin-bottom*/

.mb5 { margin-bottom:5px;  }

.mb10{ margin-bottom:10px; }

.mb15{ margin-bottom:15px; }

.mb20{ margin-bottom:20px; }

.mb25{ margin-bottom:25px; }

.mb30{ margin-bottom:30px; }

.mb35{ margin-bottom:35px; }

.mb40{ margin-bottom:40px; }

.mb43{ margin-bottom:43px; }

.mb45{ margin-bottom:45px; }

.mb50{ margin-bottom:50px; }

.mb55{ margin-bottom:55px; }

.mb60{ margin-bottom:60px; }



/*margin-left*/

.ml5 { margin-left:5px;  }

.ml10{ margin-left:10px; }

.ml15{ margin-left:15px; }

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

.ml55{ margin-left:55px; }

.ml60{ margin-left:60px; }



/******padding-top******/

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

.pt55{ padding-top:55px; }

.pt60{ padding-top:60px; }



/******padding-right******/

.pr5 { padding-right:5px;  }

.pr10{ padding-right:10px; }

.pr15{ padding-right:15px; }

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

.pr55{ padding-right:55px; }

.pr60{ padding-right:60px; }



/******padding-bottom******/

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

.pb45{ padding-bottom:45px; }

.pb50{ padding-bottom:50px; }

.pb55{ padding-bottom:55px; }

.pb60{ padding-bottom:60px; }



/******padding-left******/

.pl5 { padding-left:5px;  }

.pl10{ padding-left:10px; }

.pl15{ padding-left:15px; }

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

.pl55{ padding-left:55px; }

.pl60{ padding-left:60px; }

@media (max-width: 640px) {

	/*margin-top*/

.mt5 { margin-top:0.05rem;  }

.mt10{ margin-top:0.1rem; }

.mt12{ margin-top:0.12rem; }

.mt15{ margin-top:0.15rem; }

.mt20{ margin-top:0.2rem; }

.mt22{ margin-top:0.22rem; }

.mt25{ margin-top:0.25rem; }

.mt30{ margin-top:0.3rem; }

.mt35{ margin-top:0.35rem; }

.mt40{ margin-top:0.4rem; }

.mt45{ margin-top:0.45rem; }

.mt50{ margin-top:0.5rem; }

.mt55{ margin-top:0.55rem; }

.mt60{ margin-top:0.6rem; }



/*margin-right*/

.mr5 { margin-right:0.05rem;  }

.mr10{ margin-right:0.1rem; }

.mr15{ margin-right:0.15rem; }

.mr20{ margin-right:0.2rem; }

.mr25{ margin-right:0.25rem; }

.mr30{ margin-right:0.3rem; }

.mr35{ margin-right:0.35rem; }

.mr40{ margin-right:0.4rem; }

.mr45{ margin-right:0.45rem; }

.mr50{ margin-right:0.5rem; }

.mr55{ margin-right:0.55rem; }

.mr60{ margin-right:0.6rem; }



/*margin-bottom*/

.mb5 { margin-bottom:0.05rem;  }

.mb10{ margin-bottom:0.1rem; }

.mb15{ margin-bottom:0.15rem; }

.mb20{ margin-bottom:0.2rem; }

.mb25{ margin-bottom:0.25rem; }

.mb30{ margin-bottom:0.3rem; }

.mb35{ margin-bottom:0.35rem; }

.mb40{ margin-bottom:0.4rem; }

.mb43{ margin-bottom:0.43rem; }

.mb45{ margin-bottom:0.45rem; }

.mb50{ margin-bottom:0.5rem; }

.mb55{ margin-bottom:0.55rem; }

.mb60{ margin-bottom:0.6rem; }



/*margin-left*/

.ml5 { margin-left:0.05rem; }

.ml10{ margin-left:0.1rem; }

.ml15{ margin-left:0.15rem; }

.ml20{ margin-left:0.2rem; }

.ml25{ margin-left:0.25rem; }

.ml30{ margin-left:0.3rem; }

.ml35{ margin-left:0.35rem; }

.ml40{ margin-left:0.4rem; }

.ml45{ margin-left:0.45rem; }

.ml50{ margin-left:0.5rem; }

.ml55{ margin-left:0.55rem; }

.ml60{ margin-left:0.6rem; }



.fs24{ font-size:0.24rem;}

.fs26{ font-size:0.26rem;}

.fs28{ font-size:0.28rem;}

.fs30{ font-size:0.3rem;}

.fs32{ font-size:0.32rem;}

.fs36{ font-size:0.36rem;}

.fs40{ font-size:0.4rem;}

}