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 25px;}



@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_active .fl_img{width: 20px;position: absolute;right:0;bottom:0;}
.product_title{font-size: 12px;font-weight: bold;margin-bottom: 7px;font-size:14px;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product_info{font-size: 12px;font-weight: bold;}

.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 #492DD9 !important; background: #F8F8FE !important; color: #492DD9 !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}

.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);

}
