/* 首页 index.php 专属样式；已在模板内 `<link>` 加载，位于全局样式之后以保持覆盖顺序 */

:root {
	--swiper-theme-color: #707070;
	--swiper-navigation-color: #333;
	--swiper-navigation-size: 30px;
}

.swiper-container {
	overflow: hidden;
}

.product-imgage-discount-text {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	line-height: 20px;
	padding: 0 6px;
	background-color: #333333;
	color: #fff;
	border-radius: 4px 4px 4px 0px;
	max-width: 100%;
	font-weight: 700;
}

.is-noselect,
.is-noselect * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.index-container .title {
	height: 24px;
	font-size: 18px;
	line-height: 21px;
	color: #333333;
}

.index-container .shadow {
	width: 60px;
	height: 4px;
	background: #00C3D4;
	opacity: 1;
	position: absolute;
	left: calc(5rem - 40px);
	top: 24px;
}

.mt30 {
	margin-top: 30px;
}

.loadBox {
	position: relative;
}

.loadBox>img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	object-fit: contain;
	object-position: center;
	border-radius: 50%;
}

.wrapper .container {
	top: 0 !important;
	position: unset;
}

.vi-br {
	height: calc(500 / 1920 * 100vw);
	background: #fff;
	overflow: hidden;
}

.vi-br .swiper-container {
	width: 100%;
	padding-bottom: 0;
	height: 100%;
}

.vi-br .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vi-br .swiper-slide-visible {
	opacity: 0.5;
}

.vi-br .swiper-slide-active {
	opacity: 1;
}

.vi-br .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vi-br .swiper-pagination {
	bottom: 14px;
}

.vi-br .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 5px;
	background: #fff;
	opacity: 0.4;
}

.vi-br .swiper-pagination-bullets .swiper-pagination-bullet:hover {
	background: #fff;
	opacity: 0.7;
}

.vi-br .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

.index-container {
	padding: 0 30px 100px;
}

.index-container>div[class*="index-"] {
	margin-top: 60px;
}

.index-container>div[class*="index-"]:first-child {
	margin-top: 20px;
}

.index-container>div[class*="index-"]:first-child .index-section__title {
	margin-top: 40px;
}

.index-container>div[class*="index-"]:nth-child(2) {
	margin-top: 40px;
}

.index-container .index-section__title {
	margin-bottom: 24px;
	font-size: 0;
}

.index-container .index-section__title * {
	font-size: 24px;
	line-height: 1.6;
	display: inline-block;
}
/*.index-barnd-promotion{margin-top: 20px;}*/

.index-barnd-promotion .barnd-promotion-item {
	border: 1px solid #FFEEDA;
	border-radius: 4px;
	background-color: #FFF7E7;
	padding: 8px;
	flex: 1;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center !important; /* 覆盖 .f-ais，使左侧 icon 垂直居中 */
	margin-right: 11px;
}

.index-barnd-promotion .barnd-promotion-item:last-child {
	margin-right: 0;
}

.index-barnd-promotion .barnd-promotion-item:hover {
	background-color: #FFF1D5;
}

.index-barnd-promotion .barnd-promotion-item .barnd-promotion-left {
	margin-right: 8px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	align-self: stretch;
}

.index-barnd-promotion .barnd-promotion-item .icon {
	width: 40px;
	height: 40px;
	font-size: 40px;
}

.index-barnd-promotion .barnd-promotion-item .icon>* {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.index-barnd-promotion .barnd-promotion-item .barnd-promotion-right {
	flex-shrink: 1;
}

.index-barnd-promotion .barnd-promotion-item .barnd-promotion__title {
	font-size: 18px;
}

.index-barnd-promotion .barnd-promotion-item .barnd-promotion__desc {
	color: #999;
	font-size: 16px;
}

.index-barnd-promotion .barnd-promotion-list__activity {
	align-items: stretch;
	height: 100%;
}

.index-barnd-promotion .barnd-promotion-item__activity {
	margin-right: 8px;
	flex: 1;
}

.index-barnd-promotion .barnd-promotion-item__activity:last-child {
	margin-right: 0px;
}

.index-barnd-promotion .barnd-promotion-list__activity img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	overflow: hidden;
	object-fit: cover;
}
/*.index-category-section{margin-top: 20px;}*/

.index-category-section .category-section-content {
	width: 100%;
	overflow-x: auto;
	display: grid;
	justify-content: space-between;
	gap: 24px 2.67606%;
	grid-template-columns: repeat(8, 1fr);
	grid-auto-flow: row;
}

.index-category-section .category-section-content.content-vertical {
	grid-template-rows: repeat(2, auto);
	grid-auto-flow: column;
}

.index-category-section .category-section-item {
	text-align: center;
	max-width: 144px;
	display: block;
	padding-top: 6px;
}

.index-category-section .category-section-item .category-section-item-icon {
	width: 83.33333%;
	max-width: 120px;
	height: 0;
	padding-top: 83.33333%;
	overflow: hidden;
	margin: 0 auto;
}

.index-category-section .category-section-item .category-section-item-title {
	font-size: 18px;
	margin-top: 8px;
	font-weight: normal;
}

.index-category-section .category-section-item:hover .category-section-item-title {
	color: #FF9E2C;
}

.index-activity-section .activity-section__category {
	border-radius: 4px;
	overflow: hidden;
	flex: 1 0 34.08451%;
	margin-right: 3.239437%;
	position: relative;
	height: 0;
	padding-bottom: 34.08451%;
}

.index-activity-section .activity-section__category img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	object-position: center;
	transform: translate(-50%, -50%);
}

.index-activity-section .activity-section__category .activity-section__mask {
	color: #fff;
	font-size: 24px;
	padding: 32px 20px 20px;
	width: 100%;
	height: 81px;
	text-align: center;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	position: absolute;
	bottom: 0;
}

.index-activity-section .activity-section__product-list {
	padding: 0;
	width: auto;
	flex: 1 0 62.676056%;
	gap: 24px 30px;
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(2, auto);
	grid-template-columns: repeat(4, 1fr);
	height: max-content;
}

.index-activity-section .activity-section__product-list .list-item {
	width: 100%;
	max-width: 200px;
	margin: 0;
}

.index-activity-section .activity-section__product-list .list-item .image {
	margin-bottom: 4px;
}

.index-product-section {
	padding: 0;
}

.index-product-section .product-section-content {
	padding: 0 16px;
}

.index-product-section .product-section-content .swiper-slide {
	width: 200px;
}

.index-product-section .product-section-content .swiper-slide .list-item {
	width: 100%;
	margin: 0;
}

.index-product-section .swiper-button-next,
.index-product-section .swiper-button-prev {
	border: 1px solid #D5D5D5;
	border-radius: 50%;
	background-color: #fff;
	font-size: 12px;
	width: 30px;
	height: 30px;
	top: 100px;
	z-index: 2;
}

.index-product-section .swiper-button-next:after,
.index-product-section .swiper-button-prev:after {
	font-size: 12px;
	font-weight: bold;
}

.index-product-section .swiper-button-next:hover,
.index-product-section .swiper-button-prev:hover {
	border-color: #333;
	background-color: #F6F6F6;
}

.index-product-section .swiper-button-disabled,
.index-product-section .swiper-button-disabled:hover {
	opacity: 1;
	background-color: #F2F2F2;
	color: #D5D5D5;
	border-color: #D5D5D5;
}

.index-product-section .swiper-button-next {
	right: 0px;
}

.index-product-section .swiper-button-prev {
	left: 0px;
}

.product-list__loading {
	width: 36px;
	margin: 0 auto;
	line-height: 1;
}

/* index-barnd-promotion--2 模块专属 */
.index-barnd-promotion.index-barnd-promotion--2 .barnd-promotion-item:nth-child(1) {
	background-color: #fffaf0;
	border-color: #f5eee6;
}

.index-barnd-promotion.index-barnd-promotion--2 .barnd-promotion-item:nth-child(1):hover {
	background-color: #fff1d5;
}

.index-barnd-promotion.index-barnd-promotion--2 .barnd-promotion-item:nth-child(2) {
	background-color: #fffaf0;
	border-color: #f5eee6;
}

.index-barnd-promotion.index-barnd-promotion--2 .barnd-promotion-item:nth-child(2):hover {
	background-color: #fff1d5;
}
/* ============ 移动端适配（<1200px） ============ */
@media (max-width: 1199px) {
	/* 解锁桌面最小宽度，容器铺满移动端 */
	.wrapper .container {
		min-width: 0;
		max-width: none;
	}

	.index-container {
		padding: 0 0 40px 0;
	}
	.index-container > div[class*="index-"] {
		margin-top: 36px;
	}
	.index-container>div[class*="index-"]:nth-child(2){
		margin-top: 20px; margin-left: 20px; margin-right: 20px;
	}
	.index-container>div[class*="index-"]:first-child{
		margin-top: 10px; margin-left: 20px; margin-right: 20px;
	}
	.index-container .index-section__title {
		margin-bottom: 16px;
	}
	.index-container .index-section__title * {
		font-size: 20px;
	}
.index-product-section .product-section-content{
	padding: 0; overflow: hidden;
}
	/* banner：高度跟随图片原始比例 */
	.vi-br,
	.vi-br .swiper-container,
	.vi-br .swiper-slide {
		height: auto;
	}
	.vi-br .swiper-slide img {
		height: auto;
		object-fit: contain;
	}

	/* 权益条：一行两列 */
	.index-barnd-promotion .barnd-promotion-item {
		padding: 10px 8px; margin-right: 8px;
	}
	.index-barnd-promotion .barnd-promotion-item .icon {
		width: 24px;
		height: auto;
		font-size: 24px;
	}
	.index-barnd-promotion .barnd-promotion-item .barnd-promotion__title {
		font-size: 14px;
	}
	.index-barnd-promotion .barnd-promotion-item .barnd-promotion__desc {
		font-size: 12px;
		margin-top: 2px;
	}

	/* 分类：一行四列，无滚动 */
	.index-category-section .category-section-content {
		overflow-x: hidden;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px 12px;
	}
	.index-category-section .category-section-item {
		min-width: 0; padding-top: 0;
	}
	.index-category-section .category-section-item .category-section-item-icon{
		width: 60px;height: 60px; padding-top: 0;
	}
	.index-category-section .category-section-item .category-section-item-title {
		font-size: 12px;
		margin-top: 6px;
	}
	.product-list .list-item .price .new{
		font-size: 16px;
	}

	/* 商品轮播：小卡 + 隐藏箭头（间距由 Swiper JS 控制，首个 slide 用容器 padding 留 20px） */
	.index-product-section .product-section-content .product-list.swiper-container {
		padding-left: 20px;
	}
	.index-product-section .product-section-content .swiper-slide {
		width: 136px;
	}
	.index-product-section .swiper-button-next,
	.index-product-section .swiper-button-prev {
		display: none;
	}

	/* 活动区：图在上、商品 grid 在下 */
	.index-activity-section .activity-section-content {
		flex-direction: column !important; padding: 0 20px;
	}
	.index-activity-section .activity-section__category {
		flex: none;
		width:100%;
		padding-bottom: min(100%, 150px);
		margin-bottom: 16px; 
	}
	.index-activity-section .activity-section__category .activity-section__mask{
		padding: 20px 12px 12px;height: 56px; font-size: 16px;
	}
	.index-activity-section .activity-section__mask {
		font-size: 18px;
		padding: 20px 12px 12px;
		height: 56px;
	}
	.index-activity-section .activity-section__product-list {
		width: 100%;
		flex: none;
		grid-auto-flow: row;
		grid-template-rows: auto;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
.index-activity-section .activity-section__product-list .list-item{

max-width: inherit;
}
	.index-content .recently-column-container{
		padding:0 !important;
	}
	.product-list{
		padding: 0;
	}
	/* 猜你喜欢：两列 */
	.index-recommend-section .product-list {
		padding: 0 20px;
		gap: 16px;
	}
	.index-recommend-section .list-item {
		width: calc((100% - 16px) / 2);
		margin-right: 0;
		margin-bottom: 0;
	}
	.index-recommend-section .list-item .product-name {
		font-size: 14px;
	}
}