/* 公共样式 */
@charset "UTF-8";
@import url(css2.css?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
body {
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
}
a{color: #333333;}
a:hover{color: #333333;}
.header { background-color: #fff;color:#333;border-bottom:1px solid #f2f2f2;}
.topHeader{transition: all 0.3s ease;}
.sticky {position: fixed; top:  0px;  width: 100%;z-index:10; animation: sticky 1s;box-shadow: 1px 2px 5px rgba(140, 140, 140, 0.1);}	
@keyframes sticky {
	0% {
		transform: translateY(-100%)
	}

	100% {
		transform: translateY(0)
	}
}	 
.col5_width{width:20%}	
@media (max-width:1024px){
	.col5_width{width: 28%}
}
@media (max-width:768px){
	.col5_width{width: 33%}
}
@media (max-width:480px){
	.col5_width{width: 50%}
}
.logo {display: flex; align-items: center;justify-content: left;height: 100px;}
.logo img{width:auto;height:60px;}	
@media  (max-width:768px)
{
	.floating-placeholder {height: 60px;transition: height 0.3s ease;}  
	.logo {display: flex; align-items: center;justify-content: left;height: 60px;}
	.logo img{height: 40px;width: auto;}		
}	
.top_account{display: flex;justify-content: right; align-items: center;height: 100px;}
.top_account li{margin:0 15px;text-align: center;}
.top_account .layui-icon{font-size:24px}
.top_account .icon-name{font-size: 14px;position: relative;}
.layui-input-wrap{padding: 0 20px;margin: 0 10px;height:100px;display: flex;align-items: center;justify-content: center;}
.layui-input-wrap .search-input{border:1px solid #ccc;border-radius: 20px!important;padding:10px 15px;width: 100%;margin: 5px 0;padding: 10px 20px;}
.layui-input-wrap .search-input:focus{border-color: #d2d2d2!important;box-shadow: 1px 1px 5px rgba(139, 139, 139, 0.3)}		
.layui-input-wrap .layui-input-suffix .layui-btn{border:1px solid #ccc;border-radius: 20px!important;padding:10px 15px;width: 100%;margin: 5px 0;padding: 10px 20px;}
.layui-input-wrap .layui-input-suffix .layui-btn:focus{border-color: #d2d2d2!important;box-shadow: 1px 1px 5px rgba(139, 139, 139, 0.3)}	
.layui-input-wrap .layui-input-affix .layui-icon{font-size: 22px;top:32px;right:25px}
.nav-custom { display: flex; align-items: center;height: 48px;font-weight: 500;}
.nav-custom li{margin: 0 10px;}	
.nav-custom li a{font-weight: bold;font-size: 14px;}	
.categoryMenu{cursor: pointer;width:260px;overflow: hidden;display: flex;align-items: center;height: 48px;line-height: 48px;background:#eff0f0; justify-content: center; color:#333}	
.categoryList{display: flex;height: 40px;line-height: 40px;}
.categoryList .categoryTitle{font-weight: 500;}
.categoryList .categoryIco{
	padding:20px;
	margin-right:10px;
	background: url('../images/category_icon.webp');
    background-size: 200px;
	background-repeat: no-repeat; /* 可选，防止图片重复 */
}

.categoryList .icon_1{background-position:0 0}
.categoryList .icon_2{background-position:-120px 0}
.categoryList .icon_22{background-position:-160px -80px}
.categoryList .icon_26{background-position:-40px -40px}
.categoryList .icon_10{background-position:-120px -120px}
.categoryList .icon_23{background-position:-160px -40px}
.categoryList .icon_29{background-position:-120px -40px}
.categoryList .icon_98{background-position:-80px -80px}
.categoryList .icon_97{background-position:-40px -160px}
.categoryList .icon_111{background-position:-80px -120px}
.categoryList .icon_96{background-position:0 -80px}
.categoryList .icon_99{background-position:-40px -120px}

.categoryList .icon_28{background-position:-160px -160px}
.categoryList .icon_32{background-position:0 -120px}
.categoryList .icon_66{background-position:0 -40px}



.MobileTopMenu{display: flex;justify-content: right;align-items: center;height:60px}
.MobileTopMenuList{display: flex;justify-content: right; align-items: center;height: 60px;}	
.MobileTopMenuList li{margin: 0 10px;}
.MobileTopMenuList i{font-size: 20px;}	
	
.footer { text-align: center; background-color: #212529; color: white; }
.footer .footer-list dt{padding:2px 0 2px 30px;font-weight:500;font-size:20px;text-align:left;margin:15px 0}
.footer .footer-list dd{padding:2px 0 2px 30px;font-size:14px;text-align:left;}
.footer .mp-dark{padding:30px 0 20px 0}
.footer .footer-list a{color:#999;font-size:14px}
.footer .bg-dark {background-color: #1a1a1a;padding:10px 0;font-size:14px;color:#999;}
.footer .logo{height:80px!important}
.footer .payment_ico{margin-top:10px}
 
 
.searches_history{display:flex;flex-wrap: wrap;}
.searches_history li{padding:3px 15px; margin: 3px 2px; border-radius: 15px;font-size: 14px;}
.searches_history li a:hover{text-decoration: underline;} 
.searches_hot{display:flex;flex-wrap: wrap;}
.searches_hot li{padding:3px 15px; margin: 3px 5px;background: #f1f1f1;border-radius: 15px;font-size: 14px;}
.searches_hot li:hover{background-color: #ddd;} 
 .pagination {
	 margin: 20px 0;
	 text-align: center;
 }
 .pagination a, .pagination span {
	 display: inline-block;
	 padding: 3px 10px;
	 margin: 0 5px;
	 border-radius: 5px; 
	 text-decoration: none;
	 color: #333;
 }
 .pagination a:hover {
	 background: #eee;
 }
 .pagination .current {
	 background: #4a4a4a;
	 color: white;
	 border-radius: 5px;
	 border-color: #4b4b4b;
 }
 .product-list {
	 width: 100%;
	 border-collapse: collapse;
 }
 .product-list th, .product-list td {
	 
	 padding: 8px;
	 text-align: left;
 }
 .product-list th {
	 background-color: #f2f2f2;
 }
 
 
.no_products_found{margin:100px auto;height:300px;text-align: center;opacity: 0.5; background:url('/themes/default/images/no_products_found.png') no-repeat center}

.fixIcon{width:42px;height:42px}
.layui-fixbar .layui-fixbar-top {
	    display: none;
	    font-size: 36px;
}
	
.layui-fixbar li {
	width: 42px;
	height: 42px;
	line-height: 42px;
	margin-bottom: 5px;
	text-align: center;
	cursor: pointer;
	font-size: 36px;
	background-color: #636363;
	color: #ffffff;
	border-radius: 5px;
	opacity: .95;
}	

@media  (max-width:768px)
{
	.fixIcon{width:36px;height:36px}
	.layui-fixbar .layui-fixbar-top {
	    display: none;
	    font-size: 28px;
	}
	
	.layui-fixbar li {
	    width: 36px;
	    height: 36px;
	    line-height: 36px;
	    margin-bottom: 3px;
	    text-align: center;
	    cursor: pointer;
	    font-size: 30px;
	    background-color: #636363;
	    color: #ffffff;
	    border-radius: 5px;
	    opacity: .95;
	}		
}

.aditem{margin-top:5px}

.wechat_bg{
	padding: 30px;
	text-align:center;
	height:350px;
	overflow: hidden;
	background: url('../images/wechat.webp') center center; 
	background-repeat: no-repeat; /* 可选，防止图片重复 */
	background-size: 80% auto;
}