/* .hat{
	background-color: var(--primary);
	
}
.search-wrap{
	width: 1200px;
	margin:0 auto;
} */
html,
body {
	padding: 0;
	margin: 0;
	background: var(--bg);
}

a {
	cursor: pointer;
}

/* .page-notice {
	height: 40px;
	line-height: 40px;
	color: var(--gold);
	text-align: center;
	cursor: pointer;
} */
/* ====== v2.154 视觉代差重排: 深朱砂Hero大横幅 + 悬浮白色搜索大卡 ====== */
.top-box {
	position: fixed;
	width: 100%;
	z-index: 1000;
	top: 56px; /* 顶导航下方 */
	background: rgba(255, 253, 248, .97);
	backdrop-filter: blur(8px);
}

/* v2.162: 搜索区自适应(原固定940px, 窄视口溢出); 内部输入行flex可压缩 */
.search-wrap {
	width: calc(100% - 24px);
	max-width: 940px;
	margin: 16px auto 0;
	position: relative;
	z-index: 2;
	overflow: visible;
}

/* 悬浮白色搜索大卡 */
/* v2.203: 整卡压缩——padding/行高/输入框全线下调, 顶部空间占比过高 */
.search-box {
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 14px 36px rgba(85, 20, 16, .26), 0 3px 8px rgba(85, 20, 16, .10);
	padding: 8px 16px 8px 16px;
}

/* v2.201: 排序按钮回归tab行 */

.content-box {
	min-height: 800px;
	padding-bottom: 120px;
	margin-top: 177px; /* v2.203: 顶导航56+压缩后搜索卡+18px间距; 吸顶已移除 */
}

.logo-big-wrap {
	width: 180px;
	float: left;
}

.to-mobile {
	text-align: center;
	cursor: pointer;
	display: none;
}

.big-blue {
	color: var(--primary);
	font-size: 20px;
}

.simple-blue {
	color: var(--primary);
}

.total {
	position: fixed;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
	padding: 10px;
	font-size: 20px;
	color: #696969;
}

.res-total {
	width: 80px !important;
	margin-right: 5px;

}

.page-title-my-brander {
	width: 20%;
	float: left;
	display: block;
}

.page-title-my-brander:hover {
	cursor: pointer;
	color: var(--primary-hover);
}

.my-brander-choosed {
	color: #fff;
	background-color: var(--primary);
	border-radius: 6px;
}

.my-brander-choosed:hover {
	color: #fff;
}

/* v2.153: 筛选参数区白卡化 */
.header-box {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-l);
	box-shadow: var(--shadow);
	overflow: hidden;
	padding: 6px 20px 10px 20px;
}

.logo-wrap {
	width: 70px;
	height: 75px;
	margin: 12px auto 0 auto;
}

.index-logo-box {
	width: 70px;
	height: 70px;
	position: absolute;
}


/*search-box:start (v2.154 悬浮白色搜索大卡内布局)*/
.search-box {
	/* v2.163: width:100%含padding, 修复窄屏右出血40px(宽屏左右不对称同理) */
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	overflow: hidden;
	float: none;
}

/* v2.163: tab行float改flex可换行, 杜绝窄屏"搜索模式/排序方式"重叠; 宽屏视觉不变 */
/* v2.203: tab行紧凑化 */
.search-nav-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px 8px;
	padding: 0 0 6px 0;
	border-bottom: 1px dashed var(--line);
	margin-bottom: 8px;
}

#search-nav-btn-box {
	flex: none;
	overflow: hidden;
}

#param-order-by-box {
	flex: 1 1 auto;
	min-width: 0;
}

.search-nav-item {
	position: relative;
	height: 26px;
	line-height: 26px;
	margin-right: 24px;
	font-size: 14px;
	color: var(--ink-2);
	cursor: pointer;
	transition: color .15s ease;
}

.search-nav-item:hover {
	color: var(--primary);
}

.search-mode {
	flex: none;
	border-radius: 14px;
	padding: 3px 10px;
	border: 1px solid var(--line);
	background: #fff;
	color: var(--ink-2);
	cursor: pointer;
	margin-right: 8px;
	font-size: 12px;
	transition: all .15s ease;
}

.search-mode:hover {
	border-color: var(--primary);
	color: var(--primary);
}

.search-nav-first-item {
	margin-left: 2px;
}

.search-nav-choosed {
	color: var(--primary);
	font-weight: 700;
	font-size: 17px;
	font-family: var(--font-title);
}

/* 选中tab: 鎏金底部短线(呼应顶导航) */
.search-nav-choosed::after {
	content: "";
	position: absolute;
	left: 13px;
	right: 13px;
	bottom: -4px;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: linear-gradient(90deg, #D9B36C, #B08D46);
}

.search-param-is-exact {
	border: 1px solid var(--line);
	/* border-radius: 5px; */
	height: 30px;
	line-height: 32px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 20px;
	margin-top: 3.5px;
	font-size: 14px;
}

/* v2.154: 白底大输入框 + 朱砂实心按钮(flex骨架) */
/* v2.203: 输入行压缩 58→44 */
.search-input-box {
	height: 44px;
	background: #fff;
	border: 2px solid var(--line-2);
	border-radius: 10px;
	margin-top: 6px;
	box-shadow: none;
	display: flex;
	align-items: center;
	overflow: hidden;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.search-input-box:focus-within {
	border-color: rgba(158, 43, 37, .55);
	box-shadow: 0 0 0 4px rgba(158, 43, 37, .08);
}

.search-input-box input {
	flex: 1;
	min-width: 0;
	height: 40px;
	line-height: 40px;
	padding: 0 6px 0 14px;
	color: var(--ink);
	font-size: 15px;
	border: none;
	outline: none;
	background: transparent;
	border-radius: 8px 0 0 8px;
}

.search-input-box i {
	flex: none;
	display: inline-block;
	width: 22px;
	margin-right: 6px;
	color: var(--ink-3);
	cursor: pointer;
	transition: color .15s ease;
}

.search-input-box i:hover {
	color: var(--primary);
}

.search-input-box button {
	flex: none;
	width: 96px;
	height: 34px;
	margin-right: 6px;
	color: #fff;
	font-size: 15px;
	font-family: var(--font-title);
	letter-spacing: 3px;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(160deg, #B23730 0%, #9E2B25 100%);
	box-shadow: 0 3px 10px rgba(158, 43, 37, .35);
	transition: transform .15s ease, box-shadow .15s ease;
}

.search-input-box button:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(158, 43, 37, .45);
}

/* 搜索条件 */
/* v2.202: 改flex布局——参数标签靠左, 清空参数按钮靠右(sticky右贴, 参数多横向滚动时按钮不被卷走) */
.search-param-nav-box {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%;
	margin-bottom: 4px;
	margin-top: 4px;
	height: 30px;
	overflow: auto;
}

.search-param-nav-box .clear-btn {
	flex: none;
	margin-top: 0;
	margin-left: auto;
	position: sticky;
	right: 0;
	z-index: 2;
}

.search-param-nav-box .acbtn-box {
	max-width: 30%;
	height: 24px;
	line-height: 24px;
	margin-top: 0;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
}

.search-param-nav-box .acbtn-box .acbtn-close-icon {
	top: -4px;
	right: -4px;
}

.search-param-box {
	/* border-top: 1px solid #ddd;2023年11月25日 */
	margin-top: 5px;
}

#param-order-by-box .acbtn-box {
	border-radius: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0 !important;
	font-size: 12px;
}

.param-item-box {
	margin-top: 10px;
	overflow: hidden;
	width: 100%;
}

/* v2.159: 首页搜索态隐藏"批量操作"空壳, 切到我的/团队等 tab 时由 index.js 显示 */
.param-batch-box {
	display: none;
}
.param-batch-box.param-batch-show {
	display: block;
}

/* v2.258: 类别按钮改CSS Grid固定每行10个(原float自然换行, 每行个数随宽度浮动); 按钮等宽、文本居中 */
#param-lei-box {
	height: auto;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	column-gap: 4px;
}

#param-lei-box .acbtn-box {
	margin-top: 5px;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	font-size: 12px;
	white-space: nowrap;
}

.param-lei-more {
	height: 32px;
	line-height: 32px;
	margin-top: 5px;
	margin-right: 5px;
}

.param-lei-more:hover {
	cursor: pointer;
	color: var(--primary);
}

#param-team-box .acbtn-box {
	font-size: 12px;
	height: 26px;
}

.param-team-wrap {
	overflow: hidden;
}

.param-team-hr {
	border: 0px !important;
	margin: 0px !important;
}

.param-goods-input {
	width: 40%;
	margin-top: 5px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
}

.param-goods-box {
	width: 70%;
	margin-left: 1%;
}

.param-for-choose-box {
	width: 100%;
	border: 1px solid var(--line);
}

.param-title {
	width: 130px;
	text-align: left;
	float: left;
	line-height: 32px;
	margin-top: 5px;
	color: var(--ink-2);
	font-size: 14px;
}

.param-content {
	width: calc(100% - 130px);
	float: left;
	line-height: 30px;
	overflow: hidden;
}

.param-price-box input {
	text-align: center;
}


.param-price {
	width: 100px;
	height: 30px;
	margin-top: 5px;
}

#param-price-btn-box,
#param-price-free-btn-box {
	margin-left: 20px;
	height: 40px;
	overflow: hidden;
	/* v2.162: 价格筛选按钮组自适应(原固定700px) */
	width: auto;
	max-width: 700px;
}

#param-sq-num-start,
#param-sq-num-end {
	text-align: center;
}

#param-sq-num-box,
#param-star-box {
	margin-left: 20px;
}

.param-small-btn {
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border: 1px solid var(--line);
	border-radius: 5px;
	text-align: center;
	float: right;
	position: relative;
	top: -10px;
	margin-right: 10px;
}

.param-buyer-url-btn {
	background-color: var(--primary);
	color: #fff;
	border: none;
	border-radius: 5px;
}

.param-buyer-url-btn-primary {
	background-color: #fff;
	color: var(--ink-2);
	border: 1px solid var(--line);
	border-radius: 5px;

}

.param-small-btn:hover {
	cursor: pointer;
}

/*搜索框:end*/
/*搜索结果*/
.result-item-box {
	overflow: hidden;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-l);
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	padding-top: 8px;
	padding-bottom: 8px;
	box-shadow: var(--shadow);
	transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}

.result-item-box:hover {
	border-color: rgba(158, 43, 37, .30);
	box-shadow: var(--shadow-hover);
	transform: translateY(-1px);
}

.result-item-pic-box {
	width: 15%;
}

.result-item-pic-box img {
	width: 100px;
	max-height: 100px;
	margin: auto;
	display: block;
	cursor: pointer;
}

/* v2.163: 分页工具条float改flex换行, 窄窗自动折行不溢出 */
#page-neck-box {
	margin-top: 12px;
	margin-bottom: 10px;
	overflow: hidden;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-l);
	box-shadow: var(--shadow);
	padding: 6px 12px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}

#page-neck-box .hide-price-btn,
#page-neck-box .live-set-btn,
#page-neck-box .page-btn,
#page-neck-box .page-num,
#page-neck-box .res-total {
	flex: none;
}

#page-neck-text {
	flex: 1 1 240px;
	min-width: 0;
	text-align: center;
	overflow: hidden;
	width: auto;
	line-height: 30px;
}

.neck-total {
	color: #5f5f5f;
}

/*搜索结果:content:start*/
.result-item-content-box {
	width: 80%;
	font-size: 14px;
}

.content-litter {
	float: left;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.brander-name,
.brander-lei,
.brander-price,
.brander-sq-name,
.brander-brand-id,
.brander-first-very-date,
.brander-registered-date {
	width: 33%;
}

.brander-sq-address,
.brander-team {
	width: 66%;
}

.brander-goods {
	width: 100%;
}

.brander-name {
	font-weight: 900;
	font-size: 16px;
}

.brander-name a:hover {
	color: var(--primary-hover);
}

.brander-price span {
	color: var(--gold);
	font-weight: 700;
	line-height: 25px;
	font-family: var(--font-title);
}

.brander-error-msg {
	color: var(--danger);
}


/* v2.154: 批量搜索按钮并入搜索行(幽灵按钮) */
.batch-search-btn {
	flex: none;
	height: 34px;
	line-height: 34px;
	padding: 0 14px;
	margin: 0;
	margin-right: 8px;
	font-size: 13px;
	border: 1px solid var(--line-2);
	border-radius: 8px;
	background: #fff;
	color: var(--ink-2);
	cursor: pointer;
	transition: all .15s ease;
}

.batch-search-btn:hover {
	border-color: var(--primary);
	color: var(--primary);
}

.clear-btn {
	margin-top: 2px;
	margin-right: 8px;
	margin-left: 12px;
	font-size: 13px;
	display: none;
}

.up-btn {
	margin-top: 5px;
}

/* cube-box (v2.154: 4列无边框大卡片, 悬浮升起) */
/* v2.161: 屏幕自适应——容器视口自适应(上限1488px), 网格宽度跟随容器; 每行列数由 index.js fitColumns 按实际宽度动态算(2~5列), 窄屏不再出横向滚动条 */
.content-box {
	width: calc(100% - 24px);
	max-width: 1488px;
}

.result-items-cube-box {
	overflow: hidden;
	margin: 0 auto;
	width: auto;
}

.result-item-cube-box {
	float: left;
	width: 280px;
	height: 312px;
	margin-right: 16px;
	margin-bottom: 20px;
	background: var(--card);
	border: 1px solid transparent;
	border-radius: 14px;
	box-shadow: 0 2px 10px rgba(43, 38, 32, .06);
	overflow: hidden;
	transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
	/* v2.158补3: box-sizing border-box 让 width 280px 含 border, 与 setLineNum 公式 280*num+16*(num-1) 一致, 否则5列被挤换行 */
	box-sizing: border-box;
}

.result-item-cube-box:hover {
	border-color: rgba(158, 43, 37, .26);
	box-shadow: 0 16px 36px rgba(158, 43, 37, .15);
	transform: translateY(-6px);
}

/* v2.163: 单列模式(JS lineNum=1, 极窄窗兜底) */
.nth-child-1:nth-child(n) {
	margin-right: 0;
}

.nth-child-5:nth-child(5n+5) {
	margin-right: 0;
}

.nth-child-4:nth-child(4n+4) {
	margin-right: 0;
}

.nth-child-3:nth-child(3n+3) {
	margin-right: 0;
}

.result-item-cube-box img {
	max-width: 196px;
	max-height: 196px;
	transition: all 0.5s;
}

.result-item-cube-box img:hover {
	transform: scale(1.12);
}

.item-iner-box {
	height: 312px;
}

.item-goods-num {
	font-size: 13px;
	font-weight: 300;
	color: #666;
}

.item-goods-num:hover {
	cursor: pointer;
	color: var(--primary-hover);
}

.item-more-info-box {
	width: 300px;
	height: 296px;
	position: relative;
	top: -301px;
	left: 282px;
	border: 1px solid var(--line);
	border-radius: var(--r-m);
	background: var(--card);
	box-shadow: 0 8px 32px rgba(43, 38, 32, .14);
	line-height: 20px;
	padding-top: 5px;
	overflow: auto;
}

.item-more-info-box .title {
	font-weight: 900;
}

.item-more-info-box div {
	width: 270px;
	padding: 0 5px;
}

.item-more-info-goods {
	height: 80px;
}





.hide-price-btn,
.live-set-btn {
	line-height: 16px;
	width: 70px;
	border: 1px solid var(--line);
	border-radius: 20px;
	padding: 5px 1%;
	cursor: pointer;
}

.page-btn {
	line-height: 16px;
	width: 50px;
	border: 1px solid var(--line);
	border-radius: 20px;
	padding: 5px 5px;
	cursor: pointer;
}

.page-num {
	line-height: 25px;
	border: 1px solid var(--line);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 5px;
	transition: all .15s ease;
}

.choose-all-btn-box:hover {
	cursor: pointer;
}

.choose-all-btn-box-2 {
	position: relative;
	top: -65px;
}

.item-choose-btn-box {
	width: 280px;
	height: 18px;
	text-align: right;
	z-index: 100;
}

.item-choose-btn-box i {
	margin-top: 3px;
	margin-right: 3px;
}

.choose-btn {
	border-radius: 100%;
	transition: all 0.2s;
	/* 	width: 16px;
	height: 16px; */
	font-size: 23px;
	display: inline-block;
}

.item-iner-box .choose-btn:hover {
	cursor: default;
	color: var(--primary);
	transform: scale(1.2);
}

/* v2.163: 原width:4%窄窗文字竖排, 改自适应宽度+不换行; flex容器内推至最右 */
.choose-all-btn-box {
	flex: none;
	line-height: 16px;
	width: auto;
	white-space: nowrap;
	border: 1px solid var(--line);
	border-radius: 20px;
	padding: 5px 12px;
	margin-left: auto;
}

.choose-all-btn-box i {
	font-size: 16px;
}

.jp-box {
	width: 50px;
	background: linear-gradient(135deg, #C9A55C, #B08D46);
	color: #fff;
	text-align: center;
	float: left;
	font-size: 12px;
	border-radius: 11px;
	height: 20px;
	line-height: 20px;
	margin-top: 3px;
	margin-left: 3px;
}

.item-img-box {
	width: 280px;
	height: 204px;
	margin-bottom: 10px;
	overflow: hidden;
	background: linear-gradient(180deg, #FBF9F3 0%, #F3EEE2 100%);
	border-radius: 14px 14px 0 0;
}



.cube-item-one {
	padding: 0px 15px;
	line-height: 25px;
	height: 25px;
}

.item-name {
	font-weight: 900;
	font-size: 16px;
	width: 250px;
	overflow: hidden;
}

/* .item-name:hover {
	color: blue;
} */
.item-info {
	/* border: 0.5px solid #fff;
	border-radius: 5px; */
}

.item-info:hover {
	cursor: default;
	background: var(--primary-light);
}

.info-btn-choosed:hover {
	background: var(--primary-light);
}

.item-lei {}

.item-right-label {
	font-size: 12px;
	font-weight: 200;
}

.item-price {
	color: #E63946;
	font-weight: 800;
	line-height: 25px;
	font-size: 16px;
	font-family: var(--font-title);
	letter-spacing: 0.3px;
}

.item-brand-tip {
	display: inline-block;
	max-width: 100px;
	border-radius: 4px;
	font-size: 12px;
	padding: 0 6px;
	float: right;
	background-color: var(--gold);
	color: #fff;
	cursor: pointer;
	font-weight: 600;
}



/* 清空选择 */
.choose-itemer-clear-btn {
	color: #333;
	cursor: pointer;
	font-size: 14px;

}

.choose-itemer-clear-btn:hover {
	color: var(--primary-hover);
}

.cuber {
	color: #fff !important;
}

/* item-btn-one */
.item-btn-one {
	text-align: center;
}



.result-tip-box {
	display: block;
	height: 200px;
	align-items: center;
	justify-content: center;
}

.result-tip-msg,
.auto-load-btn {
	border: 1px solid var(--line);
	border-radius: var(--r-m);
	padding: 10px 50px 10px 50px;
	text-align: center;
	background: var(--card);
}

.auto-load-btn {
	margin-top: 5px;
}

.auto-load-btn:hover {
	cursor: pointer;
	color: var(--primary);
	border-color: var(--primary);
}

/* data */
#data-price-input {
	width: 280px;
	height: 32px;
	margin: 0px auto;
	border: 1px solid var(--line);
	border-radius: 6px;
	padding-left: 8px;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

#data-price-input:focus {
	border-color: var(--primary);
	box-shadow: 0 0 0 3px rgba(158, 43, 37, .10);
}

.data-price-box {
	width: 283px;
	margin: 40px auto auto auto;
}


/*页尾*/
/* v2.154: 深朱砂页脚横幅, 与顶导航Hero首尾呼应 */
.footer {
	overflow: hidden;
	margin-top: 36px;
	width: 100%;
	background: linear-gradient(160deg, #7E1F1A 0%, #9E2B25 60%, #A3342D 100%);
	border-top: 3px solid rgba(217, 179, 108, .65);
	padding: 24px 0;
	box-shadow: 0 -6px 24px rgba(85, 20, 16, .18);
}

.footer-center-box {
	/* v2.163: 窄窗备案信息换行不竖排 */
	flex-wrap: wrap;
	row-gap: 6px;
	color: rgba(255, 255, 255, .78);
	font-size: 14px;
	letter-spacing: 1px;
}

.footer div,
.footer a {
	color: rgba(255, 255, 255, .78) !important;
	margin-left: 10px;
	margin-right: 10px;
}

.footer a:hover,
.footer div:hover {
	color: #fff !important;
}

/* Tiper */
.tiper-brander-name {
	font-weight: 100;
	font-size: 14px;
}

.tiper-nav-btn {
	position: fixed;
	width: 151px;
	height: 240px;
	top: 210px;
	border: 1px solid var(--line);
	border-radius: var(--r-l);
	right: 35px;
	background-color: var(--card);
	box-shadow: var(--shadow);
	padding: 5px;
}

.tiper-nav-btn .layui-icon-close:hover {
	color: var(--danger);
	cursor: pointer;
}

.export-batch-box {
	width: 450px;
	height: 178px;
}

.export-batch-box .acbtn-box {
	margin-bottom: 5px;
	width: 80px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.export-batch-label {
	line-height: 36px;
	width: 80px;
	text-align: right;
}

.export-batch-first-line {
	margin-top: 20px;
}

#export-batch-size-box {
	width: 370px;
}

.export-batch-price-box {
	margin-top: 4px;
}

.export-batch-price-input {
	height: 26px;
	width: 90px;
	text-align: center;
}

/* 批量导出+下载中心 融合tab弹窗 (v2.207: 朱砂+鎏金设计语言, 呼应顶导航/搜索卡tab) */
.export-center-box {
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
}

.export-center-tabs {
	display: flex;
	padding: 0 20px;
	flex-shrink: 0;
	border-bottom: 1px dashed var(--line);
	background: var(--bg);
}

.export-center-tab {
	position: relative;
	padding: 11px 18px;
	font-size: 14px;
	color: var(--ink-2);
	cursor: pointer;
	transition: color .15s ease;
}

.export-center-tab:hover {
	color: var(--primary);
}

/* 选中tab: 朱砂色 + 鎏金底部短线(同搜索卡tab/顶导航) */
.export-center-tab-active {
	color: var(--primary);
	font-weight: 700;
	font-family: var(--font-title);
}

.export-center-tab-active::after {
	content: "";
	position: absolute;
	left: 13px;
	right: 13px;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: linear-gradient(90deg, #D9B36C, #B08D46);
}

.export-center-pane {
	flex: 1;
	min-height: 0;
	overflow: auto;
	padding: 10px 20px;
	background: #fff;
}

.export-center-pane .export-batch-box {
	width: auto;
}

.export-center-iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
	background: #fff;
}

#my-brander-batch-box {
	/* width: 300px; */
	line-height: 30px;
	margin-left: 5px;
}


.none-result {
	padding-top: 50px;
	min-height: 100px;
	width: 100%;
	overflow: hidden;
}
.none-result .box{
	border:1px solid #ddd;
	border-radius: 5px;
	cursor: pointer;
}
.none-result .box:hover{
	color: var(--primary-hover);
}

.new-color {
	width: 85%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #e1e1e1;
}

/* .clear-btn{
	margin:13px auto 0 auto;
	border:1px solid #01AAED;
	height: 30px;
	line-height: 30px;
	width: 100px;
	text-align: center;
	border-radius: 5px;
	color:#01AAED;
	float: right;
} */

#param-batch-box div {
	margin-top: 5px;
}

.param-more-btn {
	text-align: center;
	color: #666;
}

#layer-brother-type-box {
	padding-top: 20px;
}

#layer-brother-type-box .acbtn-box {
	height: 30px;
	line-height: 30px;
}

#min-lei-num {
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
	margin-left: 24px;
}

.layui-brother-type-btn {
	width: 100px;
	margin: 30px auto auto 200px;
}

#export-more-box {
	overflow: hidden;
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
}

#export-more-box .acbtn-box {
	height: 28px;
	line-height: 28px;
	margin-left: 5px;
}

.item-inner-name {
	max-width: 180px;
}

#page-neck-text .acbtn-box {
	min-height: 28px;
	line-height: 28px;
	text-overflow: ellipsis;
	word-break: break-all;
}

.gooder-layer-input {
	border: 1px solid var(--line);
	border-radius: 6px;
	width: 95%;
	margin: 5px 1%;
	height: 30px;
	line-height: 30px;
	padding-left: 8px;
	outline: none;
}

.gooder-layer-input:focus {
	border-color: var(--primary);
}

#gooder-layer-goods-box {
	width: 98%;
	margin-left: 1%;
}

#gooder-layer-goods-box .acbtn-box {
	height: 25px;
	line-height: 25px;
}

.style-btn {
	cursor: pointer;
	font-size: 20px;
}

.style-btn:hover {
	color: var(--gold);
}

#param-content-styler {
	width: 62.5%;
	border: 1px solid var(--line);
	border-radius: 2px;
	padding-left: 5px;
	color: #777;
	overflow: hidden;
	padding-bottom: 5px;
	min-height: 30px;
}

#param-content-styler .acbtn-box {
	line-height: 25px;
}



#param-black-sq-namer-box .acbtn-box {
	margin-top: 5px;
	line-height: 25px;
}

.param-black-sq-namer-label {
	line-height: 24px;
	margin-right: 5px;
	color: var(--danger);
	font-weight: 600;
}

/* search-moder / select-saver: v2.157 让位顶导航56px+logo, 下移至导航下方; v2.158 间距+牛皮癣修复 */
.search-moder-box,
.select-saver-box {
	position: fixed;
	top: 70px;
	left: 10px;
	overflow: hidden;
	z-index: 10000;
	max-width: 200px;
}

.select-saver-box {
	top: 120px;
	z-index: 9999;
}

.search-moder-input-box,
.select-saver-input-box {
	border: 1px solid var(--line);
	border-radius: 20px;
	background-color: #fff;
	padding: 2px 4px;
	box-shadow: 0 2px 8px rgba(43, 38, 32, .08);
}

.search-moder-input-box i,
.select-saver-input-box i {
	margin-right: 5px;
}

.search-moder-input,
.select-saver-input {
	width: 120px;
	border: none;
	margin: 5px;
	margin-right: 0px;
	text-align: center;
}

/* res-box 收起态: 完全隐藏无白色残留(原 height:0+padding-bottom:5+border:#fff+bg:#fff 露白条) */
#search-moder-res-box,
#select-saver-res-box {
	overflow-y: hidden;
	border-radius: 5px;
	margin-top: 4px;
	background-color: #fff;
	height: 0;
	padding: 0;
	border: 0;
	transition: height .18s ease, padding .18s ease, border .18s ease;
}
/* 展开态由 JS 控制具体高度, 这里只保证收起时彻底隐藏 */

.search-moder-item-box,
.select-saver-item-box {
	padding: 2px 0px;
	overflow: hidden;
	line-height: 22px;
}

.search-moder-item-box:hover,
.select-saver-item-box:hover {
	cursor: pointer;
	color: var(--primary);
	background-color: var(--primary-light);
}

.search-moder-item-box .item-box-name,
.select-saver-item-box .item-box-name {
	width: 80%;
	overflow: hidden;
	height: 22px;
	font-size: 14px;
}

.search-moder-item-box i,
.select-saver-item-box i {
	color: #fff;
}

.search-moder-item-box .layui-icon-delete:hover {
	color: var(--danger);
}

.top-brander-color {
	color: var(--danger);
}

.black-sq-namer-btn {
	line-height: 25px;
}

.cache-box {
	overflow: hidden;
	margin-top: 10px;
	;
}

.cache-box .acbtn-box {
	margin-top: 0px !important;
}

.show-top-num {
	color: var(--warn);
}

.show-top-num:hover {
	cursor: pointer;
	color: var(--primary-hover);
}

#param-age-box {
	width: 50%;
	margin-left: 20px;
}

/* #ID-laydate-range{
	margin-top: 4px;
} */
/* #ID-laydate-range input{
	height: 33px;
	width: 120px;
}
#ID-laydate-range div{
	float: left;
} */

.brand-info-box .line {
	overflow: hidden;
	margin-top: 5px;
}

.brand-info-box .title {
	color: dimgrey;
	width: 20%;
	text-align: right;
}

.brand-info-box .content {
	color: #222;
	width: 70%;
}
.styler-mine,.styler-all{
	cursor: pointer;
	caret-color: transparent;
}

/* ==========================================================================
   v2.163 首页窗口宽度自适应(2026-09-11)
   断点: 1100(收紧) / 900(Hero+搜索行) / 768(参数标签堆叠) / 600 / 480 / 420
   原则: 宽屏(>1100)视觉零变化; 窄窗逐级重排, 不出横向滚动条、不裁切、不竖排
   ========================================================================== */

/* ===== ≤1100: 搜索tab间距收紧 ===== */
@media (max-width: 1100px) {
	.search-nav-item {
		margin-right: 18px;
	}
}

/* ===== ≤900: 卡片两列弹性填满 ===== */
@media (max-width: 900px) {
	/* v2.258: 类别10列放不下, 降为7列 */
	#param-lei-box {
		grid-template-columns: repeat(7, 1fr);
	}
	/* 卡片: JS仍按280px算列数, 此断点下两列弹性平分容器, 不再左大片留白 */
	.result-item-cube-box {
		width: calc(50% - 8px);
		margin-right: 16px;
	}
	.result-item-cube-box:nth-child(2n) {
		margin-right: 0;
	}
	.item-choose-btn-box,
	.item-img-box {
		width: 100%;
	}
	.item-name {
		width: auto;
	}
}

/* ===== ≤768: 筛选参数区"标签独占一行+内容整行", 不再130px标签挤压 ===== */
@media (max-width: 768px) {
	/* v2.258: 类别降为5列 */
	#param-lei-box {
		grid-template-columns: repeat(5, 1fr);
	}
	.header-box {
		padding: 6px 14px 10px 14px;
	}
	.param-title {
		float: none;
		width: auto;
		margin-top: 8px;
		line-height: 26px;
	}
	.param-content {
		float: none;
		width: auto;
	}
	.param-goods-input,
	#param-content-styler {
		width: calc(100% - 12px);
		max-width: 360px;
	}
	#param-age-box {
		width: auto;
		margin-left: 0;
	}
	/* hover详情面板在窄屏向右必出界且被裁, 触屏本无hover, 直接隐藏(点击商品数仍弹layer) */
	.item-more-info-box {
		display: none !important;
	}
	/* layui分页条居中并允许折行 */
	#laypage-box {
		text-align: center;
		margin: 8px 0;
		overflow: hidden;
	}
	#laypage-box .layui-laypage {
		display: inline-block;
		white-space: normal;
		line-height: 34px;
	}
	#laypage-box .layui-laypage a,
	#laypage-box .layui-laypage span,
	#laypage-box .layui-laypage button,
	#laypage-box .layui-laypage input {
		margin-bottom: 6px;
	}
}

/* ===== ≤600: 搜索按钮收窄; 底部全选按钮归位 ===== */
@media (max-width: 600px) {
	/* 搜索行固定元素收紧, 把空间让给输入框 */
	.search-input-box button {
		width: 88px;
		letter-spacing: 1px;
	}
	.batch-search-btn {
		padding: 0 12px;
		margin-right: 6px;
	}
	.search-nav-item {
		margin-right: 14px;
		font-size: 14px;
	}
	.search-nav-choosed {
		font-size: 16px;
	}
	.choose-all-btn-box-2 {
		position: static;
		top: auto;
		float: right;
		margin: 2px 0 10px;
	}
}

/* ===== ≤420: 单列卡片; 批量按钮仅图标, 输入框拿到最大宽度 ===== */
@media (max-width: 420px) {
	/* v2.258: 类别降为4列 */
	#param-lei-box {
		grid-template-columns: repeat(4, 1fr);
	}
	.result-item-cube-box {
		width: 100%;
		margin-right: 0;
	}
	.search-box {
		padding: 10px 12px 10px 12px;
	}
	.batch-search-btn {
		padding: 0 14px;
		font-size: 0;
	}
	.batch-search-btn .layui-icon {
		font-size: 18px;
	}
	.search-input-box button {
		width: 76px;
	}
	.footer-center-box {
		font-size: 13px;
	}
}

/* ================= 添加咨询弹窗(2026-09-12 v2.193补14) ================= */
.consult-add-box {
	padding: 16px 24px 4px;
}

.consult-add-tip {
	line-height: 22px;
	margin-bottom: 16px;
	color: var(--t2);
	font-size: 14px;
}

.consult-add-item {
	display: flex;
	align-items: center;
	margin-bottom: 14px;
}

.consult-add-item label {
	width: 76px;
	text-align: right;
	padding-right: 12px;
	color: var(--t1);
	font-size: 14px;
	flex-shrink: 0;
}

.consult-add-item .red {
	color: var(--primary);
	margin-right: 2px;
	font-weight: 700;
}

.consult-add-item input {
	flex: 1;
	height: 38px;
	border: 1px solid var(--line);
	border-radius: var(--r-s);
	padding: 0 12px;
	font-size: 14px;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.consult-add-item input:focus {
	border-color: var(--primary);
	box-shadow: 0 0 0 3px rgba(158, 43, 37, .10);
}