img{
	display: block;
	width: 100%;
}
body{
	background-color: #fafafa;
	min-height: 100vh;
	padding-bottom: 2.17rem;
}

.goodsList{
	padding: 0.5rem 0.3rem 0.64rem;
}
.goodsList li{
	float: left;
	width: 2.04rem;
	height: 2.44rem;
	margin-right: 0.35rem;
	
}
.goodsList li img{
	border: 2px solid transparent;
	border-radius: 0.28rem;
	
}
.goodsList li:nth-child(3){
	margin-right: 0;
}
.goodsList li.goods1{
	position: relative;
}
.goodsList li.goods1 .fire{
	position: absolute;
	width: 0.51rem;
	height: 0.77rem;
	top: -0.38rem;
	right: -0.11rem;
	background-image: url(../images/fire.png);
	background-size: cover;
}
.goodsList li.active img{
	border-color: #e8cd86;
	box-shadow: 0px 0px 0.21rem rgba(181,181,181,0.58);
}
.goodsList li:nth-child(3).active img{
	box-shadow: 0px 0px 0.21rem rgba(182,148,56,0.58);
}


.goodsMes{
	padding: 0px 0.4rem;
}
.goodsDes{
	background-color: #fff;
	padding: 0.38rem 0.35rem;
	font-size: 0.28rem;
	line-height: 0.44rem;
	color: #333333;
}

.checkBox{
	padding: 0px 0.56rem;
	margin: 0.19rem 0px 0.15rem;
}
.check{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #999999;
	border-radius: 50%;
	overflow: hidden;
	width: 0.26rem;
	height: 0.26rem;
}
.check input{
	opacity: 0;
}
.checkBox label{
	display: inline-block;
	vertical-align: middle;
}


/*支付方式*/
.payList li{
	position: relative;
	background-color: #fff;
	margin-bottom: 0.06rem;
	height: 0.51rem;
	box-sizing: content-box;
	padding: 0.3rem 0;
	
}
.payList li input{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
}
.payPic{
	width: 1.31rem;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
.payPic img{
	display: inline-block;
	height: 0.51rem;
	width: auto;
}
.payCon span{
	display: inline-block;
	vertical-align: middle;
}
.payCon .isChecked{
	position: absolute;
	top: 50%;
	right: 0.52rem;
	width: 0.25rem;
	height: 0.25rem;
	border: 1px solid #999999;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	z-index: 1;
}
.payList li.active .isChecked{
	background-image: url(../images/check.png);
	background-size: cover;
	border: none;
}
.checkBox.active .check{
	background-image: url(../images/check.png);
	background-size: cover;
	border: none;
}


/*提示*/
.Tips{
	padding: 0px 0.4rem;
	margin-top: 0.34rem;
}
.TipsDes{
	background-color: #fff;
	border-radius: 0.2rem;
	padding: 0.42rem 0.36rem;
	font-size: 0.28rem;
	line-height: 0.44rem;
	color: #333333;
}
.subBtn{
	width: 5.04rem;
	height: 0.7rem;
	border-radius: 100px;
	background-image: linear-gradient(89deg, 
		rgba(252, 171, 100, 0.81) 0%, 
		rgba(253, 146, 78, 0.81) 57%, 
		rgba(254, 121, 56, 0.81) 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	box-shadow: inset 0px 1px 0px 0px 
		rgba(255, 254, 252, 0.57), 
		inset 0px -1px 1px 0px 
		rgba(199, 123, 71, 0.09);
	margin: 0px auto;
	line-height: 0.7rem;
	font-size: 0.28rem;
	color: #4a1c04;
	text-align: center;
	margin-top: 0.4rem;
}


/*切换*/
.tabCon .eachVIP{
	display: none;
}
.tabCon .eachVIP.active{
	display: block;
}




/*弹窗*/
.eject{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99;
}
.mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 1;
}
.ejectCon{
	position: absolute;
	width: 6.2rem;
	height: 4.2rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-60%);
	background-color: #fff;
	z-index: 2;
	border-radius: 0.2rem;
	padding-top: 1.1rem;
}
.close{
	position: absolute;
	top: 0;
	right: 0;
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../images/close.png);
	background-size: cover;
	transform: translate(50%,-50%);
}
.eachInp{
	width: 5.3rem;
	height: 0.92rem;
	border-radius: 0.45rem;
	border: solid 1px #de9147;
	margin: 0px auto 0.38rem;
	overflow: hidden;
	position: relative;
}
.eachInp input{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 0.43rem;
	color: #de9147;
	font-size: 0.32rem;
}
.eachInp.noborder{
	border: none;
	border-radius: 0;
}
.eachInp.noborder input{
	border-radius: 100px;
	border: solid 1px #de9147;
	width: 2.81rem;
}
.getCode{
	position: absolute;
	right: 0;
	top: 0;
	width: 2.35rem;
	height: 100%;
	line-height: 0.9rem;
	text-align: center;
	font-size: 0.32rem;
	color: #de9147;
	border-radius: 0.08rem;
	border-left: 1px solid #de9147;
	overflow: hidden;
}

.getCode.active{
	pointer-events:none;
	cursor: not-allowed;
}
.sureBtn{
	width: 5.04rem;
	height: 0.7rem;
	border-radius: 100px;
	background-image: linear-gradient(89deg, 
		rgba(252, 171, 100, 0.81) 0%, 
		rgba(253, 146, 78, 0.81) 57%, 
		rgba(254, 121, 56, 0.81) 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	box-shadow: inset 0px 1px 0px 0px 
		rgba(255, 254, 252, 0.57), 
		inset 0px -1px 1px 0px 
		rgba(199, 123, 71, 0.09);
	margin: 0px auto;
	line-height: 0.7rem;
	font-size: 0.28rem;
	color: #4a1c04;
	text-align: center;
	margin-top: 0.6rem;
}

/*禁止点击*/
.sureBtn.active{
	pointer-events: none;
}