/* 重置样式 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
	color: #333333;
	font-size: 14px;
	background-color: #f5f7f9;
	padding-bottom: 70px;
}

a {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
}

ul {
	list-style: none;
}

img {
	border: none;
}
label{
	margin-bottom: 0;
}


.container {
	width: 1200px;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}
.container:before, .container:after{
	content: none;
}

/* ========== 顶部导航条 ========== */
.top-bar {
	width: 100%;
	background-color: #f0f0f0;
	border-bottom: 1px solid #e6e6e6;
	font-size: 12px;
}

.top-bar .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 36px;
}

.top-bar-left {
	display: flex;
	align-items: center;
	/* margin-right: 435px; */
}

.top-bar-right {
	display: flex;
	align-items: center;
}

/* 下拉菜单容器 */
.top-menu {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-right: 8px;
}

.top-menu > a {
	display: inline-flex;
	align-items: center;
	color: #7c7c7c;
	font-size: 12px;
	cursor: pointer;
}

.top-menu:hover > a {
	color: #f85500;
}

/* 下拉箭头 - 使用图片 */
.arrow-img {
	width: 6px;
	height: 4px;
	margin-left: 3px;
	transition: transform 0.2s;
}

.top-menu:hover .arrow-img {
	transform: rotate(180deg);
}

.arrow-right {
	display: inline-block;
	margin-left: 3px;
	font-size: 12px;
	color: #7c7c7c;
}

/* 下拉弹出层 - hover触发 */
.dropdown-menu {
	display: none;
	position: absolute;
	top: 18px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	z-index: 999;
	min-width: 120px;
	margin-top: 10px;
}

/* 添加透明缓冲区，防止鼠标移动到下拉菜单时消失 */
.top-menu::after {
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	height: 20px;
	z-index: 998;
}

.top-menu:hover .dropdown-menu {
	display: block;
}

/* 网站导航多列下拉 - hover触发 */
.top-menu:hover .nav-dropdown {
	display: flex;
}

/* 普通下拉菜单链接 */
.dropdown-menu a {
	display: block;
	padding: 8px 16px;
	color: #333333;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #f5f5f5;
}

.dropdown-menu a:last-child {
	border-bottom: none;
}

.dropdown-menu a:hover {
	background-color: #fff5f0;
	color: #f85500;
}

/* 二维码弹层 */
.qr-dropdown {
	padding: 12px;
	text-align: center;
	min-width: 140px;
}

.qr-code {
	width: 120px;
	height: 120px;
	display: block;
	margin: 0 auto;
}

.qr-text {
	margin-top: 8px;
	font-size: 12px;
	color: #333333;
}

/* 网站导航多列下拉 */
.nav-dropdown {
	display: none;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	z-index: 999;
	padding: 15px 20px;
	min-width: 400px;
	max-width: 500px;
}

.top-menu.open .nav-dropdown {
	display: flex;
	gap: 30px;
}

.nav-col h4 {
	font-size: 12px;
	color: #333333;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f0f0f0;
}

.nav-col a {
	display: block;
	padding: 4px 0;
	color: #7c7c7c;
	font-size: 12px;
	text-align: left;
	border: none;
}

.nav-col a:hover {
	color: #f85500;
	background: none;
}

.top-link {
	display: inline-flex;
	align-items: center;
	color: #7c7c7c;
	font-size: 12px;
	margin-right: 20px;
}

/* 下拉菜单中的链接不受 top-link 间距影响 */
.top-menu > .top-link,
.top-menu > .menu-link {
	margin-right: 0;
}

.top-link:hover {
	color: #f85500;
}

.menu-link {
	color: #7c7c7c;
	font-size: 12px;
}

.top-icon {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: middle;
}

.top-link-gray {
	color: #7c7c7c;
	font-size: 12px;
}

.top-link-gray:hover {
	color: #f85500;
}

.top-link-orange {
	color: #f85500;
	font-size: 12px;
}

/* .top-link-orange:hover {
    text-decoration: underline;
} */

.top-sep {
	color: #cccccc;
	margin: 0 8px;
	font-size: 12px;
}

/* ========== 头部广告条 ========== */
.header-banner {
	width: 100%;
}

.header-banner img {
	width: 100%;
	display: block;
}

/* ========== Logo和搜索区域 ========== */
html,
body {
	overflow-x: hidden;
}

.header-main {
	width: 100%;
	background-color: #ffffff;
	padding: 28px 0;
}

.header-main .container {
	display: flex;
	align-items: center;
}

/* Logo区域 - 左右布局 */
.logo-area {
	display: flex;
	align-items: center;
	gap: 20px;
}

.logo {
	height: 60px;
}

.logo-divider {
	width: 1px;
	height: 64px;
	background: #f0eeee;
}

.location-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.location-main {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
}

.location-icon {
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

.location-name {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.location-arrow {
	font-size: 10px;
	color: #f85500;
	margin-left: 4px;
}

.location-sub {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #999999;
	margin-top: 4px;
	cursor: pointer;
	margin-left: 20px;
}

.location-sub .location-arrow {
	color: #999999;
}

/* 货源地下拉 */
.location-area {
	position: relative;
}
.location-main.has-dropdown {
	position: static;
	display: flex;
	align-items: center;
}
.location-area:hover .location-dropdown {
	display: flex;
}

.location-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 2px;
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	z-index: 999;
	padding: 15px 20px;
	min-width: 360px;
	gap: 30px;
	flex-wrap: wrap;
}

.loc-col h4 {
	font-size: 12px;
	color: #333333;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f0f0f0;
}

.loc-col a {
	display: flex;
	padding: 4px 0;
	color: #7c7c7c;
	font-size: 12px;
	font-weight: normal;
	align-items: center;
	gap: 10px;
}
.loc-col a img{
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.loc-col a:hover {
	color: #f85500;
}
.loc-source-title{
	color:#333333;
	font-weight: bold;
}


/* 搜索区域 */
.search-area {
	flex: 1;
	margin-left: 250px;
}

.search-tabs {
	display: flex;
	align-items: center;
	background-color: #ffffff;
	/* position: relative;
	z-index: 2; */
	padding-left: 24px;
	/* margin-bottom: -2px; */
}

.tab-item {
	padding: 0 7px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #7c7c7c;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: none;
}

.tab-item.active {
	height: 28px;
	line-height: 28px;
	background: linear-gradient(-90deg, #f85500, #fe9500);
	color: #ffffff;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	margin: 0;
}

.search-box-wrap {
	display: flex;
	align-items: stretch;
	border: 2px solid #f85500;
	border-radius: 24px;
	overflow: hidden;
	height: 40px;
	background-color: #f85500;
}

.search-box {
	display: flex;
	align-items: center;
	flex: 1;
	background-color: #ffffff;
	overflow: hidden;
}

.search-box input {
	flex: 1;
	height: 36px;
	padding: 0 15px;
	border: none;
	outline: none;
	font-size: 14px;
	color: #333333;
}

.camera-icon {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	cursor: pointer;
}

.search-btn {
	width: 106px;
	height: 100%;
	background: linear-gradient(-90deg, #f85500, #fe9500);
	color: #ffffff;
	border: none;
	font-size: 16px;
	cursor: pointer;
}

.search-btn:hover {
	background: linear-gradient(-90deg, #e54d00, #f08500);
}

.hot-words {
	margin-top: 10px;
	font-size: 12px;
}

.hot-words a {
	color: #7c7c7c;
	margin-right: 15px;
	font-size: 12px;
}

.hot-words a:hover {
	color: #f85500;
}

/* ========== 主导航 ========== */
.main-nav {
	width: 100%;
	background-color: #ffffff;
	position: relative;
}

/* 底部灰色线 */
.main-nav::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #999999;
	opacity: 0.5;
}

.nav-list {
	display: flex;
	align-items: center;
	height: 40px;
}

.nav-item {
	flex: 1;
	text-align: center;
	position: relative;
	line-height: 40px;
}

.nav-item a {
	display: inline-block;
	font-size: 18px;
	color: #333333;
	padding: 0 10px;
	transition: color 0.2s;
	position: relative;
}

.nav-item a:hover {
	color: #f85500;
}

/* 选中下划线 */
.nav-item.active a {
	color: #f85500;
	font-weight: bold;
}

.nav-item.active a::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	width: 35px;
	height: 2px;
	background: #fa5b01;
}

/* 会员货盘 和 每日排行 的特殊布局 */
.nav-with-icon {
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
}

.nav-text-img {
	height: 18px !important;
	width: auto !important;
	display: inline-block;
	vertical-align: middle;
	margin-top: 14px;
}
.margin-top-14 {
	margin-top: 14px;
}

.nav-icon-right {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}

/* ========== 左侧导航 + 轮播图 ========== */
.banner-section {
	width: 100%;
	padding: 0px 0 20px 0;
}

.banner-wrap {
	display: flex;
	background-color: #ffffff;
	position: relative;
}

/* 左侧导航 */
.side-nav {
	width: 174px;
	flex-shrink: 0;
	background-color: #ffffff;
	border-right: 1px solid #eeeeee;
	position: relative;
	overflow: visible;
}

/* 右侧轮播图 */
.banner-carousel {
	flex: 1;
	position: relative;
	overflow: hidden;
	min-width: 0;
}

.bannerSwiper {
	width: 100%;
	height: 360px;
}

.side-nav-title {
	padding: 12px 15px;
	padding-right: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	transition: background-color 0.2s;
	position: relative;
}

.side-nav-title:hover {
	background-color: #fff5f0;
}

/* 分类弹框 */
.category-popup {
	display: none;
	position: absolute;
	top: 0;
	left: 174px;
	right: 0;
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	border-left: none;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	z-index: 1000;
	padding: 10px 0;
	max-height: 360px;
	overflow-y: auto;
}

.banner-wrap.show-popup .category-popup {
	display: block;
}

/* 自定义滚动条样式 */
.category-popup::-webkit-scrollbar {
	width: 8px;
}

.category-popup::-webkit-scrollbar-track {
	background: #f5f5f5;
}

.category-popup::-webkit-scrollbar-thumb {
	background: #cccccc;
	border-radius: 4px;
}

.category-popup::-webkit-scrollbar-thumb:hover {
	background: #999999;
}

.popup-row {
	display: flex;
	padding: 8px 20px;
	border-bottom: 1px dashed #f0f0f0;
}

.popup-row:last-child {
	border-bottom: none;
}

.popup-col {
	flex: 1;
	padding: 0 10px;
}

.popup-col.full-width {
	flex: none;
	width: 100%;
}

.popup-col h4 {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px solid #f5f5f5;
}

.popup-col a {
	display: inline-block;
	padding: 3px 0;
	margin-right: 12px;
	font-size: 12px;
	color: #7c7c7c;
}

.popup-col a:hover {
	color: #f85500;
}

.side-nav-text {
	display: flex;
	flex-direction: column;
}

.side-nav-name {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.side-nav-title:hover .side-nav-name {
	color: #f85500;
}

.side-nav-count {
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	margin-top: 2px;
}

.side-nav-arrow {
	font-size: 12px;
	color: #999999;
}

.side-nav-list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 15px;
	font-size: 14px;
	color: #333333;
	transition: all 0.2s;
}

.side-nav-list li a:hover {
	background-color: #fff5f0;
	color: #f85500;
}

.side-nav-list .arrow {
	font-size: 12px;
	color: #999999;
}

.bannerSwiper {
	width: 100%;
	height: 360px;
}

.bannerSwiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

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

/* 轮播图左右箭头 */
.bannerSwiper .swiper-button-prev,
.bannerSwiper .swiper-button-next {
	width: 29px;
	height: 43px;
	background-color: rgba(29, 29, 29, 0.3);
	transition: background-color 0.3s;
	top: 50%;
	margin-top: -21.5px;
	padding: 0;
}

.bannerSwiper .swiper-button-prev {
	left: 0;
	border-radius: 0 70px 70px 0;
}

.bannerSwiper .swiper-button-next {
	right: 0;
	border-radius: 70px 0 0 70px;
}

.bannerSwiper:hover .swiper-button-prev,
.bannerSwiper:hover .swiper-button-next {
	background-color: rgba(29, 29, 29, 0.6);
}

.bannerSwiper .swiper-button-next::after {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	text-align: center;
	line-height: 1;
	margin-left: 3px !important;
}
.bannerSwiper .swiper-button-prev::after {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	position: absolute !important;
	top: 50% !important;
	/* left: 50% !important; */
	transform: translate(-50%, -50%) !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	text-align: center;
	line-height: 1;
	/* margin-right: 3px !important; */
}

/* 轮播图分页器 */
.bannerSwiper .swiper-pagination {
	bottom: 12px;
}

.bannerSwiper .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: #1d1d1d;
	border-radius: 50%;
	opacity: 0.5;
	margin: 0 4px;
}

.bannerSwiper .swiper-pagination-bullet-active {
	width: 16px;
	height: 8px;
	background-color: #f85500;
	border-radius: 4px;
	opacity: 0.8;
	transition: all 0.3s;
}

/* ========== 第二组三图轮播 ========== */
.sub-banner-section {
	width: 100%;
	padding: 0 0 20px 0;
}

.sub-banner-wrap {
	position: relative;
	overflow: hidden;
}

.subBannerSwiper {
	width: 100%;
	height: 161px;
}

.subBannerSwiper .swiper-slide {
	overflow: hidden;
}

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

.subBannerSwiper .swiper-button-prev,
.subBannerSwiper .swiper-button-next {
	width: 28px;
	height: 43px;
	background-color: rgba(29, 29, 29, 0.3);
	transition: background-color 0.3s;
	top: 50%;
	margin-top: -21.5px;
	padding: 0;
}

.subBannerSwiper:hover .swiper-button-prev,
.subBannerSwiper:hover .swiper-button-next {
	background-color: rgba(29, 29, 29, 0.6);
}

.subBannerSwiper .swiper-button-prev::after {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	position: absolute !important;
	top: 50% !important;
	/* left: 50% !important; */
	transform: translate(-50%, -50%) !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	text-align: center;
	line-height: 1;
	/* margin-right: 3px !important; */
}
.subBannerSwiper .swiper-button-next::after {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	text-align: center;
	line-height: 1;
	margin-left: 3px !important;
}

.subBannerSwiper .swiper-button-prev {
	left: 0;
	border-radius: 0 70px 70px 0;
}

.subBannerSwiper .swiper-button-next {
	right: 0;
	border-radius: 70px 0 0 70px;
}

/* ========== 推荐板块 ========== */
.commend-section {
	width: 100%;
	background: linear-gradient(0deg, #f5f7f9, #ffffff);
	padding: 30px 0;
}

.commend-list {
	display: flex;
	/* justify-content: space-between; */
	gap: 18px;
	margin-bottom: 24px;
}

.commend-item {
	width: 288px;
	height: 371px;
	background: #f2f2f2;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s, box-shadow 0.3s;
}

.commend-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.commend-img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	border-radius: 12px;
}

.commend-info {
	padding: 12px 16px;
	text-align: center;
}

.commend-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 6px;
}

.commend-title img {
	width: 18px;
	height: 18px;
}

.commend-tag {
	font-size: 12px;
	color: #7c7c7c;
	text-align: center;
}

/* 商品列表 */
.product-list {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.product-item {
	width: 190px;
	height: 261px;
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s, box-shadow 0.3s;
}

.product-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.product-img {
	width: 100%;
	height: 190px;
	object-fit: cover;
}

.product-info {
	padding: 10px 8px;
	text-align: center;
}

/* 价格通用样式：¥符号14px常规，数字18px加粗 */
.price-sym {
	font-size: 14px;
	font-weight: normal;
}
.price-num {
	font-size: 18px;
	font-weight: bold;
}

.product-price {
	/* color: #F85500; */
	margin-bottom: 4px;
}

.product-title {
	font-size: 14px;
	color: #333333;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ========== 推荐商品列表 ========== */
.recommend-section {
	margin-top: 30px;
}

.section-title {
	font-size: 23px;
	font-weight: bold;
	color: #f85500;
	margin-bottom: 20px;
	padding-left: 12px;
	text-align: center;
}

.recommend-row {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.recommend-item {
	width: 224px;
	height: 352px;
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s, box-shadow 0.3s;
	flex-shrink: 0;
}

.recommend-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.recommend-img {
	width: 100%;
	height: 224px;
	object-fit: cover;
}

.recommend-img-swiper {
	width: 100%;
	height: 224px;
	position: relative;
}

.recommend-img-swiper .swiper-slide {
	width: 100%;
	height: 100%;
}

.recommend-img-swiper .swiper-pagination {
	bottom: 8px;
}

.recommend-img-swiper .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	opacity: 0.5;
	background: #fff;
}

.recommend-img-swiper .swiper-pagination-bullet-active {
	opacity: 1;
	background: #F85500;
}

.recommend-info {
	padding: 10px 12px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* 价格和分销量同一行 */
.recommend-row-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

.recommend-price {
	/* color: #F85500; */
}

.recommend-meta {
	font-size: 12px;
	color: #999999;
}

.recommend-title {
	font-size: 12px;
	color: #333333;
	margin-bottom: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
}

.recommend-tags {
	display: flex;
	gap: 4px;
	margin-bottom: 4px;
}

.recommend-tags .tag {
	font-size: 12px;
	color: #999999;
}

.recommend-service-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 4px;
}

.recommend-service-tags .tag {
	font-size: 12px;
	color: #f85800;
}

.recommend-icons {
	display: flex;
	gap: 4px;
	margin-top: auto;
}

.recommend-icons img {
	width: 18px;
	height: 18px;
}

/* 广告轮播图 */
.ad-item {
	position: relative;
}

.ad-item .swiper-container {
	width: 100%;
	height: 100%;
}

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

.ad-pagination {
	bottom: 10px !important;
}

.ad-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #1d1d1d;
	border-radius: 50%;
	opacity: 0.5;
}

.ad-pagination .swiper-pagination-bullet-active {
	width: 16px;
	height: 8px;
	background: #f85500;
	opacity: 0.8;
	border-radius: 4px;
}

/* ========== 主体内容区 ========== */
.main-content {
	width: 100%;
	padding: 20px 0;
}

.content-placeholder {
	background-color: #ffffff;
	min-height: 400px;
	padding: 40px;
	text-align: center;
	color: #7c7c7c;
	font-size: 14px;
}

/* ========== 底部 ========== */
.footer {
	width: 100%;
	font-size: 12px;
}

.footer-main {
	background-color: #333333;
	padding: 40px 0 38px;
}

.footer-main .container {
	display: flex;
	align-items: flex-start;
	gap: 0;
}

/* 左侧 */
.footer-left {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer-logo-row {
	display: flex;
	align-items: center;
}

.footer-logo {
	height: 69px;
}

.footer-divider {
	width: 1px;
	height: 64px;
	background: #f85500;
	margin: 0 21px 0 19px;
}

.footer-slogan {
	height: 38px;
}

.footer-service {
	display: flex;
	align-items: center;
	gap: 12px;
}

.kf-icon {
	width: 40px;
	height: 40px;
}

.kf-info {
	display: flex;
	flex-direction: column;
}

.kf-label {
	color: #8f8f8f;
	font-size: 12px;
	margin-bottom: 2px;
}

.kf-phone {
	color: #f85500;
	font-size: 20px;
	font-weight: bold;
}

.kf-time {
	color: #8f8f8f;
	font-size: 12px;
	margin-top: 2px;
}

/* 垂直分隔线 */
.footer-divider-v {
	width: 1px;
	height: 177px;
	background: #c2c2c2;
	margin: 0 52px;
	flex-shrink: 0;
}

/* 右侧 */
.footer-right {
	display: flex;
	gap: 40px;
	flex: 1;
}

.footer-col-wrapper {
	margin-right: 70px;
}

.footer-col {
	display: flex;
	flex-direction: column;
}

.footer-col h4 {
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 12px;
	font-weight: bold;
}

.footer-col a {
	color: #8f8f8f;
	font-size: 12px;
	margin-bottom: 8px;
	text-decoration: none;
}

.footer-col a:hover {
	color: #ffffff;
}

.footer-col-group {
	display: flex;
	gap: 40px;
}

.footer-qrs {
	display: flex;
	gap: 30px;
	margin-left: auto;
}

.qr-item {
	text-align: center;
}

.qr-code {
	width: 100px;
	height: 100px;
	background: #ffffff;
	padding: 8px;
	border-radius: 4px;
}

.qr-item p {
	color: #8f8f8f;
	font-size: 12px;
	margin-top: 8px;
}

/* 底部版权 */
.footer-bottom {
	background-color: #f5f7f9;
	padding-top: 41px;
	padding-bottom: 20px;
	text-align: center;
}

.footer-links-bottom {
	margin-bottom: 12px;
}

.footer-links-bottom a {
	color: #8f8f8f;
	font-size: 12px;
	text-decoration: none;
	margin: 0 8px;
}

.footer-links-bottom a:hover {
	color: #f85500;
}

.footer-links-bottom span {
	color: #cccccc;
}

.footer-icp p {
	color: #999999;
	font-size: 12px;
	margin: 4px 0;
}

/* ========== 右侧悬浮框 ========== */
.side-float {
	position: fixed;
	right: 0px;
	top: 60%;
	transform: translateY(-50%);
	width: 42px;
	background: #ffffff;
	border-radius: 10px;
	/* border: 1px solid #ECECEC; */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 0;
	z-index: 9999;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.float-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 80px;
	cursor: pointer;
	border-bottom: 1px solid #f5f5f5;
	transition: all 0.3s;
}

.float-item:last-child {
	border-bottom: none;
}

/* 消息项特殊处理，文字下方显示数字 */
.float-item:nth-child(4) {
	padding-bottom: 20px;
}

.float-item img {
	width: 24px;
	height: 24px;
	margin-bottom: 4px;
	/* transition: all 0.1s; */
}

.float-item span {
	font-size: 12px;
	color: #333333;
	transition: all 0.3s;
	padding: 0 8px;
	text-align: center;
}

.float-item:hover img {
	filter: brightness(0) saturate(100%) invert(39%) sepia(99%) saturate(1870%) hue-rotate(352deg) brightness(100%)
		contrast(104%);
}

.float-item:hover span {
	color: #f85500;
}

.float-item .badge {
	position: absolute;
	bottom: 4px;
	left: 50%;
	transform: translateX(-50%);
	min-width: 26px;
	height: 16px;
	padding: 0 4px;
	color: #666666;
	font-size: 12px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ececec;
}

/* 弹框 */
.float-popup {
	position: absolute;
	right: 52px;
	top: 50%;
	transform: translateY(-50%);
	width: 150px;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	padding: 16px;
	text-align: center;
	display: none;
	z-index: 10000;
}

.float-item.has-popup:hover .float-popup {
	display: block;
}

.float-popup::after {
	content: '';
	position: absolute;
	right: -6px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid #ffffff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.popup-title {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 8px;
}

.popup-phone {
	font-size: 18px;
	font-weight: bold;
	color: #f85500;
	margin-bottom: 12px;
}

.popup-btn {
	width: 100%;
	height: 36px;
	background: linear-gradient(-90deg, #f85500, #fe9500);
	color: #ffffff;
	font-size: 14px;
	border-radius: 4px;
	margin-bottom: 12px;
	line-height: 36px;
	cursor: pointer;
}

.popup-qr {
	width: 100px;
	height: 100px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	margin: 0 auto;
}

.popup-text {
	font-size: 12px;
	color: #666666;
	margin-top: 8px;
}

.popup-time {
	font-size: 12px;
	color: #999999;
	margin-top: 4px;
}

/* ============================================= */
/* ========== new.html 页面专属样式 ============ */
/* ============================================= */

/* 页面背景 */
body {
	background-color: #f5f7f9;
}

/* 页面标题区 */
.page-header {
	background: #ffffff;
	padding: 30px 0;
	border-bottom: 1px solid #eeeeee;
}

.page-title-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.title-line {
	width: 100px;
	height: 3px;
}

.page-title {
	font-size: 20px;
	font-weight: bold;
	color: #fa5b01;
}

/* ========== 实力新品轮播图 ========== */
.new-banner {
	padding: 22px 0 38px 0;
}

.new-banner-swiper {
	width: 100%;
	height: 350px;
	border-radius: 8px;
	overflow: hidden;
}

.new-banner-swiper .swiper-slide {
	width: 100%;
	height: 100%;
}

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

/* 分页器 - 选中背景 #F5F7F9 */
.new-banner-swiper .swiper-pagination {
	bottom: 10px;
	z-index: 10;
}

.new-banner-swiper .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #cccccc;
	opacity: 0.8;
	border-radius: 4px;
	transition: all 0.3s;
}

.new-banner-swiper .swiper-pagination-bullet-active {
	width: 16px;
	height: 8px;
	background: #f5f7f9;
	opacity: 1;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(248, 85, 0, 0.4);
}

/* 轮播箭头 - 与首页样式一致 */
.new-banner-swiper .swiper-button-prev,
.new-banner-swiper .swiper-button-next {
	width: 28px;
	height: 43px;
	background-color: rgba(29, 29, 29, 0.4);
	border-radius: 4px;
	transition: background-color 0.3s;
	top: 50%;
	margin-top: -21.5px;
	padding: 0;
}

.new-banner-swiper .swiper-button-prev:hover,
.new-banner-swiper .swiper-button-next:hover {
	background-color: rgba(29, 29, 29, 0.6);
}

.new-banner-swiper .swiper-button-prev {
	left: 0;
	border-radius: 0 70px 70px 0;
}

.new-banner-swiper .swiper-button-next {
	right: 0;
	border-radius: 70px 0 0 70px;
}

.new-banner-swiper .swiper-button-prev::after {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	position: absolute !important;
	top: 50% !important;
	/* left: 50% !important; */
	transform: translate(-50%, -50%) !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	text-align: center;
	line-height: 1;
	/* margin-right: 3px !important; */
}
.new-banner-swiper .swiper-button-next::after {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	text-align: center;
	line-height: 1;
	margin-left: 3px !important;
}

/* ========== 新品推荐 ========== */
.new-recommend-section {
	/* padding: 30px 0;*/
	margin-bottom: 40px;
}

.section-tabs {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.section-tabs h3 {
	font-size: 23px;
	color: #fa5b01;
	font-weight: bold;
}

.section-tabs .tab-sep {
	font-size: 12px;
	color: #999999;
	margin-top: 4px;
}

.recommend-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.recommend-card {
	/* background: #ffffff; */
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s;
	border: 1px solid #eeeeee;
}

.recommend-card:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-3px);
}

.recommend-card-img {
	width: 100%;
	height: 222px;
	object-fit: cover;
}

.recommend-card-info {
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.recommend-card-title {
	font-size: 14px;
	color: #333333;
	line-height: 1.4;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 10px;
}

.recommend-card-bottom {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.recommend-card-price {
	/* color: #F85500; */
}

/* ========== 实力新品 / 新品爆款 ========== */
.strength-new-section,
.hot-new-section {
	margin-top: 16px;
}
.background_white {
	background: #ffffff;
	padding: 22px 20px;
}

.strength-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.strength-card {
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s;
	border: 1px solid #eeeeee;
}

.strength-card:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-3px);
}

.strength-card-img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}

.strength-card-bottom {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px;
	justify-content: center;
}

.tag-new {
	display: inline-block;
	padding: 2px 6px;
	background: #f85500;
	color: #ffffff;
	font-size: 12px;
	border-radius: 2px;
}

.tag-hot {
	display: inline-block;
	padding: 2px 6px;
	background: #e53935;
	color: #ffffff;
	font-size: 12px;
	border-radius: 2px;
}

.strength-price {
	/* color: #F85500; */
}

/* ========== 好货上新 ========== */
.good-new-section {
	padding: 30px 0 40px;
	margin-top: 16px;
}

.good-new-header {
	display: flex;
	align-items: baseline;
	gap: 15px;
	margin-bottom: 20px;
}

.good-new-title {
	font-size: 23px;
	color: #f85500;
	font-weight: bold;
}

.good-new-sub {
	font-size: 14px;
	color: #999999;
}

/* 筛选标签 */
.filter-tabs {
	width: 1198px;
	background: #ffffff;
	margin-bottom: 20px;
	padding: 13px 19px;
}

.filter-divider {
	width: 1156px;
	height: 1px;
	border-top: 1px dotted #dcdcdc;
	margin: 0 auto;
}

.filter-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 21px;
	height: 38px;
}

.filter-label {
	font-size: 14px;
	color: #666666;
}

.filter-item {
	font-size: 14px;
	color: #666666;
	padding: 4px 12px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s;
	display: flex;
	align-items: center;
}
.filter-item img {
	width: 8px;
	height: 6px;
	margin-left: 6px;
}
.filter-item:hover {
	color: #f85500;
}

.filter-item.active {
	background: #fff5f0;
	color: #f85500;
}

.filter-item.checkbox {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #666666;
	cursor: pointer;
	user-select: none;
}
.filter-item i{
	font-style: normal;
    margin-top: 3px;
}

.filter-item.checkbox input[type='checkbox'] {
	width: 14px;
	height: 14px;
	cursor: pointer;
	accent-color: #f85500;
}

/* 价格排序箭头 */
.filter-item.sort-item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}

.sort-arrows {
	display: inline-flex;
	flex-direction: column;
	gap: 1px;
	margin-left: 4px;
	vertical-align: middle;
}

.sort-arrow-img {
	display: block;
	width: 6px;
	height: 4px;
	object-fit: contain;
}

/* 地区下拉 */
.filter-item.region-select {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}

.region-arrow {
	display: block;
	width: 6px;
	height: 4px;
	object-fit: contain;
	transition: transform 0.2s;
}

.filter-item.region-select.open .region-arrow {
	transform: rotate(180deg);
}

.region-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 4px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	min-width: 120px;
	padding: 6px 0;
	display: none;
	z-index: 100;
}

.filter-item.region-select.open .region-dropdown {
	display: block;
}

.region-dropdown a {
	display: block;
	padding: 6px 14px;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	white-space: nowrap;
}

.region-dropdown a:hover {
	color: #f85500;
	background: #fff5f0;
}

/* 商品网格 */
.good-product-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-bottom: 30px;
}

.good-product-card {
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s;
	border: 1px solid #eeeeee;
}

.good-product-card:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-3px);
}

.good-product-img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

.good-product-info {
	padding: 10px;
}

.good-product-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px;
}

.good-product-price {
	/* color: #F85500; */
}

.good-product-sales {
	font-size: 12px;
	color: #999999;
}

.good-product-title {
	font-size: 12px;
	color: #333333;
	line-height: 34px;
	height: 34px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 600;
}

.good-product-tags {
	margin-bottom: 6px;
}

.good-tag {
	font-size: 12px;
	color: #999999;
}

.good-product-icons {
	display: flex;
	gap: 8px;
}

.good-product-icons img {
	width: 16px;
	height: 16px;
}

/* 分页 */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 14px;
}

.pagination a,
.pagination .page-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 10px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s;
}

.pagination a:hover,
.pagination .page-num:hover {
	border-color: #f85500;
	color: #f85500;
}

.pagination .page-num.active {
	background: #f85500;
	border-color: #f85500;
	color: #ffffff;
}

.pagination .page-ellipsis {
	color: #999999;
}

.pagination .page-info {
	color: #999999;
	margin-left: 10px;
}

.pagination .page-jump {
	color: #666666;
	margin: 0 4px;
}

.pagination .page-input {
	width: 40px;
	height: 32px;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	outline: none;
}

.pagination .page-btn {
	height: 32px;
	padding: 0 12px;
	background: #f85500;
	color: #ffffff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.pagination .page-prev,
.pagination .page-next {
	min-width: 60px;
}

.pagination .page-prev:hover,
.pagination .page-next:hover {
	background: #fff5f0;
	border-color: #f85500;
	color: #f85500;
}

/* ============================================= */
/* ========== 屏幕固定底部栏 ================= */
/* ============================================= */
.footer-fixed-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 133px;
	background: url('../img/footer_xf.png') no-repeat center center;
	background-size: cover;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: calc((100% - 1200px) / 2 + 20px);
}

.footer-fixed-bar .footer-bar-btns {
	display: flex;
	align-items: center;
	gap: 13px;
}

.footer-fixed-bar .footer-bar-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 42px;
	background: #ffffff;
	border-radius: 24px;
	font-size: 18px;
	color: #fa5b01;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s;
	border: none;
	margin-top: 56px;
	font-style: italic;
}

.footer-fixed-bar .footer-bar-btn:hover {
	opacity: 0.85;
}

/* ========== new.html 商品卡片 <a> 标签样式 ========== */
.new-banner-swiper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.new-banner-swiper .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.recommend-card,
.strength-card,
.good-product-card {
	display: block;
	text-decoration: none;
	color: inherit;
}

.recommend-card:hover,
.strength-card:hover,
.good-product-card:hover {
	cursor: pointer;
}

/* ============================================= */
/* ========== hot.html 人气爆款 专属样式 ======== */
/* ============================================= */

/* 整个轮播容器 - 左大图+右小图作为一个整体轮播 */
.hot-banner-wrap {
	position: relative;
	padding: 20px 0;
}

.hot-banner-wrap .swiper {
	width: 100%;
	height: 452px;
}

/* 每个slide的内容行 */
.hot-banner-row {
	display: flex;
	gap: 19px;
	width: 1200px;
	height: 452px;
}

/* 左侧大图 */
.hot-banner-main {
	width: 707px;
	height: 452px;
	background: #666666;
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
}

.hot-banner-main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 右侧2x2小图区域 */
.hot-banner-side {
	width: 474px;
	height: 452px;
}

.hot-banner-side-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 17px 20px;
}

.hot-banner-side-item {
	width: 228px;
	height: 216px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background: #f2f2f2;
}

.hot-banner-side-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hot-banner-side-info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0 18px 0 12px;
	opacity: 0.6;
	background: #000000;
	width: 84px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}

.hot-banner-title {
	font-size: 12px;
	color: #ffffff;
	line-height: 1.3;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hot-banner-price {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

.hot-banner-price .price-sym {
	font-size: 12px;
}

.hot-banner-price .price-num {
	font-size: 16px;
	font-weight: bold;
}

/* 轮播箭头 - 在1200px容器两侧 */
.hot-banner-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 43px;
	background-color: rgba(29, 29, 29, 0.3);
	border-radius: 4px;
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s;
	border-radius: 70px 0 0 70px;
}

.hot-banner-arrow:hover {
	background-color: rgba(29, 29, 29, 0.6);
}

.hot-banner-arrow::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

.hot-banner-prev {
	left: 0;
}

.hot-banner-prev::after {
	transform: rotate(-135deg);
	margin-left: 4px;
}

.hot-banner-next {
	right: 0;
}

.hot-banner-next::after {
	transform: rotate(45deg);
	margin-right: 4px;
}

/* ========== 商品链接样式（轮播图图片包裹 <a>） ========== */
.bannerSwiper .swiper-slide a,
.subBannerSwiper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.bannerSwiper .swiper-slide a img,
.subBannerSwiper .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* hot-banner-main / hot-banner-side-item / recommend-card 使用 <a> 标签时的布局保持 */
.hot-banner-main,
.hot-banner-side-item,
.recommend-card {
	display: block;
	text-decoration: none;
	color: inherit;
}

.hot-banner-main:hover,
.hot-banner-side-item:hover,
.recommend-card:hover {
	text-decoration: none;
	color: inherit;
}

/* 商品卡片 <a> 标签保持原布局 */
.commend-item,
.product-item,
.recommend-item {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

/* ========== merchant.html 金牌商家 专属样式 ========== */

/* 板块容器 - 与轮播图间距20px */
.merchant-section {
	margin-top: 20px;
	padding-bottom: 40px;
}

/* 板块标题 */
.merchant-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 32px;
}

.merchant-section-title h2 {
	font-size: 23px;
	font-weight: bold;
	color: #fa5b01;
}

/* 商家网格布局 - 6列，间隙16px */
.merchant-grid {
	display: grid;
	grid-template-columns: repeat(6, calc((100% - 80px) / 6));
	gap: 16px;
}

/* 商家卡片 */
.merchant-card {
	display: block;
	text-decoration: none;
	height: 278px;
	border-radius: 13px;
	overflow: hidden;
	position: relative;
	background: #f2f2f2;
	transition: transform 0.3s, box-shadow 0.3s;
}

.merchant-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	text-decoration: none;
	color: inherit;
}

/* 卡片图片 */
.merchant-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 浮框按钮 */
.merchant-card-btn {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 155px;
	height: 38px;
	background: #fa5b01;
	opacity: 0.8;
	border-radius: 19px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	line-height: 38px;
	white-space: nowrap;
}
.merchant-conmment-section {
	background: #f5f7f9;
	padding: 27px 0;
}
.merchant-section-title {
	margin-bottom: 30px;
}
.margin-bottom-28 {
	margin-bottom: 28px;
}

/* ========== gold.html 每日排行 专属样式 ========== */

/* gold.html 顶部区域（含bg.jpg背景） */
.gold-content {
	background: url('../img/bg.jpg') no-repeat top center;
	background-size: 1920px auto;
	padding-bottom: 13px;
}
.gold-content .container {
	padding-top: 261px;
}
/* Tab切换卡片容器 */
.gold-tab-card {
	position: relative;
	width: 1200px;
	/* height: 198px; */
	background: #fff9f0;
	border-radius: 10px;
	margin: 30px auto 0;
	box-sizing: border-box;
}

/* 三大主选项卡容器（在卡片内）- 整体一个颜色，中间作分割线 */
.gold-tab-card .gold-tabs-container {
	display: flex;
	width: 1199px;
	height: 111px;
	margin: 0 auto;
	background: #f1dfc2;
	border-radius: 10px 10px 0 0;
}

/* 选项卡通用 */
.gold-tab {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.3s;
	color: #ef4b00;
	font-size: 25px;
	font-weight: bold;
}

/* 首尾 tab 圆角跟随容器 */
.gold-tab:first-child {
	border-radius: 10px 0 0 10px;
}
.gold-tab:last-child {
	border-radius: 0 10px 10px 0;
}

/* 分割线 */
.gold-tab:not(:first-child)::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 39px;
	background: #ef4b00;
}

/* active/hover 时隐藏分割线 */
.gold-tab.active::before,
.gold-tab:hover::before,
.gold-tab.active + .gold-tab::before,
.gold-tab:hover + .gold-tab::before {
	opacity: 0;
}

.gold-tab {
	position: relative;
}

/* 选中状态 / 悬停效果 - 层级抬升 */
.gold-tab.active,
.gold-tab:hover {
	background: linear-gradient(-45deg, #e6ba7a 0%, #f9ebd0 100%);
	color: #aa7331;
	font-size: 28px;
	position: relative;
	z-index: 2;
	box-shadow: 0 6px 16px rgba(170, 115, 49, 0.25);
	border-radius: 10px 10px 0 0;
	height: 131px;
	top: -20px;
}

/* 子选项卡 - 4个平分宽度 */
.gold-tab-card .gold-sub-tabs {
	display: flex;
	margin: 24px 20px;
	padding: 0;
}

.gold-sub-tab {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	cursor: pointer;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #aa7331;
}

.gold-sub-tab.active {
	color: #ef4b00;
}

.gold-sub-tab img {
	width: 24px;
	height: 24px;
}

/* 提示文字 */
.gold-tab-card .gold-ranking-tip {
	font-size: 14px;
	color: #aa7331;
	margin-top: 10px;
	padding: 0 20px;
	text-align: center;
	background: #ffffff;
	height: 37px;
	line-height: 37px;
}

/* 分类筛选 - 两行结构 */
.gold-category-container {
	margin-top: 20px;
}

.gold-category-filter {
	width: 1200px;
	background: #ffffff;
	border-radius: 10px;
	padding: 0 20px;
	box-sizing: border-box;
}

/* 每行通用布局 */
.gold-filter-row {
	display: flex;
	align-items: center;
	min-height: 38px;
	padding: 20px 0;
}

.gold-filter-label {
	font-size: 14px;
	color: #666666;
	flex-shrink: 0;
	margin-right: 20px;
	line-height: 32px;
}

.gold-filter-items {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	flex: 1;
	line-height: 32px;
}

.gold-filter-item {
	font-size: 14px;
	color: #666666;
	padding: 0 15px;
	cursor: pointer;
	transition: color 0.2s;
	white-space: nowrap;
	line-height: 40px;
}

.gold-filter-item:hover {
	color: #f85500;
}

.gold-filter-item.active {
	color: #f85500;
}

/* 分割线 */
.gold-filter-divider {
	width: 1156px;
	height: 1px;
	border-top: 1px dotted #dcdcdc;
	margin: 0 auto;
}

/* 第二行：品类选择，可展开 */
.gold-category-row {
	position: relative;
}

.gold-category-items {
	flex-wrap: nowrap;
	overflow: hidden;
	transition: flex-wrap 0.3s;
}

.gold-category-filter.expanded .gold-category-items {
	flex-wrap: wrap;
	overflow: visible;
}

/* 展开/收起按钮 */
.gold-category-toggle {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	font-size: 12px;
	color: #999999;
	padding-left: 20px;
	margin-left: auto;
}

.gold-category-arrow {
	width: 6px;
	height: 4px;
	transition: transform 0.3s;
}

.gold-category-filter.expanded .gold-category-arrow {
	transform: rotate(180deg);
}

/* ========== group.html 图搜人气榜 专属样式 ========== */

/* 热搜类目筛选 - 单行+下拉 */
.group-hot-filter {
	height: 60px;
	overflow: hidden;
	transition: height 0.3s, overflow 0s 0.3s;
}

.group-hot-filter.expanded {
	height: auto;
	overflow: visible;
	transition: height 0.3s;
}

.gold-hot-row {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 60px;
}

.gold-hot-row .gold-category-items {
	flex-wrap: nowrap;
	overflow: hidden;
	transition: flex-wrap 0.3s;
	flex: 1;
	line-height: 32px;
}

.gold-hot-row .gold-category-items::-webkit-scrollbar {
	display: none;
}

.group-hot-filter.expanded .gold-hot-row .gold-category-items {
	flex-wrap: wrap;
	overflow: visible;
}

/* group.html 子选项卡样式（如需要不同间距等） */

/* ========== 以上 group.html 专属样式 ========== */

/* 排行榜列表容器 */
.gold-ranking-wrap {
	margin-top: 22px;
	padding-bottom: 40px;
}

/* 卡片网格 - 2列 */
.gold-ranking-list {
	display: grid;
	grid-template-columns: repeat(2, calc((100% - 16px) / 2));
	gap: 16px;
}

/* 排行榜卡片 */
.gold-ranking-card {
	position: relative;
	display: flex;
	text-decoration: none;
	color: inherit;
	transition: transform 0.3s, box-shadow 0.3s;
	border-radius: 16px;
	overflow: visible;
	z-index: 1;
}

.gold-ranking-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0);
	z-index: 10;
}

/* 悬停展开的操作区 - 绝对定位，层级升高，不影响下面卡片 */
.gold-ranking-actions {
	position: absolute;
	left: 0;
	bottom: -49px;
	width: 100%;
	height: 59px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	z-index: 100;
}

.gold-ranking-card:hover .gold-ranking-actions {
	opacity: 1;
	visibility: visible;
}

/* 操作区内容 - 59px高度，#F1DFC2背景 */
.gold-ranking-actions-inner {
	width: 587px;
	height: 69px;
	background: #f1dfc2;
	box-shadow: 0px 0px 21px 0px rgba(230, 186, 122, 0.31);
	border-radius: 0 0 16px 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 27px;
}

/* 操作按钮 */
.gold-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 119px;
	height: 35px;
	background: #f8eddb;
	border: 1px solid #aa7331;
	border-radius: 18px;
	font-size: 14px;
	color: #aa7331;
	cursor: pointer;
	transition: all 0.2s;
	text-decoration: none;
}

.gold-action-btn:hover {
	background: #aa7331;
	color: #ffffff;
}

/* 排名徽章 */
.gold-ranking-badge {
	width: 94px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gold-ranking-badge-other {
	width: 85px;
	height: 85px;
}
.gold-ranking-badge img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.gold-ranking-badge span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: url('../img/other.png');
	color: #ef4b00;
	font-size: 35px;
	font-weight: bold;
}

/* 卡片内容（含渐变背景） */
.gold-ranking-content {
	position: relative;
	width: 587px;
	height: 206px;
	padding: 20px;
	border: 1px solid transparent;
	border-radius: 16px;
	background: linear-gradient(-67deg, #f7ecd9, #fffdfb) padding-box, linear-gradient(90deg, #e6ba7a, #ecca95) border-box;
	display: flex;
	align-items: center;
	gap: 16px;
}
.gold-ranking-content:hover {
	z-index: 200;
}

/* 商品图 */
.gold-ranking-img {
	position: relative;
	width: 161px;
	max-height: 161px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}

.gold-ranking-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 图片上的标签 - 左下角 */
.gold-img-tags {
	position: absolute;
	left: 6px;
	bottom: 6px;
	display: flex;
	gap: 4px;
	z-index: 2;
}

.gold-img-tags .gold-tag {
	font-size: 14px;
	line-height: 18px;
	border-radius: 3px;
}

/* 商品信息 */
.gold-ranking-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
}

/* 商品标题 */
.gold-ranking-title {
	font-size: 18px;
	color: #333333;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gold-ranking-title .title-gold-icon {
	/* color: #AA7331; */
}

/* 副标题 */
.gold-ranking-sub {
	font-size: 14px;
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 价格行 */
.gold-ranking-price-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.gold-action-search {
	display: inline-block;
	padding: 4px 14px;
	background: #e67e22;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	text-decoration: none;
	line-height: 1.4;
}

.gold-action-search:hover {
	background: #d35400;
	color: #fff;
}

.gold-ranking-price {
	font-size: 18px;
	font-weight: bold;
}

.gold-ranking-price .price-sym {
	font-size: 14px;
	font-weight: normal;
}

.gold-ranking-price .price-num {
	font-size: 20px;
	font-weight: bold;
}

/* 标签行 */
.gold-ranking-tags {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.gold-tag {
	display: inline-block;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 16px;
}

.gold-tag-new {
	background: #fd4d1b;
	color: #ffffff;
}

.gold-tag-hot {
	background: #ffb504;
	color: #ffffff;
}

.gold-ranking-views {
	font-size: 18px;
	color: #aa7331;
}
.gold-ranking-views .hot-icon {
	width: 18px;
	margin-right: 4px;
}

/* ========== manufacturer.html 厂家排行榜 专属样式 ========== */

/* 表格容器 */
.manufacturer-table-container {
	margin-top: 20px;
}

/* 表头 */
.manufacturer-table-header {
	width: 1200px;
	height: 44px;
	background: #f8f3ec;
	border-radius: 10px 10px 0 0;
	display: flex;
	align-items: center;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

.manufacturer-th-rank {
	width: 120px;
	text-align: center;
}

.manufacturer-th-info {
	flex: 1;
	padding-left: 85px;
}

.manufacturer-th-products {
	width: 600px;
	text-align: left;
}

/* 表格主体 */
.manufacturer-table-body {
	width: 1200px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* 表格行 - 独立卡片样式 */
.manufacturer-tr {
	display: flex;
	align-items: center;
	width: 1199px;
	height: 206px;
	padding: 0 45px;
	box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: 10px;
	background: linear-gradient(-67deg, #f7ecd9, #fffdfb) padding-box, linear-gradient(90deg, #e6ba7a, #ecca95) border-box;
	transition: transform 0.3s, box-shadow 0.3s;
}

.manufacturer-tr:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* 排名列 */
.manufacturer-td-rank {
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 排名徽章 */
.manufacturer-rank-badge {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.manufacturer-rank-badge img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.manufacturer-rank-other {
	background: linear-gradient(135deg, #e8d5b7, #d4b896);
	border-radius: 12px;
	font-size: 32px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* 厂家信息列 */
.manufacturer-td-info {
	flex: 1;
	padding: 0 70px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.manufacturer-name-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.manufacturer-name {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	font-family: SourceHanSansCN, 'Microsoft YaHei', sans-serif;
}

.manufacturer-gold-icon {
	font-size: 18px;
}

.manufacturer-verified {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	background: #f85500;
	color: #ffffff;
	border-radius: 50%;
	font-size: 10px;
}

.manufacturer-detail {
	font-size: 13px;
	color: #666666;
	line-height: 22px;
}

.manufacturer-detail-label {
	color: #999999;
}

.manufacturer-detail-value {
	color: #666666;
}

.manufacturer-contact {
	display: inline-block;
	padding: 1px 8px;
	margin-right: 6px;
	background: #fff0e6;
	color: #f85500;
	border-radius: 3px;
	font-size: 12px;
}

/* 最近上新列 */
.manufacturer-td-products {
	width: 600px;
	display: flex;
	align-items: center;
	gap: 71px;
}

.manufacturer-products {
	display: flex;
	gap: 11px;
}

.manufacturer-product-item {
	width: 143px;
	height: 143px;
	background: #a3a3a3;
	border-radius: 9px;
	overflow: hidden;
	transition: transform 0.3s;
}

.manufacturer-product-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.manufacturer-product-item:hover {
	transform: scale(1.03);
}

/* 更多商品按钮 */
.manufacturer-more-btn {
	width: 90px;
	height: 27px;
	background: linear-gradient(-86deg, #f85800, #fe9100);
	color: #ffffff;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	text-decoration: none;
	flex-shrink: 0;
	transition: box-shadow 0.3s;
}

.manufacturer-more-btn:hover {
	box-shadow: 0 4px 12px rgba(230, 186, 122, 0.4);
}

/* ========================================
   low.html 低价好货页面
   ======================================== */

/* Banner */
.low-banner {
	height: 280px;
	background: url('../img/kv.png') no-repeat center center;
	background-size: cover;
	position: relative;
}

.low-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.3) 100%);
}

.low-banner .container {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.low-banner-title {
	font-size: 64px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 4px 20px rgba(200, 80, 0, 0.5);
	letter-spacing: 8px;
	font-family: 'Microsoft YaHei', sans-serif;
}

/* 价格封顶Tab + 产品区 */
.low-top-section {
	padding: 0 0 20px;
	margin-top: -29px;
	position: relative;
	z-index: 2;
}

.low-top-section .container {
	background: #ffffff;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
	padding: 0 30px 30px;
}

.low-price-tabs {
	display: flex;
	width: 1200px;
	height: 110px;
	margin: 0 auto;
	background: #f1dfc2;
	border-radius: 10px 10px 0 0;
	position: relative;
	margin-left: -30px;
}

.low-price-tab {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	color: #ef4b00;
	cursor: pointer;
	position: relative;
	transition: all 0.3s;
	font-weight: bold;
}

.low-price-tab:not(:first-child)::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 39px;
	background: #ef4b00;
}

.low-price-tab:hover::before,
.low-price-tab.active::before,
.low-price-tab:hover + .low-price-tab::before,
.low-price-tab.active + .low-price-tab::before {
	opacity: 0;
}

.low-price-tab:first-child {
	border-radius: 10px 0 0 0;
}

.low-price-tab:last-child {
	border-radius: 0 10px 0 0;
}

.low-price-tab:hover {
	color: #aa7331;
}

.low-price-tab.active {
	background: linear-gradient(-45deg, #e6ba7a 0%, #f9ebd0 100%) padding-box,
		linear-gradient(-69deg, #f6e5c4, #f0cb84) border-box;
	border: 1px solid transparent;
	color: #aa7331;
	font-size: 28px;
	position: relative;
	z-index: 2;
	box-shadow: 0 6px 16px rgba(170, 115, 49, 0.25);
	border-radius: 10px 10px 0 0;
	height: 131px;
	top: -20px;
}

/* 顶部产品网格 */
.low-top-products {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	margin-top: 20px;
	margin-bottom: 35px;
}

.low-top-item {
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
}

.low-top-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.low-top-img {
	width: 100%;
	height: 170px;
	background: #f5f5f5;
	position: relative;
	overflow: hidden;
}

.low-top-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.low-top-item:hover .low-top-img img {
	transform: scale(1.05);
}

.low-top-tag {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 4px 10px;
	color: #ffffff;
	font-size: 11px;
	border-radius: 4px;
	font-weight: 500;
	max-width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.low-top-tag.orange {
	background: linear-gradient(90deg, #f85800, #fe9100);
}

.low-top-tag.green {
	background: linear-gradient(90deg, #52c41a, #73d13d);
}

.low-top-tag.pink {
	background: linear-gradient(90deg, #eb2f96, #f759ab);
}

.low-top-title {
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 10px 12px 10px;
	margin-bottom: 6px;
}

.low-top-tags-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 12px;
	margin-bottom: 15px;
}

.low-top-tags-left {
	display: flex;
	align-items: center;
	gap: 6px;
}

.low-tag-new {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: linear-gradient(135deg, #f85800, #fe9100);
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	border-radius: 3px;
}

.low-tag-bao {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: linear-gradient(135deg, #1890ff, #40a9ff);
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	border-radius: 3px;
}

.low-top-sale {
	font-size: 11px;
	color: #999999;
	white-space: nowrap;
}

.low-top-bottom-row {
	display: flex;
	align-items: center;
	padding: 0 12px 12px;
}

.low-top-price {
	color: #ffffff;
	font-weight: bold;
	display: flex;
	align-items: baseline;
	background: url('../img/price_bg.png') no-repeat center center;
	background-size: 100% 100%;
	padding: 4px 10px;
	border-radius: 4px;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

.low-top-price .price-sym {
	font-size: 12px;
}

.low-top-price .price-num {
	font-size: 18px;
}

.low-top-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 164px;
	height: 31px;
	background: #fff4e2;
	border-radius: 0 15px 15px 0;
	font-size: 12px;
	color: #fa5b01;
	white-space: nowrap;
	flex-shrink: 0;
	margin-left: -10px;
}

.low-top-badge .badge-num {
	font-size: 15px;
	font-weight: bold;
	margin: 0 2px;
}
.low-content {
	padding: 20px 0 60px;
}

/* 筛选区白色背景 */
.low-filter-box {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
	padding: 20px 30px;
	margin-bottom: 20px;
}

/* 标题区 */
.low-section-header {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin-bottom: 20px;
}

.low-section-title {
	font-size: 24px;
	font-weight: bold;
	color: #f85800;
	font-family: 'Microsoft YaHei', sans-serif;
}

.low-section-subtitle {
	font-size: 13px;
	color: #999999;
}

/* 分类筛选 */
.low-category-bar {
	display: flex;
	align-items: center;
	gap: 0;
	margin-bottom: 24px;
	/* border-bottom: 1px solid #f5f5f5;
  padding-bottom: 12px; */
}

.low-category-item {
	padding: 6px 20px;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	position: relative;
	transition: color 0.2s;
}

.low-category-item:hover {
	color: #f85800;
}

.low-category-item.active {
	color: #f85800;
	font-weight: bold;
}

.low-category-item.active::after {
	content: '';
	position: absolute;
	bottom: -13px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 2px;
	background: #f85800;
}

/* 排序筛选 */
.low-filter-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 12px;
}

.low-filter-left {
	display: flex;
	align-items: center;
	gap: 0;
}

.low-sort-item {
	padding: 0 14px;
	font-size: 13px;
	color: #666666;
	cursor: pointer;
	height: 28px;
	line-height: 28px;
	display: inline-flex;
	align-items: center;
	border-right: 1px solid #eeeeee;
	transition: color 0.2s;
}

.low-sort-item:last-of-type {
	border-right: none;
}

.low-sort-item:hover {
	color: #f85800;
}

.low-sort-item.active {
	color: #f85800;
	font-weight: bold;
}

.low-arrow-down {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #999;
	margin-left: 4px;
}

.low-price-range {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	color: #666666;
	padding: 0 12px;
}

.low-price-input {
	width: 50px;
	height: 24px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 0 6px;
	font-size: 12px;
	color: #333;
	outline: none;
}

.low-price-input:focus {
	border-color: #f85800;
}

.low-submit-btn {
	width: 56px;
	height: 26px;
	background: linear-gradient(90deg, #f85800, #fe9100);
	color: #ffffff;
	font-size: 13px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin-left: 8px;
}

.low-submit-btn:hover {
	opacity: 0.9;
}

.low-filter-right {
	font-size: 13px;
	color: #999999;
}

.low-count {
	color: #f85800;
	font-weight: bold;
}

/* 特性筛选 */
.low-feature-bar {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 10px 0 16px;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 20px;
}

.low-feature-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	color: #666666;
	cursor: pointer;
	user-select: none;
}

.low-feature-item input[type='checkbox'] {
	width: 14px;
	height: 14px;
	accent-color: #f85800;
	cursor: pointer;
}

.low-feature-item:hover {
	color: #f85800;
}

/* 产品网格 */
.low-products {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	margin-bottom: 60px;
}

.low-product-item {
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.3s, box-shadow 0.3s;
	cursor: pointer;
	border: 1px solid #f0ebe3;
}

.low-product-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.low-product-img {
	width: 100%;
	height: 190px;
	background: #f5f5f5;
	position: relative;
	overflow: hidden;
}

.low-product-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.low-product-item:hover .low-product-img img {
	transform: scale(1.05);
}

.low-img-tag {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 4px 10px;
	color: #ffffff;
	font-size: 11px;
	border-radius: 4px;
	font-weight: 500;
	max-width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.low-img-tag.orange {
	background: linear-gradient(90deg, #f85800, #fe9100);
}

.low-img-tag.green {
	background: linear-gradient(90deg, #52c41a, #73d13d);
}

.low-img-tag.pink {
	background: linear-gradient(90deg, #eb2f96, #f759ab);
}

.low-product-info {
	padding: 10px 12px 14px;
}

.low-product-title {
	font-size: 12px;
	color: #333333;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 6px;
}

.low-product-tags {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

.low-tag-new {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: linear-gradient(135deg, #f85800, #fe9100);
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	border-radius: 3px;
}

.low-tag-label {
	font-size: 11px;
	color: #999999;
	white-space: nowrap;
}

.low-product-bottom {
	display: flex;
	align-items: center;
}

.low-price {
	color: #ffffff;
	font-weight: bold;
	display: flex;
	align-items: baseline;
	background: url('../img/price_bg.png') no-repeat center center;
	background-size: 100% 100%;
	padding: 4px 10px;
	border-radius: 4px;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

.low-price .price-sym {
	font-size: 12px;
}

.low-price .price-num {
	font-size: 18px;
}

.low-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 164px;
	height: 31px;
	background: #fff4e2;
	border-radius: 0 15px 15px 0;
	font-size: 12px;
	color: #fa5b01;
	white-space: nowrap;
	flex-shrink: 0;
	margin-left: -10px;
}

.low-badge .badge-num {
	font-size: 15px;
	font-weight: bold;
	margin: 0 2px;
}

.low-flag {
	display: inline-block;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
	margin-right: 4px;
}
.low-flag-new {
	background: #fd4d1b;
}
.low-flag-best {
	background: #ff6a00;
}
.low-flag-hot {
	background: #ffb504;
}

/* ========================================
   source.html 源头厂商页面
   ======================================== */

.source-content {
	padding: 20px 0 60px;
	background: #ffffff;
}

.source-content .container {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

/* 左侧排行榜 */
.source-sidebar {
	width: 254px;
	flex-shrink: 0;
	background: #f5f7f9;
	overflow: hidden;
	border-radius: 10px;
}

.source-sidebar-banner {
	width: 100%;
	height: 160px;
	background: linear-gradient(135deg, #f85800, #fe9100);
	position: relative;
}

.source-sidebar-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.source-rank-rule {
	padding: 8px 12px;
	font-size: 12px;
	line-height: 1.5;
	color: #888888;
	background: #fffbe8;
	border-bottom: 1px solid #f5e9c8;
}

.source-rank-list {
	padding: 6px 8px;
}

.source-rank-item {
	width: 100%;
	box-sizing: border-box;
	height: 64px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 8px;
	cursor: pointer;
	transition: background 0.2s;
	background: #ffffff;
	border-radius: 6px;
	margin: 6px 0;
}

.source-rank-item:hover {
	background: #fff9f3;
}

.source-rank-item.active {
	background: #fff5ea;
}

.source-rank-num {
	width: 58px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.source-rank-num.gold {
	background-image: url('../img/one.png');
}

.source-rank-num.silver {
	background-image: url('../img/two.png');
}

.source-rank-num.bronze {
	background-image: url('../img/three.png');
}

.source-rank-num.other {
	background-image: url('../img/other.png');
	color: #ef4b00;
	font-size: 18px;
	font-weight: bold;
}

.source-rank-logo {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 50%;
	overflow: hidden;
	background: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.source-rank-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.source-rank-logo-default {
	font-size: 16px;
	color: #bbbbbb;
	font-weight: bold;
}

.source-rank-info {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.source-rank-name {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.source-rank-desc {
	font-size: 12px;
	color: #999999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.source-rank-item.active .source-rank-name {
	color: #f85800;
}

.source-sidebar-footer {
	padding: 0 20px 12px 20px;
	border-top: 1px solid #f5f5f5;
	text-align: center;
}

.source-sidebar-footer a {
	font-size: 13px;
	color: #999999;
	text-decoration: none;
}

.source-sidebar-footer a:hover {
	text-decoration: underline;
}

/* 右侧内容 */
.source-main {
	flex: 1;
	min-width: 0;
	background: #ffffff;
	overflow: hidden;
}

/* 顶部Tab */
.source-tabs {
	display: flex;
	align-items: center;
	padding: 0;
	border-bottom: 2px solid #fa5b01;
}

.source-tab-title {
	width: 120px;
	height: 44px;
	line-height: 44px;
	background: linear-gradient(90deg, #f85800, #fe9100);
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.source-tab-list {
	display: flex;
	gap: 0;
}

.source-tab {
	width: 72px;
	height: 35px;
	line-height: 35px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	color: #666666;
	cursor: pointer;
	position: relative;
	transition: all 0.2s;
	background: #ffffff;
	border: 1px solid #eaeaea;
	margin-left: -1px;
}

.source-tab:hover {
	color: #fa5b01;
}

.source-tab.active {
	height: 35px;
	background: #fa5b01;
	color: #ffffff;
	font-weight: bold;
	border-color: #fa5b01;
	position: relative;
	z-index: 2;
}

.source-tab.active::after {
	display: none;
}

/* 筛选栏 */
.source-filter {
	width: 924px;
	height: 41px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 12px;
	margin: 12px 0 0;
	background: #f4f4f4;
	border: 1px solid #eaeaea;
	border-radius: 4px;
}

.source-filter-left {
	display: flex;
	align-items: center;
	gap: 0;
}

.source-filter-item {
	/* width: 46px; */
	height: 41px;
	line-height: 41px;
	text-align: center;
	padding: 0 10px;
	font-size: 12px;
	color: #8d8d8d;
	cursor: pointer;
	border: 1px solid #eaeaea;
	margin-left: -1px;
	transition: all 0.2s;
}

.source-filter-item:hover {
	color: #fa5b01;
	background: #ffffff;
}

.source-filter-item.active {
	background: #ffffff;
	color: #fa5b01;
	position: relative;
	z-index: 2;
}

.source-filter-right {
	display: flex;
	align-items: center;
	gap: 20px;
}

.source-filter-check {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	color: #8d8d8d;
	cursor: pointer;
	user-select: none;
}

.source-filter-check input[type='checkbox'] {
	width: 14px;
	height: 14px;
	accent-color: #f85800;
	cursor: pointer;
}

.source-filter-check:hover {
	color: #f85800;
}

/* 厂家卡片列表 */
.source-company-list {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.source-company-card {
	width: 924px;
	height: 183px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #dddddd;
	overflow: hidden;
	transition: all 0.3s;
	display: flex;
	flex-direction: column;
}

.source-company-card:hover {
	height: 223px;
	border-color: #fa5b01;
}

.source-company-main {
	display: flex;
	align-items: stretch;
	padding: 20px;
	height: 183px;
	box-sizing: border-box;
}

/* 左侧 */
.source-company-left {
	width: 80px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 9px;
}

.source-medals {
	display: flex;
	gap: 4px;
	margin-bottom: 4px;
}

.source-medals img {
	width: 28px;
	height: 28px;
}

.source-level {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.source-level-label {
	font-size: 12px;
	color: #999999;
	margin-bottom: 9px;
}

.source-level-stars {
	display: flex;
	align-items: center;
	gap: 2px;
}

.source-star-icon {
	font-size: 14px;
	color: #4A6CF7;
	font-style: normal;
	line-height: 1;
}

.source-stars-img {
	width: 60px;
	height: auto;
}

.source-register,
.source-nature {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.source-register-label,
.source-nature-label {
	font-size: 12px;
	color: #999999;
	margin-bottom: 9px;
}

.source-register-value {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

.source-register-num {
	color: #fa5b01;
}

.source-nature-value {
	font-size: 13px;
	color: #333333;
}

/* 分割线 */
.source-company-divider {
	width: 1px;
	height: 141px;
	background: #bdbdb7;
	margin: 0 16px;
	flex-shrink: 0;
	align-self: center;
}

/* 右侧 */
.source-company-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.source-company-top {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.source-company-info {
	flex: 1;
	min-width: 0;
}

.source-company-name-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.source-company-name {
	font-size: 20px;
	font-weight: bold;
	color: #fa5b01;
}

.source-company-tag {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 3px;
	background: linear-gradient(-37deg, #e6ba7a 0%, #f9ebd0 100%);
	color: #aa7331;
	font-weight: 500;
}

.source-company-tag.orange {
	background: #ffffff;
	border: 1px solid #f0cb84;
	border-radius: 5px;
}

.source-company-tag.blue {
	background: #e6f4ff;
	color: #1890ff;
}

.source-company-detail {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.source-company-row {
	display: flex;
	align-items: center;
	font-size: 13px;
}
.source-company-row-address {
	color: #999999;
}
.source-company-row-address .source-value {
	color: #999999;
}
.source-label {
	width: 72px;
	flex-shrink: 0;
}

.source-value {
	color: #333333;
}

.source-contact {
	display: flex;
	gap: 10px;
}

.source-qq,
.source-wang {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 3px;
	cursor: pointer;
}

.source-qq {
	background: #e6f4ff;
	color: #1890ff;
}

.source-wang {
	background: #fff0e6;
	color: #f85800;
}

/* 底部（产品+更多按钮） */
.source-company-bottom {
	display: flex;
	align-items: flex-start;
	gap: 0;
	flex-shrink: 0;
	padding-top: 20px;
}

.source-company-products {
	display: flex;
	gap: 10px;
}

.source-product-item {
	width: 100px;
	height: 100px;
	border-radius: 6px;
	overflow: hidden;
	background: #f5f5f5;
}

.source-product-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 更多按钮 */
.source-company-more {
	width: 31px;
	height: 104px;
	background: linear-gradient(-86deg, #f85800, #fe9100);
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	flex-shrink: 0;
	margin-left: 11px;
	margin-right: 11px;
}

/* 展开部分（hover显示） */
.source-company-expand {
	height: 0;
	background: #f5f5f5;
	border-radius: 0 0 10px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	overflow: hidden;
	transition: height 0.3s, padding 0.3s;
}

.source-company-card:hover .source-company-expand {
	height: 44px;
}

.source-expand-tags {
	display: flex;
	gap: 16px;
	padding-left: 20px;
}

.source-expand-tag {
	font-size: 13px;
	color: #666666;
}

.source-expand-tag::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	content: '√';
	color: #fa5b01;
	margin-right: 4px;
	border: 1px solid #fa5b01;
	border-radius: 50%;
	font-size: 10px;
	line-height: 1;
}

.source-expand-count {
	font-size: 13px;
	color: #666666;
	padding-right: 14px;
}

.source-expand-count span {
	color: #fa5b01;
	font-weight: bold;
	font-size: 16px;
}

/* ============ login.html ============ */
.login-page {
	background: #f7f7f7;
}

.login-page .top-bar {
	border-bottom: 1px solid #eeeeee;
}

.login-page .top-bar-left {
	margin-right: 0;
}

.login-header {
	background: #ffffff;
	padding: 20px 0;
}

.login-brand {
	display: flex;
	align-items: center;
	gap: 20px;
}

.login-logo {
	height: 69px;
}

.login-brand-divider {
	width: 2px;
	height: 68px;
	background: #f85500;
}

.login-welcome h2 {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 24px;
	color: #f5561e;
	margin: 0;
	line-height: 28px;
}

.login-welcome p {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	margin: 0;
	line-height: 18px;
}

/* 主内容区 */
.login-main {
	height: 454px;
	background: #F3F3F3 url('../img/login_bg.png') no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	overflow: visible;
}

.login-content {
	display: flex;
	justify-content: flex-end;
}

/* 右侧登录表单 */
.login-form-box {
	width: 406px;
	height: 455px;
	flex-shrink: 0;
	background: #ffffff;
	padding: 35px 30px 0px 30px;
	display: flex;
	flex-direction: column;
}

.login-form-tabs {
	display: flex;
	gap: 40px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
	padding-left: 48px;
	margin-top: 4px;
}

.login-form-tab {
	font-size: 16px;
	color: #333333;
	padding-bottom: 12px;
	cursor: pointer;
	position: relative;
	transition: color 0.2s;
}

.login-form-tab.active {
	font-weight: bold;
	font-size: 18px;
}

.login-form-tab.active::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #f85800, #fe9100);
	border-radius: 2px;
}

/* 表单 */
.login-form {
	display: none;
	flex-direction: column;
	gap: 16px;
}

.login-form.active {
	display: flex;
}

.login-form-item {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	transition: border-color 0.2s;
	background: #f3f3f3;
}

.login-form-item:focus-within {
	border-color: #fa5b01;
}

.login-input-icon {
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #eeeeee;
}

.login-input-icon img {
	width: 20px;
	height: 20px;
}

.login-input {
	flex: 1;
	border: none;
	outline: none;
	padding: 17px 14px;
	font-size: 14px;
	color: #333333;
	background: #f3f3f3;
}

.login-input::placeholder {
	color: #bbbbbb;
}

.login-form-item-sms,
.login-form-item-captcha {
	gap: 0;
}

.login-captcha-code {
	flex-shrink: 0;
	padding: 0;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	font-weight: bold;
	color: #fa5b01;
	letter-spacing: 2px;
	/* background: #fff4e2; */
	/* border-left: 1px solid #eeeeee; */
	cursor: pointer;
	user-select: none;
}
.register-captcha-input{
	width: 100px;
}

.login-captcha-refresh {
	flex-shrink: 0;
	padding: 0 12px 0 6px;
	height: 44px;
	line-height: 44px;
	font-size: 13px;
	color: #fa5b01;
	text-decoration: none;
}

.login-sms-btn {
	flex-shrink: 0;
	padding: 0 14px;
	height: 44px;
	border: none;
	background: #fff4e2;
	color: #fa5b01;
	font-size: 14px;
	cursor: pointer;
	border-left: 1px solid #eeeeee;
}

.login-sms-btn:hover {
	background: #ffe8cc;
}

.login-form-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: -8px;
}

.login-forgot {
	font-size: 13px;
	color: #999999;
	text-decoration: none;
}

.login-forgot:hover {
	color: #fa5b01;
}

.login-btn {
	width: 100%;
	height: 50px;
	background: #f85b1f;
	color: #ffffff;
	border: none;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: 8px;
	box-shadow: 0 4px 12px rgba(250, 91, 1, 0.25);
	transition: opacity 0.2s;
}

.login-btn:hover {
	opacity: 0.92;
}

/* 第三方登录 */
.login-third-party {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 28px;
	margin-left: -30px;
	margin-right: -30px;
	padding: 0 30px;
	font-size: 13px;
	color: #666666;
	background: #f3f3f3;
	height: 58px;
	line-height: 58px;
}

.login-tp-icon {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	text-decoration: none;
	color: #666666;
	font-size: 12px;
	transition: color 0.2s;
}

.login-tp-icon img {
	width: 20px;
	height: 20px;
}

.login-tp-icon:hover {
	color: #fa5b01;
}

.login-tp-text {
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	transition: color 0.2s;
}

.login-tp-text:hover {
	color: #fa5b01;
}

.login-register-link {
	margin-left: auto;
	font-size: 13px;
	color: #fa5b01;
	text-decoration: none;
}

.login-register-link:hover {
	text-decoration: underline;
}

/* 页脚 */
.login-footer {
	padding: 24px 0;
	text-align: center;
	background: transparent;
	margin-top: 40px;
}

.login-footer-text {
	font-size: 13px;
	color: #999999;
	margin: 0 0 8px;
}

.login-footer-copy {
	font-size: 12px;
	color: #bbbbbb;
	margin: 0;
}

/* ========== 注册页面 ========== */
.register-page .login-main {
	height: auto;
	min-height: 620px;
	padding: 40px 0;
	display: block;
	overflow: visible;
	background: none;
}

.register-page .login-main .container {
	display: flex;
	justify-content: center;
}

.register-content {
	display: flex;
	gap: 0;
}

/* 左侧注册表单 */
.register-form-box {
	width: 593px;
	background: #ffffff;
	border: 1px solid #c4c4c4;
	padding: 82px 50px 46px;
}

.register-form {
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.register-form-row {
	display: flex;
	align-items: center;
	gap: 0;
	position: relative;
}
.register-form-row .n-right {
	top: 100%;
	left: 125px;
	width: 100%;
	margin-top: 3px;
	text-align: left;
	position: absolute;
}

.register-form-label {
	flex-shrink: 0;
	width: 120px;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #999999;
	text-align: right;
	padding-right: 12px;
	white-space: nowrap;
}

.register-form-label::before {
	content: '*';
	color: #fa5b01;
	position: static;
	margin-right: 6px;
}

.register-form-row.register-form-agree .register-form-label::before {
	display: none;
}

.register-form-item {
	flex: 1;
	display: flex;
	align-items: center;
	background: #f3f3f3;
	overflow: hidden;
}

.register-form-item .login-input {
	background: transparent;
	height: 35px;
}

.register-form-item .login-input-icon {
	background: transparent;
}

.register-form-identity {
	gap: 0;
}

.register-radio {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: #333333;
	margin-right: 30px;
	cursor: pointer;
}

.register-radio input[type='radio'] {
	width: 16px;
	height: 16px;
	accent-color: #fa5b01;
}

.register-form-row .login-captcha-code {
	height: 44px;
	line-height: 44px;
}

.register-form-row .login-sms-btn {
	width: 125px;
	height: 35px;
	background: #80899a;
	border: none;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	line-height: 35px;
	cursor: pointer;
}

.register-captcha-refresh-link {
	margin-left: 12px;
	font-size: 13px;
	color: #999999;
	text-decoration: none;
	white-space: nowrap;
}

.register-captcha-refresh-link:hover {
	color: #fa5b01;
}

.register-form-agree {
	justify-content: flex-start;
	padding-left: 120px;
	margin-top: 9px;
	margin-bottom: -23px;
}

.register-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #666666;
	cursor: pointer;
}

.register-checkbox input[type='checkbox'] {
	width: 14px;
	height: 14px;
	accent-color: #fa5b01;
}

.register-checkbox a {
	color: #fa5b01;
	text-decoration: none;
}

.register-btn {
	width: 296px;
	height: 44px;
	background: #f85500;
	text-align: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 24px;
	color: #ffffff;
	line-height: 44px;
	margin-bottom: -23px;
	margin-left: 120px;
}

.register-form-footer {
	margin-left: 120px;
	width: 296px;
	text-align: right;
}

.register-tutorial {
	font-size: 13px;
	color: #999999;
	text-decoration: none;
}

.register-tutorial:hover {
	color: #fa5b01;
}

/* 右侧边栏 */
.register-sidebar {
	width: 593px;
	background: #ffffff;
	border: 1px solid #c4c4c4;
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-self: stretch;
}

.register-sidebar-login {
	font-size: 13px;
	color: #666666;
	text-align: right;
}

.register-login-link {
	color: #fa5b01;
	text-decoration: none;
	font-weight: bold;
}

.register-login-link:hover {
	text-decoration: underline;
}

.register-qrcode {
	text-align: center;
}

.register-qrcode-title {
	margin-bottom: 21px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #737377;
	line-height: 21px;
}

.register-codes {
	display: flex;
	justify-content: center;
	gap: 22px;
}

.register-qrcode-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #737377;
}

.register-qrcode-box img {
	width: 136px;
	height: 136px;
	margin-bottom: 18px;
}

.register-qrcode-sub {
	display: flex;
	justify-content: center;
	gap: 30px;
}

.register-qrcode-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #666666;
}

.register-qrcode-item img {
	width: 32px;
	height: 32px;
}

/* 快捷登录 */
.register-quick-login {
	text-align: center;
	margin-top: 22px;
}

.register-quick-title {
	font-size: 12px;
	color: #999999;
	margin-top: 27px;
	margin-bottom: 32px;
	position: relative;
}

.register-quick-icons {
	display: flex;
	justify-content: center;
	gap: 62px;
	margin-bottom: 8px;
}

.register-quick-icon {
	width: 59px;
	height: 59px;
	border-radius: 50%;
	border: 2px solid #3b95d2;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: transform 0.2s;
}

.register-quick-icon img {
	width: 24px;
	height: 24px;
}

.register-quick-icon:hover {
	transform: scale(1.1);
}

.register-quick-labels {
	display: flex;
	justify-content: center;
	gap: 62px;
	margin-top: 18px;
}

.register-quick-labels span {
	width: 58px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #737377;
	text-align: center;
}

/* cates */
.cates-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 44px;
	margin-bottom: 30px;
}
.gongzhuang {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 23px;
	color: #fa5b01;
	margin: 0 15px;
	display: flex;
	align-items: center;
}

.cates-brand-nav {
	display: flex;
	justify-content: center;
	margin-bottom: 8px;
}

.cates-brand-item {
	width: 240px;
	height: 49px;
	background: #ffffff;
	border-bottom: 1px solid #fa5b01;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
}

.cates-brand-item.active {
	background: #f06a2a;
	color: #ffffff;
}

.cates-brand-arrow {
	width: 15px;
	height: 7px;
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
}

.cates-banner-wrap {
	position: relative;
	overflow: hidden;
}

.cates-banner-swiper {
	width: 1200px;
	height: 293px;
}

.cates-banner-slide {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.cates-banner-slide .cates-banner-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.cates-banner-right {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	gap: 10px;
	z-index: 2;
}

.cates-banner-card {
	width: 212px;
	height: 213px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background: #2a2a3e;
}

.cates-banner-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cates-banner-price {
	width: 83px;
	height: 37px;
	border-radius: 0 10px 0 10px;

	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);

	text-align: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	line-height: 37px;
}

.cates-banner-swiper .swiper-button-prev,
.cates-banner-swiper .swiper-button-next {
	width: 28px;
	height: 43px;
	background-color: rgba(29, 29, 29, 0.3);
	transition: background-color 0.3s;
	top: 50%;
	margin-top: -21.5px;
}

.cates-banner-swiper:hover .swiper-button-prev,
.cates-banner-swiper:hover .swiper-button-next {
	background-color: rgba(29, 29, 29, 0.6);
}

.cates-banner-swiper .swiper-button-prev {
	left: 0;
	border-radius: 0 70px 70px 0;
}

.cates-banner-swiper .swiper-button-next {
	right: 0;
	border-radius: 70px 0 0 70px;
}
.cates-title-zi {
	width: 1198px;
	height: 303px;
	background: #ffffff;
	margin: 0 auto;
	margin-top: 16px;
}

.gongzhuang-paihang {
	display: flex;
	padding: 20px 0;
}

.paihang-item {
	width: 169px;
	height: 181px;
	background: linear-gradient(-90deg, #f5f7f9, #ffffff);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
	box-sizing: border-box;
	padding-top: 26px;
	position: relative;
	cursor: pointer;
	transition: width 0.3s, background 0.3s;
}

.paihang-item .first-left {
	display: none;
}

.paihang-first > .paihang-brand,
.paihang-first > .paihang-count {
	display: none;
}

.paihang-first {
	width: 304px;
	height: 181px;
	background: #f5f7f9;
	flex-direction: row;
	align-items: flex-start;
	box-sizing: border-box;
	padding: 0;
	padding-top: 26px;
}

.paihang-first .first-left {
	display: flex;
	flex-direction: column;
	margin: 0;
	margin-left: 23px;
	margin-top: 0;
}

.paihang-first .first-left .paihang-brand {
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
}

.paihang-first .first-left .paihang-count {
	text-align: left;
	margin: 0;
}

.paihang-first .paihang-img {
	width: 129px;
	height: 129px;
	border-radius: 7px;
	margin: 0;
	margin-right: 35px;
}

.paihang-first .paihang-btn {
	margin: 0;
	margin-top: 35px;
	margin-right: 35px;
}

.paihang-brand {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	margin: 0;
}

.paihang-count {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	margin: 6px 0;
}

.paihang-img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0;
}

.paihang-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.paihang-btn {
	width: 66px;
	height: 26px;
	background: #fa5b01;
	border-radius: 0 13px 13px 0;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	line-height: 26px;
	box-sizing: border-box;
	padding-left: 5px;
	margin: 0;
}

.cates-xuanze {
	width: 1198px;
	background: #ffffff;
	margin: 0 auto;
	margin-top: 16px;
	padding: 15px;
}

.nahuo-diqu {
	display: flex;
	align-items: center;
}
.nahuo-title {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	margin-right: 40px;
}
.nahuo-list {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
}
.nahuo-item {
	margin-right: 24px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.nahuo-item img {
	width: 10px;
	height: 7px;
	margin-left: 6px;
}
.nahuo-active {
	color: #fa5b01;
}
.nahuo-line {
	width: 1156px;
	height: 1px;
	border: 1px solid #dcdcdc;
	margin: 12px 0;
}

.cates-filter-wrap .low-filter-bar {
	width: 1198px;
	height: 47px;
	background: #ffffff;
	margin: 0 auto;
	margin-top: 12px;
	padding: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.cates-filter-wrap .low-sort-item {
	width: 109px;
	border-right: 1px solid #ebebeb;
	display: flex;
	align-items: center;
	justify-content: center !important;
}

.cates-filter-wrap .sort-act {
	color: #fa5b01;
	border-bottom: 2px solid #fa5b01;
}
.cates-filter-wrap .low-price-input {
	width: 65px;
	height: 30px;
	background: #ebebeb;
}
.cates-filter-wrap .low-price-to {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #bfbebd;
	margin: 0 6px;
}
.cates-rows {
	width: 1198px;
	margin: 0 auto;
	margin-top: 21px;
	flex-wrap: wrap;
}
.cates-rows {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}
.cates-pages {
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 59px;
}

/* 厂家主页 */

.top-bar-loged {
	height: 37px;
	background: #ffffff;
}
.top-bar-loged .top-bar-left {
	display: flex;
	align-items: center;
	margin-right: 0px;
}
.top-bar-loged .top-bar-left img {
	width: 76px;
	height: 28px;
	margin-right: 10px;
}
.ninhao {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	margin-left: 42px;
	margin-right: 20px;
}
.shoujihao {
	color: #fa5b01;
}
.tuichu {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
}
.juyou {
	margin-left: 20px;
}
.four-zero {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 18px;
	margin-left: 10px;
	color: #343434;
}
.shou-ye {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #f85500;
	margin-right: 6px;
}
.actions {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
}

.chang-infos {
	width: 100%;
	height: 125px;
	background: #f1dfc2;
}
.infos-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1498px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 150px;
}
.content-left {
	height: 125px;
	box-sizing: border-box;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.content-left-top {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 20px;
	color: #9a630c;
	display: flex;
	align-items: center;
}
.content-left-top img {
	height: 27px;
	border-radius: 3px;
	object-fit: cover;
	margin-left: 6px;
}

.content-left-mid {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #9a630c;
}

.content-left-mid img {
	width: 10px;
	height: 8px;
	margin-left: 10px;
	margin-right: 5px;
}
.baocun {
	width: 46px;
	height: 20px;
	background: #b59562;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	margin-left: 10px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}
.guanzhu {
	width: 74px;
	height: 20px;
	background: #f85500;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	margin-left: 10px;
	display: flex;
	align-items: center;
	border-radius: 10px;
	justify-content: center;
}
.content-left-bottom {
	display: flex;
	align-items: center;
}
.shili-zongbang {
	width: 130px;
	height: 19px;
	background: linear-gradient(-83deg, #ffd37d, #ffefd1);
	border-radius: 3px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #aa7331;
	display: flex;
	align-items: center;
	margin-right: 8px;
	justify-content: center;
}
.zhuanzhu-huwai {
	width: 94px;
	height: 19px;
	background: #d1973b;
	border-radius: 3px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #260201;
	display: flex;
	align-items: center;
	margin-right: 8px;
	justify-content: center;
}
.pinzhi-baozheng {
	width: 70px;
	height: 19px;
	background: #be801f;
	border-radius: 3px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #260201;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
}
.huoyuan-wending {
	width: 70px;
	height: 19px;
	background: #9a630c;
	border-radius: 3px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #260201;
	display: flex;
	align-items: center;
	justify-content: center;
}

.content-right {
	display: flex;
	align-items: center;
}
.content-right-left {
	margin-right: 18px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	width: 360px;
}
.content-right-left-top {
	width: 201px;
	height: 29px;
	border: 1px solid #be801f;
	display: flex;
	align-items: center;
}
.content-right-left-top input {
	height: 27px;
	background: #f1dfc2;
	border: none;
	box-sizing: border-box;
	padding-left: 10px;
}
.content-right-left-top img {
	width: 17px;
	height: 17px;
}
.content-right-left-mid {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #be801f;
	margin-top: 10px;
	margin-bottom: 14px;
}
.content-right-left-mid img {
	height: 15px;
	object-fit: cover;
	margin-right: 8px;
}
.haoma-con {
	margin-right: 18px;
}
.wanzheng {
	width: 70px;
	height: 19px;
	background: rgba(190, 128, 31, 0);
	border-radius: 3px;
	border: 1px solid #be801f;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #be801f;
	margin-right: 8px;
}
.jiaotan {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	width: 70px;
	height: 19px;
	background: #15b9f8;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.jiaotan img {
	object-fit: cover;
	height: 14px;
	margin-right: 5px;
}
.wangwang {
	background: #b7b7b7;
	margin-left: 8px;
}
.content-right-left-bottom {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #be801f;
	margin-top: 10px;
}
.content-right-left-bottom div {
	margin-bottom: 8px;
	line-height: 1.4;
}
.content-right-left-bottom a {
	display: inline-block;
	margin-top: 4px;
}
.content-right-right {
	width: 101px;
	height: 101px;
}
.content-right-right img {
	width: 101px;
	height: 101px;
	background: #ffffff;
}

.chang-navs {
	width: 100%;
	height: 34px;
	background: linear-gradient(96deg, #b59563 8%, #d5b881 53%, #bf9b63 100%);
}
.chang-navs-content {
	width: 1198px;
	height: 34px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ch-navs-con-left {
	display: flex;
	align-items: center;
}
.ch-nav-item {
	width: 104px;
	height: 34px;
	background: #b59562;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
}

.ch-nav-item a {
	color: #ffffff;
	text-decoration: none;
}
.ch-navs-con-left .active {
	background: #aa7331;
	font-weight: bold;
}

.ch-navs-con-right {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
}
.ch-navs-con-right span {
	color: #260201;
}
.chang-navs-line {
	width: 100%;
	height: 3px;
	background: #f45200;
}

.shj-tuijian {
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}
.tuijian-left {
	width: 944px;
}
.tuijian-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	gap: 10px;
	margin-top: 10px;
}

.tuijian-row .recommend-item {
	height: auto;
	overflow: visible;
}

.tuijian-right {
	width: 238px;
	background: #ffffff;
	border-radius: 12px;
	margin-left: 14px;
}
.shop-section-title {
	width: 64px;
	/* height: 17px; */
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #F45200;
	line-height: 33px;
}
.zouhuo-list {
	width: 238px;
	background: #ffffff;
	border-radius: 12px;
	margin-top: 10px;
}
.zouhuo-item {
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 15px;
	padding: 0 10px;
}
.zouhuo-item img {
	width: 68px;
	height: 68px;
	border-radius: 6px;
}
.zouhuo-item-right {
	height: 68px;
	flex: 1;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	margin-left: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.chj-zonghe {
	width: 1161px;
	height: 47px;
	background: #f5f7f9;
	border-radius: 6px;
	margin: 0 auto;
	margin-top: 16px;
	display: flex;
	align-items: center;
	padding: 0 15px;
}
.chj-zonghe img {
	width: 13px;
	height: 10px;
}
.chj-zonghe-title {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	margin-left: 28px;
}
.no-more {
	text-align: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	margin-top: 83px;
	margin-bottom: 75px;
}

.shaixuan-tiaojian {
	width: 100%;
	background: #ffffff;
	border: 1px solid #e2e2e2;
	padding: 12px 0;
}
.tuijian-filter {
	width: 100%;
}
.shaixuan-chanpin {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 14px;
}
.shaixuan-left {
	display: flex;
	align-items: center;
}
.chanpin-title {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #666666;
	display: flex;
	align-items: center;
}
.chanpin-title img {
	width: 14px;
	height: 14px;
}

.guanjianci {
	height: 23px;
	background: #f5f5f5;
	border-radius: 3px;
	border: 1px solid #bdbdb7;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 6px;
	margin-left: 28px;
	margin-right: 8px;
}
.guanjianci img {
	width: 7px;
	height: 7px;
}
.key-content {
	color: #fa5b01;
	margin-left: 10px;
	margin-right: 20px;
}
.gjc-add {
	width: 140px;
	height: 23px;
	background: #fedecc;
	border-radius: 3px;
	border: 1px solid #fa5b01;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gjc-add img {
	width: 12px;
	height: 12px;
	margin-top: 1px;
}
.add-content {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #fa5b01;
	margin: 0 4px;
}

.del-infos {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #666666;
}
.del-infos img {
	width: 12px;
	height: 15px;
}
.shaixuan-line {
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	margin-top: 12px;
}
.shaixuan-line-2 {
	margin-top: 0px;
}
.shaixuan-hang {
	display: flex;
	align-items: center;
}
.shaixuan-title {
	width: 101px;
	height: 42px;
	background: #f8f8f8;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #666666;
	box-sizing: border-box;
	padding-left: 12px;
	display: flex;
	align-items: center;
	margin-right: 20px;
}
.shaixuan-tit-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 0;
}
.shaixuan-tit-item {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	margin-right: 36px;
	position: relative;
	display: flex;
	align-items: center;
}
.shaixuan-tit-item img {
	width: 9px;
	height: 6px;
	margin-left: 4px;
}
.shaixuan-tit-item-infos {
	width: 100%;
	height: 333px;
	background: #ffffff;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 3;
	display: none;
}

.shaixuan-hang-jichu {
	position: relative;
}

.shaixuan-hang-jichu:hover .shaixuan-tit-item-infos {
	display: block;
	display: flex;
	box-sizing: border-box;
	padding: 12px;
}
.checkbox-first {
	padding: 0;
}
.baifenbi-list {
	display: flex;
	align-items: center;
	margin-left: 12px;
}
.baifenbi-item {
	width: 17px;
	height: 22px;
	background: #ffffff;
	border: 1px solid #cccccc;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.baifenbi-infos {
	width: 100%;
	height: 8px;
	background: #e5e5e5;
	cursor: pointer;
}
.baifenbi-infos-2 {
	height: 12px;
}
.baifenbi-infos-3 {
	height: 2px;
}
.baifenbi-infos-4 {
	height: 2px;
}
.shaixuan-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.filter-row-left {
	display: flex;
	align-items: center;
}
.xiangguan {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #666666;
}
.xg-page-current {
	margin-left: 12px;
}
.xg-arrows {
	display: flex;
	align-items: center;
	margin-left: 12px;
}
.xg-arr-left {
	width: 34px;
	height: 19px;
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.xg-arr-left img {
	width: 10px;
	height: 9px;
}
.xg-arr-right {
	width: 34px;
	height: 19px;
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.xg-arr-right img {
	width: 10px;
	height: 9px;
}
.tuijian-line {
	width: 100%;
	height: 11px;
	background-color: #e5e5e5;
	margin: 16px 0;
}

.tuijian-item {
	width: 100%;
	background: #ffffff;
	border-radius: 12px;
	margin-bottom: 24px;
	overflow: hidden;
	padding-bottom: 20px;
}
.tuijian-item-img {
	width: 100%;
	height: 226px;
}
.tuijian-item-img img {
	width: 100%;
	height: 100%;
}
.img-hover {
	width: 100%;
	height: 31px;
	background: #d04c05;
	position: relative;
	margin-top: -33px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
}
.tuijian-item-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 12px;
	margin-top: 8px;
	margin-bottom: 12px;
}
.tui-i-t-money {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
}
.tui-i-t-money span {
	color: #f85500;
	font-size: 18px;
	margin-left: 4px;
}
.tui-i-t-fen {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
}
.tuijian-item-mid {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	box-sizing: border-box;
	padding-left: 12px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tuijian-item-bot {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	padding-left: 12px;
	margin-top: 12px;
}
.tuijian-item .img-hover,
.tuijian-item .tuijian-item-act-info {
	display: none;
}

.tuijian-item:hover {
	border: 1px solid #f85500;
}

.tuijian-item:hover .tuijian-item-mid,
.tuijian-item:hover .tuijian-item-bot,
.tuijian-item:hover .tui-i-t-fen {
	display: none;
}

.tuijian-item:hover .img-hover,
.tuijian-item:hover .tuijian-item-act-info {
	display: block;
}

.tj-shj-labs {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	padding-left: 12px;
}
.tj-shj-labs img {
	width: 21px;
	height: 19px;
}

.kanlekan {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 23px;
	color: #fa5b01;
	width: 1200px;
	margin: 0 auto;
	margin-top: 110px;
}
.recommend-biaoti {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	width: 100%;
	box-sizing: border-box;
	padding: 0 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	margin-top: 15px;
}

/* 专题 */
.zhuanti-img {
	width: 100%;
}

.liuxingkuan {
	width: 100%;
	margin-top: 62px;
	margin-bottom: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.liuxingkuan img {
	width: 591px;
	height: 81px;
}
.liuxing-title {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 30px;
	color: #f5f7f9;
	position: relative;
	margin-top: -62px;
}

.xinyouyu {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	box-sizing: border-box;
	width: 100%;
	padding: 0 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	margin: 0;
}
.nahuojia {
	margin: 0;
	margin-top: 2px;
	display: flex;
	justify-content: center;
	color: #f85500;
}
.nianxia {
	margin: 0;
	margin-top: 3px;
	display: flex;
	justify-content: center;
}
.recommend-btns {
	width: 183px;
	height: 26px;
	background: #f85500;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	margin-top: 12px;
	margin-left: 8px;
}
.recommend-btns img {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

.qg-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 86px 0;
}
.quguang {
	width: 277px;
	height: 60px;
	border-radius: 30px;
	background: #f85500;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 30px;
	color: #f5f7f9;
}

/* 档案  */
.dangan {
	width: 1198px;
	margin: 0 auto;
	margin-top: 36px;
	margin-bottom: 66px;
	display: flex;
	align-items: center;
}
.dangan-left {
	width: 401px;
	border-radius: 6px;
	border: 1px solid #f85500;
	margin-right: 20px;
}
.dangan-left img {
	width: 100%;
	height: 668px;
}
.dangan-infos {
	width: 100%;
	height: 668px;
	position: relative;
	margin-top: -672px;
}

.infos-top {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 23px;
	color: #aa7331;
	height: 61px;
}
.infos-top img {
	width: 42px;
	height: 45px;
	margin-right: 6px;
}

.shan-title {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 20px;
	color: #282828;
	padding-left: 30px;
	margin-top: 56px;
}

.biaoqian {
	display: flex;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 30px;
}
.bq-item {
	background: #ffffff;
	margin-right: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bq-item img {
	width: 21px;
	height: 23px;
	position: relative;
	z-index: 3;
}

.zizhu {
	width: 68px;
	height: 20px;
	background: #ffffff;
	border-radius: 3px;
	border: 1px solid;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #aa7331;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.cx {
	box-sizing: border-box;
	padding-right: 5px;
	justify-content: flex-end;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #76a5ea;
	border: 1px solid #76a5ea;
	width: 52px;
	position: relative;
	margin-left: -16px;
	z-index: 0;
}

.shinian {
	color: #f45200;
	border: 1px solid #f56e38;
	margin-left: -10px;
}

.chj-labs {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	padding-left: 30px;
	display: flex;
	align-items: center;
}
.chj-labs img {
	width: 19px;
	height: 15px;
}

.labs-second {
	margin: 25px 0;
}
.lx-chj {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 18px;
	color: #aa7331;
	margin-top: 78px;
	padding-left: 30px;
}
.dangan-line {
	width: 333px;
	height: 1px;
	background-color: #b59562;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 25px;
}
.avatar-bin {
	display: flex;
	align-items: center;
	padding-left: 30px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #f85500;
	margin-bottom: 20px;
}
.avatar-bin img {
	width: 36px;
	height: 33px;
	margin-right: 16px;
}

.contact-infos {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	padding-left: 30px;
	margin-bottom: 20px;
}

.quanbu-haoma {
	width: 70px;
	height: 19px;
	background: rgba(190, 128, 31, 0);
	border-radius: 3px;
	border: 1px solid #be801f;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #be801f;
	margin-left: 10px;
	cursor: pointer;
}

.qq-jiaoliu {
	width: 70px;
	height: 19px;
	background: #15b9f8;
	border-radius: 3px;
}
.qq-jiaoliu {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	margin-left: 10px;
}
.qq-jiaoliu img {
	width: 12px;
	height: 14px;
}

.dangan-right {
	flex: 1;
	height: 668px;
}
.chj-jieshao {
	width: 780px;
	height: 186px;
	background: #ffffff;
	border-radius: 6px;
	margin-bottom: 18px;
}
.jieshao-title {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 18px;
	color: #aa7331;
	padding-left: 30px;
	padding-top: 25px;
}
.jieshao-line {
	width: 729px;
	margin: 0 auto;
	height: 1px;
	background-color: #b59562;
	margin-top: 12px;
	margin-bottom: 12px;
}
.jieshao-content {
	width: 231px;
	height: 58px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	line-height: 22px;
	padding-left: 30px;
}
.jiaoyi {
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding-top: 12px;
	padding-left: 46px;
	padding-right: 66px;
}
.jiaoyi-item {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.jiaoyi-item img {
	width: 10px;
	object-fit: cover;
}
.jiaoshao {
	display: flex;
	align-items: center;
}
.shuliang-list {
	display: flex;
	align-items: center;
}
.shuliang-item {
	width: 8px;
	height: 10px;
	background: #d8d8d8;
	border-radius: 1px;
	margin-right: 2px;
}
.shuliang-gaoliang {
	background: #67bb23;
}
.xiaoshi {
	display: flex;
	align-items: center;
	height: 25px;
	margin: 8px 0;
}
.xiaoshi span {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 23px;
	color: #333333;
}

.baozhang-list {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 36px;
	box-sizing: border-box;
	padding-left: 70px;
	padding-right: 150px;
}
.baozhang-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.baozhang-item img {
	height: 32px;
	margin-bottom: 16px;
	object-fit: cover;
}

/* 产品详情  */
.pro-top {
	width: 100%;
	height: 122px;
	background: #ffffff;
}
.pro-top-content {
	width: 1200px;
	margin: 0 auto;
	height: 122px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pro-top-left {
}
.p-t-l-top {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 20px;
	color: #333333;
}
.wunian {
	width: 51px;
	height: 20px;
	background: linear-gradient(-83deg, #ffd37d, #ffefd1);
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #aa7331;
	margin: 0 8px;
}
.pro-top img {
	width: 15px;
	height: 15px;
}
.huzhou {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	margin-top: 6px;
}
.pro-top-right {
	width: 363px;
	height: 36px;
	background: rgba(255, 255, 255, 0);
	border: 1px solid #f85500;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}
.pro-top-right input {
	flex: 1;
	height: 100%;
	box-sizing: border-box;
	padding-left: 30px;
	border: none;
}
.p-t-r-btn {
	width: 106px;
	height: 36px;
	background: linear-gradient(-90deg, #f85500, #fe9500);
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
}

.pro-contents {
	width: 1200px;
	margin: 0 auto;
}
.mianbaoxie {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	margin-top: 18px;
	margin-bottom: 10px;
}

.lunbo-shuxings {
	display: flex;
	justify-content: space-between;
}
.lunbo-box {
	width: 448px;
}
.lunbo-box .lunbo-main {
	width: 448px;
	height: 448px;
	border-radius: 10px;
	overflow: hidden;
}
.lunbo-box .lunbo-main .swiper-slide {
	width: 448px;
	height: 448px;
}
.lunbo-box .lunbo-main .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lunbo-box .lunbo-thumbs {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}
.lunbo-box .lunbo-thumb-item {
	width: 67px;
	height: 67px;
	border-radius: 1px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.lunbo-box .lunbo-thumb-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lunbo-box .lunbo-thumb-item.active {
	border: 1px solid #f85500;
}
.xiao-actions {
	width: 100%;
	margin-top: 16px;
	display: flex;
	align-items: center;
}
.action-item {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	margin-right: 18px;
}
.action-item img {
	width: 13px;
	height: 13px;
	margin-right: 6px;
}

.shuxings-box {
	width: 480px;
}
.shuxing-top {
	display: flex;
	align-items: flex-end;
}
.shuxing-name {
	width: 258px;
	height: 18px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 18px;
	color: #333333;
}
.shuxing-copy {
	width: 24px;
	height: 12px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	cursor: pointer;
}
.shuxing-labs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	margin-top: 16px;
}
.shuxing-labs-right {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	display: flex;
	align-items: center;
}
.shuxing-labs-right img {
	width: 13px;
	height: 13px;
	margin-left: 4px;
}

.bang-more {
	width: 100%;
	height: 28px;
	background: #faf5e9;
	box-sizing: border-box;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #c3a86e;
}
.bang-more span {
	color: #f85500;
}
.go-more {
	width: 68px;
	height: 22px;
	border-radius: 11px;
	background: #c3a86e;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
}

.jiage-fenxiao {
	width: 100%;
	height: 66px;
	background: #f3f3f3;
	border-radius: 5px;
	margin-top: 8px;
	box-sizing: border-box;
	padding: 0 16px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.gonghuojia {
	display: flex;
	align-items: center;
}
.jg-qujian {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 34px;
	color: #f85500;
	margin-left: 10px;
}
.micai-box {
	display: flex;
	margin-top: 16px;
}
.yanse {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	margin-top: 10px;
}
.micai-list {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-left: 12px;
}

.micai-item {
	width: 101px;
	height: 35px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	box-sizing: border-box;
	padding-left: 5px;
	cursor: pointer;
}
.micai-item img {
	width: 28px;
	height: 28px;
	border-radius: 2px;
	margin-right: 5px;
}
.micai-active {
	border: 1px solid #f85500;
}
.zanwei {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	margin-top: 10px;
	margin-left: 16px;
}
.chima {
	margin-top: 10px;
}
.chima-list {
	margin-left: 16px;
	flex: 1;
}
.chima-item {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #333333;
	margin-bottom: 13px;
	line-height: 34px;
}
.item-third {
	display: flex;
	justify-content: flex-end;
}
.bujin {
	width: 119px;
	height: 34px;
	background: #ffffff;
	border-radius: 4px;
	border: 1px solid #c0c0c0;
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #282828;
}
.jian {
	width: 34px;
	height: 34px;
	border-right: 1px solid #a9a8a8;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
}
.nums {
	flex: 1;
	text-align: center;
	line-height: 34rpx;
}
.jia {
	width: 34px;
	height: 34px;
	border-left: 1px solid #a9a8a8;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
}
.pro-btns {
	margin-top: 30px;
	display: flex;
	align-items: center;
}
.jia-dan {
	width: 129px;
	height: 40px;
	background: linear-gradient(-90deg, #f85500, #fe9500);
	border-radius: 10px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
}
.daifa {
	background: linear-gradient(-90deg, #ff9a01, #ffc502);
}
.downloads {
	width: 149px;
	height: 40px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #f85500;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #f85500;
}
.downloads img {
	width: 11px;
	height: 7px;
	margin-left: 6px;
}

.fuwu-infos {
	width: 350px;
	height: 35px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	line-height: 23px;
	margin-top: 12px;
}

.shj-box {
	width: 226px;
	background: linear-gradient(180deg, #ffedc1, #ffffff, #ffffff, #ffffff);
	border-radius: 10px;
	border: 1px solid #f3f3f3;
	padding-bottom: 14px;
}
.jinpai-chj {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #aa7331;
	padding-top: 32px;
}
.jinpai-chj img {
	height: 23px;
	object-fit: cover;
	margin-left: 4px;
}
.ju-xu {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin-top: 28px;
}
.guanzhu-box {
	display: flex;
	align-items: center;
	margin-top: 16px;
	padding-left: 21px;
}
.guanzhu-item {
	width: 89px;
	height: 29px;
	background: rgba(255, 255, 255, 0);
	border-radius: 5px;
	border: 1px solid #f85500;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #f85500;
}
.jinru {
	background: rgba(248, 85, 0, 0.1);
	margin-left: 4px;
}
.no-one {
	width: 184px;
	height: 28px;
	background: #faf5e9;
	margin: 0 auto;
	margin-top: 12px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #c3a86e;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box-line {
	width: 183px;
	height: 1px;
	background-color: #e2e2e2;
	margin: 0 auto;
	margin-top: 12px;
}
.zaixian-s {
	width: 185px;
	height: 64px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	line-height: 25px;
	padding-left: 21px;
	margin-top: 4px;
}
.dianpu-tj {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #f85500;
	text-align: center;
	margin-top: 15px;
}
.tj-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
	box-sizing: border-box;
	padding: 0 12px;
	margin-top: 12px;
}
.tj-list img {
	width: 97px;
	height: 97px;
	border-radius: 5px;
}
.zhao-box {
	width: 1200px;
	height: 115px;
	margin: 0 auto;
	margin-top: 40px;
}
.zhaohuoyuan {
	width: 100%;
	height: 100%;
}
.content-infos {
	display: flex;
	width: 1200px;
	margin: 0 auto;
	margin-top: 32px;
}
.con-infos-left {
}
.c-i-l-top {
	width: 953px;
	height: 48px;
	background: #f9f9f9;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 42px;
	padding-right: 6px;
}
.infos-top-left {
	display: flex;
	align-items: center;
}
.i-t-l-item {
	height: 48px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #7c7c7c;
	margin-right: 78px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 3px solid transparent;
	border-top: 3px solid transparent;
}
.i-t-l-item.active {
	color: #f85500;
	border-bottom: 3px solid #f85500;
}
.infos-top-right {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #7c7c7c;
}
.infos-top-right {
	position: relative;
}
.infos-top-right img {
	width: 39px;
	height: 32px;
	cursor: pointer;
}
.infos-top-right .erweima-box {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	padding-top: 10px;
	z-index: 10;
}
.infos-top-right .erweima-box img {
	width: 100px;
	height: 100px;
}
.infos-top-right:hover .erweima-box {
	display: block;
}
.c-i-l-bot {
	width: 100%;
	padding: 60px 0;
}
.shuxing-list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	box-sizing: border-box;
	padding: 0 80px;
}
.shuxing-item {
	width: 100%;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #7c7c7c;
	margin-bottom: 23px;
}
.shuxing-item span {
	color: #f85500;
}
.shuxing-list:not(.expanded) .shuxing-item:nth-child(n + 13):not(.shuxing-toggle) {
	display: none;
}
.shuxing-list.expanded .shuxing-toggle {
	display: none;
}
.shuxing-toggle {
	cursor: pointer;
	color: #f85500;
}
.pro-imgs {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.pro-imgs img {
	width: 100%;
}

.con-infos-right {
	flex: 1;
	margin-left: 16px;
	padding-top: 14px;
}
.con-infos-right-tit {
	width: 90px;
	height: 28px;
	background: #f85500;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	border-radius: 0 14px 14px 0;
}
.xiangsi-list {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.xiangsi-item {
	width: 200px;
	height: 200px;
	background: #f85500;
	border-radius: 10px;
	margin-top: 14px;
	overflow: hidden;
}
.xiangsi-item img {
	width: 200px;
	height: 200px;
}
.mt-xinxi {
	width: 200px;
	height: 33px;
	background: #000000;
	border-radius: 0px 0px 10px 10px;
	opacity: 0.5;
	position: relative;
	margin-top: -39px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	box-sizing: border-box;
	padding: 0 18px;
}

/* 帮助中心 */
.help-wrap {
	position: relative;
	width: 100%;
	background-image: url(../img/help-bj.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 42px;
}
.help-contents {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	padding-top: 16px;
}
.help-left {
	width: 246px;
	padding-bottom: 140px;
	background: #ffffff;
}
.left-item {
	width: 246px;
	height: 40px;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	box-sizing: border-box;
	padding-left: 18px;
	cursor: pointer;
}
.left-item img {
	width: 11px;
	height: 8px;
	margin-right: 10px;
}
.left-item-bai {
	background: #ffffff;
	box-sizing: border-box;
	padding-left: 38px;
}
.bai-active {
	color: #f85703;
	font-weight: bold;
}

.help-right {
	margin-left: 46px;
	flex: 1;
}
.right-mianbao {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
	padding-top: 14px;
}
.right-mianbao span {
	color: #f85703;
	font-weight: bold;
}
.wenzhang-list {
	margin-top: 12px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.wenzhang-item {
	width: 100%;
	height: 260px;
	background: #ffffff;
	box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.wenzhang-item img {
	width: 100%;
	object-fit: cover;
	max-height: 126px;
}
.wenzhang-tit {
	width: 237px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wenzhang-line {
	width: 237px;
	height: 1px;
	background: #f85703;
}
.wenzhang-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
}
.img-kan {
	display: flex;
	align-items: center;
	gap:7px;
}
.img-kan img {
	width: 14px;
	height: 10px;
}
.content-neirong {
	width: 100%;
	background: #ffffff;
	margin-top: 14px;
	padding: 36px 0;
}
.neirong-title {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	text-align: center;
}
.neirong-time {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
	margin-top: 12px;
	text-align: center;
}
.neirongs {
	width: 100%;
	margin-top: 12px;
	box-sizing: border-box;
	padding: 0 36px;
}

/* 采购商个人中心 */
.avatar-phone {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #fa5b01;
}
.avatar-phone img {
	width: 17px;
	height: 17px;
	margin-right: 4px;
}
.dengji-con {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	margin-left: 12px;
}
.dengji-con img {
	width: 24px;
	height: 17px;
	margin-right: 4px;
}

.xt-message {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 18px;
	color: #282828;
}

.center-content {
	width: 1200px;
	margin: 0 auto;
	margin-top: 26px;
	display: flex;
}
.center-left {
	width: 169px;
	background: #ffffff;
	box-sizing: border-box;
	padding: 24px 24px 36px 24px;
}
.cgs-index {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #313131;
}
.index-cates {
	margin-top: 36px;
}
.in-ca-title {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}
.cate-item {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
	margin-top: 14px;
	cursor: pointer;
}
.cgs-active {
	color: #f85703;
}
.center-right {
	flex: 1;
	margin-left: 16px;
}
.center-right-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cen-rig-top-left {
	width: 562px;
	height: 197px;
	background: linear-gradient(164deg, #fff8f4, #ffffff);
	display: flex;
	flex-direction: column;
}
.mobile-dengji {
	flex: 1;
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	padding-left: 26px;
}
.putong-huiyuan {
	width: 67px;
	height: 20px;
	background: linear-gradient(-79deg, #b8bfcc, #f3f3f3);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #3b3f4c;
	margin-left: 12px;
}
.shengji-huiyuan {
	width: 562px;
	height: 134px;
	background: linear-gradient(180deg, #fedccb, #fffcfb);
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 26px;
}
.shengji-huiyuan img {
	width: 74px;
	height: 51px;
}
.haibushi-box {
	display: flex;
	flex-direction: column;
	margin-left: 20px;
}
.haibushi {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #aa7331;
	display: flex;
	align-items: center;
}
.yuji-nian {
	margin-top: 6px;
}
.kaitong-vip {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #f85703;
	margin-left: 12px;
}

.cen-rig-top-right {
	width: 443px;
	height: 197px;
	background: #ffffff;
	box-sizing: border-box;
	padding: 21px;
}
.xiaofangzi-icon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #aa7331;
}
.xiaofangzi-icon img {
	width: 46px;
	height: 44px;
	/* opacity: 0.5; */
}
.hengxian {
	width: 100%;
	height: 1px;
	background-color: #fad9a3;
	margin-bottom: 12px;
}
.changjia-list {
	width: 100%;
	box-sizing: border-box;
}
.chj-item {
	display: grid;
	grid-template-columns: 1fr 0.65fr 1fr;
	box-sizing: border-box;
	margin-bottom: 14px;
}
.mengxiaoxing {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
}
.mengxiaoxing img {
	width: 63px;
	height: 19px;
	margin-left: 12px;
}
.jinian {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
	text-align: center;
}
.online-nums {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
	text-align: right;
}
.online-nums span {
	color: #f85703;
}

.center-bottom {
	width: 100%;
	background: #ffffff;
	margin-top: 12px;
}
.bottom-btns {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	height: 96px;
}
.bot-btn {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 20px;
	color: #313131;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	border: 1px solid #ffffff;
	cursor: pointer;
}
.bot-btn-act {
	border-bottom: 1px solid #f85703;
	color: #f85703;
}
.caigoudan {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #313131;
	margin-top: 2px;
	position: relative;
}
.caigoudan .chakan-all {
	display: none;
}
.caigoudan-act {
	color: #f85703;
}
.caigoudan-act .chakan-all {
	display: inline-block;
	position: absolute;
	left: 100%;
	top: 3px;
	margin-left: 10px;
	white-space: nowrap;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
}

.bottom-content {
	width: 100%;
	height: 42px;
	background: #f5f5f5;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #313131;
}
.shangpin {
	display: flex;
	align-items: center;
}
.shangpin-qian {
	box-sizing: border-box;
	padding-left: 114px;
}
.shangpin-hou {
	justify-content: center;
}

.cgd-item {
	width: 100%;
	height: 140px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	border-bottom: 1px solid #f5f5f5;
}
.cgd-item-left {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 26px;
}
.cgd-item-left img {
	width: 83px;
	height: 83px;
	border-radius: 2px;
}
.cgd-item-infos {
	margin-left: 18px;
}
.cgd-infos-title {
	flex: 1;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
}
.jiage-fanwei {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 14px;
	color: #f85500;
	margin-top: 6px;
	margin-bottom: 12px;
}
.caozuo-times {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
}
.lianxi-fangshi {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #f85500;
}
.lianxi-fangshi img {
	width: 17px;
	height: 17px;
}
.zhaotongkuan {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
}
.cursors {
	cursor: pointer;
}
.yichu {
	margin-top: 4px;
}
.xiazai-list {
	width: 100%;
}
.dangji-list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px;
}
.dangji-item {
	width: 178px;
	height: 221px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #ececec;
}
.dangji-item img {
	width: 178px;
	height: 178px;
	border-radius: 10px 10px 0px 0px;
}
.dangji-tit-pri {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 14px;
	margin-top: 6px;
}
.wushiwu {
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.caigoudan-nums {
	width: 100%;
	height: 68px;
	background: #ffffff;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #f85500;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 24px;
	margin-bottom: 8px;
}
.gezhong-biaoti {
	width: 100%;
	height: 68px;
	background: #ffffff;
	display: grid;
	grid-template-columns: 2.75fr 1.2fr 0.9fr 1.2fr 0.75fr 0.75fr;
	box-sizing: border-box;
	margin-bottom: 8px;
}
.xiazai-biaoti {
	grid-template-columns: 3fr 1fr 1fr 0.6fr;
}
.gezhong-item {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #313131;
	padding-left: 16px;
	box-sizing: border-box;
}
.gezhong-item input[type='checkbox'] {
	accent-color: #f85500;
}
.shp-infos {
	margin-right: 12px;
	margin-left: 36px;
}
.input-box {
	flex: 1;
	height: 29px;
	background: #f5f5f5;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
}
.item-guige {
	padding-right: 16px;
	box-sizing: border-box;
	justify-content: center;
}
.xiazai-guige {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #313131;
	box-sizing: border-box;
}
.caigoudan-infos {
	width: 100%;
	/* background: #ffffff; */
	padding: 24px 0;
	border: 2px solid #ffffff;
	margin-bottom: 8px;
}
.meige-top {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	padding-left: 16px;
	padding-right: 36px;
	padding-top:10px;
}
.meige-top input[type='checkbox'] {
	accent-color: #f85500;
	margin-right: 8px;
}
.meige-top img {
	height: 19px;
	object-fit: cover;
	margin-left: 12px;
}
.caigoudan-meige {
	display: grid;
	grid-template-columns: 2.75fr 1.2fr 0.9fr 1.2fr 0.75fr 0.75fr;
	box-sizing: border-box;
	height: 133px;
}
.xiazai-meige {
	grid-template-columns: 3fr 1fr 1fr 0.6fr;
	margin-bottom: 6px;
}
.meige-item {
	box-sizing: border-box;
	padding-left: 16px;
	display: flex;
	align-items: center;
}
.aligncenter {
	padding-right: 16px;
	justify-content: center;
	padding: 0 !important;
}

.meige-item input[type='checkbox'] {
	accent-color: #f85500;
	margin-right: 8px;
}
.meige-item img {
	width: 83px;
	height: 83px;
	background: #f3f3f3;
	border-radius: 2px;
	object-fit: cover;
}
.bianji-icon {
	width: 15px !important;
	height: 15px !important;
	margin-left: 6px;
}
.meige-right {
	margin-left: 12px;
}
.meige-title {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
}
.xinshi {
	flex: 1;
	width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fuzhi {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #7c7c7c;
	margin-left: 6px;
}
.meige-price {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #f85500;
}
.baokuan {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #7c7c7c;
	margin-top: 6px;
	margin-bottom: 9px;
}
.xiazai-bk {
	margin: 0;
	margin: 3px 0;
}
.se-ma {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #7c7c7c;
}
.xiaoji {
	color: #f85500;
}
.meige-lianxi {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #f85500;
}
.meige-lianxi img {
	width: 17px;
	height: 17px;
}
.remove-item {
	display: flex;
	flex-direction: column;
}
.infos-active {
	background: #fff3ed;
	border: 2px solid #f85500;
}
.quanxuan-yichu {
	width: 100%;
	height: 68px;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.qx-left {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #313131;
	padding-left: 16px;
}
.qx-left input[type='checkbox'] {
	accent-color: #f85500;
	margin-right: 8px;
}
.yichu-btn {
	width: 62px;
	height: 30px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 24px;
}
.qx-right {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #313131;
	display: flex;
	align-items: center;
}
.zongjia {
	font-weight: bold;
	font-size: 16px;
	color: #f85500;
	margin-left: 4px;
	margin-right: 24px;
}
.xiadan-btn {
	width: 98px;
	height: 68px;
	background: #f85500;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zaishou-box {
	width: 100%;
	background: #ffffff;
	margin-top: 10px;
}
.zaishou-list {
	box-sizing: border-box;
	padding: 0 26px;
	padding-bottom: 45px;
}
.zaishou {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 26px;
}
.shangpin-three {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #f85500;
}
.shangpin-input {
	width: 197px;
	height: 29px;
	background: #f5f5f5;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	display: flex;
	align-items: center;
}
.shangpin-input img {
	width: 13px;
	height: 13px;
	margin: 0 6px;
}
.shangpin-input input {
	flex: 1;
	border: none;
	height: 100%;
}

.xiazai-actions {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 16px;
}
.xiazai-actions input[type='checkbox'] {
	width: 14px;
	height: 14px;
	cursor: pointer;
	accent-color: #f85500;
	margin-right: 8px;
}
.piliang-record {
	width: 106px;
	height: 29px;
	background: #ffffff;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	margin-left: 26px;
}
.xuanze-times {
	width: 228px;
	height: 29px;
	background: #ffffff;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	margin-left: 10px;
}
.starts-times {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.ends-times {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.xuanze-times img {
	width: 13px;
	height: 14px;
	margin: 0 6px;
}
.huoyuan-status {
	width: 167px;
	height: 29px;
	background: #ffffff;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	margin-left: 10px;
	box-sizing: border-box;
	padding: 0 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
}
.huoyuan-status img {
	width: 8px;
	height: 4px;
}
.chj-huo {
	width: 167px;
	height: 29px;
	background: #ffffff;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	margin-left: 10px;
	box-sizing: border-box;
	padding-left: 6px;
}
.xiazai-search {
	width: 74px;
	height: 29px;
	background: #f85500;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	margin-left: 10px;
	cursor: pointer;
}

.yema {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 76px;
	margin-top: 42px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #313131;
}
.yema input {
	width: 50px;
	height: 27px;
	background: #ffffff;
	margin: 0 6px;
	border: none;
	text-align: center;
}
.ye-item {
	width: 27px;
	height: 27px;
	background: #ffffff;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.ye-item img {
	width: 12px;
	height: 12px;
}
.ye-active {
	background: #f85500;
	color: #ffffff;
}

/* ===== 自定义日历弹框 ===== */
.custom-calendar {
	position: absolute;
	z-index: 9999;
	width: 280px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
	padding: 12px;
	box-sizing: border-box;
	font-family: SourceHanSansCN, sans-serif;
	user-select: none;
}
.calendar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}
.cal-prev,
.cal-next {
	width: 24px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	font-size: 18px;
	color: #666;
	cursor: pointer;
	border-radius: 4px;
}
.cal-prev:hover,
.cal-next:hover {
	background: #f0f0f0;
	color: #f85500;
}
.cal-title {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.calendar-week {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	text-align: center;
	font-size: 12px;
	color: #999;
	padding-bottom: 6px;
	border-bottom: 1px solid #eee;
	margin-bottom: 4px;
}
.calendar-week span {
	padding: 4px 0;
}
.calendar-days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 2px;
}
.calendar-days .cal-day {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	border-radius: 4px;
}
.calendar-days .cal-day:hover {
	background: #fff0e8;
	color: #f85500;
}
.calendar-days .cal-day.other-month {
	color: #ccc;
}
.calendar-days .cal-day.today {
	color: #f85500;
	font-weight: bold;
}
.calendar-days .cal-day.selected {
	background: #f85500;
	color: #ffffff;
}
.calendar-days .cal-day.disabled {
	color: #eee;
	cursor: not-allowed;
}
.calendar-footer {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #eee;
}
.cal-clear,
.cal-today {
	font-size: 12px;
	color: #666;
	cursor: pointer;
	padding: 2px 8px;
	border-radius: 4px;
}
.cal-clear:hover,
.cal-today:hover {
	background: #f0f0f0;
	color: #f85500;
}

.gongyingshang {
	display: grid;
	grid-template-columns: 1fr 1.25fr 0.5fr 1fr 0.75fr;
	width: 100%;
	height: 68px;
	background: #ffffff;
	margin: 6px 0;
}
.gys-item-one {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #313131;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 16px;
}
.gys-item-one img {
	height: 18px;
	object-fit: cover;
	margin-left: 6px;
}
.gys-item-one input[type='checkbox'] {
	width: 14px;
	height: 14px;
	cursor: pointer;
	accent-color: #f85500;
	margin-right: 10px;
}
.gys-item {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #313131;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gys-item span {
	color: #333333;
	margin-left: 4px;
}
.shj-list {
	width: 100%;
	background: #ffffff;
}
.shj-item {
	width: 100%;
	height: 75px;
	border-bottom: 1px solid #f5f5f5;
	display: grid;
	grid-template-columns: 1fr 1.25fr 0.5fr 1fr 0.75fr;
}

.infos-xinxi {
	width: 100%;
	background: #ffffff;
	padding-top: 36px;
	padding-bottom: 136px;
}
.infos-item {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
.infos-item-left {
	width: 155px;
	text-align: right;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
}
.infos-item-left span {
	color: #f85500;
}
.infos-item-right {
	width: 332px;
	height: 42px;
	background: #f5f5f5;
	border-radius: 2px;
	margin-left: 20px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 12px;
}
.infos-item-right span {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #282828;
}
.zhenshi {
	background: #ffffff;
	border: 1px solid #dedede;
}
.zhenshi input {
	flex: 1;
	border: none;
	height: 100%;
}
.infos-tijiao {
	width: 144px;
	height: 42px;
	background: #f85500;
	border-radius: 2px;
	border: 1px solid #dedede;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	margin-left: 20px;
	cursor: pointer;
}

.mima-actions {
	display: flex;
	align-items: center;
}
.mima-item {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #282828;
	margin: 0 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}
.mima-item-active {
	color: #f85500;
}
.mima-line {
	width: 32px;
	height: 3px;
	background: #ffffff;
	margin-top: 6px;
}
.mima-line-active {
	background: #f85500;
}
.yuan-mima {
	padding: 0;
	padding-left: 20px;
}
.input-duanxin {
	flex: 1;
}
.yanzhengma {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #f85500;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 127px;
	height: 42px;
	background: #feeee5;
	border-radius: 1px;
	cursor: pointer;
}
.new-mobile {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	border: none;
}

.benren {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #282828;
	padding-left: 28px;
	margin-bottom: 26px;
}

.tixing-list {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 14px;
	color: #282828;
	line-height: 23px;
	padding-left: 28px;
	margin-top: 50px;
}
.tixing-item {
	color: #999999;
}
.zhanghu {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #282828;
	padding-left: 24px;
	padding-top: 24px;
}
.bangding-hou {
	font-size: 16px;
	color: #999999;
	margin-top: 12px;
}

.sanfang-list {
	width: 100%;
	margin-top: 24px;
}

.sanfang-item {
	display: flex;
	margin-top: 36px;
	padding-left: 24px;
}
.sanfang-left {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #282828;
	padding-top: 8px;
}
.sanfang-right {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #282828;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 42px;
}
.sanfang-right img {
	width: 82px;
	height: 82px;
	margin-bottom: 12px;
}
.liji-bd {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 144px;
	height: 42px;
	background: #f85500;
	border-radius: 2px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	margin-top: 12px;
}
/* 认证 */
.renzheng-banner {
	width: 100%;
}
.rz-sx {
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-top: 108px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}
.sx-top {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.xuhao-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.xuhao {
	width: 44px;
	height: 44px;
	background: #b3b3b3;
	border-radius: 50%;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.xh-line {
	width: 82px;
	height: 3px;
	background: #b3b3b3;
}
.xh-active {
	background: #f85500;
}

.bz-i-title {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 16px;
	color: #333237;
	margin-top: 12px;
}
.bz-i-beizhu {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
	margin-top: 6px;
}
.bz-active {
	color: #f85703;
}
.xh-five {
	justify-content: flex-start;
}

.rz-infos {
	width: 1200px;
	margin: 0 auto;
	margin-top: 78px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	padding-bottom: 63px;
}
.xinfa {
	width: 100%;
	height: 67px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 24px;
	margin-bottom: 40px;
}
.xf-genju {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #333237;
}
.shenme-xf {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #2aa2ed;
	cursor: pointer;
}
.rz-content {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
.rz-xm {
	width: 238px;
	height: 36px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #272727;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.zs-xx {
	flex: 1;
	height: 36px;
	display: flex;
}
.zs-input {
	width: 371px;
	height: 36px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	padding-left: 12px;
}

.sfz-item {
	display: flex;
	align-items: start;
}
.zs-sfz {
	height: 180px;
	display: flex;
	gap: 30px;
}
.renxiang {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
	line-height: 23px;
}
.rx-icon {
	width: 185px;
	height: 126px;
	background: #f1f6fe;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.yingye-icon {
	width: 192px;
	height: 280px;
	background: #f0f0f0;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.yy-img {
	width: 172px;
	height: 255px;
}
.rx-img {
	width: 161px;
	height: 100px;
	background: #ffffff;
	border-radius: 5px;
}
.rx-btn {
	width: 127px;
	height: 35px;
	background: #0073dc;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	margin-top: 14px;
	cursor: pointer;
}
.cn-js {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #1e1e1e;
	margin-left: 12px;
}
.zs-beizhu {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 12px;
	color: #b3b6bd;
}
.yingye-infos {
	height: 340px;
	display: flex;
	gap: 30px;
}
.ck-shili {
	width: 87px;
	height: 36px;
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid #0073dc;
	margin-top: 20px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #0073dc;
	display: flex;
	align-items: center;
	justify-content: center;
}
.check-box {
	display: flex;
	align-items: center;
}
.zs-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.zs-checkbox span {
	margin-left: 6px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
}
.js-xieyi {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #0273dc;
	cursor: pointer;
}

.next-buzhou {
	width: 180px;
	height: 40px;
	background: #f85500;
	border-radius: 3px;
	margin: 0 auto;
	margin-top: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
}
.chengxinjin {
	padding-top: 65px;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 24px;
	color: #333237;
	text-align: center;
}
.zhifu-type {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 24px;
	color: #333237;
	padding-left: 110px;
	margin-top: 75px;
}
.type-box {
	box-sizing: border-box;
	padding: 0 110px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 24px;
}
.type-item {
	height: 100px;
	background: #ffffff;
	border-radius: 10px;
	border: 2px solid #d9d9d9;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 21px;
	cursor: pointer;
}
.type-i-img {
	width: 63px;
	height: 63px;
}
.t-i-right {
	margin-left: 18px;
}
.t-i-title {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #272727;
}
.yue-buzu {
	display: flex;
	align-items: flex-end;
	margin-top: 4px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #0273dc;
}
.unit-qian {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 14px;
	color: #f85500;
}
.unit-qian span {
	font-weight: bold;
	font-size: 30px;
}
.buzu-chongzhi {
	margin-bottom: 4px;
	margin-left: 4px;
}
.type-item-active {
	position: relative;
	border-color: #f56c2d;
}
.type-item-active::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 28px 28px;
	border-color: transparent transparent #f56c2d transparent;
}
.type-item-active::before {
	content: '';
	position: absolute;
	right: 4px;
	bottom: 5px;
	width: 6px;
	height: 3px;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform: rotate(-45deg);
	z-index: 1;
}
.jin-box {
	padding-left: 110px;
}
.type-item-jin {
	width: 372px;
	display: flex;
	align-items: center;
	margin-top: 24px;
	height: 100px;
	background: #ffffff;
	border-radius: 10px;
	border: 2px solid #d9d9d9;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 21px;
	cursor: pointer;
}
.type-item-jin.type-item-active {
	border-color: #f56c2d;
}
.sanqian {
	display: flex;
	align-items: center;
}
.gys-xieyi {
	padding-left: 110px;
	margin-top: 42px;
}
.liji-zhifu {
	margin-top: 112px;
}

.success-infos {
	padding-top: 90px;
	padding-bottom: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.zhifu-success {
	width: 102px;
	height: 102px;
}
.gongxi {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 34px;
	color: #f85500;
	margin: 40px 0;
}
.dengdai {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 24px;
	color: #333237;
}

/* 支付宝支付成功 */
.zhifubao-top {
	width: 100%;
	height: 27px;
	background: #80858b;
}
.top-xinxi {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.top-nihao {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
}
.cj-wenti {
	cursor: pointer;
	margin-left: 24px;
}

.shouyintai {
	width: 100%;
	height: 70px;
	background: #ffffff;
}
.zfb-box {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.zfb-icon {
	width: 175px;
	height: 52px;
}
.my-syt {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 17px;
	color: #676d70;
}
.zfb-xx {
	background-color: #eef0f1;
	width: 100%;
}
.zfb-title {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 36px 21px 0 32px;
}
.zfb-t-left {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #3f3a39;
}
.zfb-t-left span {
	color: #0b89cc;
	cursor: pointer;
}
.chxj-box {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 14px;
	color: #292929;
	margin-top: 20px;
}
.shoukuanfang {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #3f3a39;
	margin-left: 20px;
}
.zfb-t-right {
	display: flex;
	align-items: center;
}
.qianyuan {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 27px;
	color: #f85500;
	margin-right: 4px;
}
.yuan-box {
	margin-top: 6px;
}
.order-boxs {
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-right: 24px;
	border-bottom: 4px solid #b5b5b5;
	display: flex;
	justify-content: flex-end;
}
.dingdan-detail {
	width: 71px;
	height: 29px;
	background: #b5b5b5;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
}
.zfb-buzhidao {
	width: 1200px;
	height: 593px;
	margin: 0 auto;
	box-sizing: border-box;
	border-bottom: 4px solid #b5b5b5;

	display: flex;
	align-items: center;
}

.buzhidao-left {
	flex: 1;
	height: 100%;
	background: #ffffff;
	display: flex;
	justify-content: flex-end;
	box-sizing: border-box;
	padding-top: 72px;
	padding-right: 82px;
}
.saoyisao {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #3f3a39;
}
.money-sq {
	font-family: SourceHanSansCN;
	font-weight: bold;
	font-size: 31px;
	color: #f85500;
}
.ma-sao {
	width: 206px;
	height: 264px;
	background: #ffffff;
	border: 1px solid #e2e2e2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.m-s-img {
	width: 191px;
	height: 191px;
}
.sao-dec {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}
.sao-dec img {
	width: 28px;
	height: 28px;
}
.dakai-sao {
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #3f3a39;
	margin-left: 10px;
}
.shouci-xz {
	width: 172px;
	margin-top: 16px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
	padding-bottom: 4px;
	border-bottom: 1px solid #9a9a9a;
}
.bzd-l-r {
	width: 226px;
	height: 202px;
	border: 1px solid #f1f1f1;
	margin-left: 14px;
}
.bzd-l-r img {
	width: 100%;
	height: 100%;
}

.buzhidao-right {
	width: 176px;
	height: 100%;
	background: #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.buzhidao-right img {
	width: 87px;
	height: 83px;
}
.fukuan {
	width: 122px;
	height: 45px;
	background: #06aeee;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	margin-top: 32px;
}

.icp-infos {
	width: 168px;
	margin: 0 auto;
	margin-top: 24px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
	padding-bottom: 4px;
	border-bottom: 1px solid #9a9a9a;
}

.image-search-content {
	padding: 20px 0 40px;
	background: #f5f5f5;
	min-height: 600px;
}

.image-search-breadcrumb {
	font-size: 13px;
	color: #999;
	padding: 8px 0 16px;
}

.image-search-breadcrumb a {
	color: #0066cc;
	text-decoration: none;
}

.image-search-show {
	display: flex;
	gap: 24px;
	background: #fff;
	border-radius: 10px;
	padding: 24px;
	margin-bottom: 20px;
}

.image-search-show-left {
	width: 200px;
	text-align: center;
}

.image-search-show-label {
	font-size: 14px;
	color: #666;
	margin-bottom: 12px;
}

.image-search-show-img {
	width: 160px;
	height: 160px;
	margin: 0 auto 12px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #eee;
}

.image-search-show-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-search-show-name {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-bottom: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.image-search-show-price {
	font-size: 18px;
	color: #ff6600;
	font-weight: bold;
}

.image-search-show-right {
	flex: 1;
	display: flex;
	align-items: center;
}

.image-search-banner {
	width: 100%;
	background: linear-gradient(135deg, #ff6b35, #ff9f43);
	border-radius: 10px;
	padding: 28px 32px;
	color: #fff;
	position: relative;
}

.image-search-banner-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 8px;
}

.image-search-banner-desc {
	font-size: 16px;
	margin-bottom: 4px;
}

.image-search-banner-platforms {
	font-size: 13px;
	opacity: 0.9;
	margin-bottom: 16px;
}

.image-search-banner-btn {
	display: inline-block;
	padding: 8px 24px;
	background: #fff;
	color: #ff6b35;
	border-radius: 20px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.image-search-banner-new {
	position: absolute;
	top: 16px;
	right: 20px;
	background: #fff;
	color: #ff6b35;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 8px;
	border-radius: 10px;
}

.image-search-result-tip {
	font-size: 15px;
	color: #666;
	padding: 12px 0 20px;
}

.image-search-result-tip strong {
	color: #ff6600;
	font-size: 18px;
}

.image-search-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
}

.image-search-item {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
	transition: box-shadow 0.2s;
}

.image-search-item:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.image-search-item-img {
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
}

.image-search-item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-search-item-title {
	font-size: 13px;
	color: #333;
	padding: 8px 10px 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
}

.image-search-item-price {
	font-size: 16px;
	color: #ff6600;
	font-weight: bold;
	padding: 0 10px 4px;
}

.image-search-item-sales {
	font-size: 12px;
	color: #999;
	padding: 0 10px 4px;
}

.image-search-item-shop {
	font-size: 12px;
	color: #999;
	padding: 4px 10px 10px;
	display: flex;
	align-items: center;
	gap: 4px;
	overflow: hidden;
}

.image-search-shop-level {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background: #ff9800;
	color: #fff;
	border-radius: 50%;
	font-size: 10px;
	flex-shrink: 0;
}

.image-search-shop-years {
	background: #f0f0f0;
	color: #666;
	padding: 1px 6px;
	border-radius: 3px;
	font-size: 11px;
	flex-shrink: 0;
}

.image-search-shop-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.image-search-empty {
	text-align: center;
	padding: 60px 0;
	font-size: 16px;
	color: #999;
}

.image-search-pagination {
	margin-top: 24px;
	text-align: center;
}

.shop-header-logo {
	width: 76px;
	height: 28px;
	object-fit: contain;
}