/*单行无缝滚动*/
 .swiper-plug {
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
}
.swiper-plug ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  width: max-content;
}
.swiper-plug li {
  flex-shrink: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.swiper-plug img {		 
  width: 100%;
  height: 300px;			  
  object-fit: cover;
  display: block;
}

/* 父容器遮罩层样式 */
.mask {
  position: relative;
  overflow: hidden;
}

/* 左侧渐变遮罩 */
.mask::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 250px;
  background: linear-gradient(45deg, #E8EFFF, rgba(232, 239, 255, 0));
  z-index: 10;
  pointer-events: none;
}

/* 右侧渐变遮罩 */
.mask::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 160px;
  background: linear-gradient(-45deg, #E8EFFF, rgba(232, 239, 255, 0));
  z-index: 10;
  pointer-events: none;
}
			
 /* ========== 水平手风琴 ========== */
.accordionH-plug {
	flex: 1;
	display: flex;
	height: 450px;
	gap: 20px;
	overflow: hidden;
	border-radius: 12px;
	margin-bottom: 20px;
}

/* ========== 垂直手风琴 ========== */
.accordionV-plug {
	width: 300px;
	display: flex;
	flex-direction: column;
	height: 400px;
	gap: 10px;
	overflow: hidden;
	border-radius: 12px;
}

/* 通用卡片样式 - 初始平均分布 */
.accordion-item {
	flex: 1; /* 初始平均宽度 */
	position: relative;
	cursor: pointer;
	transition: flex 0.5s ease;
	overflow: hidden;
	border-radius: 8px;
}

.accordion-item.active {
	flex: 5; /* 激活后放大 */
}

.accordion-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left;
	display: block;
}

.accordion-item .item-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 16px;
	/*background:  linear-gradient(to right, #0052d9 0%, #0052d9 50%, #FF7A45 100%);*/
	 background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
	color: white;
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
}


/* ==========漂浮广告容器样式============ */
 .floating-ad {
 	position: fixed;
 	overflow: hidden;
 	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 	z-index: 9999;
 	transition: all 0.3s ease;
 	border-radius: 10px;
 }

 /* 广告关闭按钮样式 */
 .floating-ad-close {
 	position: absolute;
 	top: 5px;
 	right: 5px;
 	width: 18px;
 	height: 18px;
 	line-height: 18px;
 	text-align: center;
 	background-color: rgba(0, 0, 0, 0.5);
 	color: white;
 	font-size: 12px;
 	cursor: pointer;
 	z-index: 10000;
 	opacity: 0;
 	transition: opacity 0.3s ease;
 	border-radius: 50%;
 }

 .floating-ad:hover .floating-ad-close {
 	opacity: 1;
 }

 /* 广告内容区域样式 */
 .floating-ad-content {
 	width: 100%;
 	height: 100%;
 	cursor: pointer;
 }

 /* 广告1专用样式 紫色系 */
 .ad-style-1 {
 	background: linear-gradient(135deg, #FF7F50, #FF4500);
 	border-radius: 10px;
 	color: white;
 }

 .ad-style-1 .decor-line {
 	height: 1.5px;
 	background: linear-gradient(90deg, transparent, #FFA07A, transparent);
 }

 .ad-style-1 h3 {
 	font-weight: bold;
 	margin-bottom: 5px;
 	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 	letter-spacing: 0.5px;
 }

 .ad-style-1 .price-info {
 	background: rgba(255, 255, 255, 0.2);
 	border-radius: 4px;
 	padding: 4px 0;
 	margin-bottom: 8px;
 }

 .ad-style-1 .price-info p {
 	color: white;
 	font-weight: bold;
 	margin: 0;
 }

 .ad-style-1 .price-info span {
 	color: #FFFF00;
 }

 .ad-style-1 .subtitle {
 	color: #FFE4B5;
 	margin-bottom: 10px;
 	line-height: 1.3;
 }


 .ad-style-1 button {
 	background: linear-gradient(135deg, #FFD700, #FFA500);
 	color: #8B4513;
 	border: none;
 	padding: 6px 12px;
 	border-radius: 14px;
 	cursor: pointer;
 	box-shadow: 0 2px 6px rgba(255, 165, 0, 0.5);
 	transition: all 0.3s ease;
 }

 .ad-style-1 button:hover {
 	transform: translateY(-1.5px);
 	box-shadow: 0 3px 8px rgba(255, 165, 0, 0.7);
 }

 /* 广告2专用样式 绿色系*/
 .ad-style-2 {
 	background: linear-gradient(135deg, #76d058, #217e02);
 	border-radius: 10px;
 	color: white;
 }

 .ad-style-2 .decor-line {
 	height: 1.5px;
 	background: linear-gradient(90deg, transparent, #FFA07A, transparent);
 }

 .ad-style-2 h3 {
 	font-size: 16px;
 	font-weight: bold;
 	margin-bottom: 8px;
 	text-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.2);
 }

 .ad-style-2 .subtitle {
 	color: #fdffdb;
 	margin-bottom:12px;
 	line-height: 1.3;
 	font-size: 16px;
	font-weight: bold;;
 }

 .ad-style-2 .subtitle span {
 	color: white;
 	font-weight: 600;
 }

 .ad-style-2 button {
 	background: linear-gradient(135deg, #ebfff3, #a7fbcc);
 	border: none;
 	padding: 8px 8px;
 	border-radius: 16px;
 	font-size: 12px;
 	font-weight: 500;
 	cursor: pointer;
 	box-shadow: 0 2px 6px rgba(30, 144, 255, 0.3);
 	transition: all 0.3s ease;
 	text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.2);
 }

 .ad-style-2 button:hover {
 	transform: translateY(-1.5px);
 	box-shadow: 0 3px 8px rgba(30, 144, 255, 0.4);
 }


/* 广告3专用样式 红色系*/
 .ad-style-3 {
 	background: linear-gradient(135deg, #7B68EE, #483D8B);
 	border-radius: 10px;
 	color: white;
 }

 .ad-style-3 .decor-line {
 	height: 1.5px;
 	background: linear-gradient(90deg, transparent, #9370DB, transparent);
 }

 .ad-style-3 h3 {
 	font-size: 16px;
 	font-weight: bold;
 	margin-bottom: 8px;
 	text-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.2);
 }

 .ad-style-3 .subtitle {
 	color: #DDA0DD;
 	margin-bottom:12px;
 	line-height: 1.3;
 	font-size: 16px;
	font-weight: bold;;
 }

 .ad-style-3 .subtitle span {
 	color: white;
 	font-weight: 600;
 }

 .ad-style-3 button {
 	background: linear-gradient(135deg, #40E0D0, #1E90FF);
 	color: white;
 	border: none;
 	padding: 8px 16px;
 	border-radius: 16px;
 	font-size: 12px;
 	font-weight: 500;
 	cursor: pointer;
 	box-shadow: 0 2px 6px rgba(30, 144, 255, 0.3);
 	transition: all 0.3s ease;
 	text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.2);
 }

 .ad-style-3 button:hover {
 	transform: translateY(-1.5px);
 	box-shadow: 0 3px 8px rgba(30, 144, 255, 0.4);
 }