/* Swiper 专用布局，置于网站样式之后以覆盖旧的原生滚动样式。 */
.character-swiper.swiper {
  position: relative;
  display: block;
  max-width: 1040px;
  margin: 0 auto;
  padding: 2px 0 36px;
  overflow: hidden;
}

.character-swiper .swiper-wrapper {
  display: flex;
}

.character-swiper .character-item.swiper-slide {
  display: flex;
  flex: none;
  width: auto;
  min-height: 145px;
}

.character-swiper .round-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
}

.character-swiper .swiper-prev { left: 6px; }
.character-swiper .swiper-next { right: 6px; }
.character-swiper .swiper-pagination { bottom: 5px; }
.character-swiper .swiper-pagination-bullet { width: 6px; height: 6px; background: #f1cada; opacity: 1; }
.character-swiper .swiper-pagination-bullet-active { background: #f35191; }

@media (max-width: 640px) {
  .character-swiper.swiper { padding: 2px 16px 31px; }
  .character-swiper .character-item.swiper-slide { min-width: 0; min-height: 137px; }
  .character-swiper .round-arrow { width: 30px; height: 30px; }
  .character-swiper .swiper-prev { left: 3px; }
  .character-swiper .swiper-next { right: 3px; }
}