/* 强制清除等号容器的背景 */
.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;}
.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;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 .r{display: flex;justify-content: space-between;align-items: center;line-height: 60px;min-height: 60px;}
.qpage .qt .r .li{display: flex;flex-direction: column;align-items: center;margin:0 20px;}
.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: 10px 16px;border-radius: 104px;cursor: pointer;margin-left: 20px;margin-right: 10px;text-align: center;vertical-align: middle;background: rgba(147, 147, 147, 1);color: rgba(255, 255, 255, 1);border: none;transition: all 0.3s ease;box-shadow: 0 2px 4px rgba(0,0,0,0.1);line-height: 1;display: flex;align-items: center;justify-content: center;width: 180px;height: 40px;}
.qpage .container .qt .r .insert_title:hover{background: rgba(37, 73, 216, 1);color: rgba(255, 255, 255, 1);border-color: rgba(37, 73, 216, 1);box-shadow: 0 4px 12px rgba(37, 73, 216, 0.3);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: 60px 20px 100px 20px; /* 大幅增加底部padding，确保文字在框内显示 */
}

#order-detail-popup .close {
	position: absolute;
	top: 15px;
	right: 15px;
	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;
	z-index: 1000;
}

#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: 10000;
	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;
	}
}

/* 转换位置按钮样式 - 与关闭按钮保持一致 */
.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; /* 顶部对齐 */
}

.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: 180px;
	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: 180px;
	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;
}

.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;}
.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: 20px; 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;}
.qli .q_title .sort{float: right;color: #fff;width: 20px;height: 20px;line-height: 20px;margin-right: 5px;opacity: 0.5}
.qli .q_title .sort:hover{opacity: 1}
.qli .q_title .sort span{font-size: 30px;line-height: 20px;width: 20px;height: 20px;cursor: pointer;}
.qli .q_title .sort span::before{vertical-align: inherit;line-height: 20px;width: 20px;height: 20px;cursor: pointer;}
.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;width: 120px;height: 90px;}
.qli .q_con .file_info .file_other .file_thumb img{float: left;width: 100%;background: #fff;padding: 10px;cursor:pointer;}
.qli .q_con .file_info .file_other .file_right{flex: 1;padding: 0 0 0 10px;font-size: 12px;}
.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: center;}
.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 .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: 36px;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;
}
/* 附件输入框有文件名时（有值时），始终留出空间给删除按钮 */
.qli .q_con .remark .fielbox .input:not([value=""]) {
    padding-left: 32px !important;
}
/* 或者使用has选择器（更现代） */
.qli .q_con .remark .fielbox:has(.delete-attachment-icon) .input {
    padding-left: 32px !important;
}
/* 附件输入框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;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #dc3545;
    font-size: 14px;
    padding: 3px 5px;
    background: rgba(220, 53, 69, 0.95);
    border: 1px solid #dc3545;
    border-radius: 50%;
    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);
}
/* 当有删除按钮时，给input添加左侧padding以避免文字被遮挡 - 已在上面统一处理，此处注释掉避免冲突 */
/* .fielbox:hover .input {
    padding-left: 32px;
    transition: padding-left 0.3s ease;
} */
.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: 14px;text-align: center;}
.qli .q_con .efficiency .eff_box{
	margin-top: 5px;
	/** 文本1 */
	font-size: 14px;
	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: 30px;
	/** 文本1 */
	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{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;}

/* bi-file-person 按钮样式 - 与 promptBatch 对齐 */
.qli .q_con .price .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;
}

/* 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: 160px;
    min-height: 40px;
    background: rgba(37, 73, 216, 0.95);
    border: 1px solid rgba(37, 73, 216, 1);
    border-radius: 4px;
    position: absolute;
    top: 30px;
    left: 70%;
    margin-left: 5px;
    z-index: 10001;
    padding: 8px;
    box-shadow: 0 2px 6px rgba(37, 73, 216, 0.3);
    display: none;
    text-align: center;
    font-size: 11px;
    line-height: 1.3;
    color: #fff;
}

.promptStylePlus.show {
    display: block !important;
    pointer-events: auto;
}

/* 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;
}

.qli .q_con .configure_btn{width:400px;position: absolute;bottom: -30px;height: 30px;background: var(--themefive);color: #fff;left: 50%;margin-left: -200px;z-index: 999;line-height: 30px;text-align: center;transition: 0.5s;cursor: pointer;border-radius: 6px 6px 0 0;}
.qli .q_con:hover .configure_btn{bottom: 0;}

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

.qli .configure_box{width: 100%;float: left;display: none;background:#fff;/*border-bottom: 4px solid var(--themefive);*/padding: 8px 8px 0;position: relative;border-radius: 5px;}
.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;}
.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.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: 20px;font-family: 'MB';}
.qli .configure_box .c .li .r .material .times .material_items p{float: left;width: 100%;line-height: 20px;font-size: 16px;}
.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{width: 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%;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;}

.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: 50px;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%;margin-bottom: 20px;}
.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-y: scroll; /* 添加垂直滚动条 */}

.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;}


.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.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: 20px;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; /* 稍微减小宽度，但仍确保文字完整显示 */
    /* 位置将通过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;
        /* 在14寸屏幕下更靠近configure窗口 */
        right: -10px !important;
        min-width: 100px !important; /* 稍微减小宽度，但仍确保文字完整显示 */
    }
    
    /* 左侧定位时的样式 */
    .material-floating-nav.position-left {
        left: -120px !important;
        right: auto !important;
        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;
        /* 在13寸屏幕下更靠近configure窗口 */
        right: -8px !important;
        min-width: 120px !important; /* 稍微减小宽度，但仍确保文字完整显示 */
    }
    
    /* 左侧定位时的样式 */
    .material-floating-nav.position-left {
        left: -130px !important;
        right: auto !important;
        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;
        /* 在12寸屏幕下更靠近configure窗口 */
        right: -6px !important;
        min-width: 110px !important; /* 稍微减小宽度，但仍确保文字完整显示 */
    }
    
    /* 左侧定位时的样式 */
    .material-floating-nav.position-left {
        left: -120px !important;
        right: auto !important;
        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;
    }
}

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