/* seemb11 站点补充样式：服务端分页（老站 element-ui 分页由 JS 注入样式，这里补齐静态版） */

.seemb11-pagination {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	padding: 20px 0;
	box-sizing: border-box;
	overflow: hidden;
}

.seemb11-pagination .el-pagination,
.seemb11-pagination .el-pagination.is-background {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center;
	justify-content: center;
	gap: clamp(4px, 1.5vw, 8px);
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 !important;
	box-sizing: border-box;
	white-space: normal !important;
	font-weight: 400;
}

.seemb11-pagination .el-pagination::before,
.seemb11-pagination .el-pagination::after {
	display: none !important;
	content: none !important;
}

.seemb11-pagination .el-pager {
	display: contents;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: inherit;
}

.seemb11-pagination .el-pager .number {
	margin: 0;
	padding: 0;
	list-style: none;
}

.seemb11-pagination .el-pager .number a,
.seemb11-pagination .btn-prev,
.seemb11-pagination .btn-next {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: clamp(30px, 8vw, 36px);
	height: clamp(30px, 8vw, 36px);
	padding: 0 clamp(6px, 2vw, 10px);
	background: #f4f4f5 !important;
	border: 0 !important;
	border-radius: 3px;
	color: #606266 !important;
	font-size: clamp(12px, 3.2vw, 14px);
	line-height: 1;
	text-decoration: none;
	vertical-align: initial;
	box-sizing: border-box;
	transition: color .2s, background-color .2s;
}

.seemb11-pagination .btn-prev,
.seemb11-pagination .btn-next {
	display: inline-flex !important;
	padding: 0 clamp(6px, 2vw, 10px) !important;
	margin: 0 !important;
	border-radius: 3px;
	list-style: none;
	background-size: 16px;
}

.seemb11-pagination .el-pager .number a:hover,
.seemb11-pagination a.btn-prev:hover,
.seemb11-pagination a.btn-next:hover {
	color: #e00007 !important;
	background: #f4f4f5 !important;
}

.seemb11-pagination .el-pager .number.active a {
	background: #e00007 !important;
	color: #fff !important;
	cursor: default;
}

.seemb11-pagination .btn-prev.is-disabled,
.seemb11-pagination .btn-next.is-disabled {
	display: inline-flex !important;
	color: #c0c4cc !important;
	cursor: not-allowed;
	background: #f4f4f5 !important;
}

.seemb11-pagination-wrap,
.page-products-filter .product-list-box > .flex.justify-center,
.app-filter-container .product-list-box > .flex.justify-center {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.seemb11-pagination .seemb11-pagination-mobile.el-pagination,
.seemb11-pagination .seemb11-pagination-mobile.el-pagination.is-background {
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}

@media (max-width: 991.98px) {
	.seemb11-pagination .seemb11-pagination-desktop.el-pagination,
	.seemb11-pagination .seemb11-pagination-desktop.el-pagination.is-background {
		display: none !important;
	}

	.seemb11-pagination .seemb11-pagination-mobile.el-pagination,
	.seemb11-pagination .seemb11-pagination-mobile.el-pagination.is-background {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		width: auto !important;
		max-width: 100%;
	}

	.seemb11-pagination .seemb11-pagination-mobile .el-pager {
		display: flex !important;
		flex: 0 0 auto;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: 6px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.seemb11-pagination .seemb11-pagination-mobile .el-pager .number {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		line-height: 1;
		vertical-align: middle;
	}

	.seemb11-pagination .seemb11-pagination-mobile .el-pager .number a,
	.seemb11-pagination .seemb11-pagination-mobile .btn-prev,
	.seemb11-pagination .seemb11-pagination-mobile .btn-next,
	.seemb11-pagination .seemb11-pagination-mobile .btn-prev.is-disabled,
	.seemb11-pagination .seemb11-pagination-mobile .btn-next.is-disabled {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 36px;
		width: 36px !important;
		min-width: 36px !important;
		height: 36px !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 1 !important;
		vertical-align: middle;
		box-sizing: border-box;
	}
}

@media (min-width: 992px) {
	.seemb11-pagination .seemb11-pagination-mobile.el-pagination,
	.seemb11-pagination .seemb11-pagination-mobile.el-pagination.is-background {
		display: none !important;
	}
}

@media (max-width: 575.98px) {
	.seemb11-pagination {
		padding: 14px 0;
	}

	.seemb11-pagination .el-pagination,
	.seemb11-pagination .el-pagination.is-background {
		gap: 4px;
	}
}

/* 页脚产品分类两列在窄屏堆叠 */
@media (max-width: 767.98px) {
	#Footer .footer-product-cat-columns {
		flex-direction: column;
		gap: 0 !important;
	}
}

/* 右侧固定栏：最多占屏高 70%，项多时自动缩小并可滚动 */
#common-fixed {
	height: auto;
	max-height: 70vh;
}

#common-fixed .box {
	height: auto;
	max-height: 70vh;
}

#common-fixed .left {
	max-height: 70vh;
	overflow: visible;
	gap: 0;
}

#common-fixed .left.is-scrollable {
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}

#common-fixed .left::-webkit-scrollbar {
	width: 4px;
}

#common-fixed .left::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.35);
	border-radius: 4px;
}

#common-fixed .left.is-compact .item {
	height: 40px;
	margin-bottom: 6px;
}

#common-fixed .left.is-compact .item > .box i {
	width: 20px;
	height: 20px;
	font-size: 17px;
	margin: 10px;
}

#common-fixed .left.is-compact .item > .box .common-fixed-channel-icon {
	width: 20px;
	height: 20px;
	margin: 10px;
}

#common-fixed .left.is-compact .fiexd-content {
	font-size: 14px;
}

#common-fixed .left.is-compact--sm .item {
	height: 34px;
	margin-bottom: 4px;
}

#common-fixed .left.is-compact--sm .item > .box i {
	width: 18px;
	height: 18px;
	font-size: 15px;
	margin: 8px;
}

#common-fixed .left.is-compact--sm .item > .box .common-fixed-channel-icon {
	width: 18px;
	height: 18px;
	margin: 8px;
}

#common-fixed .left.is-compact--sm .fiexd-content {
	font-size: 12px;
}

/* 右侧固定浮层链接颜色继承 */
#common-fixed .fiexd-content a {
	color: inherit;
	text-decoration: none;
}

#common-fixed .fiexd-content span,
#common-fixed .fiexd-content a {
	white-space: nowrap;
	padding-right: 14px;
}

/* 二维码项：允许左侧弹出层超出 item，悬停显示二维码图 */
#common-fixed .left .item.item--qr-popup {
	overflow: visible;
}

#common-fixed .left .item.item--qr-popup > .tel_box {
	display: none;
	width: auto;
	max-width: none;
	padding: 8px;
	align-items: center;
	justify-content: center;
}

#common-fixed .left .item.item--qr-popup:hover > .tel_box {
	display: flex;
}

#common-fixed .left .item > .box .common-fixed-channel-icon {
	display: block;
	width: 24px;
	height: 24px;
	margin: 12px 12px 14px 14px;
	object-fit: contain;
}

#common-fixed .left .item.item--qr-popup > .tel_box img {
	display: block;
	width: auto;
	height: auto;
	max-width: none;
}

/* 产品详情：缩略图选中态 */
.details-content .mySwiper .swiper-slide.is-active .image-box {
	border-color: #e00007;
}

/* 顶栏：单页菜单悬停下拉（仅显示 menu 名称，单页在 flyout 中） */
@media (min-width: 992px) {
	#Header .navbar .nav-item.nav-has-pages {
		position: relative;
	}

	#Header .nav-page-flyout {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 100%;
		background-color: #fff;
		border-radius: 0 0 8px 8px;
		overflow: hidden;
		z-index: 3100;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	}

	#Header .nav-item.nav-has-pages:hover .nav-page-flyout {
		display: block;
	}

	#Header .nav-page-flyout__link {
		display: block;
		padding: 10px 18px;
		background-color: #fff;
		color: #555;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
		white-space: nowrap;
		text-decoration: none;
	}

	#Header .nav-page-flyout__link:hover,
	#Header .nav-page-flyout__link.active {
		background-color: #fff;
		color: #333 !important;
	}
}

@media (max-width: 991.98px) {
	#Header .nav-page-flyout {
		padding: 0 0 8px 12px;
		background-color: #fff;
	}

	#Header .nav-page-flyout__link {
		display: block;
		padding: 8px 12px;
		background-color: #fff;
		color: #666;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
	}

	#Header .nav-page-flyout__link:hover,
	#Header .nav-page-flyout__link.active {
		color: #333 !important;
		background-color: #fff;
	}
}

/* 简易提示浮层（加入询价反馈） */
.seemb11-toast {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	background: rgba(0, 0, 0, .75);
	color: #fff;
	font-size: 14px;
	padding: 12px 22px;
	border-radius: 6px;
	pointer-events: none;
	max-width: 80vw;
	text-align: center;
}