.brand10hotbangdan{padding:20px;}
.brand10hotbangdan .swipe { position:relative; overflow:hidden;}
.brand10hotbangdan .swipecont .sleft, .brand10hotbangdan .swipecont .sright{ position:absolute;background:rgba(0, 0, 0, 0.3); width:20px; height:30px; top:50%; margin-top:-15px; text-align: center; line-height:28px; z-index:10; cursor:pointer;}
.brand10hotbangdan .swipecont .sleft{ left:0; border-top-right-radius:15px; border-bottom-right-radius:15px;}
.brand10hotbangdan .swipecont .sright { right:0;  border-top-left-radius:15px; border-bottom-left-radius:15px;}
.brand10hotbangdan .swipecont .sleft .iconfont{left:-2px;}
.brand10hotbangdan .swipecont .sright .iconfont{right:-2px;}
.brand10hotbangdan .swipecont .jiantou:hover{background:rgba(0, 0, 0, 0.5);}
.brand10hotbangdan .slice a{width:32%; height:184px; overflow:hidden; float:left; display:block; position:relative;}
.brand10hotbangdan .slice a:nth-child(2){margin:0 2%;}
.brand10hotbangdan .slice a img{ border-radius:8px; display:block; background:#f6f6f6; transition:all ease-in-out 200ms;}
.brand10hotbangdan .slice a:hover img{ transform:scale(1.1)}

.brand10hotbangdan .slice a .desc{ position:absolute; top:25px; left:20px;}
.brand10hotbangdan .slice a .desc .cont{  margin-top: 8px;  background: #fff;  padding: 1px 10px 2px 4px;
 border-radius: 20px; font-size: 10px;  display: inline-block;}
.brand10hotbangdan .slice a .desc  .title { width: 260px;}
.brand10hotbangdan .slice a .desc .yuan{ border-radius:50%; width:12px; height:12px; display:inline-block; vertical-align:middle; margin-right:4px; margin-top:-2px;}
.brand10hotbangdan .slice a.s1 .desc .yuan{ background:#f78378;}
.brand10hotbangdan .slice a.s2 .desc .yuan{ background:#f3b050;}
.brand10hotbangdan .slice a.s3 .desc .yuan{ background:#518fea;}
.brand10hotbangdan .slice a.s4 .desc .yuan{ background:#a899f6;}

.brand10hotbangdan .slice a.s1 .desc .cont{ color:#f78378;}
.brand10hotbangdan .slice a.s2 .desc .cont{ color:#f3b050;}
.brand10hotbangdan .slice a.s3 .desc .cont{ color:#518fea;}
.brand10hotbangdan .slice a.s4 .desc .cont{ color:#a899f6;}
.brand10hotbangdan .slice a .desc .sjx{ width: 0; height: 0;  border-width: 6px 4px 0 4px;
  border-style: solid;  border-color: #fff transparent transparent transparent; transform: rotate(-90deg);display: block; margin-top:3px; margin-left:3px;}
.brand10hotbangdan .slice a .attention{ position:absolute; bottom:10px; right:10px;}