.brand-act{
  width:448px;
  height:100%;
  flex:none;
  position:relative;
}
.brand-act-swiper{
  position:relative;
  z-index:10;
}
.brand-act-title{
  padding:0 18px;
  height:30px;
  line-height:30px;
  font-size: 18px;
  background-image: linear-gradient(90deg, 
		#ab53ef 0%, 
		#7400ea 100%);
  display:inline-block;
  position:absolute;
  z-index:99;
  left:0;
  top:0;
  color: #ffffff;
}
.brand-act-swiper-slide{
  width:100%;
  height:100%;
}
.brand-act .da-icon{
  display:none;
}
.brand-act-swiper.swiper-container-horizontal>.swiper-pagination-bullets{
  bottom:0;
}
.brand-act-swiper .swiper-pagination-bullet{
  width: 16px;
  height: 6px;
  border-radius: 6px;
  opacity: 1;
  background: #ffffff;
}
.brand-act-swiper .swiper-pagination-bullet-active{
  width: 38px;
  background: #e20413;
}
@media (max-width:1400px){
  .brand-act-title{
    font-size:1.4vw;
  }
  .brand-act{
    width:32vw;
  }
}
@media (max-width:1099px){
  .brand-act-title{
    font-size:1.8vw;
  }
}
@media (max-width:767px){
  .brand-act-title{
    font-size:4.27vw;
    height:6vw;
    line-height:6vw;
    padding:0 3.3vw;
  }
  .brand-act{
    width:100vw;
    height: calc( 100vw * 168 / 448 );
  }
}