@font-face {
  font-family: "swiper-icons"; /* Project id 2560839 */
  src: url('../fonts/swiper.woff?t=1621499440278') format('woff');
}

/* 删除原有字体图标相关代码 */
.swiper-icons {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	transition: all 0.3s;
  }
  
  /* 左箭头 */
  .swi-arrlb::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 9px;
	height: 9px;
	border-left: 2px solid #6510ad;
	border-bottom: 2px solid #6510ad;
	transform: translate(-25%, -50%) rotate(45deg);
  }
  
  /* 右箭头 */
  .swi-arrrb::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 9px;
	height: 9px;
	border-right: 2px solid #6510ad;
	border-top: 2px solid #6510ad;
	transform: translate(-75%, -50%) rotate(45deg);
  }
  
  /* 悬停效果 */
  .swiper-icons:hover::before {
	border-color: #d8b95a;
  }
  
  /* 禁用状态 */
  .swiper-button-disabled {
	opacity: 0.4;
	cursor: not-allowed;
  }
  

  
  /* 按钮容器定位 */
  .sbtn {
	position: absolute;
	bottom: 20px;
	right: 40px;
	z-index: 20;
	gap: 0px;
  }
  
  /* 按钮背景 */
  .swiper-icons {
	background: rgb(226 226 226 / 80%);
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }
  
  /* 移动端适配 */
  @media (max-width: 768px) {
	.swiper-icons {
	  width: 25px;
	  height: 25px;
	}
	
	.swi-arrlb::before,
	.swi-arrrb::before {
	  width: 10px;
	  height: 10px;
	}
  }

:root {
	--swiper-theme-color: #007aff
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	transform: translate3d(0px,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform,height
}


.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top:-25px ;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #007aff
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}




.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}




.swiper-button-next:after, .swiper-button-prev:after{}