@charset "UTF-8";
.container {
				overflow: hidden;
			}
			
			.zs-slider {
				overflow: hidden;
			}
			
			.zs-slider .row {
				width: 100%;
				overflow: hidden;
			}
			
			.zs-slider ul {
				display: flex;
				list-style: none;
				width: fit-content;
				padding: 0;
				margin: 0;
				transition: transform 0.5s ease;
			}

			/* 核心优化：列表项为Flex容器，实现图片+文本垂直排列+居中对齐 */
			.zs-slider .item li {
				text-align: center;
				padding: 0 10px;
				min-width: 280px; /* 固定每个卡片宽度，确保所有项对齐一致 */
				display: flex; /* 启用Flex布局 */
				flex-direction: column; /* 垂直排列（图片在上，文本在下） */
				align-items: center; /* 子元素水平居中（关键：确保图片和文本同宽且居中） */
			}
			
			/* 图片样式：固定尺寸+居中，与文本宽度匹配 */
			.zs-slider img {
				width: 100%; /* 图片宽度填满列表项内容区（200px-20px内边距） */
				max-width: 330px; /* 限制图片最大宽度，避免变形，与文本宽度一致 */
				cursor: pointer;
				object-fit: contain; /* 保持图片比例，不拉伸变形 */
				border-radius: 4px;
				box-shadow: 0 2px 4px rgba(0,0,0,0.1);
				transition: transform 0.3s ease;
				margin-bottom: 10px; /* 图片与文本的间距，优化视觉层次 */
			}
			
			.zs-slider img:hover {
				transform: scale(1.05);
			}

			/* 文本样式：与图片同宽+居中+溢出处理 */
			.zs-slider li a {
				display: block; /* 块级元素，便于控制宽度和对齐 */
				width: 100%; /* 文本宽度与图片一致 */
				max-width: 180px; /* 与图片最大宽度匹配，确保水平对齐 */
				color: #333; /* 文本主色 */
				text-decoration: none; /* 去除下划线 */
				font-size: 14px; /* 文本大小，适配卡片宽度 */
				line-height: 1.5; /* 行高优化，提升可读性 */
				white-space: nowrap; /* 禁止文本换行（避免一行显示不全导致错位） */
				overflow: hidden; /* 隐藏超出宽度的文本 */
				text-overflow: ellipsis; /* 溢出文本用省略号表示，保持布局整洁 */
				text-align: center; /* 文本自身水平居中（双重保障） */
				transition: color 0.3s ease; /*  hover时颜色过渡，提升交互体验 */
			}

			/* 文本hover效果 */
			.zs-slider li a:hover {
				color: #1E9FFF; /*  hover时文本变蓝，提示可点击 */
			}
			
			/* 控制按钮 */
			.control-btn {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 40px;
				height: 60px;
				background-color: rgba(0,0,0,0.5);
				color: white;
				border: none;
				cursor: pointer;
				z-index: 10;
				transition: background-color 0.3s ease;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 20px;
			}
			
			.control-btn:hover {
				background-color: rgba(0,0,0,0.8);
			}
			
			.prev-btn {
				left: 0;
			}
			
			.next-btn {
				right: 0;
			}
			
			/* 响应式调整：适配移动端 */
			@media (max-width: 768px) {
				.zs-slider .item li {
					min-width: 150px; /* 移动端缩小卡片宽度 */
				}
				
				.zs-slider img {
					height: 160px; /* 移动端缩小图片高度 */
					max-width: 130px; /* 移动端文本与图片宽度同步缩小 */
				}

				.zs-slider li a {
					max-width: 130px; /* 文本宽度与图片匹配 */
					font-size: 12px; /* 移动端文本缩小 */
				}
			}