/* reset */
/*
  *author:Y.Ray
*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
a,img { display:block; border:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;}
body, button, input, select, textarea { font-family: 'microsoft yahei','helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei',  simsun, sans-serif;overflow-x: hidden;}
select,input{appearance: none; -webkit-appearance: none; -moz-appearance: none;border-radius:0;}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #666;}
body{
  width: 100%;
  overflow-x: hidden;
}
select {outline: medium none;}
textarea {resize: vertical;}

.none{ display:none;}
.left { float:left;}
.right { float:right;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix { zoom:1;}
.ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.cont{
  width: 7.5rem;
  margin: 0 auto;
}

.banner-bgd{
  background-color: #f2f2f2;
}
.banner{
  font-size: 0;
  text-align: center;
}
.banner-box .hd{
  display: inline-block;
  vertical-align: top;
  width: 2rem;
}
.banner-box .hd li{
  position: relative;
  width: 2rem;
  height: 1.1rem;
  font-size: .28rem;
  color: #333;
  text-align: center;
  line-height: 1.1rem;
}
.banner-box .hd li.on{
  background-color: #fff;
}
.banner-box .hd li.on::before{
  position: absolute;
  top: .4rem;
  left: 0;
  width: .1rem;
  height: .3rem;
  content: '';
  background-color: #fc3134;
  border-radius: 0 .06rem .06rem 0;
}
.banner-box .bd{
  display: inline-block;
  vertical-align: top;
  width: 5.5rem;
  text-align: left;
}
.banner-box .bd h2{
  padding-left: .14rem;
  font-size: .28rem;
  color: #333;
  text-align: left;
  line-height: 1.1rem;
}
.banner-box .bd .banner-list{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: .35rem 0 0;
  width: 2.46rem;
  height: 1.5rem;
  margin: 0 .14rem .24rem;
  background-color: #fff;
}
.banner-list img{
  display: block;
  width: .4rem;
  height: .4rem;
  margin: 0 auto .15rem;
}
.banner-list h3{
  font-size: .24rem;
  color: #333;
  text-align: center;
}