.btn-quote.loading{
	pointer-events: none;
	opacity: 0.7;
}

/* 右侧 toast 提示需高于配置面板（z-index ~10060） */
#toast-container {
	z-index: 100200 !important;
}

/* 自动拆单提示（confirm / order_placed 通用，不依赖父级 class） */
.quote-split-order-notice{
	margin:12px 0 16px;
	padding:12px 14px;
	background:#fff8e6;
	border:1px solid #f0c674;
	border-radius:6px;
	font-size:13px;
	line-height:1.55;
	color:#5c4a1f;
	clear:both;
	box-sizing:border-box;
}
.quote-split-order-notice-title{
	margin:0 0 10px;
	font-weight:700;
}
.quote-split-order-notice-title i{
	margin-right:6px;
	color:#e6a23c;
}
.quote-split-order-notice-list{
	margin:0;
	padding:0;
	list-style:none;
}
.quote-split-order-notice-list li{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:6px 10px;
	margin:0;
	padding:8px 0;
	border-top:1px solid rgba(240,198,116,0.55);
}
.quote-split-order-notice-list li:first-child{
	border-top:none;
	padding-top:0;
}
.quote-split-order-notice-label{
	font-weight:700;
	min-width:110px;
}
.quote-split-order-notice-no em{
	font-style:normal;
	color:#8a6d1d;
	font-weight:400;
}
.quote-split-order-notice-list li.is-current .quote-split-order-notice-no{
	font-weight:700;
}
.quote-split-order-notice-list a{
	color:#2549d8;
	text-decoration:underline;
	font-weight:600;
}
.quote-split-order-notice-list a:hover{
	color:#1a36a8;
}
.qpage.confirm .qc_left > .qc_stitle,
.qpage.confirm .qc_left > .address_view > label{
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
}
/* 强制清除等号容器的背景 */
.equals-sign-container,
.equals-sign-container::before,
.equals-sign-container::after {
	background: transparent !important;
	background-image: none !important;
	background-color: transparent !important;
}

.qpage_m{float: left;width: 100%;margin: 125px 0 100px;text-align: center;line-height: 30px;display: none;}
.qpage_m i{color: var(--themethree);font-size: 30px;}
.qpage_m .showmdiv{padding: 0 10px;}
.qpage_m b{font-size: 25px;font-weight: 700;letter-spacing: 0px;line-height: 50px;color: rgba(37, 40, 60, 1);text-align: center;vertical-align: top;}
.qpage{float: left;width: 100%;margin: 140px 0 60px;}
.qpage .qt{float: left;width: 100%;margin-bottom: 30px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px;}
.qpage .qt .address{float: left;width: 100%;line-height: 40px;font-size: 13px;color: #aaa;}
.qpage .qt .address a{color: #aaa;}
.qpage .qt .l{float: left;display: flex;align-items: center;gap: 14px;line-height: 60px;font-size: 48px;color: var(--themeone);font-family: 'MB';font-weight: bold;}
.qpage .qt .l span{color:#3c3c3c;font-size: 40px;opacity: 0.8;}
.qpage .qt .l .quote-msg-icon{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;background: rgba(37, 73, 216, 0.12);color: #2549d8;font-size: 20px;line-height: 1;text-decoration: none;flex-shrink: 0;transition: all 0.2s ease;opacity: 1;}
.qpage .qt .l .quote-msg-icon span{color: inherit;font-size: inherit;opacity: 1;line-height: 1;}
.qpage .qt .l .quote-msg-icon:hover{background: #2549d8;color: #fff;}
.qpage .qt .r{display: flex;justify-content: flex-start;align-items: center;line-height: 60px;min-height: 60px;gap: 5px;}
.qpage .qt .r .li{display: flex;flex-direction: column;align-items: center;margin:0 8px;}
.qpage .qt .r .li span{width: 40px;height: 40px;text-align: center;line-height: 40px;background: #aaa;color: #fff;border-radius: 100%;}
.qpage .qt .r .li b{color:#aaa;font-size: 14px;line-height: 20px;}
.qpage .qt .r .li i{width: 14px;height: 14px;background: #aaa;border-radius: 100%;display: inline-block;margin-top: 13px;}
.qpage .qt .r .li.cur i{background: var(--themefive);}
.qpage .qt .r .li.cur span{background: var(--themefive);}
.qpage .qt .r .li.cur b{color: #000;}
.qpage .stitle{float: left;width: 100%;line-height: 40px;font-size: 30px;padding: 0 0 10px 100px;}
.qpage .stitle span{float: left;line-height: 40px;font-size: 30px;}
.qpage .stitle .add{float: right;line-height: 40px;font-size: 20px;}
.qpage .box{float: left;width: 100%;}
@media (max-width: 992px) {
.qpage{display: none;}
.qpage_m{display: block;}
}

.qpage .container .qt .r .insert_title{padding: 0 32px;border-radius: 999px;cursor: pointer;margin: 0;text-align: center;vertical-align: middle;background: #8c8c8c;color: rgba(255, 255, 255, 1);border: 1px solid #8c8c8c;transition: all 0.3s ease;box-shadow: 0 6px 16px rgba(0,0,0,0.12);line-height: 48px;display: inline-flex;align-items: center;justify-content: center;min-width: 170px;height: 48px;font-size: 16px;font-weight: 600;}
.qpage .container .qt .r .insert_title:hover{background: rgba(106, 106, 106, 1);border-color: rgba(106, 106, 106, 1);box-shadow: 0 12px 24px rgba(0,0,0,0.18);transform: translateY(-1px);}
.qpage .container .qt .r .box_content{float: left;position: absolute;top: 190px;/*left: 0;*/background: #fff;border-radius: 12px;padding: 8px;box-shadow: 0 8px 25px rgba(0,0,0,0.15);border: 1px solid #ddd;display: none;width: 180px;z-index: 1000;max-height: 60vh;overflow-y: auto;}
.qpage .container .qt .r .box_content .t_t{float: left;width: 100%;line-height: 30px;background: #eee;margin-bottom:5px;text-indent: 13px;border-radius: 8px;cursor: pointer;text-align: center;vertical-align: middle;transition: all 0.3s ease;}
.qpage .container .qt .r .box_content .t_t:hover{float: left;width: 100%;line-height: 30px;background: rgba(37, 73, 216, 1);margin-bottom:5px;text-indent: 13px;border-radius: 8px;cursor: pointer;text-align: center;vertical-align: middle;color: #fff;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(37, 73, 216, 0.2);}
/* 选中样式 */
.qpage .container .qt .r .box_content .t_t.selected {background-color: rgba(37, 73, 216, 1); color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(37, 73, 216, 0.2);}
.qpage .container .qt .r .box_content .t_t span.showconfigure{display: block;font-size: 8px;margin-top: 0px;line-height: 15px;}
.qpage .container .qt .r .box_content label{float: left;width: 50%;line-height: 24px;}
.qpage .container .qt .r .box_content label input{float: left;margin: 4px 4px 0 0;height: 14px;}
.qpage .container .qt .r .box_content label span{float: left;line-height: 24px;}
.qpage .container .qt .r .box_content .btn{float: left;background: var(--themethree);border: none;color: #fff;border-radius: 4px;padding: 0 15px;line-height: 30px;height: 30px;margin: 5px 0 0 0;}

#order-detail-popup {
	position: absolute;
	width: 650px;
	height: auto; /* 动态高度，根据内容自动调整 */
	#min-height: 600px; /* 最小高度 */
	background: white;
	border: 1px solid #ccc;
	border-radius: 12px; /* 添加圆角 */
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	padding: 0; /* 移除padding，让close按钮和内容分别控制间距 */
	z-index: 1000;
	overflow: hidden; /* 改回hidden，确保内容在框内 */
}

#order-detail-popup .popup-content {
	position: relative;
	height: auto; /* 改为auto，让内容自然撑开 */
	padding: 12px 20px 80px 20px;
}

#order-detail-popup .popup-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

#order-detail-popup .close {
	position: static;
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #fff;
	background: var(--themeone);
	border-radius: 3px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

#order-detail-popup .close span {
	font-size: 30px;
	#line-height: 20px;
}

#order-detail-popup .close span::before {
	#vertical-align: inherit;
	#line-height: 20px;
}

#order-detail-popup .close:hover {
	opacity: 0.8;
	transform: scale(1.1);
}

/* 弹窗底部链接样式 */
#order-detail-popup p {
	#margin: 20px 0 10px 0; /* 增加上下边距，确保文字有足够空间 */
	padding: 0;
	line-height: 1.4;
	font-size: 12px;
	#text-align: center; /* 底部链接也居中对齐 */
}

#order-detail-popup p a {
	color: rgba(37, 73, 216, 1);
	text-decoration: none;
}

#order-detail-popup p a:hover {
	text-decoration: underline;
}

/* Manual Quotation Modal Styles */
#manual-quotation-popup {
	position: fixed;
	width: 800px;
	height: auto;
	min-height: 500px;
	max-height: 80vh;
	background: white;
	border: 1px solid #ccc;
	border-radius: 12px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	padding: 0;
	z-index: 10060;
	overflow: hidden;
}

#manual-quotation-popup .popup-content {
	position: relative;
	height: auto;
	padding: 0;
	display: flex;
	flex-direction: column;
}

#manual-quotation-popup .popup-header {
	background: #f8f9fa;
	padding: 12px 20px;
	border-bottom: 1px solid #e9ecef;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: move;
	user-select: none;
	line-height: 1.2 !important;
}

#manual-quotation-popup .popup-header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	line-height: 1.2 !important;
}

#manual-quotation-popup .popup-header:hover {
	background: #e9ecef;
}

#manual-quotation-popup .popup-header:active {
	background: #dee2e6;
}

#manual-quotation-popup.dragging {
	transition: none !important;
}

#manual-quotation-popup.dragging .popup-header {
	background: #dee2e6;
	cursor: grabbing;
}

.manual-quotation-form {
	padding: 15px 20px 20px 20px;
	flex: 1;
	line-height: normal !important;
}

.manual-quotation-form * {
	line-height: normal !important;
}

#manual-quotation-popup .close-btn {
	position: relative;
	width: 28px;
	height: 28px;
	font-size: 16px;
	cursor: pointer;
	color: #666;
	background: white;
	border-radius: 6px;
	padding: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	border: 1px solid #e9ecef;
	z-index: 1000;
}

#manual-quotation-popup .close-btn:hover {
	color: #fff;
	background: rgba(37, 73, 216, 1);
	border-color: rgba(37, 73, 216, 1);
	transform: scale(1.1);
	box-shadow: 0 6px 20px rgba(37, 73, 216, 0.3);
}

.manual-quotation-form h2 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.manual-quotation-form .title-content {
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.4 !important;
}

.manual-quotation-form .title-content p {
	color: #666;
	line-height: 1.4 !important;
	margin: 0;
}

.manual-quotation-form .title-content a {
	color: #2549d8;
	text-decoration: none;
}

.manual-quotation-form .title-content a:hover {
	text-decoration: underline;
}

.manual-quotation-form .contact-info {
	background: #f8f9fa;
	padding: 10px 15px;
	border-radius: 8px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 1.3 !important;
}

.manual-quotation-form .contact-info .contact-row {
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
	line-height: 1.3 !important;
}

.manual-quotation-form .contact-info .contact-item {
	color: #333;
	line-height: 1.3 !important;
	margin: 0;
}

.manual-quotation-form .contact-info a {
	color: #ff0000;
	text-decoration: none;
}

.manual-quotation-form .contact-info a:hover {
	text-decoration: underline;
}

.manual-quotation-form .form {
	width: 100%;
}

.manual-quotation-form .form-row {
	display: flex;
	gap: 15px;
	margin-bottom: 12px;
	align-items: flex-start;
	line-height: normal !important;
}

.manual-quotation-form .form-field {
	flex: 1;
	display: flex;
	flex-direction: column;
	line-height: normal !important;
}

.manual-quotation-form .form-field.full-width {
	flex: 100%;
}

.manual-quotation-form .form-field label {
	font-weight: bold;
	color: #333;
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 1.2 !important;
}

.manual-quotation-form .form-field .star-tip {
	color: #ff0000;
	margin-right: 5px;
}

.manual-quotation-form .form-field .input,
.manual-quotation-form .form-field .textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
	transition: border-color 0.3s ease;
	line-height: 1.4 !important;
}

.manual-quotation-form .form-field .input:focus,
.manual-quotation-form .form-field .textarea:focus {
	outline: none;
	border-color: #2549d8;
	box-shadow: 0 0 0 2px rgba(37, 73, 216, 0.1);
}

.manual-quotation-form .form-field .textarea {
	height: 80px;
	resize: vertical;
	min-height: 80px;
	line-height: 1.4 !important;
}

.manual-quotation-form .form-field.submit-field {
	text-align: center;
	margin-top: 5px;
	line-height: normal !important;
}

.manual-quotation-form .form-field .btn {
	background: #2549d8;
	color: white;
	border: none;
	padding: 12px 35px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	min-width: 120px;
	line-height: 1.2 !important;
}

.manual-quotation-form .form-field .btn:hover {
	background: #1a3bb8;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(37, 73, 216, 0.3);
}

/* Responsive adjustments for manual quotation modal */
@media (max-width: 1600px) {
	#manual-quotation-popup {
		width: 700px;
	}
}

@media (max-width: 1440px) {
	#manual-quotation-popup {
		width: 650px;
	}
}

@media (max-width: 1280px) {
	#manual-quotation-popup {
		width: 600px;
	}
}

@media (max-width: 768px) {
	#manual-quotation-popup {
		width: 95%;
		max-width: 500px;
		min-height: 450px;
	}
	
	#manual-quotation-popup .popup-content {
		padding: 0;
	}
	
	.manual-quotation-form {
		padding: 12px 15px 15px 15px;
	}
	
	.manual-quotation-form .contact-info {
		padding: 8px 12px;
		margin-bottom: 12px;
	}
	
	.manual-quotation-form .contact-info .contact-row {
		flex-direction: column;
		gap: 6px;
	}
	
	.manual-quotation-form .form-row {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 10px;
	}
	
	.manual-quotation-form .form-field {
		flex: none;
	}
	
	.manual-quotation-form .form-field label {
		margin-bottom: 5px;
		font-size: 13px;
	}
	
	.manual-quotation-form .form-field .input,
	.manual-quotation-form .form-field .textarea {
		padding: 8px 10px;
		font-size: 13px;
	}
	
	.manual-quotation-form .form-field .textarea {
		height: 60px;
		min-height: 60px;
	}
	
	.manual-quotation-form .form-field .btn {
		padding: 10px 30px;
		font-size: 15px;
	}
	.suspension-quote {display: none !important;}
}

/* 转换位置按钮样式 - 与关闭按钮保持一致 */
.toggle-position-btn {
	position: absolute;
	top: 15px;
	right: 50px; /* 调整位置，与关闭按钮并列 */
	width: 32px;
	height: 32px;
	font-size: 18px;
	cursor: pointer;
	color: #666;
	background: white;
	border-radius: 50%;
	padding: 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	border: 2px solid #f0f0f0;
}

.toggle-position-btn:hover {
	color: #fff;
	background: rgba(37, 73, 216, 1);
	border-color: rgba(37, 73, 216, 1);
	transform: scale(1.1);
	box-shadow: 0 6px 20px rgba(37, 73, 216, 0.3);
}

/* 配置窗口左侧定位时的样式 - 已移动到.qli样式之后 */

/* 浮动导航左侧定位时的样式 - 由JavaScript动态控制位置 */

/* 3D Plus 警告图标样式 */
.plus-warning-icon {
	color: red !important;
	margin-left: 5px;
	cursor: pointer;
	font-size: 14px;
	transition: color 0.3s ease;
}

/* 红色感叹号抖动效果 */
.plus-warning-icon[data-read="false"] {
	animation: shake 0.5s ease-in-out infinite;
}

@keyframes shake {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-2px); }
	75% { transform: translateX(2px); }
}

.plus-warning-icon:hover {
	color: blue !important;
}

/* 已读状态的感叹号永远保持蓝色 */
.plus-warning-icon[data-read="true"] {
	color: blue !important;
}

/* 确保已读状态的感叹号不会被hover覆盖 */
.plus-warning-icon[data-read="true"]:hover {
	color: blue !important;
}

/* 冒泡提示样式 - 参考第一张图的样式 */
.bubble-tip {
	background: #f8f9fa;
	color: #333;
	padding: 10px 15px;
	border: 2px solid #dc3545;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	max-width: 300px;
	word-wrap: break-word;
	box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
	position: absolute;
	z-index: 10000;
	text-align: center;
	/* 确保提示不会覆盖感叹号 */
}

/* 感叹号图标浮动抖动动画效果 */
@keyframes shakeAnimation {
	0% { 
		transform: translateX(0) translateY(0) scale(1); 
		background: #dc3545;
		color: #ffffff;
		box-shadow: 0 0 0 rgba(220, 53, 69, 0);
	}
	15% { 
		transform: translateX(-5px) translateY(-4px) scale(1.8); 
		background: linear-gradient(45deg, #ff4757, #ff3838);
		color: #ffffff;
		box-shadow: 0 4px 20px rgba(255, 71, 87, 0.8);
	}
	30% { 
		transform: translateX(5px) translateY(-5px) scale(2.2); 
		background: linear-gradient(45deg, #ff6b35, #f7931e);
		color: #ffffff;
		box-shadow: 0 6px 30px rgba(255, 107, 53, 0.9);
	}
	45% { 
		transform: translateX(-4px) translateY(-3px) scale(1.9); 
		background: linear-gradient(45deg, #ff4757, #ff3838);
		color: #ffffff;
		box-shadow: 0 4px 20px rgba(255, 71, 87, 0.8);
	}
	60% { 
		transform: translateX(4px) translateY(-2px) scale(1.5); 
		background: linear-gradient(45deg, #ffa502, #ff6348);
		color: #ffffff;
		box-shadow: 0 3px 15px rgba(255, 165, 2, 0.6);
	}
	75% { 
		transform: translateX(-2px) translateY(-1px) scale(1.3); 
		background: linear-gradient(45deg, #ffb142, #ff7675);
		color: #ffffff;
		box-shadow: 0 2px 10px rgba(255, 177, 66, 0.4);
	}
	90% { 
		transform: translateX(0) translateY(0) scale(1.1); 
		background: #dc3545;
		color: #ffffff;
		box-shadow: 0 1px 5px rgba(220, 53, 69, 0.2);
	}
	100% { 
		transform: translateX(0) translateY(0) scale(1); 
		background: #dc3545;
		color: #ffffff;
		box-shadow: 0 0 0 rgba(220, 53, 69, 0);
	}
}

.shake-animation {
	animation: shakeAnimation 1.5s ease-in-out 2 !important;
	transform-origin: center center !important;
	color: #ffffff !important; /* 白色文字 */
	background: #dc3545 !important; /* 红色背景 */
	border-radius: 50% !important; /* 圆形背景 */
	width: 20px !important; /* 固定宽度确保圆形 */
	height: 20px !important; /* 固定高度确保圆形 */
	display: inline-flex !important; /* 使用flex布局居中 */
	align-items: center !important; /* 垂直居中 */
	justify-content: center !important; /* 水平居中 */
	padding: 0 !important; /* 移除padding避免变形 */
	position: relative !important;
	z-index: 1000 !important; /* 确保在最前面 */
	font-weight: bold !important; /* 加粗字体 */
	font-size: 12px !important; /* 适当的字体大小 */
	line-height: 1 !important; /* 行高为1避免影响圆形 */
	text-shadow: 0 0 2px rgba(0,0,0,0.5) !important; /* 文字阴影 */
}

/* 移除箭头，保持简洁的弹窗样式 */

/*
 * 产品图4*4排布
 */
.stl-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px; /* 减少网格间距，节省空间 */
	#justify-content: center; /* 图片内容整体居中对齐 */
	align-items: flex-start; /* 顶部对齐 */
}

#order-detail-popup .quote-link {
	display: flex;
	align-items: center;
	text-align: left;
	min-height: 20px;
}

#order-detail-popup .quote-link a {
	display: inline-flex;
	align-items: center;
	line-height: 20px;
	color: #0071e3;
	font-weight: 600;
	text-decoration: none;
	margin: 0;
}

#order-detail-popup .quote-link a:hover {
	text-decoration: underline;
}

.stl-list .quote-image-container {
	width: calc(25% - 6px);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 2px 1px; /* 减少padding，节省空间 */
	box-sizing: border-box;
	row-gap: 2px; /* 减少行间距 */
}

.stl-list .quote-image-container img {
	width: 100%;
	max-height: 100px; /* 恢复图片高度，确保图片清晰可见 */
	object-fit: contain;
}

.stl-list .file-name-container {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	box-sizing: border-box;
	position: relative;
	text-align: left;
	text-indent: 0;
	margin-left: 0;
	padding-left: 0;
}

.stl-list .file-name-container {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	box-sizing: border-box;
	position: relative;
	text-align: left;
	text-indent: 0;
	margin-left: 0;
	padding-left: 0;
}

.stl-list .file-name {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	transform: translateX(0);
	transition: transform 3.5s linear; /* 滚动时间延长到 1.5 秒，匀速滚动 */
	text-align: left;
	text-indent: 0;
	margin-left: 0;
	padding-left: 0;
}

/*
.container{
	max-width: 1300px;
}
*/
.holdquit{
	opacity: 1;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	vertical-align: middle;
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.holdquit a{
	color: rgba(255, 255, 255, 1);
	width: 160px;
	height: 40px;
	opacity: 1;
	border-radius: 104px;
	background: rgba(147, 147, 147, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	line-height: 1;
}
.holdquit a:hover{
	color: rgba(255, 255, 255, 1);
	width: 160px;
	height: 40px;
	opacity: 1;
	border-radius: 104px;
	background: rgba(37, 73, 216, 1);
	box-shadow: 0 4px 12px rgba(37, 73, 216, 0.3);
	transform: translateY(-1px);
}
.holdquit a span{
	padding: 0;
	height: auto;
}

.btn-quote{
	height: 48px;
	min-width: 110px;
	padding: 0 18px;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-right: 12px;
	background: #8c8c8c;
	color: #ffffff;
	box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}
.btn-quote:hover{
	background: #6a6a6a;
	color: #ffffff;
	box-shadow: 0 12px 24px rgba(0,0,0,0.22);
	transform: translateY(-1px);
}

.btn-quote.btn-quote-primary{
	background: #8c8c8c;
	color: #ffffff;
}
.btn-quote.btn-quote-primary:hover{
	background: #6a6a6a;
	color: #ffffff;
}

.qbox{float: left;width: 100%;margin-bottom: 30px;}

.footerbutton{float: left;width: 100%;}

.qnext a.tipnew{display: inline-block;line-height: 70px;background: rgba(255, 255, 255, 1);font-size: 30px;font-family: 'MB';padding: 0 90px;transition: 0.5s;vertical-align: middle; cursor: pointer;}
.qnext a.tipnew:hover{background: rgba(255, 255, 255, 1);padding: 0 120px;}
.qnext a.tipnew span{color: rgba(37, 73, 216, 1);}
.qnext a.tipnew:hover span{color: rgba(37, 73, 216, 1);}

.qnext{width:100%;float:left;text-align: center;display: flex;justify-content: center;align-items: center;}
.qnext a{display: inline-block;line-height: 70px;background: var(--themefive);color: #fff;margin: 0 10px;font-size: 30px;font-family: 'MB';padding: 0 150px;transition: 0.5s;vertical-align: middle;}
.qnext a:hover{background: #1f40c3;padding: 0 180px;}
.qnext .back{padding: 0 60px;transition: 0.5s;vertical-align: middle;line-height: 60px;color: var(--themeone);font-size: 20px;font-weight: normal;border: 2px solid var(--themeone);background: transparent;}
.qnext .back:hover{background: var(--themeone);color: #fff;padding: 0 60px;}
.qnext .btn{display: inline-block;line-height: 70px;color: #fff;font-size: 30px;font-family: 'MB';padding: 0 150px;background: var(--themefive);border: none;transition: 0.5s;vertical-align: middle;margin: 0 10px;}
.qnext .btn:hover{background: #1f40c3;padding: 0 180px;}
/* Keep Configure's high internal z-index below the global navigation. */
#qpage { isolation: isolate; }
.qli{float: left;width: 100%;box-shadow: 0 5px 10px rgba(0,0,0,0.02);margin-bottom: 20px;position: relative;}
.qli.dragging {
	/* 拖拽时的样式 */
	z-index: 1000; /* 提升拖拽项的层级 */
	box-shadow: 0 10px 20px rgba(0,0,0,0.15); /* 增加阴影效果 */
	background-color: #f5f5f5; /* 改变背景色，例如 */
	position: relative;
}
.qli.no{margin-bottom: 0;}
.qli .q_title{float: left;width: 100%;background: var(--themeone);padding: 10px 20px;cursor: all-scroll;border-radius: 8px 8px 0 0;}
.qli .q_title.no{background: #aaa;padding: 10px 20px;}
.qli .q_title .q_title_text_sort{float: left;/*line-height: 20px;*/color: #fff;margin-left: -15px;margin-right: 8px; width: auto; height: 20px;font-size: larger;vertical-align: middle;text-align: center;}
.qli .q_title .checkbox{float: left;margin:3px 10px 0 0; width: 20px; height: 20px;line-height: 20px;cursor: pointer;}
.qli .q_title .q_title_text{float: left;/*line-height: 20px;*/color: #fff; height: 20px;font-size: larger;vertical-align: middle;text-align: center;cursor: pointer;}
.qli .q_title img {float: left;margin-left:20px;width: 20px;height: 20px;opacity: 1;cursor: pointer;vertical-align: middle;text-align: center;margin-top: 3px;}
.qli .q_title .close{float: right;color: #fff;width: 20px;height: 20px;line-height: 20px;margin-left: 15px;cursor: pointer;}
.qli .q_title .close span{font-size: 30px;line-height: 20px;}
.qli .q_title .close span::before{vertical-align: inherit;line-height: 20px;}
/* Keep arrow hit areas fixed and separate, including the gap between them. */
.qli .q_title .sort{float: right;display: flex;align-items: center;justify-content: center;box-sizing: border-box;color: rgba(255,255,255,.5);width: 20px;height: 20px;line-height: 20px;margin-right: 5px;opacity: 1;overflow: hidden;cursor: pointer;transition: color .15s ease;}
.qli .q_title .sort:hover,.qli .q_title .sort:focus-visible{color: #fff;}
.qli .q_title .sort span{display: block;flex: none;font-size: 30px;line-height: 20px;width: 20px;height: 20px;pointer-events: none;}
.qli .q_title .sort span::before{display: block;vertical-align: initial;line-height: 20px;width: 20px;height: 20px;pointer-events: none;}
.qli .q_upload{float: left;width: 100%;background: #fafafa;padding: 30px 20px;display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;border: 3px dashed #fff;background: none;transition: 0.5s;position: relative;}
.qli .q_upload:hover{border: 3px dashed var(--themefive);}
.qli .q_upload:hover form .up_btn i{font-size: 50px;}
.qli .q_upload .up_file{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 444;opacity: 0;}
.qli .q_upload .l{flex:1;display: flex;flex-direction: inherit;}
.qli .q_upload .l .ll{width: 80px;height: 120px;background: #fff;float: left;}
.qli .q_upload .l .lr{flex:1;padding:  0 0 0 20px;display: flex;flex-direction: column;height: 120px;justify-content: space-between;}
.qli .q_upload .l .lr p{height: 24px;width: 100%;background: #fff;}
.qli .q_upload .r{width: 750px;float: right;text-align: center;display: flex;flex-direction:column;align-items: center;}
.qli .q_upload .r p{float: left;width: 100%;font-size: 20px;margin-bottom: 10px;color: var(--themefive);}
.qli .q_upload .r p b{float: left;width: 100%;font-weight: bold;font-family: 'MB';}
.qli .q_upload .r p span{float: left;width: 100%;font-size: 13px;color: #666;font-weight: normal;}
.qli .q_upload .r p em{float: left;width: 100%;height: 13px;text-align: center;padding:0 15%;margin: 10px 0 0;}
.qli .q_upload .r p em i{float: left;width: 100%;height: 13px;background:#fff;border-radius: 13px;overflow: hidden;padding: 4px;}
.qli .q_upload .r p em i strong{float: left;width: 30%;height: 5px;background:var(--themefive);border-radius: 5px;}
.qli .q_upload .r .up_btn{width: 400px;height: 50px;background: none;color: var(--themefive);text-align: center;border: none;display: inline-block;z-index: 3;font-family: 'MB'}
.qli .q_upload .r .up_btn i{font-style: normal;font-size:40px;line-height: 50px;transition: 0.5s;}
.qli .q_upload .r .up_btn div{display: none;font-size: 20px;}
.qli .q_con{float: left;width: 100%;background: #f4f4f4;padding: 5px 10px;display: flex;flex-direction: row;justify-content: space-between;font-size: 13px;position: relative;overflow: hidden;border-radius: 0 0 8px 8px;}
.qli .q_con .file_info{width: 20%;flex: 1;padding-right: 15px;}
.qli .q_con .file_info .horizontal-line {
	/*border-top: 1px solid black;*/
	margin-top: 20px; /* 上下间距 */
	width: 100%; /* 横线的宽度 */
	background: white;
	height: 2px;
}
.qli .q_con .file_info .file_name{float: left;width: 100%;/*background: #fff;line-height: 30px;*/font-weight: bold;color: var(--themeone);/*margin-bottom: 6px;text-indent: 4px;*/font-size: 14px;}
/*.qli .q_con .file_info .file_name i{float: left;height: 20px;width: 20px;margin: 5px;float: left;border: 3px solid #eee;}
.qli .q_con .file_info .file_name b{float: left;line-height: 30px;float: left;}*/
.qli .q_con .file_info .file_name b{padding: 5px;}
.qli .q_con .file_info .file_other{float: left;width: 100%;display: flex;padding-top: 8px;}
.qli .q_con .file_info .file_other .file_thumb{float: left;flex:0 0 120px;width: 120px;height: 120px;}
/* Match the configuration image's 8px outer inset and 120px thumbnail size. */
.qli .q_con .file_info{padding-left:8px;box-sizing:border-box;}
.qli .configure_box .configure-material-col .img_show > img{
	display:block;
	width:120px;
	height:120px;
	margin-bottom:10px;
	object-fit:contain;
	box-sizing:border-box;
}
.qli .q_con .file_info .file_other .file_thumb img{float: left;width: 100%;height:100%;object-fit:contain;box-sizing:border-box;background: #fff;padding: 6px;cursor:pointer;}
.qli .q_con .file_info .file_other .file_right{flex: 1;min-width:0;padding: 0 0 0 12px;font-size: 12px;overflow-wrap:anywhere;}
.qli .q_con .file_info .file-metric{margin-bottom:4px;line-height:1.4;}
.qli .q_con .file_info .file-metric > div{display:block;float:none;width:100%;}
.qli .q_con .file_info .file-metric-label{color:rgba(60, 60, 60, 1);font-weight:bold;font-size:11px;}
.qli .q_con .file_info .file_other .file_right i{float: left;width: 14px;height: 14px;box-shadow: 0 0 5px rgba(0,0,0,0.05);border-radius: 3px;}
.qli .q_con .properties{width: 18%;padding-right: 15px;}
.qli .q_con .properties .strong{float: left;width: 100%;font-weight: bold;color: var(--themeone);font-size: 14px;}
.qli .q_con .properties .li{float: left;width: 100%;margin-top: 2px;}
.qli .q_con .properties .li b{float: left;width: 100%;font-weight: normal;line-height: 12px;font-size: 12px;margin-bottom: 0;}
.qli .q_con .properties .li p{float: left;width: 45%;height: 6px;background: #ccc;margin: 3px 8px 3px 0;}
.qli .q_con .properties .li p span{float: left;height: 6px;background: var(--themefive);width: 5%;}
.qli .q_con .properties .li em{float: left;font-size: 12px;line-height: 12px;color: var(--themefive);}
.qli .q_con .series{width: 10%;padding-right: 15px;left: 0.25px;
	top: 0px;
	opacity: 1;
	/** 文本1 */
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 17px;
	text-align: left;
	vertical-align: top;
}
.qli .q_con .series .strong{float: left;width: 100%;font-weight: bold;color: var(--themeone);font-size: 14px;text-align: left;}
.qli .q_con .series .horizontal-line {
	/*border-top: 1px solid black;*/
	margin-top: 20px; /* 上下间距 */
	width: 100%; /* 横线的宽度 */
	background: white;
	height: 2px;
}
.qli .q_con .series p{left: 1px;
	opacity: 1;
	/** 文本1 */
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0px;
	line-height: 17.07px;
	color: rgba(60, 60, 60, 1);
	text-align: left;
	vertical-align: top;
}
.qli .q_con .proplus_box{width: 20%;padding-right: 15px;}
.qli .q_con .proplus_box .horizontal-line {
	/*border-top: 1px solid black;*/
	margin-top: 20px; /* 上下间距 */
	width: 100%; /* 横线的宽度 */
	background: white;
	height: 2px;
}
.qli .q_con .proplus_box .strong{float: left;width: 100%;font-weight: bold;color: var(--themeone);font-size: 14px; text-align: center;}
.qli .q_con .proplus_box .proplus_list{float: left;width: 100%;/*background: #fff;*/padding-top: 8px;}
/*.qli .q_con .proplus_box .proplus_list .pluscontent{margin: 5px;}*/
.qli .q_con .proplus_box .proplus_list .floatl{float: left; width: 38%;}
.qli .q_con .proplus_box .proplus_list .floatr{float: left; width: 62%;}
.qli .q_con .proplus_box .proplus_list .plus-summary-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  grid-template-rows: minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
  /* Reserve two text lines in both process modes, regardless of label length. */
  height: 40px;
  box-sizing: border-box;
  padding: 2px 0;
  width: 100%;
  margin-bottom:2px;
}
.qli .q_con .proplus_box .proplus_list .plus-summary-row:last-child {
  margin-bottom: 0;
}
.qli .q_con .proplus_box .proplus_list .plus-summary-row > .floatr {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}
.qli .q_con .proplus_box .proplus_list .plus-summary-row > .floatr > span {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plus-summary-expand {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0 3px;
  background: transparent;
  color: rgba(37,73,216,1);
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
}
.plus-summary-expand[hidden] { display: none; }
.plus-summary-tip-section { overflow-wrap: anywhere; }
.plus-summary-tip-section + .plus-summary-tip-section { margin-top: 8px; }
.plus-summary-expand:focus-visible { outline: 2px solid #2549d8; }
.qli .q_con .proplus_box .proplus_list .plus-summary-row > .floatl,
.qli .q_con .proplus_box .proplus_list .plus-summary-row > .floatr {
  float: none;
  width: auto;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  overflow: auto;
  overflow-wrap: anywhere;
  line-height: 18px;
}
.qli .q_con .proplus_box .proplus_list .plus-summary-row > .floatr {
  overflow: hidden;
}
.qli .q_con .proplus_box .proplus_list .plus-summary-row > .floatl span,
.qli .q_con .proplus_box .proplus_list .plus-summary-row > .floatr span {
  line-height: inherit;
}
.qli .q_con .proplus_box .proplus_list .floatl span{/** 文本1 */
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 17px;
	color: rgba(60, 60, 60, 1);
	text-align: left;
	vertical-align: top;}
.qli .q_con .proplus_box .proplus_list .floatr span{/** 文本1 */
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0px;
	line-height: 17.07px;
	color: rgba(60, 60, 60, 1);
	text-align: left;
	vertical-align: top;}
/*
.qli .q_con .proplus_box .proplus_list label{float: left;line-height: 20px;width: 100%;margin: 0;}
.qli .q_con .proplus_box .proplus_list label .checkbox{float: left;margin-right: 4px;}
.qli .q_con .proplus_box .proplus_list label span{float: left;line-height: 20px;font-size: 12px;}
.qli .q_con .proplus_box .desc{float: left;width: 100%;color: #aaa;font-size: 12px;line-height: 14px;display: none;}
 */
.qli .q_con .remark{width: 20%;padding-right: 15px;}
.qli .q_con .remark .strong{float: left;width: 100%;font-weight: bold;
	/** 文本1 */
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 17px;
	color: rgba(34, 34, 34, 1);
	text-align: center;
}
.qli .q_con .remark .horizontal-line {
	/*border-top: 1px solid black;*/
	margin: 20px 0 10px 0; /* 上下间距 */
	width: 100%; /* 横线的宽度 */
	background: white;
	height: 2px;
}
.qli .q_con .remark .textarea{float: left;width: 100%;height: 68px;background: #ddd;font-size: 12px;line-height: 10px;color: var(--themefour);}
.qli .q_con .remark .fielbox{float: left;width: 100%;display: flex;position: relative;}
.qli .q_con .remark .fielbox .file{flex: 1;height: 24px;border: none;background: #ddd;line-height: 24px;margin-right: 5px;position: absolute;top: 0;left: 0;margin:0;z-index: 5;opacity: 0;width: 100%;display: none;}
.qli .q_con .remark .fielbox .input{height: 24px;border: none;background: #ddd;line-height: 24px;margin-right: 5px;width: 100%;color: var(--themefour);cursor: text;padding-left: 8px;transition: all 0.2s ease;}
/* 附件输入框悬停效果 */
.qli .q_con .remark .fielbox .input:hover {
    background-color: #e8e8e8;
}
/* 附件输入框placeholder样式 - 默认隐藏 */
.qli .q_con .remark .fielbox .input::placeholder {
    color: transparent;
    font-style: italic;
    font-size: 12px;
    transition: color 0.2s ease;
}
.qli .q_con .remark .fielbox .input::-webkit-input-placeholder {
    color: transparent;
    font-style: italic;
    font-size: 12px;
    transition: color 0.2s ease;
}
.qli .q_con .remark .fielbox .input::-moz-placeholder {
    color: transparent;
    font-style: italic;
    font-size: 12px;
    transition: color 0.2s ease;
}
.qli .q_con .remark .fielbox .input:-ms-input-placeholder {
    color: transparent;
    font-style: italic;
    font-size: 12px;
    transition: color 0.2s ease;
}
/* 悬停时显示placeholder */
.qli .q_con .remark .fielbox .input:hover::placeholder {
    color: #999;
}
.qli .q_con .remark .fielbox .input:hover::-webkit-input-placeholder {
    color: #999;
}
.qli .q_con .remark .fielbox .input:hover::-moz-placeholder {
    color: #999;
}
.qli .q_con .remark .fielbox .input:hover:-ms-input-placeholder {
    color: #999;
}
.qli .q_con .remark .fielbox .button{width: 100px;height: 24px;line-height: 24px;padding: 0;margin: 0;border: none;background: #000;color: #fff;z-index: 0;position: relative;font-size: 12px;}
/* 删除附件图标样式 */
.delete-attachment-icon {
    position: absolute;
    right: 46px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #dc3545;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    padding: 0;
    background: rgba(220, 53, 69, 0.95);
    border: 1px solid #dc3545;
    border-radius: 6px;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    font-weight: bold;
}
/* 当鼠标悬停在fielbox或input上时显示删除按钮 */
.fielbox:hover .delete-attachment-icon,
.fielbox .input:hover + .delete-attachment-icon {
    opacity: 1;
    visibility: visible;
}
.delete-attachment-icon:hover {
    background: #c82333;
    transform: translateY(-50%) scale(1.15);
    box-shadow: 0 3px 10px rgba(220, 53, 69, 0.5);
}
.delete-attachment-icon:active {
    transform: translateY(-50%) scale(0.95);
}
.qli .q_con .remark .remarktip span{
	/** 文本1 */
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0px;
	color: rgba(37, 73, 216, 1);
}
.qli .q_con .efficiency{width: 10%; padding-right: 15px;}
.qli .q_con .efficiency .horizontal-line {
	/*border-top: 1px solid black;*/
	margin: 20px 0 10px 0; /* 上下间距 */
	width: 100%; /* 横线的宽度 */
	background: white;
	height: 2px;
}
.qli .q_con .efficiency .strong{float: left;width: 100%;font-weight: bold;color: var(--themeone);font-size: 15px;text-align: center;}
.qli .q_con .efficiency .eff_box{
	margin-top: 5px;
	/** 文本1 */
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgba(60, 60, 60, 1);
	text-align: center;
	vertical-align: top;
}
.qli .q_con .efficiency .eff_box2{
	margin-top: 38px;
	/** 文本1 */
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgba(60, 60, 60, 1);
	text-align: center;
	vertical-align: top;
}
.qli .q_con .price{width: 15%;}
.qli .q_con .price .horizontal-line {
	/*border-top: 1px solid black;*/
	margin: 20px 0 10px 0; /* 上下间距 */
	width: 100%; /* 横线的宽度 */
	background: white;
	height: 2px;
}

/*
.qli .q_con .price .promptBatch {
	margin-left: 5px;
}
*/
.qli .promptStyle {
	width: 280px; /* 设置div的宽度 */
	min-height: 114.5px; /* 设置div的高度 */
	background-image: url('../Images/quotes/bj@2x.png'); /* 设置背景图片 */
	background-size: cover; /* 背景图片覆盖整个div区域 */
	/*background-position: center;  背景图片居中 */

	position: absolute;
	/*
	top: -10px;
	left: -45px;
	*/
	top: 94%;
	left: 81.5%;
	display: none;
	float: left; /* 或者使用 'right' 让盒子向右浮动 */
	/*border: 1px solid #000;  边框样式，可以根据需要修改
	 */
	margin-left: -25px;
	padding: 25px 5px 10px 5px;
	z-index: 999;
	border-radius: 5px;
}

.qli .promptStyle .lspan {
	float: left;
	padding: 0;
	/** 文本1 */
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 17.38px;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}
.qli .promptStyle .rspan {
	float: right;
	padding: 0;
	/** 文本1 */
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 17.38px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	vertical-align: top;
	overflow: hidden;
}
.qli .promptStyle .rspan2 {
	float: right;
	padding: 0;
	/** 文本1 */
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 13.03px;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}
.strike {text-decoration: line-through;color: gray;font-size: 15px;margin-right: 5px;}
.qli .q_con .price .strong{float: left;width: 100%;font-weight: bold;color: var(--themeone);font-size: 14px;text-align: left;}
.qli .q_con .price .price_box{float: left;width: 100%;font-weight: bold;color: var(--themeone);font-size: 0px;font-family: 'MB';/*line-height: 54px;*/}
.qli .q_con .price .price_box .btn{float: left;line-height: 36px;background: #2549d8;border-radius: 4px;padding: 0 12px;font-size: 15px;color: #fff;margin-right: 5px;}
.qli .q_con .price .price_box i{font-style: normal;font-size: 30px;}
.qli .q_con .price .price_box b{font-style: normal;font-size: 30px;}
.qli .q_con .price .price_box s{margin-left:5px;font-style: normal;}
.qli .q_con .price .price_box span{font-size: 14px;font-weight: 300;letter-spacing: 0px;color: rgba(60, 60, 60, 1);text-align: center;/*vertical-align: top;*/}
.qli .q_con .price .num_box{float: left;width: 70%;display: flex;border: 1px solid #666;height: 26px;text-align: center;}
.qli .q_con .price .num_box .sub{flex: 1;height: 24px;text-align: center;font-size: 16px;line-height: 24px;background: #eee;cursor: pointer;}
.qli .q_con .price .num_box .num{flex: 1;height: 24px;border: none;width: 80px;text-align: center;border-right: 1px solid #666;border-left: 1px solid #666;font-size: 16px;font-family: 'MB';}
.qli .q_con .price .num_box .add{flex: 1;height: 24px;text-align: center;font-size: 16px;line-height: 24px;background: #eee;cursor: pointer;}
.qli .q_con .price .promptBatch {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
}
.qli .q_con .price .promptBatch .promptBatchImg{
    margin-left:10px;
    width: 25px;
    height: 25px;
    opacity: 1;
    cursor: pointer;
    display: block;
}
.qli .q_con .price .promptBatch .promptBatchImgNote{margin-left:1px;width: 10px;height: 10px;opacity: 1; vertical-align: top;cursor: pointer;}

/*
 * 价格列右侧小图标（如「1 on 1 Review」）用 span.btn；勿作用于 .price_box 内的 div，
 * 否则与 .price_box .btn 特异性相同但靠后，会覆盖蓝色背景，变成白字+透明底。
 */
.qli .q_con .price span.btn.bi-file-person {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-top: 0;
    font-size: 25px;
    line-height: 25px;
    height: 25px;
    width: 25px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    border: none;
    background: transparent;
}

/*
 * Manual Quotation + 超限感叹号同一行：必须用 float，不能与 float:none 混用。
 * 若按钮不设 float:left，仅感叹号 float:left，会落到下一行居左（看起来像「在按钮下方」）。
 */
.qli .q_con .price .price_box .manual-quotation-price-row {
    float: left;
    clear: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 6px;
    box-sizing: border-box;
}

.qli .q_con .price .price_box .btn.bi-file-person.manual-quotation-main-btn {
    float: left;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: auto;
    max-width: calc(100% - 40px);
    min-height: 30px;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    color: #fff;
    background: #2549d8;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
}
.qli.configure-process-cnc .q_con .price .price_box .btn.bi-file-person.manual-quotation-main-btn {
    max-width: 100%;
    padding: 6px 12px;
    font-size: 12px;
}
.qli .q_con .price .price_box .btn.bi-file-person.manual-quotation-main-btn::before {
    flex-shrink: 0;
    font-size: 1em;
    line-height: 1;
}
/* CNC/钣金价格区的 Manual Quotation 按钮已禁用：鼠标禁用样式，且不响应点击弹窗（JS 侧同步拦截） */
.qli .q_con .price .price_box .quote-line-price-cnc-only .btn.bi-file-person.manual-quotation-main-btn {
    cursor: not-allowed;
}

.qli .q_con .price .price_box .manual-quotation-exceed-icon {
    float: left;
    margin-left: 8px;
    line-height: 32px;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: normal;
    color: #000 !important;
}

/* promptBatchImgPlus 样式 - 折扣信息图标 */
.promptBatchImgPlus {
    float: left;
	margin-left: 10px;
    /*transform: translateY(-50%);*/
    width: auto;
    height: 16px; /* 固定高度 */
    opacity: 1;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 为包含图标的容器添加相对定位 */
.plusradio, .plusradioSet {
    position: relative;
}

/* 当图标所在的div包含num_box时的特殊样式 */
.plusradio:has(.num_box) .promptBatchImgPlus,
.plusradioSet:has(.num_box) .promptBatchImgPlus {
    /*vertical-align: top;
    margin-top: 9px;*/
}

.promptBatchImgPlus:hover {
    opacity: 0.8;
    /*transform: translateY(-50%) scale(1.1);*/
}

/* promptStylePlus - Plus折扣信息弹窗样式 */
.promptStylePlus {
    width: auto;
    min-width: 180px;
    min-height: 40px;
    background: rgba(37, 73, 216, 0.95);
    border: 1px solid rgba(37, 73, 216, 1);
    border-radius: 4px;
    position: fixed;
    z-index: 100000;
    padding: 8px 10px;
    box-shadow: 0 4px 12px rgba(37, 73, 216, 0.45);
    display: none;
    text-align: left;
    font-size: 11px;
    line-height: 1.3;
    color: #fff;
    pointer-events: auto;
}

.promptStylePlus.show {
    display: block !important;
    z-index: 100000 !important;
}

/* Plus弹窗箭头 - 指向左侧图标 */
.promptStylePlus::before {
    content: '';
    position: absolute;
    top: 50%; /* 箭头垂直居中 */
    left: -4px; /* 箭头在弹窗左侧 */
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-right-color: rgba(37, 73, 216, 0.95); /* 箭头指向左侧 */
}

/* 折扣信息弹窗样式 */
.discount-info {
    color: #ffeb3b;
    font-weight: bold;
    font-size: 11px;
}

.discount-text {
    color: #fff;
    font-size: 11px;
    line-height: 1.3;
}

.plus-discount-table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	text-align: left;
	color: #fff;
}

.plus-discount-table th,
.plus-discount-table td {
	border: none;
	padding: 2px 12px 2px 0;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	white-space: nowrap;
	color: #fff;
}

.plus-discount-table th {
	padding-bottom: 4px;
}

.plus-discount-table th:last-child,
.plus-discount-table td:last-child {
	padding-right: 0;
}

.plus-discount-empty {
	text-align: left;
}

.qli .configure_box .c .li .r .showmaterial .plusradio .promptStylePlus,
.qli .configure_box .c .li .r .showmaterial .plusradioSet .promptStylePlus,
.qli .configure_box .c .li .r .showmaterial .plusradio .promptStylePlus .plus-discount-table th,
.qli .configure_box .c .li .r .showmaterial .plusradio .promptStylePlus .plus-discount-table td,
.qli .configure_box .c .li .r .showmaterial .plusradioSet .promptStylePlus .plus-discount-table th,
.qli .configure_box .c .li .r .showmaterial .plusradioSet .promptStylePlus .plus-discount-table td {
	color: #fff;
}

/* Reserve the 30px action bar plus a 12px gap even before hover. */
.qli .q_con:has(> .configure_btn .configure_action){padding-bottom:15px;}
.qli .q_con .configure_btn{width: auto;max-width: calc(100% - 20px);position: absolute;bottom: -30px;min-height: 30px;height: auto;background: transparent;color: var(--themeone);left: 50%;right: auto;transform: translateX(-50%);margin-left: 0;z-index: 999;line-height: 30px;display: flex;align-items: center;justify-content: center;transition: bottom 0.5s;padding: 0;}

.qli .q_con:hover .configure_btn{bottom: 0;}
.qli .q_con .configure_btn:not(.add-sample-btn){transition: bottom .18s ease-out;}
.qli .q_con .configure_btn .configure_btn_inner{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 12px;}
/* 三工艺 pill 基础布局；选中色以 index.html 内联 #configure-pill-page-style 为准 */
.qli .q_con .configure_btn .configure_action{display: flex;align-items: center;justify-content: center;width: 160px;min-height: 26px;padding: 0 12px;border-radius: 14px;cursor: pointer;transition: background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;font-size: 12px;white-space: nowrap;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);}
.qli .q_con .configure_btn .configure_action.configure_action_im{/*display: none;*/}
/* 兜底：隐藏无三工艺按钮的旧 Configure（合并残留） */
.qli .q_con > .configure_btn:not(.add-sample-btn):not(:has(.configure_action)){display: none !important;}

/* configure 弹窗左栏工艺快捷切换按钮（CNC / Sheet Metal，上下排列） */
.configure-quick-switch{display:none;flex-direction:column;gap:8px;float: left;}
.configure-quick-switch.is-visible{display:flex;}
.configure-quick-switch-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:35px;padding:0 20px;border:1px solid rgba(37,73,216,.35);border-radius:14px;background:#fff;color:rgba(37,73,216,1);font-size:12px;font-weight:600;letter-spacing:.2px;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(12,23,74,.06);transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;}
.configure-quick-switch-btn:hover{background:rgba(37,73,216,1);border-color:rgba(37,73,216,1);color:#fff;box-shadow:0 2px 6px rgba(37,73,216,.35);}
.configure-quick-switch-btn:active{background:#0c174a;border-color:#0c174a;color:#fff;}
.configure-quick-switch-btn.is-selected{background:rgba(37, 73, 216, 1);border-color:rgba(37, 73, 216, 1);color:#fff;box-shadow:0 2px 6px rgba(37,73,216,.35);}

/* 当鼠标在图标上时，阻止Configure按钮弹出 */
.qli .q_con.icon-hover .configure_btn {
	bottom: -30px !important;
}

/* Retract after a click until the next pointer movement; retain the slide animation. */
.qli .q_con.configure-entry-retracted .configure_btn:not(.add-sample-btn) {
	bottom: -30px !important;
}

/* 主行价格三块：默认隐藏 CNC/IM 专用块，由工艺 class 互斥切换 */
.qli .q_con .price .quote-line-price-cnc-only,
.qli .q_con .price .quote-line-price-im-breakdown{
	display:none;
}

/* CNC：主行价格区仅显示人工报价入口（由 .configure-process-cnc 切换） */
.qli.configure-process-cnc .quote-line-price-standard{display:none !important;}
.qli.configure-process-cnc .quote-line-price-cnc-only{display:block !important;}
.qli.configure-process-cnc .quote-line-price-im-breakdown,
.qli.configure-process-cnc .quote-line-unit-standard{display:none !important;}

/* IM：配置条 Material + Mold = Total；行价格区拆分展示 */
.configure-summary-im-only{display:none;}
.qli.configure-process-im .configure-summary-im-only{
	display:flex !important;
	float:left;
	width:14%;
	flex-direction:column;
	justify-content:center;
	height:80px;
	padding:0 6px;
	box-sizing:border-box;
}
.qli.configure-process-im .configure-summary-im-op{
	display:flex !important;
	float:left;
	width:3%;
	align-items:center;
	justify-content:center;
	height:80px;
	font-size:20px;
	font-weight:700;
	line-height:80px;
	opacity:0.9;
}
.qli.configure-process-im .configure-summary-row .configure-summary-process-col{
	margin-left:6% !important;
	width:14% !important;
}
.qli.configure-process-im .configure-summary-row .configure-summary-printing-only,
.qli.configure-process-im .configure-summary-row .equals-sign-container{
	display:none !important;
}
.qli.configure-process-im .configure-summary-cnc-leadtime-col{
	width:12% !important;
}
.qli.configure-process-im .configure-summary-cnc-unitprice-col{
	width:16% !important;
}
.qli.configure-process-im .quote-line-price-standard,
.qli.configure-process-im .quote-line-unit-standard,
.qli.configure-process-im .quote-line-price-cnc-only{display:none !important;}
.qli.configure-process-im .quote-line-price-im-breakdown{display:block !important;}
.qli.configure-process-im .price_box{
	min-height:88px;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}
.im-price-breakdown{
	display:flex;
	flex-direction:column;
	gap:5px;
	width:100%;
	max-width:100%;
	min-width:0;
	padding:10px 12px;
	border-radius:10px;
	/*background:linear-gradient(180deg, rgba(248,250,255,0.98) 0%, rgba(238,243,255,0.95) 100%);*/
	background: #ffffff;
    border:1px solid rgba(37,73,216,0.2);
	box-shadow:0 1px 0 rgba(255,255,255,0.7) inset;
	box-sizing:border-box;
	text-align:left;
}
.im-price-row{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:12px;
	line-height:1.3;
}
.im-price-label{
	font-size:11px !important;
	font-weight:600 !important;
	letter-spacing:0.02em;
	color:rgba(90,96,110,1) !important;
	white-space:nowrap;
}
.im-price-val{
	font-size:13px !important;
	font-weight:700 !important;
	color:rgba(18,18,18,1) !important;
	font-family:'MB',sans-serif;
	white-space:nowrap;
}
.im-price-row-total{
	margin-top:3px;
	padding-top:7px;
	border-top:1px dashed rgba(37,73,216,0.28);
}
.im-price-row-total .im-price-label{
	font-size:12px !important;
	font-weight:700 !important;
	color:rgba(37,73,216,1) !important;
}
.im-price-row-total .im-price-val{
	font-size:17px !important;
	color:rgba(37,73,216,1) !important;
}
.im-price-total-right{
	display:inline-flex;
	align-items:center;
	justify-content:flex-end;
	gap:4px;
	flex-shrink:0;
}
.im-price-estimate-hint-wrap{
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	line-height:1 !important;
	width:14px;
	height:14px;
	flex-shrink:0;
	outline:none;
	position:relative;
	z-index:2;
	vertical-align:middle;
}
/* 覆盖 .price_box i{font-size:30px}，避免 IM 提示图标过大 */
.qli .q_con .price .price_box .im-price-estimate-hint-wrap,
.qli .q_con .price .price_box .im-price-estimate-hint-wrap span{
	font-size:12px !important;
	font-weight:400 !important;
	letter-spacing:0 !important;
	color:inherit !important;
	text-align:center !important;
}
.qli .q_con .price .price_box .im-price-estimate-hint-wrap i.im-price-estimate-hint-icon,
.qli .q_con .price .price_box i.im-price-estimate-hint-icon,
.im-price-estimate-hint-icon{
	font-size:12px !important;
	line-height:1 !important;
	width:12px !important;
	height:12px !important;
	font-style:normal !important;
	font-weight:400 !important;
	color:rgba(37,73,216,1) !important;
	display:inline-block !important;
	vertical-align:middle;
}
/* 底栏 hint 同时带 wrap 类：需 !important，否则会被 .im-price-estimate-hint-wrap 强制显示成主题蓝（蓝底上看不见） */
.im-configure-price-estimate-hint,
.im-price-estimate-hint-wrap.im-configure-price-estimate-hint{
	display:none !important;
	margin-left:0;
	vertical-align:middle;
	width:14px;
	height:14px;
}
.qli.configure-process-im .im-configure-price-estimate-hint,
.qli.configure-process-im .im-price-estimate-hint-wrap.im-configure-price-estimate-hint,
.qli[data-material-type="3"] .im-configure-price-estimate-hint,
.qli[data-material-type="3"] .im-price-estimate-hint-wrap.im-configure-price-estimate-hint,
.qli .configure_box[data-configure-type="im"] .im-configure-price-estimate-hint,
.qli .configure_box[data-configure-type="im"] .im-price-estimate-hint-wrap.im-configure-price-estimate-hint{
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
}
.qli.configure-process-im .q_con .price,
.qli.configure-process-im .q_con .price .price_box{
	overflow:visible;
}
.qli.configure-process-im .configure-summary-cnc-unitprice-col .configure-summary-price-row > p[class^="all_price_"],
.qli.configure-process-im .configure-summary-cnc-unitprice-col > p[class^="all_price_"]{
	display:inline;
	margin:0;
}
/* 蓝色底栏上强制白色 ⓘ（含 ::before），避免与主题蓝同色 */
.configure-summary-row .im-configure-price-estimate-hint,
.configure-summary-row .im-price-estimate-hint-wrap.im-configure-price-estimate-hint{
	color:#fff !important;
}
.configure-summary-row .im-configure-price-estimate-hint i,
.configure-summary-row .im-configure-price-estimate-hint i::before,
.configure-summary-row .im-configure-price-estimate-hint .im-price-estimate-hint-icon,
.configure-summary-row .im-configure-price-estimate-hint .im-price-estimate-hint-icon::before{
	color:#fff !important;
	font-size:14px !important;
	width:14px !important;
	height:14px !important;
	line-height:1 !important;
	opacity:1 !important;
	-webkit-text-fill-color:#fff !important;
}

/* Solution 方案区：CNC/SMF/IM 与 3DP 统一（series_list 单选 + price_list） */
.configure-solution-area{width:100%;clear:both;overflow:hidden;box-sizing:border-box;}
.qli .configure_box .c .li .r .material.cnc-material-row{
	height:76px !important;
	min-height:76px;
	max-height:76px;
	align-items:stretch;
	flex-wrap:nowrap;
	overflow:hidden;
	box-sizing:border-box;
}
.qli .configure_box .c .li .r .material.cnc-material-row .cate_img{
	float:none;
	flex:0 0 73px;
	width:73px;
	height:100%;
	min-height:0;
	align-self:stretch;
}
.qli .configure_box .c .li .r .material.cnc-material-row .cate_img img{
	height:100%;
	object-fit:cover;
}
.cnc-material-row-info{
	flex:0 0 18%;
	min-width:120px;
	padding:8px 12px 8px 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-self:stretch;
	box-sizing:border-box;
}
.cnc-material-p2-name{font-size:14px;font-weight:700;color:rgba(18,18,18,1);margin:0 0 4px;}
.cnc-material-count{margin:0;font-size:12px;color:rgba(100,100,100,1);}
.cnc-material-row-info .desc{width:100%;padding:0;margin-top:4px;}
.cnc-material-select-first{cursor:pointer;}
.cnc-material-select-first:hover{background:#ddd;}
.cnc-material-select-first:focus-visible{outline:2px solid var(--themefive);outline-offset:-2px;}
/* CNC 三级牌号：图3 横排分格（浅灰底 + 白格 + 悬停/选中灰底），不显示价格 */
.cnc-grade-board{
	flex:1;
	min-width:0;
	height:100%;
	align-self:stretch;
	display:flex;
	flex-direction:column;
	background:#f0f0f0;
	overflow-x:auto;
	overflow-y:hidden;
	box-sizing:border-box;
}
.cnc-grade-row{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	flex:1;
	width:100%;
	min-width:min-content;
	height:100%;
	align-items:stretch;
	align-self:stretch;
	background:#f0f0f0;
	border-top:none;
}
.cnc-grade-cell{
	position:relative;
	overflow:hidden;
	flex:1 1 0;
	min-width:88px;
	height:100%;
	padding:6px 8px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	cursor:pointer;
	background:#fff;
	border-bottom:none;
	transition:background .2s ease;
	box-sizing:border-box;
}
.cnc-grade-cell:last-child{
	border-right:none;
}
.cnc-grade-cell .cnc-grade-choose{
	position:absolute;
	right:0;
	bottom:-24px;
	height:24px;
	padding:0 6px;
	border-radius:6px 0 0 0;
	background:var(--themeone);
	color:#fff;
	font-size:12px;
	font-style:normal;
	line-height:24px;
	transition:bottom .5s;
	pointer-events:none;
}
.cnc-grade-cell:hover .cnc-grade-choose{
	bottom:0;
}
.cnc-grade-cell .cnc-grade-name{
	display:block;
	font-size:13px;
	font-weight:700;
	line-height:1.3;
	color:rgba(18,18,18,1);
	word-break:break-word;
	max-height:100%;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.cnc-grade-cell:hover{
	background:#ddd;
}
.cnc-grade-cell.cur{
	background:#40445e;
	color:#fff;
}
.cnc-grade-cell.cur .cnc-grade-name{
	color:#fff;
}
.cnc-chip-price,
.cnc-grade-cell .cnc-chip-price{
	display:none !important;
}
.qli .configure_box .c .li .r .material.cnc-material-row:hover{
	background:#fafafa;
}
.qli .configure_box .c .li .r .material.cnc-material-row .cnc-grade-board,
.qli .configure_box .c .li .r .material.cnc-material-row .cnc-grade-row{
	background:#f0f0f0;
}

/* CNC Lead Time：ⓘ 图标 + 悬停浮层（由 JS 显示图标、定位文案） */
.cnc-leadtime-hint-wrap--hidden{
	display:none !important;
}
.cnc-leadtime-hint-wrap{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-left:5px;
	vertical-align:middle;
	cursor:pointer;
	flex-shrink:0;
	line-height:1;
}
.cnc-leadtime-hint-icon{
	display:inline-block;
	font-size:15px;
	line-height:1;
	vertical-align:middle;
}
.q_con .cnc-leadtime-hint-icon{
	color:rgba(37,73,216,1);
}
.configure_box .cnc-leadtime-hint-icon{
	color:rgba(255,255,255,0.95);
}
/* Lead Time 标题必须保持 float:left（与其它列 .strong 一致），否则分隔线会错位 */
.qli .q_con .efficiency .strong.cnc-leadtime-label{
	float:left;
	width:100%;
	text-align:center;
	box-sizing:border-box;
}
.qli .q_con .efficiency .strong.cnc-leadtime-label .cnc-leadtime-hint-wrap{
	display:inline-flex;
	vertical-align:middle;
	margin-left:5px;
}
.configure-summary-row .cnc-leadtime-label{
	float:none;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	gap:5px;
	width:100%;
	box-sizing:border-box;
	flex-wrap:nowrap;
}
.qli.cnc-leadtime-hints-active .q_con .efficiency,
.qli.im-leadtime-hints-active .q_con .efficiency,
.qli.configure-process-cnc .q_con .efficiency,
.qli.configure-process-im .q_con .efficiency{
	overflow:visible;
	z-index:6;
}

/* 配置弹窗主体行：flex 铺满，3D Plus 右侧选项区自动占满剩余宽度 */
.qli .configure_box .c .li .r.configure-detail-row,
.qli .configure_box .c .li .r:has(.configure-only-printing-extras){
	display:flex;
	flex-wrap:nowrap;
	align-items:stretch;
	box-sizing:border-box;
	width:100%;
}
.qli .configure_box .c .li .r.configure-detail-row,
.qli .configure_box .c .li .r:has(.configure-only-printing-extras){
	--configure-content-height:min(300px, 55vh);
	max-height:var(--configure-content-height);
	min-height:0;
}
/* Each column scrolls independently; the price/Confirm row stays outside. */
.qli .configure_box .c .li .r.configure-detail-row > .configure-material-col,
.qli .configure_box .configure-only-printing-extras > .showmaterial{
	max-height:calc(var(--configure-content-height) - 10px);
	min-height:0;
	overflow-y:auto;
	overflow-x:hidden;
	overscroll-behavior-y:contain;
	scrollbar-width:thin;
}
.qli .configure_box .c .li .r.configure-detail-row > .showmaterial,
.qli .configure_box .c .li .r:has(.configure-only-printing-extras) > .showmaterial{
	float:none !important;
	box-sizing:border-box;
}
.qli .configure_box .c .li .r .configure-material-col{
	flex:0 0 27%;
	width:27% !important;
	max-width:27%;
}
/* IM：与 3D 配置一致，内容左对齐铺满，不做居中收拢 */
/* Keep material and lead-time choices side by side when a scrollbar appears. */
.qli .configure_box .configure-material-col .configure-solution-printing{
	display:grid;
	grid-template-columns:minmax(0, 1.6fr) minmax(0, 1fr);
	align-items:start;
}
.qli .configure_box .configure-material-col .configure-solution-printing > .series_list_html,
.qli .configure_box .configure-material-col .configure-solution-printing > .price_list_html{
	float:none !important;
	min-width:0;
	width:auto;
	height:auto !important;
	overflow:visible !important;
}
.qli .configure_box .c .li .r .configure-material-col .configure-solution-printing .series_list,
.qli .configure_box .c .li .r .configure-material-col .configure-solution-printing .price_list{
	width:auto;
	min-width:0;
	height:auto;
	min-height:40px;
	box-sizing:border-box;
	overflow-wrap:anywhere;
}
.qli.configure-process-im .configure_box .c .li .r.configure-detail-row{
	justify-content:flex-start;
}
.qli.configure-process-im .configure_box .c .li .r .configure-material-col{
	flex:0 0 27% !important;
	width:27% !important;
	max-width:27% !important;
}
.qli .configure_box .c .li .r .configure-vdivider-col{
	flex:0 0 6px;
	width:6px !important;
	max-width:6px;
	padding:5px 2px !important;
}
.qli .configure_box .configure-only-printing-extras{
	flex:1 1 0 !important;
	width:auto !important;
	min-width:0;
	min-height:0;
	max-height:calc(var(--configure-content-height) - 10px);
	display:flex !important;
	flex-wrap:nowrap;
	align-items:stretch;
	box-sizing:border-box;
}
.qli.configure-process-im .configure_box .configure-only-printing-extras{
	flex:1 1 0 !important;
	width:auto !important;
	max-width:none;
}
.qli .configure_box .configure-only-printing-extras > .configure-plus-intro,
.qli .configure_box .configure-only-printing-extras > [id^="show3dplusSelected"]{
	flex:0 0 45%;
	width:45% !important;
	max-width:45%;
	float:none !important;
}
.qli .configure_box .configure-only-printing-extras > .showplusinfo_html,
.qli .configure_box .configure-only-printing-extras > [id^="showplusinfo"]{
	flex:1 1 0;
	width:auto !important;
	min-width:0;
	float:none !important;
}
.qli .configure_box .configure-only-printing-extras > [id^="showplusinfo"] > div[style*="float: left"][style*="width: 100%"]{
	width:100% !important;
	box-sizing:border-box;
}

/* CNC：保留 3D Plus™ 配置区（文案由 data-process-type-text 切换为 CNC Plus™） */
.qli.configure-process-cnc .configure-only-printing-extras{
	display:flex !important;
	flex-wrap:nowrap;
	align-items:stretch;
}
/* 底栏 Lead Time / Unit Price / Confirm（3D/IM 等仍用 float 布局） */
.configure-summary-row .configure-summary-cnc-leadtime-col,
.configure-summary-row .configure-summary-cnc-unitprice-col{
	float:left;
	width:10%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	height:80px;
	box-sizing:border-box;
}
/* 统一标签 / 横线 / 数值行高，保证 Lead Time 与 Unit Price/Total Cost 白线水平对齐 */
.configure-summary-row .configure-summary-cnc-leadtime-col > b,
.configure-summary-row .configure-summary-cnc-unitprice-col > b{
	display:flex;
	align-items:center;
	min-height:20px;
	line-height:20px;
	margin:0;
	width:100%;
	box-sizing:border-box;
}
.configure-summary-row .configure-summary-cnc-leadtime-col > .horizontal-line,
.configure-summary-row .configure-summary-cnc-unitprice-col > .horizontal-line{
	flex:0 0 1px;
	width:90%;
	max-width:90%;
	height:1px;
	margin:5px 0;
	background:#fff;
}
.configure-summary-row .configure-summary-cnc-leadtime-col > p,
.configure-summary-row .configure-summary-cnc-unitprice-col > .configure-summary-price-row,
.configure-summary-row .configure-summary-cnc-unitprice-col > p{
	display:flex;
	align-items:center;
	min-height:22px;
	line-height:22px;
	margin:0;
	width:100%;
	box-sizing:border-box;
}
.configure-summary-price-row{
	display:inline-flex !important;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:nowrap;
	gap:4px;
	width:auto !important;
	max-width:100%;
}
.configure-summary-price-row > p{
	margin:0 !important;
	line-height:22px;
	white-space:nowrap;
}
.configure-summary-price-row .im-configure-price-estimate-hint{
	position:static;
	margin:0 0 0 4px !important;
	flex-shrink:0;
	align-self:center;
	line-height:1 !important;
}
.configure-summary-row .configure-summary-cnc-confirm-col{
	float:left;
	width:15%;
	display:flex;
	align-items:center;
	justify-content:center;
	height:80px;
}

/* CNC 底栏：单行 flex 布局，避免 Lead Time / Unit Price / Confirm 换行 */
.qli.configure-process-cnc .configure-summary-row{
	display:flex !important;
	flex-wrap:nowrap !important;
	align-items:center !important;
	height:80px !important;
	min-height:80px;
	overflow:visible;
	box-sizing:border-box;
}
.qli.configure-process-cnc .configure-summary-row > div{
	float:none !important;
	flex-shrink:0;
}

/* CNC 底栏：工艺要求 4 下拉（Tolerance / Surface Roughness / Edge Requirement / Inspection Report，仅 CNC 工艺显示） */
.configure-summary-cnc-reqs.configure-summary-cnc-only{
	display:none;
}
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-reqs{
	display:grid !important;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	grid-auto-rows:auto;
	gap:8px 14px;
	flex:1 1 auto;
	min-width:560px;
	max-width:66%;
	margin-left:12px;
	padding-right:12px;
	box-sizing:border-box;
	align-content:center;
	overflow:visible;
	visibility:visible !important;
	opacity:1 !important;
	pointer-events:auto !important;
}
.cnc-req-field{
	min-width:0;
}
.cnc-req-label{
	display:block;
	margin-bottom:4px;
	font-size:13px;
	font-weight:700;
	color:#fff;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.cnc-req-controls{
	display:flex;
	flex-direction:column;
	gap:4px;
	width:100%;
	min-width:0;
}
.cnc-req-custom-input{
	display:none;
	width:100%;
	height:28px;
	padding:3px 8px;
	font-size:12px;
	font-weight:600;
	color:#2549d8;
	background:#fff;
	border:1px solid rgba(255,255,255,0.9);
	border-radius:4px;
	box-sizing:border-box;
}
.cnc-req-custom-input:focus{
	outline:2px solid rgba(255,255,255,0.6);
	outline-offset:1px;
}
/* Select2 选中框适配底栏（下拉面板挂 body 下，样式见后续独立选择器） */
.cnc-req-controls .select2-container--default .select2-selection--single{
	height:28px;
	background:#fff;
	border:1px solid rgba(255,255,255,0.9);
	border-radius:4px;
}
.cnc-req-controls .select2-container--default .select2-selection--single .select2-selection__rendered{
	padding-left:8px;
	padding-right:24px;
	font-size:13px;
	font-weight:600;
	color:#2549d8;
	line-height:26px;
}
.cnc-req-controls .select2-container--default .select2-selection--single .select2-selection__arrow{
	height:26px;
	width:20px;
}
.cnc-req-controls .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-color:#2549d8 transparent transparent transparent;
	border-width:5px 4px 0 4px;
}
.cnc-req-controls .select2-container--default.select2-container--focus .select2-selection--single,
.cnc-req-controls .select2-container--default.select2-container--open .select2-selection--single{
	outline:2px solid rgba(255,255,255,0.6);
	outline-offset:1px;
}
/* Select2 下拉面板（挂 body 下，勿嵌套在 .configure-summary-cnc-reqs 内） */
.select2-container--default .cnc-req-select-dropdown .select2-results__option{
	font-size:13px;
	padding:5px 10px;
}
.select2-container--default .cnc-req-select-dropdown .select2-results__option[title]{
	position:relative;
}
.select2-container--default .cnc-req-select-dropdown .select2-results__option--highlighted[aria-selected]{
	background-color:#eef2ff;
	color:#2549d8;
}

/* CNC 底栏右侧：Lead Time / Unit Price / Confirm 同一行靠右 */
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-leadtime-col,
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-unitprice-col,
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-confirm-col{
	display:flex !important;
	flex-direction:column;
	justify-content:center;
	flex:0 0 auto;
	width:auto !important;
	min-width:88px;
	height:80px !important;
	padding:0 10px;
	box-sizing:border-box;
	white-space:nowrap;
}
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-leadtime-col{
	margin-left:auto !important;
}
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-leadtime-col b,
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-unitprice-col b{
	white-space:nowrap;
}
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-leadtime-col p,
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-unitprice-col p,
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-unitprice-col .configure-summary-price-row{
	white-space:nowrap;
	margin:0;
}
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-confirm-col{
	min-width:167px;
	padding:0 12px 0 4px;
	align-items:center;
	justify-content:center;
}
.qli.configure-process-cnc .configure-summary-row .configure-summary-cnc-confirm-col button{
	flex-shrink:0;
}

/* CNC 底栏：隐藏工艺/Color/Finish/Function/=，不占横向空间 */
.qli.configure-process-cnc .configure-summary-row .configure-summary-process-col,
.qli.configure-process-cnc .configure-summary-row .configure-summary-printing-only,
.qli.configure-process-cnc .configure-summary-row .equals-sign-container{
	display:none !important;
	width:0 !important;
	min-width:0 !important;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden !important;
	visibility:hidden !important;
	pointer-events:none !important;
	opacity:0;
}
.qli.configure-process-cnc .configure_box .cnc-leadtime-hint-wrap:not(.cnc-leadtime-hint-wrap--hidden){
	display:inline-flex !important;
	visibility:visible !important;
}

/* Configure 3D+/CNC Plus™ 选项区：数量调节器与折扣图标（与打印配置一致） */
.qli .configure_box .configure-plus-options .plusradio,
.qli .configure_box .configure-plus-options .plusradioSet,
.configure_pop .showplusinfo_html_batch .plusradio,
.configure_pop .showplusinfo_html_batch .plusradioSet{
	display:inline-flex;
	align-items:center;
	flex-wrap:wrap;
	gap:4px 6px;
	float:none;
	width:auto;
	min-width:48%;
	max-width:100%;
	padding:5px 8px 5px 0;
	box-sizing:border-box;
	position:relative;
}
.qli .configure_box .configure-plus-options .num_box,
.configure_pop .showplusinfo_html_batch .num_box{
	display:inline-flex;
	align-items:stretch;
	flex:0 0 auto;
	width:auto;
	min-width:90px;
	height:22px;
	margin:0;
	border:1px solid #666;
	float:none;
	vertical-align:middle;
}
.qli .configure_box .configure-plus-options .num_box .sub,
.qli .configure_box .configure-plus-options .num_box .add,
.configure_pop .showplusinfo_html_batch .num_box .sub,
.configure_pop .showplusinfo_html_batch .num_box .add{
	flex:0 0 22px;
	width:22px;
	height:20px;
	line-height:20px;
	font-size:12px;
	text-align:center;
	background:#eee;
	cursor:pointer;
}
.qli .configure_box .configure-plus-options .num_box .num,
.configure_pop .showplusinfo_html_batch .num_box .num{
	flex:0 0 36px;
	width:36px;
	height:20px;
	border:none;
	border-left:1px solid #666;
	border-right:1px solid #666;
	text-align:center;
	font-size:12px;
	font-family:'MB',sans-serif;
	padding:0;
	margin:0;
	float:none;
}
.qli .configure_box .configure-plus-options .promptBatchImgPlus,
.configure_pop .showplusinfo_html_batch .promptBatchImgPlus{
	display:inline-block;
	vertical-align:middle;
	margin-left:2px;
}

/* Configure 3D+/CNC Plus™：选项行内附件上传（is_setupload=1） */
.qli .configure_box .configure-plus-options .configure-plus-upload,
.qli .configure_box [id^="showplusinfo"] .configure-plus-upload,
.qli .configure_box .c .li .r .showmaterial .fielbox.configure-plus-upload,
.configure_pop .con .box .c .li .r .showmaterial .fielbox.configure-plus-upload{
	display:inline-flex;
	align-items:center;
	position:relative;
	margin-left:0;
	min-width:0;
	max-width:100%;
	width:100%;
	box-sizing:border-box;
	float:none;
	height:24px;
	flex:1 1 100%;
	vertical-align:middle;
}
.qli .configure_box .configure-plus-options .configure-plus-upload .file,
.qli .configure_box [id^="showplusinfo"] .configure-plus-upload .file,
.qli .configure_box .c .li .r .showmaterial .fielbox.configure-plus-upload .file,
.configure_pop .con .box .c .li .r .showmaterial .fielbox.configure-plus-upload .file{
	position:absolute;
	width:0.1px;
	height:0.1px;
	opacity:0;
	overflow:hidden;
	z-index:2;
}
.qli .configure_box .configure-plus-options .configure-plus-upload .input,
.qli .configure_box [id^="showplusinfo"] .configure-plus-upload .input,
.qli .configure_box .c .li .r .showmaterial .fielbox.configure-plus-upload .input,
.configure_pop .con .box .c .li .r .showmaterial .fielbox.configure-plus-upload .input{
	flex:1 1 0;
	width:0;
	box-sizing:border-box;
	min-width:0;
	height:24px;
	border:none;
	background:#ddd;
	line-height:24px;
	margin:0 4px 0 0;
	padding:0 8px;
	font-size:11px;
	color:var(--themefour, #2549d8);
	cursor:default;
}
.qli .configure_box .configure-plus-options .configure-plus-upload .configure-plus-upload-btn,
.qli .configure_box [id^="showplusinfo"] .configure-plus-upload .configure-plus-upload-btn,
.qli .configure_box .c .li .r .showmaterial .fielbox.configure-plus-upload .configure-plus-upload-btn,
.configure_pop .con .box .c .li .r .showmaterial .fielbox.configure-plus-upload .configure-plus-upload-btn{
	flex:0 0 auto;
	box-sizing:border-box;
	width:auto;
	min-width:72px;
	height:24px;
	line-height:24px;
	padding:0 10px;
	margin:0;
	border:none;
	background:#000;
	color:#fff;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	z-index:1;
	white-space:nowrap;
}
.qli .configure_box .configure-plus-options .configure-plus-upload .configure-plus-upload-btn:hover,
.qli .configure_box [id^="showplusinfo"] .configure-plus-upload .configure-plus-upload-btn:hover{
	background:#2549d8;
}

/* Shared icon-only upload controls, including dynamically rendered Plus options. */
.qli .q_con .remark .fielbox .button.quote-upload-icon-button,
.qli .configure_box .configure-plus-options .configure-plus-upload .button.quote-upload-icon-button,
.qli .configure_box [id^="showplusinfo"] .configure-plus-upload .button.quote-upload-icon-button,
.qli .configure_box .c .li .r .showmaterial .fielbox.configure-plus-upload .button.quote-upload-icon-button,
.configure_pop .con .box .c .li .r .showmaterial .fielbox.configure-plus-upload .button.quote-upload-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  box-sizing: border-box;
  width: 36px;
  min-width: 36px;
  height: 24px;
  padding: 0;
  background: #25283c;
  color: #fff;
  cursor: pointer;
  border-radius: 6px;
}
.quote-upload-icon-button .quote-upload-icon {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  pointer-events: none;
}

/* Original 与复选框水平并列 */
.configure-plus-none-block .configure-plus-none-row,
.configure_pop .configure-plus-none-row{
	display:inline-flex;
	align-items:center;
	flex-wrap:nowrap;
	gap:6px;
	margin-top:4px;
}
.configure-plus-none-label,
.configure-plus-option-label{
	display:inline-flex;
	align-items:center;
	flex-wrap:nowrap;
	gap:4px;
	margin:0;
	cursor:pointer;
	white-space:normal;
}
.configure-plus-none-label input,
.configure-plus-option-label input{
	flex:0 0 auto;
	margin:0;
	vertical-align:middle;
}
.configure-plus-none-label .configure-original-text,
.configure-plus-option-label .configure-plus-option-text{
	line-height:17px;
}

.qli .configure_box{width: 100%;float: left;display: none;background:#fff;/*border-bottom: 4px solid var(--themefive);*/padding: 8px 8px 0;position: relative;z-index: 1;border-radius: 5px;}
.qli .configure_box .configure_type_badge{position: absolute;top: 8px;right: 18px;left: auto;z-index: 2;background: transparent !important;color: #fff;font-family: 'MB';font-weight: 700;font-size: 15px;line-height: 40px;height: 40px;padding: 0 15px;display: none;}
.qli .configure_box .configure_type_badge[data-type="printing"]{background: transparent !important;}
.qli .configure_box .configure_type_badge[data-type="cnc"]{background: transparent !important;}
.qli .configure_box .configure_type_badge[data-type="im"]{background: transparent !important;}
.qli .configure_box .close_configure{float: left;width: 100%;line-height: 30px;background: var(--themefive);color: #fff;text-align: center;cursor: pointer;transition: all 0.3s ease;border-radius: 5px;}
.qli .configure_box .close_configure:hover{transform: translateY(-1px);box-shadow: 0 2px 8px var(--themefive);}
.qli .configure_box .bi-x-lg{position: absolute;right: -108px;width: 54px;height: 60px;line-height: 60px;text-align: center;color: var(--themefive);background: #fff;top: 0;border-right: 4px solid var(--themefive);font-weight: bold;font-size: 20px;cursor: pointer;border-radius: 5px;}
.qli .configure_box .toggle-position-btn{position: absolute;right: -54px;width: 54px;height: 60px;line-height: 60px;text-align: center;color: var(--themefive);background: #fff;top: 0;border-right: 4px solid var(--themefive);font-weight: bold;font-size: 20px;cursor: pointer;border-radius: 5px;}

/* 左侧按钮样式 - 交换转换按钮和关闭按钮的位置 */
.qli .configure_box.position-left .bi-x-lg{position: absolute;left: -108px;right: auto;width: 54px;height: 60px;line-height: 60px;text-align: center;color: var(--themefive);background: #fff;top: 0;border-left: 4px solid var(--themefive) !important;border-right: none !important;font-weight: bold;font-size: 20px;cursor: pointer;border-radius: 5px;}
.qli .configure_box.position-left .toggle-position-btn{position: absolute;left: -54px;right: auto;width: 54px;height: 60px;line-height: 60px;text-align: center;color: var(--themefive);background: #fff;top: 0;border-left: 4px solid var(--themefive) !important;border-right: none !important;font-weight: bold;font-size: 20px;cursor: pointer;border-radius: 5px;}
.qli .configure_box .c{float: left;width: 100%;}
.qli .configure_box .c .li{float: left;width: 100%;overflow: hidden;transition: 0.5s;margin-bottom: 1.5px;border-radius: 5px;}
.qli .configure_box .c .li .bt{float: left;width:100%;line-height: 44px;color: #fff;font-size: 18px;padding:0;background:var(--themeone);position: relative;cursor: pointer;}
/* 材料手风琴标题：保证在侧栏/其它层之上可点 */
.qli .configure_box .stl-material-list-root > .li > .bt{z-index: 8;}
.qli .configure_box .c .li .bt b{float: left;font-family: 'MB';color: #fff;line-height: 40px;padding:  0 15px;font-size: 15px;}
.qli .configure_box .c .li .bt span{float: right;line-height: 40px;color: #fff;margin-right: 20px;}
.qli .configure_box .c .li .r{width: 100%;float: left;}
.qli .configure_box .c .li .r .material{float: left;width: 100%;display: flex;flex-direction: row;border-bottom: 3px solid var(--themeone);height: 76px;background: #f0f0f0;transition: 0.5s;}
.qli .configure_box .c .li .r .material:hover{background: #fafafa;}
.qli .configure_box .c .li .r .material:last-child{border-bottom: none;}
.qli .configure_box .c .li .r .material .cate_img{float: left;width: 73px;height: 73px;}
.qli .configure_box .c .li .r .material .cate_img img{float: left;width: 100%;height: 100%;}
.qli .configure_box .c .li .r .material .title{width: 15%;padding: 10px 10px 0;margin-right: 25px;}
.qli .configure_box .c .li .r .material .title b{float: left;width: 100%;background: #fff;font-family: 'MB';color: var(--themeone);line-height: 24px;/*padding: 0 4px;*/margin-bottom: 5px;font-size: 13px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.qli .configure_box .c .li .r .material .title p{float: left;width: 100%;font-size: 12px;line-height: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.qli .configure_box .c .li .r .material .desc{width: 40%;padding: 5px;/*display: flex;*/flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.qli .configure_box .c .li .r .material .desc .descjx{
	background-image: url('../Images/quotes/jx422@2x.png'); /* 设置背景图片 */
	background-size: cover; /* 背景图片覆盖整个div区域 */
	line-height: 20px;
	width: 30%;
	height: 20px;
	opacity: 1;
	margin: 5px;
	float: left;
}
.qli .configure_box .c .li .r .material .desc .descjx span{
	/** 文本1 */
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 10px;
	color: rgba(37, 73, 216, 1);
	text-align: left;
	vertical-align: center;
}

.vertical-line {
	margin: 20px 0;
	width: 0px;
	height: 220px;
	border: 0.5px solid rgba(189, 189, 189, 1);
}

.qli .configure_box .c .li .r .material .desc .items{float: left;width: 50%;padding: 5px 0 0;display: flex;flex-wrap: wrap;height: 34px;}
.qli .configure_box .c .li .r .material .desc .items b{float: left;width: 100%;font-weight: normal;line-height: 16px;font-size: 12px;padding: 0;}
.qli .configure_box .c .li .r .material .desc .items p{float: left;width:45%;height: 6px;background: #ccc;margin: 3px 4px 0 0;}
.qli .configure_box .c .li .r .material .desc .items p span{float: left;height: 6px;background: var(--themefive);width: 5%;}
.qli .configure_box .c .li .r .material .desc .items i{float: left;line-height: 12px;color: var(--themefive);font-size: 12px;font-style: normal;}
.qli .configure_box .c .li .r .material .times{flex: 1;height: 76px;display: flex;justify-content: flex-end;}
.qli .configure_box .c .li .r .material .times .material_items{width: 23%;padding: 0 10px 0;position: relative;color: #000;cursor: pointer;overflow: hidden;overflow: hidden;height: 73px;}
.qli .configure_box .c .li .r .material .times .material_items i{background: var(--themeone);}
.qli .configure_box .c .li .r .material .times .material_items:hover{background: #ddd;}
.qli .configure_box .c .li .r .material .times .material_items.cur{background: #333;}
.qli .configure_box .c .li .r .material .times .material_items.cur b{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items.cur p{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_24Hours b{color: var(--themethree)}
.qli .configure_box .c .li .r .material .times .material_items_24Hours i{background: var(--themethree)}
.qli .configure_box .c .li .r .material .times .material_items_48Hours b{color: #4fd7dc}
.qli .configure_box .c .li .r .material .times .material_items_48Hours i{background: #4fd7dc}
.qli .configure_box .c .li .r .material .times .material_items_72Hours b{color: var(--themefive)}
.qli .configure_box .c .li .r .material .times .material_items_72Hours i{background: var(--themefive)}
.qli .configure_box .c .li .r .material .times .material_items_4Days b{color: var(--themeone)}
.qli .configure_box .c .li .r .material .times .material_items_4Days i{background: var(--themeone)}
.qli .configure_box .c .li .r .material .times .material_items_5Days b{color: var(--themeone)}
.qli .configure_box .c .li .r .material .times .material_items_5Days i{background: var(--themeone)}
.qli .configure_box .c .li .r .material .times .material_items_10Days b{color: var(--themeone)}
.qli .configure_box .c .li .r .material .times .material_items_10Days i{background: var(--themeone)}
.qli .configure_box .c .li .r .material .times .material_items_24Hours:hover{background: #b8e4d5;}
.qli .configure_box .c .li .r .material .times .material_items_24Hours.cur{color: #fff;background: var(--themethree);}
.qli .configure_box .c .li .r .material .times .material_items_24Hours.cur b{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_24Hours.cur p{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_24Hours.cur span{display: block;}
.qli .configure_box .c .li .r .material .times .material_items_48Hours:hover{background: #b8f5f7;}
.qli .configure_box .c .li .r .material .times .material_items_48Hours.cur{color: #fff;background: #4fd7dc;}
.qli .configure_box .c .li .r .material .times .material_items_48Hours.cur b{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_48Hours.cur p{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_48Hours.cur span{display: block;}
.qli .configure_box .c .li .r .material .times .material_items_72Hours:hover{background: #dee5ff;}
.qli .configure_box .c .li .r .material .times .material_items_72Hours.cur{color: #fff;background: var(--themefive);}
.qli .configure_box .c .li .r .material .times .material_items_72Hours.cur b{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_72Hours.cur p{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_72Hours.cur span{display: block;}
.qli .configure_box .c .li .r .material .times .material_items_4Days:hover{background: #ddd;}
.qli .configure_box .c .li .r .material .times .material_items_4Days.cur{color: #fff;background: #40445e;}
.qli .configure_box .c .li .r .material .times .material_items_4Days.cur b{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_4Days.cur p{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_4Days.cur span{display: block;}
.qli .configure_box .c .li .r .material .times .material_items_5Days:hover{background: #ddd;}
.qli .configure_box .c .li .r .material .times .material_items_5Days.cur{color: #fff;background: #40445e;}
.qli .configure_box .c .li .r .material .times .material_items_5Days.cur b{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_5Days.cur p{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_5Days.cur span{display: block;}
.qli .configure_box .c .li .r .material .times .material_items_10Days:hover{background: #ddd;}
.qli .configure_box .c .li .r .material .times .material_items_10Days.cur{color: #fff;background: #40445e;}
.qli .configure_box .c .li .r .material .times .material_items_10Days.cur b{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_10Days.cur p{color: #fff;}
.qli .configure_box .c .li .r .material .times .material_items_10Days.cur span{display: block;}
.qli .configure_box .c .li .r .material .times .material_items:hover i{bottom: 0;}
.qli .configure_box .c .li .r .material .times .material_items b{float: left;width: 100%;line-height: 34px;font-size: 15px;font-family: 'MB';}
.qli .configure_box .c .li .r .material .times .material_items p{float: left;width: 100%;line-height: 20px;font-size: 14px;}
.qli .configure_box .c .li .r .material .times .material_items span{position: absolute;font-size: 20px;right: 4px;top: -34px;display: none;}
.qli .configure_box .c .li .r .material .times .material_items i{position: absolute;right: 0px;bottom:-24px;height: 24px;text-align: center;font-size:12px;font-style: normal;line-height: 24px;color: #fff;transition: 0.5s;padding: 0 6px;border-radius: 6px 0 0 0;}

.qli .configure_box .c .li .r .showmaterial{float: left;width: 100%;/*display: flex;*/flex-direction: row;/*border-bottom: 6px solid var(--themeone);line-height: 76px;background: #f0f0f0;*/transition: 0.5s;/*padding: 10px;*/}
.qli .configure_box .c .li .r .showmaterial .li{float: left;width: 100%;margin-top: 2px;}
.qli .configure_box .c .li .r .showmaterial .li b{float: left;width: 100%;font-weight: normal;line-height: 12px;font-size: 12px;margin-bottom: 0;}
.qli .configure_box .c .li .r .showmaterial .li p{float: left;width: 45%;height: 6px;background: #ccc;margin: 3px 8px 3px 0;}
.qli .configure_box .c .li .r .showmaterial .li p span{float: left;height: 6px;background: var(--themefive);width: 5%;}
.qli .configure_box .c .li .r .showmaterial .li em{float: left;font-size: 12px;line-height: 12px;color: var(--themefive);}
.qli .configure_box .c .li .r .showmaterial .num_box{float: left;width: 60%;display: flex;border: 1px solid #666;}
.qli .configure_box .c .li .r .showmaterial .num_box .sub{flex: 1;height: 18px;text-align: center;font-size: 12px;line-height: 18px;background: #eee;cursor: pointer;}
.qli .configure_box .c .li .r .showmaterial .num_box .num{flex: 1;height: 18px;border: none;width: 47px;text-align: center;border-right: 1px solid #666;border-left: 1px solid #666;font-size: 12px;font-family: 'MB';}
.qli .configure_box .c .li .r .showmaterial .num_box .add{flex: 1;height: 18px;text-align: center;font-size: 12px;line-height: 18px;background: #eee;cursor: pointer;}
.qli .configure_box .c .li .r .showmaterial .fielbox{float: left;width: 20%;display: flex;position: relative;margin-left: 10px;}
.qli .configure_box .c .li .r .showmaterial .fielbox .file{flex: 1;height: 15px;border: none;background: #ddd;line-height: 15px;margin-right: 5px;margin:0;z-index: 5;opacity: 0;}
.qli .configure_box .c .li .r .showmaterial .fielbox .input{height: 15px;border: none;background: #ddd;line-height: 15px;margin-right: 5px;width: 153px;}
.qli .configure_box .c .li .r .showmaterial .fielbox .button{width: 44px;height: 15px;line-height: 15px;padding: 0;margin: 0;border: none;background: #000;color: #fff;z-index: 0;position: relative;font-size: 12px;}

.qli .configure_box .c .li .r .showmaterial .series_list{width: 110px;height: 40px;background: rgba(230, 230, 230, 1);margin: 5px;cursor: pointer;padding: 3px;overflow: hidden;text-align: left;border-radius: 0.25rem;}
.qli .configure_box .c .li .r .showmaterial .price_list{font-size: 10px;width: 68px;height: 40px;text-align: center;border-radius: 68px;height: 40px;margin: 5px;cursor: pointer;padding: 3px;overflow: hidden;text-align: left;border-radius: 0.25rem;}
.qli .configure_box .c .li .r .showmaterial .plusradioSet{float:left;font-size: 13px;font-weight: 500;letter-spacing: 0px;line-height: 17px;color: rgba(37, 73, 216, 1);text-align: left;vertical-align: middle;padding-right: 5px;width: 50%;align-items: center;}
.qli .configure_box .c .li .r .showmaterial .plusradio{float:left;font-size: 13px;font-weight: 500;letter-spacing: 0px;line-height: 17px;color: rgba(60, 60, 60, 1);text-align: left;vertical-align: middle;padding-right: 5px;width: 50%;align-items: center;}

.qli .configure_box .c .li .r .title{font-size: 14px;height: 100%;float: left;width: 100%;line-height: 52px;background: #f7f7f7;/*text-indent: 60px;*/cursor: pointer;}

.qli .configure_box .c .li .r .horizontal-line { /*border-top: 1px solid black;*/ margin-top: 5px; /* 上下间距 */ width: 90%; /* 横线的宽度 */ background: white; height: 1px;}
.qli .configure_box .c .li .r .horizontal-line2 { /*border-top: 1px solid black;*/ margin-top: 2px; /* 上下间距 */ width: 50%; /* 横线的宽度 */ border: 1px solid rgba(230, 230, 230, 1);}

.inputStyle {
	vertical-align: text-bottom;
	margin-bottom: 1px;
	*margin-bottom: -1px;  //兼容IE6，IE7
}

#fileList{width: 100%;height: auto;background: rgba(255,255,255,0.8);display: flex;flex-direction: row;position: absolute;z-index: 1;min-height: 100%;opacity: 0;}
#fileList .mask{width: 100%;height: 100%;display: flex;flex-direction: row;flex-wrap: wrap;
/*	justify-content: space-around;*/
/*	align-items: center;*/
	padding: 0 15px;position: absolute;z-index: 10;top:0;left: 0;    background: rgb(37 73 216 / 20%);cursor: not-allowed}
#fileList .mask p{font-size: 20px;line-height: 50px;}
#fileList .mask p span{font-size: 30px;color: #fff;vertical-align: middle;width: 30px;height: 30px;}
#fileList .mask p b{font-size: 30px;color: #fff;vertical-align: middle;margin-left: 20px;}
#fileList ul{width: 100%;height: auto;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding:52px 15px 15px;}
#fileList ul li{list-style: none;line-height: 26px;height: 26px;background: #aaa;margin: 0 10px 4px 0;position: relative;width: 14%;font-size: 12px;border-radius: 4px;overflow: hidden;}
#fileList ul li span{position:relative;z-index: 2;color: #fff;color: #fff;padding: 0 0 0 6px;width: 70%;overflow: hidden;line-height: 26px;}
#fileList ul li p{position: absolute;z-index: 0;top: 0;left:0;background: var(--themefive);text-align: right;color: #fff;padding-right: 7px;text-indent: -9999px;}

/*操作*/
.q_haddle{float: left;width: 100%;clear: both;background: #ddd;padding: 15px 20px;line-height: 20px;margin-bottom: 20px;position: sticky;bottom: 0;z-index: 78;}
.q_haddle .btn{float: left;line-height: 36px;background: #2549d8;border-radius: 4px;padding: 0 12px;font-size: 15px;color: #fff;margin-right: 5px;}
.q_haddle .cancel{background: #be1717;}
.q_haddle .normal{background: var(--themeone);}
.q_haddle .count{line-height: 38px;float: right;font-size: 15px;}
.q_haddle .count b{font-size: 20px;vertical-align: bottom;}

/* Scroll cue floats above the quote footer without affecting its layout. */
#quote-scroll-hint{position:fixed;z-index:79;transform:translateX(-50%);box-sizing:border-box;width:32px;height:43px;padding:4px 0;border:0;border-radius:16px;background:#fff;color:#2549d8;box-shadow:0 2px 12px rgba(0,0,0,.16);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;}
#quote-scroll-hint[hidden]{display:none;}
#quote-scroll-hint:focus-visible{outline:2px solid #2549d8;outline-offset:3px;}
#quote-scroll-hint .quote-scroll-mouse{position:relative;display:block;box-sizing:border-box;flex-shrink:0;width:16px;height:23px;border:2px solid currentColor;border-radius:10px;}
#quote-scroll-hint .quote-scroll-mouse:before{content:'';position:absolute;left:4px;top:3px;width:4px;height:5px;border-radius:3px;background:currentColor;animation:quote-scroll-wheel 1.5s ease-in-out infinite;}
#quote-scroll-hint .quote-scroll-arrows{position:relative;flex-shrink:0;width:10px;height:7px;}
#quote-scroll-hint .quote-scroll-arrows:before{content:'';position:absolute;left:1px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);animation:quote-scroll-chevron 1.5s ease-in-out infinite;}
#quote-scroll-hint .quote-scroll-arrows:after{content:none;}
@keyframes quote-scroll-wheel{0%,15%{transform:translateY(0);opacity:1;}75%,100%{transform:translateY(9px);opacity:0;}}
@keyframes quote-scroll-chevron{0%,100%{opacity:.25;}50%{opacity:1;}}
@media (prefers-reduced-motion:reduce){#quote-scroll-hint .quote-scroll-mouse:before,#quote-scroll-hint .quote-scroll-arrows:before,#quote-scroll-hint .quote-scroll-arrows:after{animation:none;}}

/* index/no：隐藏非正式上传区（#quote-upload-box 之外） */
body.quote-page-no .qpage .qbox:not(#qpage):not(#quote-upload-box) .q_upload,
body.quote-page-no .qpage .qbox:not(#qpage):not(#quote-upload-box):has(.q_upload) {
  display: none !important;
}
/* index/no：replace 页误入的按钮栏（无 qnext1/qnext2 id） */
body.quote-page-no .qpage .qnext:not(#qnext1):not(#qnext2) {
  display: none !important;
}

.qc{float: left;width: 100%;background: #fff;padding:30px 60px 60px;border-top: 60px solid #eee;}
.qc .qc_title{float: left;width: 100%;line-height: 60px;font-size: 30px;text-align: center;font-weight: bold;margin-bottom: 30px;}
.qc .qc_no{float: left;width: 100%;line-height: 30px;font-size: 14px;text-align: center;}
.qc .qc_no b{display: inline-block;margin: 0 30px;}
.qc .qc_no span{display: inline-block;margin: 0 30px;}
.qc .qc_stitle{float: left;width: 100%;border-bottom: 1px solid #aaa;line-height: 48px;font-size: 20px;font-weight: bold;}
.qc .qc_stitle .ar{float: right;font-size: 16px;}
.qc .qc_li{float: left;width: 100%;border-bottom: 1px solid #eee;text-align: left;padding: 10px 15px;line-height: 20px;display: flex;flex-direction: row;font-size: 12px;}
.qc .qc_li_head{background: #eee;font-weight: bold;font-size: 14px;line-height: 24px;}
.qc .qc_li .name{float: left;width: 120px;}
.qc .qc_li .name .file_thumb img{width: 80px;border: 1px solid #eee;cursor:pointer;}
.qc .qc_li .detail{float: left;width: 270px;}
.qc .qc_li .printing{float: left;width: 20%;}
.qc .qc_li .plus{float: left;flex: 1;}
.qc .qc_li .qty{float: left;width: 80px;text-align: center;}
.qc .qc_li .unit{float: left;width: 80px;text-align: center;}
.qc .qc_li .price{float: left;width: 80px;}
.qc .qc_li .remark{width: 120px;word-break:normal;}
.qc .address_view{float: left;width: 100%;margin-bottom: 20px;line-height: 24px;}
.qc .address_view .con{float: left;width: 100%;padding: 20px 20px 10px;line-height: 24px;background: #f4f4f4;}
.qc .address_view .con p{float: left;width: 100%;margin-bottom: 10px;}
.qc .address_view .con p i{font-style: normal;display: inline-block;margin: 0 50px 0 10px;}
.qc .address_view label{line-height: 16px;display: inline-block;padding: 20px 15px;color: #000;float: left;}
.qc .address_view label em{color: #000;}
.qc .address_info{float: left;width: 100%;margin-bottom: 20px;}
.qc .address_info .li{float: left;width: 100%;display: flex;transition: 0.5s;}
.qc .address_info .li.h{background: #f4f4f4;}
.qc .address_info .li.h .cell{font-weight: bold;font-family: 'MB';font-size: 15px;}
.qc .address_info .li .cell{float: left;line-height: 30px;padding:10px 10px;font-weight: bold;word-break: break-word;}
.qc .address_info .li .cell a{transition: 0.5s;}
.qc .address_info .li .red{color: red;}
.qc .address_info .li .name{width: 15%;}
.qc .address_info .li .country{width: 15%;}
.qc .address_info .li .address{width: 30%;}
.qc .address_info .li .email{width: 25%;text-align: center;}
.qc .address_info .li .phone{width: 15%;text-align: center;}
.qc .address_info .li:hover i{color: #fff;border-color: #fff;}
.qc .price_box{float: left;width: 100%;text-align: center;margin-bottom: 30px;}
.qc .price_box p{float: left;width: 100%;line-height: 40px;font-size: 14px;color: #aaa;}
.qc .price_box b{float: left;width: 100%;line-height: 60px;font-size: 50px;font-family: 'MB';}
.qc .price_box .money_info em{line-height: 30px;font-size: 20px;font-style: normal;color: #000;}
.qc .pay_text{float: left;width: 100%;text-align: center;margin-bottom: 30px;}
.qc .pay_logo{float: left;width: 100%;text-align: center;margin-bottom: 30px;}
.qc .pay_logo img{height: 50px;}
.qc .pay_mailing{float: left;width: 100%;text-align: center;margin-bottom: 30px;}
.qc .pay_mailing textarea{display: inline-block;float: none;line-height: 16px;margin:0 0;padding: 5px 10px;vertical-align: middle;width: 260px;height: 54px;font-size: 12px;}
.qc .pay_mailing label{display: inline-block;float: none;line-height: 20px;margin:0 0 0 10px;border: 1px solid var(--themefive);padding: 15px 10px;vertical-align: middle;cursor: pointer;}
.qc .pay_mailing label input{display: inline-block;margin: 0 4px 0 0;}
.qc .pay_mailing label span{font-size: 20px;}
.qc .pay_mailing label span b{font-size: 17px;}
.qc .pay_mailing label span i{font-size: 13px;font-style: normal;}
.qc .pay_deduction{float: left;width: 100%;margin-bottom: 20px;}
.qc .pay_deduction label{display: inline-block;float: none;line-height: 20px;margin:0 20px 0 0;}
.qc .pay_deduction label input{display: inline-block;margin: 0 6px 0 0;}
.qc .pay_deduction label span{font-size: 20px;display: inline-block;}
.qc .pay_deduction label i{font-size: 16px;font-style: normal;display: inline-block;margin-left: 6px;}
.qc .pay_method{float: left;width: 100%;text-align: center;margin-bottom: 20px;}
.qc .pay_method label{display: inline-block;float: none;line-height: 20px;margin:0 20px;}
.qc .pay_method label span{font-size: 35px;display: inline-block;line-height: 48px;}
.qc .pay_method label .sm{}
.qc .pay_method label .sm input{display: inline-block;margin: 0 6px 0 0;}
.qc .pay_method label .sm i{font-size: 16px;font-style: normal;display: inline-block;margin-left: 6px;}
.qc .coupon{float: left;width: 100%;margin-bottom: 20px;padding: 20px 0 0;}
.qc .coupon label{display: inline-block;float: none;line-height: 20px;margin:0 25px 0 0;border-radius: 6px;border: dashed 2px #eee;padding: 10px;transition: 0.5s;}
.qc .coupon label:hover{border: dashed 2px var(--themefive);;}
.qc .coupon label input{display: inline-block;margin: 0 6px 0 0;}
.qc .coupon label span{font-size: 20px;display: inline-block;}
.qc .coupon label i{font-size: 16px;font-style: normal;display: inline-block;margin-left: 6px;}
.qc .ot{float: left;width: 100%;text-align: center;margin-bottom: 20px;display: flex;justify-content: center;}
.qc .ot .c{width: 700px;display: inline-block;background: #eef2ff;padding: 20px;position: relative;border-radius: 10px;font-size: 12px;line-height: 24px;display: none;}
.qc .ot .c:before{display:block;content:'';width:0;border-width:8px 8px 8px 8px;border-style:solid; border-color: transparent transparent #eef2ff transparent; position:absolute; left:50%;top:-16px;}
.qc .ot .paypal{display:block;}
.qc .ot .paypal:before{display:block;content:'';width:0;border-width:8px 8px 8px 8px;border-style:solid; border-color: transparent transparent #eef2ff transparent; position:absolute; left:25%;top:-16px;}
.qc .ot .Airwallex:before{display:block;content:'';width:0;border-width:8px 8px 8px 8px;border-style:solid; border-color: transparent transparent #eef2ff transparent; position:absolute; left:70%;top:-16px;}
.qc .ot .c table{width: 100%;text-align: left;}
.qc .ot .c table th{border: 1px solid #fff;line-height: 20px;font-weight: bold;text-align: left;padding: 5px 5px;background: #c9d6ff;}
.qc .ot .c table td{border: 1px solid #fff;line-height: 20px;padding: 5px 5px;}
.qc .ot .c table td label{margin-bottom: 0;}
.qc .note{float: left;width: 100%;text-align: center;margin-bottom: 20px;}
.qc .note textarea{width: 700px;display: inline-block;background: #eee;padding: 12px;position: relative;border-radius: 10px;min-height: 90px;color: var(--themefour)}
.qc .bt{float: left;width: 100%;text-align: center;margin-bottom: 10px;}
.qc .bt a{display: inline-block;line-height: 70px;background: var(--themefive);color: #fff;margin: 0 10px;font-size: 30px;font-family: 'MB';padding: 0 150px;transition: 0.5s;vertical-align: middle;}
.qc .bt a:hover{background: #1f40c3;padding: 0 180px;}
.qc .bt .back{padding: 0 30px;transition: 0.5s;vertical-align: middle;line-height: 60px;color: var(--themeone);font-size: 20px;font-weight: normal;border: 2px solid var(--themeone);background: transparent;}
.qc .bt .back:hover{background: var(--themeone);color: #fff;padding: 0 40px;}
.qc .bt .btn{display: inline-block;line-height: 70px;color: #fff;font-size: 30px;font-family: 'MB';padding: 0 120px;background: var(--themefive);border: none;transition: 0.5s;vertical-align: middle;margin: 0 10px;}
.qc .bt .btn:hover{background: #1f40c3;padding: 0 140px;}

.qc .ex{float: left;width: 100%;text-align: center;color: var(--themefive);font-size: 20px;margin: 20px 0;}
.qc .ex i{color: var(--themefive);}
.qc .ex span{color: var(--themefive);}
@media (max-width: 768px) {
.qc .address_info .li .cell{line-height: 20px;padding: 15px 5px;}
.qc .address_info .li .name{width: 30%;}
.qc .address_info .li .country{display: none;}
.qc .address_info .li .address{width: 50%;}
.qc .address_info .li .email{display: none;}
.qc .address_info .li .phone{display: none;}
}

.prices{float: left;width: 100%;}
.prices .li{float: left;width: 100%;background: #f4f4f4;line-height: 20px;padding: 15px 40px 15px 15px;margin-bottom:2px;}
.prices .li b{float: left;font-size: 14px;font-weight: normal;}
.prices .li i{float: right;font-size: 16px;font-style: normal;font-weight: bold;}
.prices .li i em{background: #2549d8;color: #fff;font-weight: normal;padding: 0 5px;font-size: 12px;vertical-align: bottom;margin: 0 4px 0 0;border-radius: 4px 0 4px 4px;}

.tooltip-inner{text-align:left;}
.choose_address{float: left;width: 100%;background: #fff;padding: 50px 60px 30px;}
.choose_address .address{float: left;width: 100%;margin-top: 20px;line-height: 30px;}
.choose_address .address b{float: left;}
.choose_address .address a{float: right;}
.choose_address .ul{float: left;width: 100%;margin-bottom: 20px;}
.choose_address .ul .address_list{overflow:scroll;height:auto;max-height: 600px;float: left;width: 100%;}
.choose_address .ul .li{float: left;width: 100%;border-bottom: 1px solid #aaa;display: flex;transition: 0.5s;}
.choose_address .ul .li:hover{background: var(--themefour);color: #fff;border-bottom: 1px solid var(--themefour)}
.choose_address .ul .li.h{border:1px solid #aaa;background: #f4f4f4;}
.choose_address .ul .li.h .cell{font-weight: bold;font-family: 'MB';font-size: 15px;}
.choose_address .ul .li .cell{float: left;line-height: 20px;padding:20px 10px;font-weight: bold;word-break: break-word;}
.choose_address .ul .li .cell a{transition: 0.5s;}
.choose_address .ul .li .red{color: red;}
.choose_address .ul .li .name{width: 12%;}
.choose_address .ul .li .country{width: 12%;}
.choose_address .ul .li .city{width: 13%;}
.choose_address .ul .li .address{width: 30%;margin-top: 0;}
.choose_address .ul .li .phone{width: 12%;}
.choose_address .ul .li .actions{width: 19%;text-align: center ;}
.choose_address .ul .li .actions i{display: inline-block;line-height: 30px;border: 1px solid #aaa;font-size: 12px;padding: 0 10px;font-style: normal;}
.choose_address .ul .li .actions .selected{display: inline-block;line-height: 30px;border: 1px solid; background: var(--themefive);font-size: 13px;padding: 0 10px;font-style: normal;background: var(--themefive);color: #fff;}
.choose_address .ul .li .actions .choose{display: inline-block;line-height: 30px;border: 1px solid #aaa;font-size: 13px;padding: 0 10px;font-style: normal;}
.choose_address .ul .li:hover i{color: #fff;border-color: #fff;}
.choose_address .add_new_address{text-align: center;}
@media (max-width: 768px) {
.choose_address .ul{border:none;}
.choose_address .ul .li .cell{line-height: 20px;padding: 15px 5px;}
.choose_address .ul .li .name{width: 30%;}
.choose_address .ul .li .country{display: none;}
.choose_address .ul .li .address{width: 50%;}
.choose_address .ul .li .city{display: none;}
.choose_address .ul .li .phone{display: none;}
.choose_address .ul .li .actions{width: 20%;}
}

.configure_pop{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;display: none;left: 0;top: 0;}
.configure_pop .con{position: fixed;padding:0;z-index: 9998;left: 0;width: 100%;display:flex;justify-content:center;height: 100%;align-items:center;}
.configure_pop .con .box{float: left;width: 1300px;background: #fff;position: relative;height: 90vh;overflow: visible;}
.configure_pop .con .box .box-scroll{width: 100%;height: 90vh;overflow-y: scroll;overflow-x: hidden;}

.configure_pop .con .box .scanc{float: left;width: 100%;min-height: 69px;height: auto;overflow-y:auto;background: rgba(37, 73, 216, 1);padding: 10px 60px 10px 30px;position: relative;}

.configure_pop .con .box .scanc .close {
	font-size: 48px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	color: rgba(255, 255, 255, 1) !important;
	opacity: 0.9 !important;
	text-decoration: none !important;
	transition: opacity 0.2s !important;
	margin: 0 !important;
	float: none !important;
	text-shadow: none !important;
}

.configure_pop .con .box .scanc .close:hover {
	color: rgba(255, 255, 255, 1) !important;
	text-decoration: none !important;
	opacity: 1 !important;
}


.configure_pop .con .box .scanc .holdquit a{
	color: rgba(255, 255, 255, 1);
	width: 142px;
	height: 80px;
	opacity: 1;
	border-radius: 104px;
	background: rgba(255, 255, 255, 1);

}
.configure_pop .con .box .scanc .holdquit a:hover{
	color: rgba(255, 255, 255, 1);
	width: 142px;
	height: 80px;
	opacity: 1;
	border-radius: 104px;
	background: rgba(20, 47, 153, 1);

}
.configure_pop .con .box .scanc .holdquit a span{
	color: rgba(37, 40, 60, 1);
}

.configure_pop .con .box .scanc .holdquit a:hover span{
	color: rgba(37, 73, 216, 1);
}

.configure_pop .con .box .num_box{float: left;width: 25%;display: flex;/*border: 1px solid rgba(255, 255, 255, 1);*/ margin-left: 10px;}
.configure_pop .con .box .num_box .sub{flex: 1;height: 18px;text-align: center;font-size: 12px;line-height: 18px;background: rgba(255, 255, 255, 1);cursor: pointer;}
.configure_pop .con .box .num_box .num{flex: 1;height: 18px;border: none;width: 47px;text-align: center;border-right: 1px solid #666;border-left: 1px solid rgba(255, 255, 255, 1);/*font-size: 12px;*/font-family: 'MB';}
.configure_pop .con .box .num_box .add{flex: 1;height: 18px;text-align: center;font-size: 12px;line-height: 18px;background: rgba(255, 255, 255, 1);cursor: pointer;}

/* ============== 批量配置 - 顶部区域 scanc 样式 ============== */
.configure_pop .con .box .scanc{padding: 10px 30px;}

/* 关闭按钮 - 弹窗右上角圆形按钮（超出） */
.configure_pop .box-close {
	position: absolute;
	top: -18px;
	right: -18px;
	z-index: 10;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	transition: all 0.2s;
}
.configure_pop .box-close .icon {
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	color: rgba(37, 73, 216, 1);
}
.configure_pop .box-close:hover {
	background: rgba(37, 73, 216, 1);
	text-decoration: none;
	transform: scale(1.08);
}
.configure_pop .box-close:hover .icon {
	color: #fff;
}

/* 缩放比例列 - 26% */
.batch-scale-col {
	float: left;
	width: 26%;
	padding-right: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 70px;
}
.batch-scale-row {
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}
.batch-scale-label {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
	margin-right: 10px;
	white-space: nowrap;
}
.batch-scale-num_box {
	flex-shrink: 0;
}
.batch-scale-percent {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
	margin-left: 5px;
}
.batch-scale-hint {
	font-size: 12px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8);
}

/* 单位切换+数量列 - 52% */
.batch-unit-col {
	float: left;
	width: 52%;
	padding-left: 20px;
	display: flex;
	align-items: center;
	height: 70px;
}
.batch-unit-inner {
	width: 100%;
	display: flex;
	align-items: center;
}
.batch-unit-label {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
	margin-right: 20px;
	white-space: nowrap;
}
.batch-unit-option {
	display: flex;
	align-items: center;
	margin-right: 25px;
}
.batch-unit-option:last-of-type(2) {
	margin-right: 0;
}
.batch-unit-option label {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin: 0;
}
.batch-unit-option input[type="radio"] {
	margin-right: 8px;
	transform: scale(1.2);
	accent-color: #fff;
}
.batch-unit-option input[type="radio"]:checked {
	accent-color: var(--themeone);
	transform: scale(1.3);
}
.batch-unit-option span {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
}
.batch-qty-wrap {
	display: flex;
	align-items: center;
	margin-left: 25px;
}
.batch-qty-label {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
	margin-right: 10px;
	white-space: nowrap;
}
.qty-box {
	display: flex;
	align-items: center;
}
.qty-box .qty-sub,
.qty-box .qty-add {
	width: 28px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: rgba(37, 73, 216, 1);
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	user-select: none;
	transition: all 0.15s;
}
.qty-box .qty-sub {
	border-radius: 4px 0 0 4px;
	border: 1px solid #666;
	border-right: none;
}
.qty-box .qty-add {
	border-radius: 0 4px 4px 0;
	border: 1px solid #666;
	border-left: none;
}
.qty-box .qty-sub:hover,
.qty-box .qty-add:hover {
	background: rgba(37, 73, 216, 1);
	color: #fff;
}
.batch-qty-input {
	width: 55px;
	height: 30px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: #fff;
	color: #000;
	text-align: center;
	font-size: 18px;
	font-family: 'MB';
	border-radius: 0;
}

/* 确认按钮列 */
.batch-confirm-col {
	float: left;
	width: 22%;
	padding-left: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 70px;
}
/* 与底部 Confirm 按钮完全一致 */
.batch-save-btn {
	width: 167px;
	height: 55px;
	opacity: 1;
	background: rgba(255, 255, 255, 1);
	font-size: 24px;
	font-weight: 700;
	color: rgba(37, 73, 216, 1);
	text-align: center;
	border-radius: 8px;
	border: 1px solid rgba(37, 73, 216, 1);
	cursor: pointer;
	transition: all 0.2s;
}
.batch-save-btn:hover {  
	font-weight: bold;
}

/* 顶部区域下方白色分隔线 */
.scanc-divider {
	float: left;
	width: 100%;
	height: 3px;
	background: #fff;
}


.configure_pop .con .box .c{float: left;width: 100%;/*height: 100%;*/overflow-y:auto;background: #eee;}
/*.configure_pop .con .box .c::-webkit-scrollbar {width: 10px;height: 1px;}
.configure_pop .con .box .c::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0, 0, 0, 0.2);}
.configure_pop .con .box .c::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background:rgba(255,255,255,0);}*/
.configure_pop .con .box .c::-webkit-scrollbar {width: 10px;height: 1px;}
.configure_pop .con .box .c::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0, 0, 0, 0.1);}
.configure_pop .con .box .c::-webkit-scrollbar-track {background:rgba(255,255,255,0);}
.configure_pop .con .box .c .li{float: left;width: 100%;}
.configure_pop .con .box .c .li .bt{float: left;width: 100%;line-height: 44px;color: #fff;font-size: 18px;background: var(--themeone);height: 44px;padding: 0 10px 0 30px;}
.configure_pop .con .box .c .li{float: left;width: 100%;overflow: hidden;transition: 0.5s;}
.configure_pop .con .box .c .li .bt{float: left;width:100%;line-height: 44px;color: #fff;font-size: 18px;padding:0;background:var(--themeone);position: relative;}
.configure_pop .con .box .c .li .bt b{float: left;font-family: 'MB';color: #fff;line-height: 40px;padding:  0 15px;font-size: 15px;}
.configure_pop .con .box .c .li .r{width: 100%;float: left;}
.configure_pop .con .box .c .li .r .material{float: left;width: 100%;display: flex;flex-direction: row;border-bottom: 3px solid var(--themeone);height: 76px;background: #f0f0f0;transition: 0.5s;}
.configure_pop .con .box .c .li .r .material:hover{background: #fafafa;}
.configure_pop .con .box .c .li .r .material:last-child{border-bottom: none;}
.configure_pop .con .box .c .li .r .material .cate_img{float: left;width: 73px;height: 73px;}
.configure_pop .con .box .c .li .r .material .cate_img img{float: left;width: 100%;height: 100%;}
.configure_pop .con .box .c .li .r .material .title{width: 15%;padding: 10px 10px 0;margin-right: 25px;}
.configure_pop .con .box .c .li .r .material .title b{float: left;width: 100%;background: #fff;font-family: 'MB';color: var(--themeone);line-height: 24px;/*padding: 0 4px;*/margin-bottom: 5px;font-size: 13px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.configure_pop .con .box .c .li .r .material .title p{float: left;width: 100%;font-size: 12px;line-height: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.configure_pop .con .box .c .li .r .material .desc{width: 40%;padding: 5px;/*display: flex;*/flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.configure_pop .con .box .c .li .r .material .desc .items{float: left;width: 50%;padding: 5px 0 0;display: flex;flex-wrap: wrap;height: 34px;}
.configure_pop .con .box .c .li .r .material .desc .items b{float: left;width: 100%;font-weight: normal;line-height: 16px;font-size: 12px;padding: 0;}
.configure_pop .con .box .c .li .r .material .desc .items p{float: left;width:45%;height: 6px;background: #ccc;margin: 3px 4px 0 0;}
.configure_pop .con .box .c .li .r .material .desc .items p span{float: left;height: 6px;background: var(--themefive);width: 5%;}
.configure_pop .con .box .c .li .r .material .desc .items i{float: left;line-height: 12px;color: var(--themefive);font-size: 12px;font-style: normal;}

.configure_pop .con .box .c .li .r .material .desc .descjx{
	background-image: url('../Images/quotes/jx422@2x.png'); /* 设置背景图片 */
	background-size: cover; /* 背景图片覆盖整个div区域 */
	line-height: 20px;
	width: 30%;
	height: 20px;
	opacity: 1;
	margin: 5px;
	float: left;
}
.configure_pop .con .box .c .li .r .material .desc .descjx span{
	/** 文本1 */
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 10px;
	color: rgba(37, 73, 216, 1);
	text-align: left;
	vertical-align: center;
}

.configure_pop .con .box .c .li .r .material .times{flex: 1;height: 76px;display: flex;justify-content: flex-end;padding-left: 20px;}
.configure_pop .con .box .c .li .r .material .times .material_items{width: 23%;padding: 0 10px 0;position: relative;color: #000;cursor: pointer;overflow: hidden;overflow: hidden;height: 73px;}
.configure_pop .con .box .c .li .r .material .times .material_items i{background: var(--themeone);}
.configure_pop .con .box .c .li .r .material .times .material_items:hover{background: #ddd;}
.configure_pop .con .box .c .li .r .material .times .material_items.cur{background: #333;}
.configure_pop .con .box .c .li .r .material .times .material_items.cur b{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items.cur p{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_24Hours b{color: var(--themethree)}
.configure_pop .con .box .c .li .r .material .times .material_items_24Hours i{background: var(--themethree)}
.configure_pop .con .box .c .li .r .material .times .material_items_48Hours b{color: #4fd7dc}
.configure_pop .con .box .c .li .r .material .times .material_items_48Hours i{background: #4fd7dc}
.configure_pop .con .box .c .li .r .material .times .material_items_72Hours b{color: var(--themefive)}
.configure_pop .con .box .c .li .r .material .times .material_items_72Hours i{background: var(--themefive)}
.configure_pop .con .box .c .li .r .material .times .material_items_4Days b{color: var(--themeone)}
.configure_pop .con .box .c .li .r .material .times .material_items_4Days i{background: var(--themeone)}
.configure_pop .con .box .c .li .r .material .times .material_items_5Days b{color: var(--themeone)}
.configure_pop .con .box .c .li .r .material .times .material_items_5Days i{background: var(--themeone)}
.configure_pop .con .box .c .li .r .material .times .material_items_10Days b{color: var(--themeone)}
.configure_pop .con .box .c .li .r .material .times .material_items_10Days i{background: var(--themeone)}
.configure_pop .con .box .c .li .r .material .times .material_items_24Hours:hover{background: #b8e4d5;}
.configure_pop .con .box .c .li .r .material .times .material_items_24Hours.cur{color: #fff;background: var(--themethree);}
.configure_pop .con .box .c .li .r .material .times .material_items_24Hours.cur b{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_24Hours.cur p{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_24Hours.cur span{display: block;}
.configure_pop .con .box .c .li .r .material .times .material_items_48Hours:hover{background: #b8f5f7;}
.configure_pop .con .box .c .li .r .material .times .material_items_48Hours.cur{color: #fff;background: #4fd7dc;}
.configure_pop .con .box .c .li .r .material .times .material_items_48Hours.cur b{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_48Hours.cur p{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_48Hours.cur span{display: block;}
.configure_pop .con .box .c .li .r .material .times .material_items_72Hours:hover{background: #dee5ff;}
.configure_pop .con .box .c .li .r .material .times .material_items_72Hours.cur{color: #fff;background: var(--themefive);}
.configure_pop .con .box .c .li .r .material .times .material_items_72Hours.cur b{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_72Hours.cur p{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_72Hours.cur span{display: block;}
.configure_pop .con .box .c .li .r .material .times .material_items_4Days:hover{background: #ddd;}
.configure_pop .con .box .c .li .r .material .times .material_items_4Days.cur{color: #fff;background: #40445e;}
.configure_pop .con .box .c .li .r .material .times .material_items_4Days.cur b{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_4Days.cur p{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_4Days.cur span{display: block;}
.configure_pop .con .box .c .li .r .material .times .material_items_5Days:hover{background: #ddd;}
.configure_pop .con .box .c .li .r .material .times .material_items_5Days.cur{color: #fff;background: #40445e;}
.configure_pop .con .box .c .li .r .material .times .material_items_5Days.cur b{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_5Days.cur p{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_5Days.cur span{display: block;}
.configure_pop .con .box .c .li .r .material .times .material_items_10Days:hover{background: #ddd;}
.configure_pop .con .box .c .li .r .material .times .material_items_10Days.cur{color: #fff;background: #40445e;}
.configure_pop .con .box .c .li .r .material .times .material_items_10Days.cur b{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_10Days.cur p{color: #fff;}
.configure_pop .con .box .c .li .r .material .times .material_items_10Days.cur span{display: block;}
.configure_pop .con .box .c .li .r .material .times .material_items:hover i{bottom: 0;}
.configure_pop .con .box .c .li .r .material .times .material_items b{float: left;width: 100%;line-height: 44px;font-size: 14px;font-family: 'MB';padding-top: 13px;}
.configure_pop .con .box .c .li .r .material .times .material_items p{float: left;width: 100%;line-height: 20px;font-size: 16px;}
.configure_pop .con .box .c .li .r .material .times .material_items span{position: absolute;font-size: 20px;right: 4px;top: -34px;display: none;}
.configure_pop .con .box .c .li .r .material .times .material_items i{position: absolute;right: 0px;bottom:-24px;height: 24px;text-align: center;font-size:12px;font-style: normal;line-height: 24px;color: #fff;transition: 0.5s;padding: 0 6px;border-radius: 6px 0 0 0;}

.configure_pop .con .box .c .li .r .showmaterial{float: left;width: 100%;/*display: flex;*/flex-direction: row;/*border-bottom: 6px solid var(--themeone);line-height: 76px;background: #f0f0f0;*/transition: 0.5s;/*padding: 10px;*/}
.configure_pop .con .box .c .li .r .showmaterial .li{float: left;width: 100%;margin-top: 2px;}
.configure_pop .con .box .c .li .r .showmaterial .li b{float: left;width: 100%;font-weight: normal;line-height: 12px;font-size: 12px;margin-bottom: 0;}
.configure_pop .con .box .c .li .r .showmaterial .li p{float: left;width: 45%;height: 6px;background: #ccc;margin: 3px 8px 3px 0;}
.configure_pop .con .box .c .li .r .showmaterial .li p span{float: left;height: 6px;background: var(--themefive);width: 5%;}
.configure_pop .con .box .c .li .r .showmaterial .li em{float: left;font-size: 12px;line-height: 12px;color: var(--themefive);}
.configure_pop .con .box .c .li .r .showmaterial .num_box{float: left;width: 60%;display: flex;border: 1px solid #666;}
.configure_pop .con .box .c .li .r .showmaterial .num_box .sub{flex: 1;height: 18px;text-align: center;font-size: 12px;line-height: 18px;background: #eee;cursor: pointer;}
.configure_pop .con .box .c .li .r .showmaterial .num_box .num{flex: 1;height: 18px;border: none;width: 47px;text-align: center;border-right: 1px solid #666;border-left: 1px solid #666;font-size: 12px;font-family: 'MB';}
.configure_pop .con .box .c .li .r .showmaterial .num_box .add{flex: 1;height: 18px;text-align: center;font-size: 12px;line-height: 18px;background: #eee;cursor: pointer;}
.configure_pop .con .box .c .li .r .showmaterial .fielbox{float: left;width: 20%;display: flex;position: relative;margin-left: 10px;}
.configure_pop .con .box .c .li .r .showmaterial .fielbox .file{flex: 1;height: 15px;border: none;background: #ddd;line-height: 15px;margin-right: 5px;margin:0;z-index: 5;opacity: 0;}
.configure_pop .con .box .c .li .r .showmaterial .fielbox .input{height: 15px;border: none;background: #ddd;line-height: 15px;margin-right: 5px;width: 153px;}
.configure_pop .con .box .c .li .r .showmaterial .fielbox .button{width: 44px;height: 15px;line-height: 15px;padding: 0;margin: 0;border: none;background: #000;color: #fff;z-index: 0;position: relative;font-size: 12px;}

/* 为configure_box添加相对定位，使浮动导航能相对于它定位 */
.configure_box {
    position: relative;
}

.configure_pop .con .box .c .li .r .showmaterial .series_list{width: 110px;height: 40px;background: rgba(230, 230, 230, 1);margin: 5px;cursor: pointer;padding: 3px;overflow: hidden;text-align: left;border-radius: 0.25rem;}
.configure_pop .con .box .c .li .r .showmaterial .price_list{width: 68px;height: 40px;margin: 5px;cursor: pointer;padding: 3px;overflow: hidden;text-align: left;border-radius: 0.25rem;}

.configure_pop .con .box .c .li .r .showmaterial .plusradioSet{float:left;font-size: 13px;font-weight: 500;letter-spacing: 0px;line-height: 17px;color: rgba(37, 73, 216, 1);text-align: left;vertical-align: middle;padding-right: 5px;width: 50%;align-items: center;}
.configure_pop .con .box .c .li .r .showmaterial .plusradio{float:left;font-size: 13px;font-weight: 500;letter-spacing: 0px;line-height: 17px;color: rgba(60, 60, 60, 1);text-align: left;vertical-align: middle;width: 50%;align-items: center;}
.bi-exclamation-circle {/*margin-left: 5px;*/font-size: 0.8rem;color: red;cursor: pointer;}
.bi-check-circle{/*margin-left: 5px;*/font-size: 0.8rem;color: rgb(37, 73, 216);cursor: pointer;}

.configure_pop .con .box .c .li .r .horizontal-line { /*border-top: 1px solid black;*/ margin-top: 5px; /* 上下间距 */ width: 90%; /* 横线的宽度 */ background: white; height: 1px;}
.configure_pop .con .box .c .li .r .horizontal-line2 { /*border-top: 1px solid black;*/ margin-top: 2px; /* 上下间距 */ width: 50%; /* 横线的宽度 */ border: 1px solid rgba(230, 230, 230, 1);}
.configure_pop .con .box .c .li .r .title{font-size: 14px;height: 50px;float: left;width: 100%;height: 100%;background: #f7f7f7;/*text-indent: 60px;*/cursor: pointer;}

.plustextarea{
	font-size: 12px;
	color: var(--themefour);
	width: 100%;
	/*min-height: 60px;*/
	height: 100%;
	border-radius: 8px;
	resize: vertical;
	padding: 8px;
	box-sizing: border-box;
	overflow-y: auto;
}
.plustextarea::placeholder {
	font-size: 12px; /* 设置placeholder的字体大小 */
	color: #888;
	font-style: italic; /* 斜体 */
}
.plustextarea::-webkit-input-placeholder {
	font-style: italic;
}
.plustextarea::-moz-placeholder {
	font-style: italic;
}
.plustextarea:-ms-input-placeholder {
	font-style: italic;
}
.plustextareaBorder{border: 1px solid red;}

/* 右侧浮动导航样式 */
.material-floating-nav {
    position: absolute; /* 改为绝对定位，跟随configure窗口滚动 */
    background: rgba(128, 128, 128, 0.9);
    border-radius: 8px;
    padding: 15px 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    display: none; /* 默认隐藏 */
    min-width: 140px; /* 稍微减小宽度，但仍确保文字完整显示 */
    opacity: 0; /* 初始不可见，避免闪烁 */
    visibility: hidden; /* 初始不可见 */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* 平滑过渡效果 */
    /* 位置将通过JavaScript动态设置 */
}

.material-floating-nav .nav-item {
    display: block;
    padding: 8px 12px;
    margin: 5px 0;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    text-align: center;
}

.material-floating-nav .nav-item:hover {
	background:var(--themeone);
    transform: translateX(-5px);
}

.material-floating-nav .nav-item.active {
	background:var(--themeone) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(37, 73, 216, 0.3) !important;
}

/* 14寸及以下笔记本电脑屏幕优化 */
@media (max-width: 1600px) {
    .material-floating-nav {
        padding: 8px 6px !important;
        /* 位置由JavaScript动态计算 */
        min-width: 100px !important; /* 稍微减小宽度，但仍确保文字完整显示 */
    }
    
    /* 左侧定位时的样式 */
    .material-floating-nav.position-left {
        /* 位置由JavaScript动态计算，与toggle按钮对齐（toggle按钮在 left: -54px） */
        right: auto !important;
        left: auto !important; /* 清除可能的left值，让JavaScript控制 */
        min-width: 100px !important;
    }
    
    .material-floating-nav .nav-item {
        padding: 4px 8px !important;
        font-size: 8px !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
    }
    
    .material-floating-nav .nav-item.active {
		background:var(--themeone) !important;
        color: #fff !important;
        box-shadow: 0 2px 8px rgba(37, 73, 216, 0.3) !important;
    }
    
    /* Expand All 按钮字体大小与导航项保持一致 */
    .material-floating-nav .nav-expand-all {
        font-size: 8px !important;
        padding: 4px 8px !important;
    }
}

/* 13寸及以下笔记本电脑屏幕优化 */
@media (max-width: 1440px) {
    .material-floating-nav {
        padding: 6px 5px !important;
        /* 位置由JavaScript动态计算 */
        min-width: 120px !important; /* 稍微减小宽度，但仍确保文字完整显示 */
    }
    
    /* 左侧定位时的样式 */
    .material-floating-nav.position-left {
        /* 位置由JavaScript动态计算，与toggle按钮对齐（toggle按钮在 left: -54px） */
        right: auto !important;
        left: auto !important; /* 清除可能的left值，让JavaScript控制 */
        min-width: 120px !important;
    }
    
    .material-floating-nav .nav-item {
        padding: 3px 6px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
        line-height: 1.1 !important;
    }
    
    .material-floating-nav .nav-item.active {
		background:var(--themeone) !important;
        color: #fff !important;
        box-shadow: 0 2px 8px rgba(37, 73, 216, 0.3) !important;
    }
    
    /* Expand All 按钮字体大小与导航项保持一致 */
    .material-floating-nav .nav-expand-all {
        font-size: 10px !important;
        padding: 3px 6px !important;
    }
}

/* 12寸及以下笔记本电脑屏幕优化 */
@media (max-width: 1280px) {
    .material-floating-nav {
        padding: 5px 4px !important;
        /* 位置由JavaScript动态计算 */
        min-width: 110px !important; /* 稍微减小宽度，但仍确保文字完整显示 */
    }
    
    /* 左侧定位时的样式 */
    .material-floating-nav.position-left {
        /* 位置由JavaScript动态计算，与toggle按钮对齐（toggle按钮在 left: -54px） */
        right: auto !important;
        left: auto !important; /* 清除可能的left值，让JavaScript控制 */
        min-width: 110px !important;
    }
    
    .material-floating-nav .nav-item {
        padding: 2px 5px !important;
        font-size: 9px !important;
        white-space: nowrap !important;
        line-height: 1.0 !important;
        margin: 2px 0 !important;
    }
    
    .material-floating-nav .nav-item.active {
		background:var(--themeone) !important;
        color: #fff !important;
        box-shadow: 0 2px 8px rgba(37, 73, 216, 0.3) !important;
    }
    
    /* Expand All 按钮字体大小与导航项保持一致 */
    .material-floating-nav .nav-expand-all {
        font-size: 9px !important;
        padding: 2px 5px !important;
        margin: 2px 0 !important;
    }
}

/* 移除这个冲突的规则，让浮动导航在小屏幕下也能显示 */

/* ========== 批量配置 - 骨架屏样式 ========== */
/* 骨架屏容器 - 使用绝对定位覆盖在实际内容上面 */
#stl_infoshow_batch {
    position: relative;
    overflow: hidden;
    background: rgba(37, 73, 216, 1);
}

.skeleton-batch {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    background: rgba(37, 73, 216, 1);
}

.skeleton-batch-inner {
    background: rgba(37, 73, 216, 1);
    padding: 5px;
    border-radius: 0;
}

/* 标题骨架 - 匹配实际内容 line-height: 44px */
.skeleton-batch .skeleton-title {
    height: 44px;
    line-height: 44px;
    padding: 0 12px;
    background: var(--themeone);
    display: flex;
    align-items: center;
}

.skeleton-batch .sk-title-block {
    width: 25%;
    height: 20px;
    border-radius: 4px;
}

/* 主体区域骨架 */
.skeleton-batch .skeleton-main {
    background: #f4f4f4;
    border-radius: 8px;
    display: flex;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
	min-height: 305px;
	display: flex;
	align-items: center;
}

.skeleton-batch .skeleton-left {
    width: 33%;
    padding: 5px;
    box-sizing: border-box;
}

.skeleton-batch .sk-material-title {
    width: 60%;
    height: 20px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.skeleton-batch .sk-material-img {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.skeleton-batch .sk-properties-area {
    margin-bottom: 15px;
}

.skeleton-batch .sk-property {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.skeleton-batch .sk-prop-label {
    width: 25%;
    height: 14px;
    border-radius: 3px;
}

.skeleton-batch .sk-prop-bar {
    width: 45%;
    height: 12px;
    border-radius: 3px;
}

.skeleton-batch .sk-prop-value {
    width: 18%;
    height: 14px;
    border-radius: 3px;
}

.skeleton-batch .sk-desc {
    height: 14px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.skeleton-batch .sk-desc-1 { width: 95%; }
.skeleton-batch .sk-desc-2 { width: 80%; }
.skeleton-batch .sk-desc-3 { width: 65%; }

.skeleton-batch .sk-3dplus-title {
    width: 30%;
    height: 18px;
    border-radius: 4px;
    margin: 15px 0 12px;
}

.skeleton-batch .sk-series-price {
    display: flex;
    gap: 15px;
}

.skeleton-batch .sk-series {
    width: 110px;
    height: 36px;
    border-radius: 4px;
}

.skeleton-batch .sk-price {
    width: 68px;
    height: 36px;
    border-radius: 4px;
}

/* 分隔线骨架 */
.skeleton-batch .skeleton-divider {
    width: 1%;
    padding: 5px;
    box-sizing: border-box;
}

.skeleton-batch .skeleton-divider::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #e0e0e0;
}

/* 右侧3d+骨架 - 3组结构（Color/Finish/Function） */
.skeleton-batch .skeleton-right {
    width: 65%;
    padding: 5px;
    box-sizing: border-box;
}

.skeleton-batch .sk-plus-group {
    width: 100%;
    margin-bottom: 15px;
}

.skeleton-batch .sk-plus-group:last-child {
    margin-bottom: 0;
}

.skeleton-batch .sk-plus-header {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
    gap: 10px;
}

.skeleton-batch .sk-plus-name {
    width: 22.5%;
    height: 17px;
    border-radius: 3px;
}

.skeleton-batch .sk-plus-leadtime {
    width: 20%;
    height: 17px;
    border-radius: 3px;
}

.skeleton-batch .sk-plus-note {
    width: 25%;
    height: 17px;
    border-radius: 3px;
    margin-left: auto;
}

.skeleton-batch .sk-plus-body {
    width: 100%;
    background: rgba(230, 230, 230, 1);
    border-radius: 0.25rem;
    min-height: 40px;
    padding: 5px;
    box-sizing: border-box;
}

.skeleton-batch .sk-plus-options-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
}

.skeleton-batch .sk-plus-option-item {
    width: 80px;
    height: 30px;
    border-radius: 4px;
}

.skeleton-batch .sk-plus-input-row {
    display: flex;
    gap: 5px;
    align-items: center;
}

.skeleton-batch .sk-plus-input {
    width: 153px;
    height: 15px;
    border-radius: 2px;
}

.skeleton-batch .sk-plus-upload-btn {
    width: 44px;
    height: 15px;
    border-radius: 2px;
}

/* 底部leadtime骨架 - 精确匹配实际内容的float布局 */
.skeleton-batch .skeleton-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}

.skeleton-batch .sk-lead-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 80px;
    width: 10%;
    padding: 0;
    gap: 10px;
    box-sizing: border-box;
}

.skeleton-batch .sk-lead-item:first-child {
    margin-left: 20%;
}

.skeleton-batch .sk-lead-label {
    width: 75px;
    height: 16px;
    border-radius: 3px;
}

.skeleton-batch .sk-lead-value {
    width: 55px;
    height: 18px;
    border-radius: 3px;
}

.skeleton-batch .sk-equals {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 5%;
    box-sizing: border-box;
}

.skeleton-batch .sk-equals-block {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.skeleton-batch .sk-lead-total {
    width: 20%;
}

.skeleton-batch .sk-lead-total .sk-lead-label {
    width: 90px;
}

.skeleton-batch .sk-lead-total .sk-lead-value {
    width: 80px;
}

.skeleton-batch .sk-confirm {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 80px;
    width: 15%;
    box-sizing: border-box;
}

.skeleton-batch .sk-confirm-btn {
    width: 167px;
    height: 55px;
    border-radius: 8px;
}

/* 骨架块基础样式 + 柔和呼吸动画（参考 Bootstrap placeholder-glow） */
.skeleton-batch .sk-block {
    background: #cfcfcf;
    animation: sk-glow 2.2s ease-in-out infinite;
}

@keyframes sk-glow {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}

/* 骨架屏淡入淡出过渡 */
.skeleton-batch,
#stl_infoshow_batch > .li {
    transition: opacity 0.3s ease;
}
/* CNC 和 IM 隐藏 Try Specimens */
.qli.configure-process-cnc .sample-kit-button,
.qli.configure-process-im .sample-kit-button,
.qli.configure-process-cnc .add-sample-btn,
.qli.configure-process-im .add-sample-btn {
    display: none !important;
}

/* 弹窗打开时，报价卡片及其按钮应位于弹窗遮罩下方 */
body.modal-open .qli.configure-panel-open .q_con {
    z-index: 1;
}
.properties_info_batch .img_show img{width: 150px;}