html{background:#e8edf7;}
body{font-size: 14px;margin: 0px;background:#eef2f8;min-height:100vh;}
    	.main{max-width: 920px;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);height: 68px;border-radius: 7px;padding: 14px;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);height: 68px;border-radius: 7px;color:#333;padding: 14px;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: 100%;height: 68px;border-radius: 7px;padding: 14px;display: inline-block;margin-right: 10px;position: relative;border:solid 1px #492DD9;overflow: hidden;color: #492DD9;box-sizing: border-box;}
.product{width: 100%;height: 68px;border-radius: 7px;color:#333;padding: 14px;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;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;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:920px;
	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;}

@media screen and (min-width: 769px) {
	body{
		background:
			radial-gradient(1200px 420px at -8% -12%, rgba(109,92,255,0.16), rgba(109,92,255,0)),
			radial-gradient(1000px 360px at 108% -10%, rgba(78,140,255,0.16), rgba(78,140,255,0)),
			linear-gradient(180deg,#eef3fb 0%, #e8edf7 100%);
		background-attachment: fixed, fixed, fixed;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: cover, cover, cover;
		padding: 14px 18px 110px;
		box-sizing: border-box;
	}
	.main{
		border-radius: 18px;
		overflow: hidden;
		border: 1px solid rgba(255,255,255,0.7);
		box-shadow: 0 16px 40px rgba(28,39,78,0.10);
	}
	.main + .main{
		margin-top: 14px !important;
	}
}