@charset 'utf-8';
*{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{border:0; max-width: 100%;height: auto;vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0; }
a{background: transparent;text-decoration: none;color: inherit;transition: all 150ms;}
b,em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;font-size: 100%;}
button,input,optgroup,select,textarea{font-size: 100%;border:none;line-height: 1.15;font-family: 'Microsoft Yahei'; outline: none;margin: 0;}
button,input{border-radius:0;padding:0;overflow: visible;}
button,select {text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;cursor: pointer;}
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
textarea {resize: none;}

/**********common***********/
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
.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: block;
	text-overflow:ellipsis;
	white-space: nowrap;
	word-wrap:break-word;
	overflow: hidden;
}
.els2 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow : hidden;
	-webkit-line-clamp: 2;
}
.c0 {color: #000;}
.cf {color: #fff;}
.c3 {color: #333;}
.c6 {color: #666;}
.c8 {color: #888;}
.c9 {color: #999;}

/*font-size*/
.fz12{ font-size:12px;}
.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;}
.li36{ line-height:36px;}
.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: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: 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;}
}


/* 响应式布局 */
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  float: left;
}
.col-lg-12 {
  width: 100%;
}
.col-lg-11 {
  width: 91.66666667%;
}
.col-lg-10 {
  width: 83.33333333%;
}
.col-lg-9 {
  width: 75%;
}
.col-lg-8 {
  width: 66.66666667%;
}
.col-lg-7 {
  width: 58.33333333%;
}
.col-lg-6 {
  width: 50%;
}
.col-lg-5 {
  width: 41.66666667%;
}
.col-lg-4 {
  width: 33.33333333%;
}
.col-lg-3 {
  width: 25%;
}
.col-lg-2 {
  width: 16.66666667%;
}
.col-lg-1 {
  width: 8.33333333%;
}
@media (max-width: 991px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
@media (max-width: 600px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}