.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;left:10%;right:10%;margin:0;padding:0;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.wrapper-parent {background-color: #383635;}
.wrapper04 {position:relative;height: 1rem;width: 75%;overflow: hidden;margin:0 auto;background:#dddbackground-color: #383635;min-width: 1240px;height: 70px;background-color: #383635;}
.wrapper04 .scroller {position:absolute;left:30px}
.wrapper04 .scroller li {height: 1rem;color:#333;float: left;line-height: 1rem;font-size: 18px;text-align: center;width:200px;}
.wrapper04 .scroller li a{color:#fff;display:block;margin:0 .3rem;user-select:none;}
.wrapper04 .scroller li.cur,.wrapper04 .scroller li:hover{background:#C92B2F !important}
.wrapper04 .scroller li.cur a{color:#fff;}

.scroll-left{
  width: 30px;
  height: 70px;
  text-align: center;
  position: absolute;
  background-color: #383635;
  cursor: pointer;
}

.scroll-left > div{
  width: 30px;
  height: 70px;
}

.scroll-left > div > div{
  background-image: url(../../../img/icon/icon_left.svg)
; background-position: center center; background-size: cover; background-repeat: no-repeat;
}

.scroll-right{
  width: 30px;
  height: 70px;
  text-align: center;
  background-color: #383635;
  float: right;
  position: inherit;
  cursor: pointer;
}

.scroll-right > div{
  width: 30px;
  height: 70px;
  float: right;
}

.scroll-right > div > div{
  background-image: url(../../../img/icon/icon_right.svg)
; background-position: center center; background-size: cover; background-repeat: no-repeat;
}