@charset 'utf-8';
/*remove the gray background color from tap, default value is inherit*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html{-webkit-tap-highlight-color: transparent;}
body{min-height:100%;font-family: 'Microsoft Yahei','Arial'; font-size:14px; color: #333; -webkit-overflow-scrolling: touch; line-height:1.875em;}
/*dt,li没有margin和padding*/
body,h1,h2,h3,h4,h5,h6,dl,dd,p,th,td,form,figure{ margin:0; }
ul,ol{ margin:0;padding:0; }
ul{list-style-type: none;}
img{ vertical-align: middle; border:0; }
table{ border-collapse: collapse; border-spacing: 0; }
a  { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;color:#333;}
a:hover{color:#e60012;}
i  { font-style:normal; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h1,h2,h3,h4,h5,h6{ line-height: 2; font-weight: normal; }
h4,h5,h6{ font-size: 14px; }

button,input,optgroup,select,textarea{border:0;font-family: 'Arial';}
button,input{border-radius:0;padding:0; outline: none;}
textarea,input{-webkit-user-modify: read-write-plaintext-only;/*Android 下 input focus 消除高亮外框*/}

/**********常用类简写***********/
.mauto{max-width:1200px; margin:0 auto;}
.clear{ clear:both;}
.clear:after {
	content: '';
	display: block;
	clear: both;
}
.ofhidden{overflow:hidden;}
/**img**/
.img-responsive{ max-width: 100%;  height: auto;}
.w100{ width:100%;}
.w90{ width:90%;}
.h100{ height:100%;}
/*float*/
.fl{ float:left;}
.fr{ float:right;}
.left {
    float: left;
}

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


/***line-height***/
.li20px{line-height:20px;}
.li22px{line-height:22px;}
.li24px{line-height:24px;}
.li26px{line-height:26px;}
.li28px{line-height:28px;}
.li30px{line-height:30px;}
.li35px{line-height:35px;}
.li40px{line-height:40px;}
.li50px{line-height:50px;}

/*font-size*/
.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs22{ font-size:22px;}
.fs24{ font-size:24px;}
.fs26{ font-size:26px;}
.fs28{ font-size:28px;}
.fs30{ font-size:30px;}
.fs32{ font-size:32px;}
.fs36{ font-size:36px;}
.fs40{ font-size:40px;}
/*margin-top*/
.mt5 { margin-top:5px;  }
.mt10{ margin-top:10px; }
.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: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; }
.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: 767px) {
.fs32{ font-size:20px;}

	/*margin-top*/
.mt5 { margin-top:0.5rem;  }
.mt10{ margin-top:0.10rem; }
.mt15{ margin-top:0.15rem; }
.mt20{ margin-top:0.20rem; }
.mt22{ margin-top:0.22rem; }
.mt25{ margin-top:0.25rem; }
.mt30{ margin-top:0.30rem; }
.mt35{ margin-top:0.35rem; }
.mt40{ margin-top:0.40rem; }
.mt45{ margin-top:0.45rem; }
.mt50{ margin-top:0.50rem; }
.mt55{ margin-top:0.55rem; }
.mt60{ margin-top:0.60rem; }

/*margin-right*/
.mr5 { margin-right:0.5rem;  }
.mr10{ margin-right:0.10rem; }
.mr15{ margin-right:0.15rem; }
.mr20{ margin-right:0.20rem; }
.mr25{ margin-right:0.25rem; }
.mr30{ margin-right:0.30rem; }
.mr35{ margin-right:0.35rem; }
.mr40{ margin-right:0.40rem; }
.mr45{ margin-right:0.45rem; }
.mr50{ margin-right:0.50rem; }
.mr55{ margin-right:0.55rem; }
.mr60{ margin-right:0.60rem; }

/*margin-bottom*/
.mb5 { margin-bottom:0.5rem;  }
.mb10{ margin-bottom:0.10rem; }
.mb15{ margin-bottom:0.15rem; }
.mb20{ margin-bottom:0.20rem; }
.mb25{ margin-bottom:0.25rem; }
.mb30{ margin-bottom:0.30rem; }
.mb35{ margin-bottom:0.35rem; }
.mb40{ margin-bottom:0.40rem; }
.mb43{ margin-bottom:0.43rem; }
.mb45{ margin-bottom:0.45rem; }
.mb50{ margin-bottom:0.50rem; }
.mb55{ margin-bottom:0.55rem; }
.mb60{ margin-bottom:0.60rem; }

/*margin-left*/
.ml5 { margin-left:0.5rem;  }
.ml10{ margin-left:0.10rem; }
.ml15{ margin-left:0.15rem; }
.ml20{ margin-left:0.20rem; }
.ml25{ margin-left:0.25rem; }
.ml30{ margin-left:0.30rem; }
.ml35{ margin-left:0.35rem; }
.ml40{ margin-left:0.40rem; }
.ml45{ margin-left:0.45rem; }
.ml50{ margin-left:0.50rem; }
.ml55{ margin-left:0.55rem; }
.ml60{ margin-left:0.60rem; }

/******padding-top******/
.pt5 { padding-top:.0.05rem;  }
.pt10{ padding-top:0.10rem; }
.pt15{ padding-top:0.15rem; }
.pt20{ padding-top:0.20rem; }
.pt25{ padding-top:0.25rem; }
.pt30{ padding-top:0.30rem; }
.pt35{ padding-top:0.35rem; }
.pt40{ padding-top:0.40rem; }
.pt45{ padding-top:0.45rem; }
.pt50{ padding-top:0.50rem; }
.pt55{ padding-top:0.55rem; }
.pt60{ padding-top:0.60rem; }

/******padding-right******/
.pr5 { padding-right:0.5rem;  }
.pr10{ padding-right:0.10rem; }
.pr15{ padding-right:0.15rem; }
.pr20{ padding-right:0.20rem; }
.pr25{ padding-right:0.25rem; }
.pr30{ padding-right:0.30rem; }
.pr35{ padding-right:0.35rem; }
.pr40{ padding-right:0.40rem; }
.pr45{ padding-right:0.45rem; }
.pr50{ padding-right:0.50rem; }
.pr55{ padding-right:0.55rem; }
.pr60{ padding-right:0.60rem; }

/******padding-bottom******/
.pb5 { padding-bottom:0.5rem;  }
.pb10{ padding-bottom:0.10rem; }
.pb15{ padding-bottom:0.15rem; }
.pb20{ padding-bottom:0.20rem; }
.pb25{ padding-bottom:0.25rem; }
.pb30{ padding-bottom:0.30rem; }
.pb35{ padding-bottom:0.35rem; }
.pb40{ padding-bottom:0.40rem; }
.pb45{ padding-bottom:0.45rem; }
.pb50{ padding-bottom:0.50rem; }
.pb55{ padding-bottom:0.55rem; }
.pb60{ padding-bottom:0.60rem; }

/******padding-left******/
.pl5 { padding-left:0.5rem;  }
.pl10{ padding-left:0.10rem; }
.pl15{ padding-left:0.15rem; }
.pl20{ padding-left:0.20rem; }
.pl25{ padding-left:0.25rem; }
.pl30{ padding-left:0.30rem; }
.pl35{ padding-left:0.35rem; }
.pl40{ padding-left:0.40rem; }
.pl45{ padding-left:0.45rem; }
.pl50{ padding-left:0.50rem; }
.pl55{ padding-left:0.55rem; }
.pl60{ padding-left:0.60rem; }
}