.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    transition: transform 0.3s, background 0.3s;
    /* 添加过渡效果 */
    margin: 0 6px !important;
}
.swiper-pagination-bullet-active {
    background: #007AFF;
    transform: scale(1.2);
    /* 放大效果 */
}
  .swiper-pagination {
      text-align: center;
      /* 使分页器文本居中 */
      position: absolute;
      /* 绝对定位 */
      bottom: -105px;
      /* 距离底部的距离 */
      left: 50%;
      /* 左侧50% */
      transform: translateX(-50%);
      /* 向左移动自身宽度的一半 */
  }