.common-swiper-box{
  width:100%;
  flex:none;
  height:100%;
  box-shadow: 1px 4px 10px 0px 
		rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  overflow:hidden;
}
.common-swiper-slide-bac{
  border-radius: 5px;
  overflow:hidden;
}
.common-swiper-slide{
  background-color: #878787;
  display:flex;
  flex-direction:column;
  height:100%;
}
.common-swiper{
  background-color: #878787;
}
.common-swiper-slide-bac{
  flex:none;
  position:relative;
}
.common-swiper-slide-bottom{
  flex:1;
  padding-left:15px;
  display:flex;
  align-items:center;
}
.common-swiper-pagination{
  left: unset!important;
  right: 12.5px!important;
  width: unset!important;
  bottom:0!important;
  height:32px;
}
.common-swiper-pagination .swiper-pagination-bullet{
  width:clamp( 15px ,3vw,63px);
  height: 3px;
  opacity:1;
  background-color: #ffffff;
  border-radius: 1px;
  margin: 0 1.5px!important;
}
.common-swiper-pagination .swiper-pagination-bullet-active{
  background-color: #b6b2b2;
}
.common-swiper-slide-bac .img-box-box{
  position:relative;
  z-index:10;
  width:100%;
}
.common-swiper-slide-title-bac{
  width:100%;
  position:absolute;
  z-index:99;
  left:0;
  bottom:0;
  padding:10px 15px;
  background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));
}
.common-swiper-slide-title{
  color: #ffffff;
  font-size: clamp(16px, 2vw, 28px);
  line-height: clamp(20px, 2.2vw, 30px);
}
.common-swiper .img-box-video-message{
  width: clamp(20px, 6vw, 60px);
  left: 1%;
  bottom: 2%;
}
@media (max-width:1520px){
  .common-swiper-pagination{
    height:38px;
  }
}
@media (max-width:576px){
  .common-swiper-slide-title{
    font-size: clamp(1px, 4.27vw, 16px);
    line-height: clamp(1px, 5.33vw, 20px);
  }
  .common-swiper-box{
    border-radius: 0px 0vw 5px 5px;
    box-shadow:unset;
  }
  .common-swiper-slide-bac{
    border-radius: 0;
  }
  .common-swiper-pagination .swiper-pagination-bullet{
    width: clamp(1px, 7vw, 62px);
  }
  .common-swiper-pagination{
    height:calc(10px + clamp(1px,6vw,23px));
    line-height:calc(5px + clamp(1px,6vw,23px));
  }
  .common-swiper-slide-title-bac{
    padding:10px clamp(1px,2.4vw,18px);
  }
  .common-swiper-slide-bottom{
    padding:5px 0 5px clamp(1px,2.4vw,18px);
  }
  .common-swiper .img-box-video-message{
    width: clamp(20px, 12vw, 60px);
    left: 3%;
    bottom: 4%;
  }
}