@charset "utf-8";

/* ============首页============== */
.Dhome-page {
	position: relative;
	min-height: 100vh;
	background: #F7F7F7;
}



	.Dhome-page .index-top-header {
		position: relative;
	}

		.Dhome-page .index-top-header::before {
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0%;
			right: 0%;
		}


		/*  */
		.Dhome-page .index-top-header .header-search-box {
			position: absolute;
			z-index: 998;
			top: 15px;
			left: 10px;
			right: 10px;
		}

		.Dhome-page .index-top-header .header-search-input {
			width: 100%;
			padding-left: 10px;
			border-radius: 36px;
			height: 31px;
			overflow: hidden;
			font-size: 14px;
			background: rgba(255, 255, 255, 1);
			opacity: 1;
			/* border: 1px solid #67CCC4; */
			box-sizing: border-box;
		}

			.Dhome-page .index-top-header .header-search-input .icon-search {
				width: 13px;
				height: 13px;
			}

			.Dhome-page .index-top-header .header-search-input .search-input {
				border: 0;
				background: none;
				height: 36px;
				font-size: 12px;
				color: #4D4D4D;
				padding-right: 10px;
				width: 100%;
				display: flex;
				align-items: center;
				box-sizing: border-box;
			}

			.Dhome-page .index-top-header .header-search-input input::-webkit-input-placeholder {
				color: #4D4D4D;
			}

			.Dhome-page .index-top-header .header-search-input input::-webkit-input-placeholder {
				color: #4D4D4D;
			}

			.Dhome-page .index-top-header .header-search-input input::-moz-placeholder {
				color: #4D4D4D;
			}

			.Dhome-page .index-top-header .header-search-input input:-moz-placeholder {
				color: #4D4D4D;
			}

		.Dhome-page .index-top-header .header-search-box .search-btn {
			width: 57px;
			height: 27px;
			line-height: 27px;
			color: #FFFFFF;
			background: #006CFE;
			border-radius: 27px;
			margin-left: 2px;
			margin-right: 2px;
			font-size: 13px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.Dhome-page .index-top-header .header-search-box .icon-notice {
			width: 24px;
			height: 24px;
		}


	/*  */
	.Dhome-page .index-swiper {
		position: relative;
		overflow: hidden;
	}

		.Dhome-page .index-swiper .swiper-slide .img {
			display: block;
			width: 100%;
			height: 100%;
			font-size: 0;
		}

		.Dhome-page .index-swiper .swiper-container {
			width: 100%;
			overflow: visible !important;
		}

	.Dhome-page .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 15px !important;
	}

	.Dhome-page .index-swiper .swiper-container .swiper-pagination-bullet {
		width: 6px;
		height: 3px;
		background: #E5E5E5;
	}

	.Dhome-page .index-swiper .swiper-container .swiper-pagination-bullet-active {
		width: 20px;
		background: #8F9EFF;
		opacity: 1;
	}



/* 分类菜单 外层容器：控制整体滑动 */
.fenleicaidan {
	position: relative;
	z-index: 998;
	top: -10px;
	overflow: hidden;
	background: #fff url('../imgs/Bmenubg.png') no-repeat top;
	background-size: 100% 100%;
	margin: 0 auto;
	margin-bottom: -10px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-radius: 10px;
}

/* 外层滑动容器 */
.nav-scroll {
	width: 100%;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}

	.nav-scroll::-webkit-scrollbar {
		display: none;
	}



.Dhome-page .fenleicaidan {
	position: relative;
	z-index: 998;
	top: -25px;
	padding: 0 10px;
	margin-bottom: -25px;
	background: linear-gradient(to bottom, rgba(245, 246, 250, 0), #F7f7f7);
	background-size: 100% 25px;
}

.Dhome-page .nav-scroll {
	background: #fff;
	padding-top: 10px;
	padding-bottom: 15px;
	border-radius: 8px;
}

/* 内容宽度：按页数自动撑开 */
.Dhome-page .nav-wrap {
	display: flex;
	width: max-content;
}

/* 单页宽度：一屏 */
.Dhome-page .nav-page {
	width: calc(100vw - 20px);
}


.Dhome-page .fenleicaidan .nav-grid {
	display: flex;
	flex-wrap: wrap;
}

	.Dhome-page .fenleicaidan .nav-grid .nav-item {
		width: 20%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 15px;
	}

		.Dhome-page .fenleicaidan .nav-grid .nav-item .nav-icon {
			width: 60px;
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.Dhome-page .fenleicaidan .nav-grid .nav-item .nav-text {
			font-size: 13px;
			transform-origin: center;
			color: #000;
			white-space: nowrap;
			margin-top: 5px;
		}

/* 分页指示器 */
.Dhome-page .pagination {
	display: flex;
	justify-content: center;
	gap: 0px;
	position: relative;
	top: -15px;
}

.Dhome-page .dot {
	width: 12px;
	height: 4px;
	border-radius: 2px;
	background: #F6F6F6;
}

	.Dhome-page .dot.active {
		background: #8F9EFF;
	}



/* 商品专区 */
.Dhome-page .special-zone {
	margin-top: 10px;
	padding: 0 5px;
}


	.Dhome-page .special-zone .bar-title {
		width: 100%;
		position: relative;
		font-size: 0;
		padding-top: 5px;
	}

		.Dhome-page .special-zone .bar-title .title {
			font-size: 18px;
			color: #fff;
			font-weight: bolder;
		}

	.Dhome-page .special-zone .group {
		flex: 1;
		/* 手机端占满全宽 */
		display: flex;
		flex-direction: column;
		padding: 5px;
	}


	.Dhome-page .special-zone .item {
		flex: 1;
		/* 左右高度一致 */
		position: relative;
		background: #fff;
		border-radius: 6px;
		padding: 10px 5px;
		padding-top: 5px;
	}

		.Dhome-page .special-zone .item .product-two {
			display: flex;
			flex-wrap: wrap;
		}

			.Dhome-page .special-zone .item .product-two .product {
				width: 50%;
				padding: 0 5px;
				font-size: 0;
				position: relative;
			}

				.Dhome-page .special-zone .item .product-two .product .goods-img {
					width: 100%;
					border-radius: 6px;
					font-size: 0;
				}

				.Dhome-page .special-zone .item .product-two .product .goods-name {
					color: #24201F;
					font-size: 12px;
					margin-top: 5px;
					/* transform: scale(0.75);
	margin-bottom: -3px; */

					transform-origin: left center;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
				}

				.Dhome-page .special-zone .item .product-two .product .goods-price {
					color: #ED3D38;
				}

					.Dhome-page .special-zone .item .product-two .product .goods-price .unit {
						font-size: 12px;
						font-weight: 700;
						/* transform: scale(0.6666666666);*/
						transform-origin: left bottom;
					}

					.Dhome-page .special-zone .item .product-two .product .goods-price .point {
						font-size: 12px;
						font-weight: 700;
						/* 	transform: scale(0.916666);
	transform-origin: left bottom; */
					}

					.Dhome-page .special-zone .item .product-two .product .goods-price .price {
						font-size: 16px;
						font-weight: 700;
						/* margin-left: -2px;
	margin-right: -1px; */
					}

				.Dhome-page .special-zone .item .product-two .product .sales {
					font-size: 12px;
					color: #9CA3AF;
					transform: scale(0.5);
					margin-left: -6px;
					transform-origin: right center;
				}

		.Dhome-page .special-zone .item.bg1 {
			background: #fff url('../imgs/Bleftbg.png') no-repeat top;
			background-size: 100% auto;
		}

		.Dhome-page .special-zone .item.bg2 {
			background: #fff url('../imgs/Brightbg.png') no-repeat top;
			background-size: 100% auto;
		}


.Dhome-page .two-menu {
	margin: 0 3px;
	margin-top: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.Dhome-page .two-menu .item {
		width: 100%;
		min-height: 108px;
		margin: 0 5px;
	}

		.Dhome-page .two-menu .item img {
			width: 100%;
		}

/*  */
.Dhome-page .adbanner {
	width: 100%;
}

	.Dhome-page .adbanner .img {
		width: 100%;
		border-radius: 5px;
	}

.Dhome-page .Dbiaotilan {
	padding: 5px 10px;
	padding-bottom: 2px;
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
}



	.Dhome-page .Dbiaotilan img {
		width: 100%;
		border-radius: 14px;
	}

.Dhome-page .Abiaotilan {
	margin-top: 6px;
	margin-bottom: 11px;
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
}

	.Dhome-page .Abiaotilan:before {
		content: "";
		background: url('../imgs/Baddyingwen.png') no-repeat center;
		background-size: 243px 35px;
		width: 243px;
		height: 35px;
		left: 50%;
		position: absolute;
		top: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.Dhome-page .Abiaotilan .title {
		font-weight: 600;
		font-size: 16px;
		line-height: 21px;
		color: #333;
		position: relative;
		margin-top: 13px;
		margin-bottom: 4px;
	}

		.Dhome-page .Abiaotilan .title img {
			width: 135px;
			height: 18px;
		}

/* 楼层 */
.Dhome-page .floor {
	background: linear-gradient(#67CCC4 0%, #F2F4F7 40%);
	border-radius: 10px 10px 0 0;
}

	.Dhome-page .floor .floor-bar {
		position: relative;
	}

		.Dhome-page .floor .floor-bar .bar-info {
			position: relative;
			padding: 10px;
			padding-bottom: 0;
		}

			.Dhome-page .floor .floor-bar .bar-info .title {
				color: #fff;
				font-size: 20px;
				margin-bottom: 5px;
			}

			.Dhome-page .floor .floor-bar .bar-info .subtitle {
				color: #262626;
				font-size: 12px;
				display: flex;
				align-items: center;
			}

				.Dhome-page .floor .floor-bar .bar-info .subtitle span {
					color: #262626;
					height: 22px;
					padding: 0 5px;
					line-height: 22px;
					font-size: 12px;
					background: linear-gradient(to right, #ffffff, #fbeece);
				}

			.Dhome-page .floor .floor-bar .bar-info .enter-all {
				display: inline-block;
				margin-top: 15px;
			}

				.Dhome-page .floor .floor-bar .bar-info .enter-all .link-all {
					display: flex;
					align-items: center;
					justify-content: center;
					height: 20px;
					padding: 2px 8px;
					border-radius: 4px;
					color: #fff;
					font-size: 12px;
				}

					.Dhome-page .floor .floor-bar .bar-info .enter-all .link-all .arrow {
						width: 6px;
					}

.floor .floor-bar .floor-banner {
	width: 100%;
}

/* 首页商品列表最新版样式 */
.Dhome-page .floor .floor-product {
	overflow: hidden;
	position: relative;
}

.Dhome-page .index-product-list {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-left: 20px;
	padding-right: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

	.Dhome-page .index-product-list .produt-item {
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		padding-right: 10px;
		padding-bottom: 10px;
		box-sizing: border-box;
	}

	.Dhome-page .index-product-list .product {
		flex: 1;
		width: 100%;
		border-radius: 4px;
		display: block;
		background: #fff;
		box-sizing: border-box;
		font-size: 14px;
		position: relative;
	}

		.Dhome-page .index-product-list .product .product-poster {
			width: 100%;
			/* height: 90px; */
			border-radius: 4px 4px 0 0;
			margin: 0 auto;
			object-fit: cover;
		}

		.Dhome-page .index-product-list .product .product-name {
			width: 100%;
			font-size: 12px;
			line-height: 18px;
			padding: 0 10px;
			color: #333333;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}

	.Dhome-page .index-product-list .produt-item .product .discount-price {
		color: #EB4D3D;
		font-size: 12px;
		font-weight: 500;
	}

		.Dhome-page .index-product-list .produt-item .product .discount-price .unit {
			color: #EB4D3D;
			font-size: 12px;
		}

		.Dhome-page .index-product-list .produt-item .product .discount-price .price {
			font-size: 14px;
		}

		.Dhome-page .index-product-list .produt-item .product .discount-price .txtunit {
			font-size: 12px;
			line-height: 16px;
			color: #999;
		}

	.Dhome-page .index-product-list .produt-item .product .delete-price {
		font-size: 12px;
		color: #ccc;
		text-decoration: line-through;
	}

	.Dhome-page .index-product-list .produt-item .product .icon-cart {
		width: 18px;
		height: 18px;
		position: relative;
	}

		.Dhome-page .index-product-list .produt-item .product .icon-cart .icon {
			width: 18px;
			height: 18px;
			text-align: center;
		}