body .common-swiper,body .common-wrapper,body .swiper-slide{
  height:unset;
}
.common-swiper-tip{
  position:absolute;
  right:0;
  top:0;
  padding:3px clamp(5px,1.6vw,16px);
  background-color: #969696;
  border-radius: 5px;
  z-index:99;
}
.common-swiper-tip img{
  width:clamp( 8px,1.3vw,13px )
}
.common-swiper-tip-title{
  font-size: clamp(10px,1.8vw,16px);
  color:#ffffff;
  margin-left:clamp(5px,0.9vw,9px);
  text-align-last:justify;
  width:clamp(25px,4vw,40px);
}
.common-swiper .story-list-unit-bottom-time{
  font-size: clamp( 8px,1.4vw,14px );
  color: #7e7e7e;
}
.common-swiper-box{
  width:100%;
  flex:none;
  height:100%;
}
.common-swiper-box .user-avatar-box{
  width:clamp( 30px,4.1vw,41px );
  height:clamp( 30px,4.1vw,41px );
}
.common-swiper-box .user-name{
  font-size:clamp( 8px,1.4vw,14px );
}
.common-swiper-slide-bac{
  overflow:hidden;
}
.common-swiper-slide{
  background-color: #e5e5e5;
  display:flex;
  flex-direction:column;
  height:100%;
}
.common-swiper{
  background-color: #e5e5e5;
}
.common-swiper-slide-bac{
  flex:none;
  position:relative;
}
.common-swiper-slide-bottom{
  flex:1;
  padding-left:15px;
  display:flex;
  align-items:center;
  padding: 4px clamp( 10px,1.5vw,15px ) 8px;
}
.common-swiper-pagination{
  left: unset!important;
  right: 12.5px!important;
  width: 34%!important;
  bottom:clamp( 40px,6.1vw,61px )!important;
  height:32px;
}
.common-swiper-pagination .swiper-pagination-bullet{
  width:15%;
  height: 3px;
  opacity:1;
  background-color: #ffffff;
  border-radius: 1px;
  margin: 0 0.5%!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, 24px);
  line-height: clamp(20px, 2.2vw, 30px);
  width:calc( 66% - 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-slide-bac{
    border-radius: 0;
  }
  .common-swiper-slide-bottom{
    padding:0.4vw 1.87vw;
  }
  .common-swiper-pagination{
    height:calc(10px + clamp(1px,6vw,23px));
    line-height:calc(5px + clamp(1px,6vw,23px));
  }
  .common-swiper-box .user-name{
    font-size: clamp(1px, 3.47vw, 18px);
  }
  .common-swiper-slide-title-bac{
    padding:10px clamp(1px,2.4vw,18px);
  }
  .common-swiper-box .user-avatar-box{
    width:clamp(1px,7.7vw,52px);
    height:clamp(1px,7.7vw,52px);
  }
  .common-swiper .story-list-unit-bottom-time{
    font-size: clamp(1px, 3.2vw, 12px);
  }
  .common-swiper-pagination .swiper-pagination-bullet{
    width:13%;
    margin: 0 1.5%!important;
  }
  .common-swiper-pagination{
    width: 32% !important;
  }
  .common-swiper-slide-title{
    width: calc(68% - 30px);
  }
}