.brand-new-act{
  display:flex;
  height:calc(50vw * 472 / 962);
  margin-top:51px;
}
.brand-new-act-left{
  flex:none;
  position:relative;
}
.brand-new-act-left-img-box{
  position:relative;
  z-index:10;
}
.brand-new-act-left-tip{
  position:absolute;
  z-index:99;
  color:#ffffff;
  width: 90px;
  height: 32px;
  background-image: linear-gradient(0deg,#e88300 0%,#df612f 100%);
  left:0;
  top:0;
  text-align:center;
  line-height:32px;
}
.brand-new-act-left-img{
  width:50vw;
  height:100%;
}
.brand-new-act-right{
  flex:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background-color: #e1e1e1;
  padding: 0 10px;
}
.brand-new-act-right-title{
  font-size: 31px;
  flex:none;
}
.brand-new-act-right-text{
  font-size: 16px;
  line-height: 23px;
  margin-top:62px;
  flex:none;
  width: 65%;
}
.brand-new-act-swiper .brand-new-act-swiper-pagination{
  position:absolute;
  display:flex;
  justify-content:center;
  bottom:19px;
  left:0;
  right:unset;
  z-index:99;
}
.brand-new-act-swiper .brand-new-act-swiper-pagination .swiper-pagination-bullet{
  width: 16px;
  height: 6px;
  background-color: #ffffff;
  border-radius: 3px;
  opacity: 1;
}
.brand-new-act-swiper .brand-new-act-swiper-pagination .swiper-pagination-bullet-active{
  width: 38px;
  background-color: #e20413;
}
@media (max-width:1400px){
  .brand-new-act-right-text{
    margin-top:4vw;
  }
  .brand-new-act-swiper .brand-new-act-swiper-pagination{
    bottom:1vw;
  }
}
@media (max-width:1099px){
  .brand-new-act-right-text{
    margin-top:2vw;
    width: 80%;
    font-size:1.7vw;
  }
  .brand-new-act-right-title{
    font-size: 2.6vw;
  }
}
@media (max-width:767px){
  .brand-new-act {
    display: block;
    height: unset;
    margin-top: 4vw;
  }
  .brand-new-act-left-img{
    width:100%;
  }
  .brand-new-act-right{
    padding-top: 4vw;
    padding-bottom: 4vw;
    padding-left:1.87vw;
    padding-right:1.87vw;
  }
  .brand-new-act-right-title{
    font-size:5vw;
  }
  .brand-new-act-right-text{
    font-size:4.27vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    width:unset;
  }
  .brand-new-act-left-tip{
    font-size: 3.73vw;
    width: 21vw;
    height: 8vw;
    line-height: 8vw;
  }
  .brand-new-act-swiper .brand-new-act-swiper-pagination .swiper-pagination-bullet{
    width: 2.5vw;
    height: 1vw;
    border-radius: 1vw;
  }
  .brand-new-act-swiper .brand-new-act-swiper-pagination .swiper-pagination-bullet{
    margin: 0 0.9vw;
  }
  .brand-new-act-swiper .brand-new-act-swiper-pagination .swiper-pagination-bullet-active{
    width:5.5vw;
  }
  .brand-new-act-swiper .brand-new-act-swiper-pagination{
    right:1.2vw;
    bottom:1.5vw;
  }
  .brand-new-act-right-title{
    width:unset;
    text-align:left;
  }
}