.swiper-container {
  // 如果不给定容器指定宽度css（或者在initOptions里指定，或者每个slide div上指定）
  // 那么loop模式下,首次显示无法正确定位到第一个slide （Swiper估计需要初始宽度值来定位首页）
  width: 100%;
  background-image: linear-gradient(45deg, #ff523f, #fe8829);
}

.xm-swiper-slide {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  // 使用padding-bottom保持高宽比
  padding-bottom: 48%; // 180/375px
  position: relative;

  display: flex;
  justify-content: center;
  text-align: center;
}

.swiper-container-horizontal {
  > .swiper-pagination-bullets {
    text-align: left;
    padding-left: 1rem;
    bottom: 5px;
    transition: none;
    .swiper-pagination-bullet {
      margin: 0 3px;
      &:first-child {
        margin-left: 0;
      }
    }
  }
}

.swiper-pagination-bullet {
  background-color: white;
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  background-color: white;
  opacity: 1;
}