.HK-spec-box{
  margin-top:21px;
}
.HK-spec-box-swiper{
  margin-top:15px;
  height:273px;
}
.HK-spec-box-swiper-slide{
  height:231px;
}
.HK-spec-box-swiper-pagination .swiper-pagination-bullet{
  margin:0 7.5px!important;
  width:40px;
  opacity:1;
  background-color: #c7c6f0;
  height:5px;
  border-radius:2.5px;
}
.HK-spec-box-swiper-pagination .swiper-pagination-bullet-active{
  background-color: #c979db;
}
@media (max-width:1400px){
  .HK-spec-box-swiper-slide{
    height: 16.3vw;
  }
  .HK-spec-box-swiper{
    height: 19vw;
    margin-top:1vw;
  }
}
@media (max-width:1099px){
  .HK-spec-box-swiper{
    height: 20vw;
  }
  .HK-spec-box-swiper-pagination .swiper-pagination-bullet{
    width:4vw;
    margin: 0 0.5vw!important;
    height: 0.5vw;
    border-radius: 0.5vw;
  }
}
@media (max-width:767px){
  .HK-spec-box-swiper{
    margin-top: 2.53vw;
  }
  .HK-spec-box-swiper-slide{
    height:54vw;
  }
  .HK-spec-box-swiper{
    height:64vw;
  }
  .HK-spec-box-swiper-pagination .swiper-pagination-bullet{
    width: 6.67vw;
    height: 0.67vw;
    margin: 0 1.135vw!important;
  }
}