body{font-size: 14px;margin: 0px;}
.main{max-width: 880px;background: #fff;width: 100%;margin: 0px auto;}
.header{background: url("../images/next-bg.png");height: 92px;position: relative;}
.left{padding: 20px;display: inline-block;}
.shop_img{width: 50px;height:50px;border-radius: 50px;background: #fff;vertical-align:top;}
.shop{color: #fff;display: inline-block;margin-left: 20px;vertical-align:top;margin-top: 3px;}
.shop_title{font-size: 16px;font-weight: bold;margin-bottom: 6px;}
.contact_info{font-size: 12px;}
.right{position: absolute;top: 35px;right:20px}
.right .btn1{color:#492DD9;background: #fff;padding: 4px 12px;border-radius: 20px;border:solid 1px #fff;font-size: 12px;text-decoration:none}
.right .btn2{color:#FFF;background: #492DD9;padding: 4px 12px;border-radius: 20px;border:solid 1px #fff;font-size: 12px;text-decoration:none}
.body{padding: 25px 7px 0px;}



@media screen and (min-width: 768px) { 
.sort_active{width: calc(25% - 10px);height: 68px;border-radius: 7px;background: url("../images/bg2.png");color:#fff;padding: 14px;display: inline-block;margin-right: 10px;position: relative;overflow: hidden;box-sizing: border-box;}
.sort{width: calc(25% - 10px);height: 68px;border-radius: 7px;background: #f7f7f7;color:#333;padding: 14px;display: inline-block;margin-right: 10px;overflow: hidden;box-sizing: border-box;text-decoration: none}
.product_active{width: calc(33.3% - 10px);border-radius: 7px;display: inline-block;margin-right: 10px;position: relative;border:solid 1px #492DD9;overflow: hidden;color: #492DD9;box-sizing: border-box;}
.product{width: calc(33.3% - 10px);border-radius: 7px;color:#333;display: inline-block;margin-right: 10px;border:solid 1px #DDD;overflow: hidden;box-sizing: border-box;}
}

@media screen and (max-width: 768px) { 
.sort_active{width: calc(50% - 10px);height: 68px;border-radius: 7px;background: url("../images/bg2.png");color:#fff;padding: 14px;display: inline-block;margin-right: 10px;position: relative;overflow: hidden;box-sizing: border-box;}
.sort{width: calc(50% - 10px);height: 68px;border-radius: 7px;background: #f7f7f7;color:#333;padding: 14px;display: inline-block;margin-right: 10px;overflow: hidden;box-sizing: border-box;text-decoration: none}
.product_active{width: calc(50% - 10px);border-radius: 7px;display: inline-block;margin-right: 10px;position: relative;border:solid 1px #492DD9;overflow: hidden;color: #492DD9;box-sizing: border-box;}
.product{width: calc(50% - 10px);border-radius: 7px;color:#333;display: inline-block;margin-right: 10px;border:solid 1px #DDD;overflow: hidden;box-sizing: border-box;}
}

.sort_active .fl_img{width: 30px;position: absolute;right: -5px;bottom:-7px;}
.sort_title{font-size: 14px;font-weight: bold;margin-bottom: 5px;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sort_info{font-size: 12px;opacity:0.6}
.product_title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 12px;
    margin-left: 12px;
    margin-right: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product_active .fl_img{width: 20px;position: absolute;right:0;bottom:0;}
 .product_info{font-size: 12px;font-weight: bold;}
    	.quick-nav { padding: 15px; }
    	.nav-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
    	.nav-item { text-align: center; text-decoration: none; display: block; }
    	.nav-icon-box {   margin: 0 auto 8px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; }
    	.nav-icon-img { width: 50px; height: 50px; }
    	.nav-item .nav-title { font-size: 12px; color: #333; }
    	
    		.banner-section { padding: 15px; }
    	.banner-img { width: 100%; border-radius: 12px; object-fit: cover; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
    	
    	
    	
    	
    	
.pcontent{margin: 10px 0;}
.pcontent img{width: 100%;display: inherit;}

.pay_box{width: 150px;height: 50px;border-radius: 7px;color:#333;display: inline-block;margin-right: 10px;border:solid 1px #DDD;overflow: hidden;box-sizing: border-box;background: #f7f7f7;font-size: 12px;text-align: center;line-height: 50px;cursor:pointer;position: relative;}


.checked {
    border: solid 1px #492dd900 !important;
    background: #f8f8fe00 !important;
    color: #492dd900 !important;
}

.checked_img{width: 20px;position: absolute;right:0;bottom:0;}

.pay_box input[type="radio"] {
    display: none;
}
.pay_pic{width: 20px;margin-bottom: -5px}
.product{position: relative;background: #fff;}
.product img{width: 100%;height: 200px;object-fit: cover;transition: transform 0.4s ease;}
.product:hover img{transform: scale(1.05);}
.product_title{font-size: 13px;font-weight: 500;margin-bottom: 8px;margin-top: 12px;margin-left: 12px;margin-right: 12px;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: #1a1a1a;height: 40px;}
.product_info{font-size: 15px;font-weight: 700;color: #ff4757;margin: 4px 12px 12px 12px;display: flex;align-items: center;gap: 8px;justify-content: space-between;}
.product_info div{padding: 3px 8px;border-radius: 6px;font-size: 11px;font-weight: 500;white-space: nowrap;}
.product_info div:first-child{color: #ff4757;font-size: 16px;}
.product::after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg, transparent, #ff4757, transparent);opacity: 0;transition: opacity 0.3s ease;}
.product:hover::after{opacity: 1;}


.product{width: calc(50% - 5px);border-radius: 12px;color:#333;display: inline-flex;margin-right: 8px;margin-bottom: 12px;border:1px solid #f0f0f0;overflow: hidden;box-sizing: border-box;background: #fff;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 12px rgba(0,0,0,0.06);flex-direction: column;position: relative;}
.product:hover{box-shadow: 0 8px 24px rgba(0,0,0,0.12);transform: translateY(-4px);border-color: #ff4757;}
.product:nth-child(even){margin-right: 0;}

.card7 {
	width:100%;
	text-align:center;
	color:#999;
	font-size:12px;
}
.card7 div {
	letter-spacing:1px;
}

.card7 a,#card7_xb .card7 a:link {
	color:#492DD9
}

.btn_buy {
	position:fixed;
	bottom:0;
	z-index:40;
	color:#fff;
	background:#492DD9;
	font-weight:700;
	text-align:center;
	width:100%;
	max-width:880px;
	line-height: 50px;
	font-size: 15.5px;
}
.clac{font-size: 24px;display: inline-block;font-weight: bold;width: 40px;text-align: center;vertical-align: top;cursor: pointer; user-select:none;}
::-webkit-scrollbar {
width:7px;
height: 3px;
}
/* 婊氬姩妲� */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:7px;

}
/* 婊氬姩鏉℃粦鍧� */
::-webkit-scrollbar-thumb {
border-radius:7px;
background:rgba(0,0,0,0.2);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.4);

}