/* 自定义字体 */
@font-face {
	font-family: "DIN-Bold";
	src: url("DIN-Bold.otf");
}

a:focus {
	outline: none;
}

.top-bg {
	width: 100%;
	height: 80px;
	background: url(/images/act/payment/bg.png) no-repeat center center/cover;
	/* background-image: url("/images/act/payment/编组.svg") center / cover no-repeat; */
	position: relative;
	z-index: 9;
	user-select: none;

}

.bg-svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.top-countdown {
	width: 704px;
	justify-content: center;
	gap: 50px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.top-title {
	width: 220px;
	height: 50px;
	background: url("/images/act/payment/tittle.png") 100% / 100% no-repeat;
}

.top-time {
	display: flex;
	height: 100%;
	align-items: center;
	gap: 10px;
}

.countdown-title {
	font-size: 17px;
	font-family: PingFangSC-Semibold, PingFang SC;
	color: #EED9BE;
	text-align: center;
	font-weight: 500;
	
}

.countdown-info {
	display: flex;
	height: 38px;
	text-align: center;
	font-size: 24px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #EED9BE;
	line-height: 38px;

}

.countdown-info span {
	display: inline-block;
	width: 35px;
	height: 38px;
	margin: 0 5px;
	background: rgba(255, 201, 181, 0.09);
	border-radius: 1px;
	border: 1px solid #917C79;
	font-size: 24px;
	font-family: DIN-Bold, DIN;
	font-weight: bold;
	color: #EED9BE;
	line-height: 38px;
	box-sizing: border-box;
	vertical-align: top;
}

.vip-container {
	width: 1110px;
	margin: 40px auto 0;
	background: #fff;
	border-radius: 8px;
	display: flex;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 14px;
}

.vip-privilege {
	width: 255px;
	padding: 43px 0 0 20px;
	background: #F9F5EF;
	box-sizing: border-box;
}

.privilege-title {
	margin-bottom: 42px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 10px;
}

.privilege-title-text {
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
}

.privilege-more {
	color: #333333;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.privilege-item {
	font-size: 14px;
		color: #333;
		font-weight: 600;
	height: 40px;
	margin-bottom: 30px;
	padding-left: 55px;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	position: relative;
	display: flex;
	align-items: center;
}

.privilege-item-en {
	display: flex;
	align-items: center;
	line-height: normal;
}

.privilege-item:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

.privilege-text {
	display: grid;
	align-items: center;
	height: 100%;
}
.privilege-text-title {
	
}

.privilege-descript {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

.privilege-item:nth-of-type(1):before {
	background: url("/images/act/vip/privilege1.png") 100% / 100% no-repeat;
}

.privilege-item:nth-of-type(2):before {
	background: url("/images/act/vip/privilege2.png") 100% / 100% no-repeat;
}

.privilege-item:nth-of-type(3):before {
	background: url("/images/act/vip/privilege3.png") 100% / 100% no-repeat;
}

.privilege-item:nth-of-type(4):before {
	background: url("/images/act/vip/privilege4.png") 100% / 100% no-repeat;
}

.privilege-item:nth-of-type(5):before {
	background: url("/images/act/vip/privilege5.png") 100% / 100% no-repeat;
}

.privilege-item:nth-of-type(6):before {
	background: url("/images/act/vip/privilege6.png") 100% / 100% no-repeat;
}

.privilege-item:nth-of-type(7):before {
	background: url("/images/act/vip/privilege7.png") 100% / 100% no-repeat;
}

.privilege-item:nth-of-type(8):before {
	background: url("/images/act/vip/privilege8.png") 100% / 100% no-repeat;
}

.privilege-item:nth-of-type(9):before {
	background: url("/images/act/vip/privilege9.png") 100% / 100% no-repeat;
}

.vip-info {
	width: 855px;
	height: 100%;
}

.vip-user-wrap {
	padding: 30px 52px 30px 60px;
}

.vip-user-container {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #EDEDED;
	padding-bottom: 40px;
}

.vip-user-info {
	display: inline-block;
	height: 50px;
	padding-left: 64px;
	position: relative;
}

.vip-user-info:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url("/images/act/vip/avatar.png") 100% / 100% no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.vip-user-info-logout:before {
	background: url("/images/act/vip/avatar_logout.png") 100% / 100% no-repeat;
}

.user-count,
.user-count a {
	height: 24px;
	margin: 1px 0 5px;
	font-size: 17px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #383738;
	line-height: 24px;
}

.user-count span {
	margin-left: 10px;
	color: #999999;
}

a.user-count-logout {
	color: #214ac7;
}

.vip-expire {
	height: 20px;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #694a24;
	line-height: 20px;
}


.mobile-link-coupons {
	display: block;
		display: flex;
		align-items: center;
		font-size: 12px;
		gap: 8px;
		border-radius: 5px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		position: relative;
		border: 1px solid #EEEEEE;
		padding: 6px 8px;
}
.link-coupons {
	display: block;
	padding-left: 28px;
	display: flex;
	align-items: center;
	font-size: 14px;
	gap: 8px;
	border-radius: 10px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	position: relative;
	border: 1px solid #EEEEEE;
	padding: 10px;
}
.link-coupons:hover {
	background-color: #EEEEEE;
}

.vip-goods-info {
	padding: 0px 60px 26px;
}

.vip-goods-title {
	margin-bottom: 26px;
	font-size: 16px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #333333;
	line-height: 22px;
}

.vip-goods-title span {
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	margin-left: 10px;
	font-size: 14px;
}

.vip-goods-list {
	height: 250px;
	display: flex;
	overflow-x: hidden;
	overflow-y: visible;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.vip_box {
	display: flex;
	position: absolute;
	left: 0px;
	transition: all ease .3s;
}

.fixbox {
	display: flex;
	position: absolute;
	top: 70px;
	left: 0;
	width: 234px;
	height: 50px;
	background: #fff;
	border: 1px solid #d3d3d3;
	border-radius: 6px;
	font-family: PingFangSC-Regular,
		PingFang SC;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}

.fixboxEn {
	height: auto !important;
}

.fixbox>h4 {
	font-size: 13px;
	font-weight: 400;
	color: #333;
	line-height: 18px;

}

.fixbox>p {
	font-size: 12px;
	font-weight: 400;
	color: #999;
	line-height: 17px;

}

.fixboxDisplay {
	display: none;
}

.detail {
	/* position: absolute;
  right: -75px;
  top: 40px; */
	font-size: 13px;
	font-family: PingFangSC-Regular,
		PingFang SC;
	font-weight: 400;
	color: #694A24;
	line-height: 20px;
	margin-left: 10px;
}

.vipDetail {
	position: relative;
	top: 10px;
	left: -15px;
	width: 245px;
	/* height: 290px; */
	padding: 15px 35px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 4px 35px 0 rgb(0 0 0 / 10%);
	z-index: 1;
	display: none;
}

.vipDetail h5 {
	font-size: 12px;
	font-family: PingFangSC-Semibold,
		PingFang SC;
	font-weight: 600;
	color: #8B7860;
	line-height: 17px;
}

.vipDetail-mobile {
	position: relative;
	top: 0;
	left: -15px;
	width: 245px;
	/* height: 290px; */
	padding: 4px 35px;
	background: #fff;
	border-radius: 4px;
	z-index: 1;
	display: none;
}

.vipDetail p,
.vipDetail-mobile p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	font-family: PingFangSC-Regular,
		PingFang SC;
	font-weight: 400;
	line-height: 30px;
}


.vipDetail p span:nth-child(2),
.vipDetail-mobile p span:nth-child(2) {
	color: #6C3C01;
}

.vipDetail p span img,
.vipDetail-mobile p span img {
	width: 14px;
}

.line {
	width: 256px;
	height: 1px;
	margin: 15px auto;
	background: #E6E6E6;
}

.btn-right {
	position: absolute;
	right: 0;
	top: 50%;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	z-index: 2;
	background: url(../../../images/act/vip/button@3x.png);
	background-size: 100% 100%;
}

.btn-right:hover {
	background-image: url(../../../images/act/vip/button_R_hover@2x.png);
}

.btn-left {
	display: none;
	position: absolute;
	left: 0;
	top: 50%;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	z-index: 2;
	background: url(../../../images/act/vip/button-left@3x.png);
	background-size: 100% 100%;
}

.btn-left:hover {
	background-image: url(../../../images/act/vip/button_L_hover@2x.png);
	
}

.compare:hover {
	color: #694A24;
}

.vip-goods-item {
	width: 234px;
	width: 210px;
	margin-right: 15px;
	border-radius: 4px;
	background-color: #F9F9F9;
	box-sizing: border-box;
	position: relative;
	display: block;
	padding-bottom: 35px;
	
}

.vip-goods-item:hover {
	background-color: #F0F0F0;
}

.vip-goods-item-selected:hover {
	background-color: #FFF0D9;
}

.vip-goods-item-selected {
	/* border: 2px solid #ffc68b; */
	background-color: #FFF0D9;
}

.vip-goods-loading {
	width: 80px;
	height: 20px;
	margin: 0 auto 26px;
	animation-duration: 3s;
	/* 动画时长3s */
	animation-fill-mode: forwards;
	/*当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）*/
	animation-iteration-count: infinite;
	/* 动画次数 无限次 */
	animation-name: animationLoading;
	/* 执行动画名称 */
	animation-timing-function: linear;
	/* 动画速度，线性匀速 */
	background: linear-gradient(135deg,
			#f5f5f5 0%,
			#eeeeee 17%,
			#f5f5f5 35%);
	/* 背景颜色 */
	background-size: 750px auto;
}

.vip-goods-loading:nth-of-type(1) {
	margin-top: 44px;
}

.vip-goods-loading:nth-of-type(2) {
	width: 138px;
}

.vip-goods-gift {
	height: 28px;
	position: absolute;
	top: -14px;
	left: -1px;
}

.vip-goods-gift img {
	height: 28px;
	position: relative;
	right: 0;
}

.vip-goods-name {
	height: 33px;
	margin: 50px auto 17px;
	font-size: 20px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #333;
	line-height: 33px;
	text-align: center;
}

.vip-goods-item-selected .vip-goods-name {
	color: #694a24;
}

.vip-goods-item-selected .vip-goods-gift {
	left: -2px;
}

.vip-goods-price {
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 57px;
	margin-top: 15px;
	text-align: center;
}

.vip-goods-price span {
	height: 52px;
	font-family: DIN-Bold, DIN;
	font-weight: bold;
	color: #666666;
	line-height: 52px;
}

.vip-goods-total {
	height: 20px;
	margin-top: 8px;
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #333;
	text-align: center;
}

.goods-total-price {
	font-weight: bold;
	font-size: 42px;
}

.vip-goods-discount {
	/* width: 208px; */
	width: 100%;
	height: 34px;
	background: #F0F0F0;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0 0 4px 4px;
	display: grid;
	align-items: center;
}

.vip-goods-item-selected .vip-goods-discount {
	background: #ffc68b;
	/* color: #9d611b; */
}

.vip-goods-desc {
	height: 20px;
	margin: 0px 0 10px;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666;
	line-height: 20px;
	position: relative;
	visibility: hidden;
}

.vip-payment-select {
	width: 100%;
}

.vip-payment-select-box {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}

.vip-payment-select-item {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 7px 7px 7px 7px;
	opacity: 1;
	border: 1px solid #D7D7D7;
	height: 72px;
	
	box-sizing: border-box;
	cursor: pointer;
	color: #333333;
}

.vip-payment-select-item.disabled {
	opacity: .4;
}

.vip-payment-select-item:not(.disabled):hover {
	border: 1px solid #F0F0F0;
	/* background-color: #ffc68b; */
	/* color: #ffc68b; */
	background-color: #F0F0F0;
}

.vip-payment-select-item-tit {
	display: flex;
	position: relative;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	line-height: 19px;
}

.vip-payment-select-item-tit:before {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	top: -3px;
	left: -37px;
}

.vip-payment-select-tit {
	font-size: 16px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #333333;
	line-height: 19px;
}

.vip-payment-list {
	background: #ffffff;
	border-radius: 4px;
	border: 1px solid #e4e3e5;
}

.payment-tabs {
	display: none!important;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	height: 52px;
	background: #fefaf4;
	border-radius: 4px 4px 0px 0px;
	border-bottom: 1px solid #e6e6e6;
}

.payment-tab-item {
	height: 100%;
	padding: 14px 0 14px 74px;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #a2a2a2;
	line-height: 22px;
	box-sizing: border-box;
	position: relative;
	display: block;
}

.payment-tab-item-checked {
	border-bottom: 2px solid #694a24;
	color: #333333;
}

.payment-tab-item:before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 14px;
	left: 42px;
}

.payment-tab-item-wx:before,
.vip-payment-select-item-wx:before {
	background: url("/images/act/vip/icon_wx.png") 100% / 100% no-repeat;
}

.payment-tab-item-ali:before,
.vip-payment-select-item-ali:before {
	background: url("/images/act/vip/icon_ali.png") 100% / 100% no-repeat;
}

.payment-tab-item-str:before,
.vip-payment-select-item-stripe:before {
	background: url("/images/act/vip/icon_card.png") 100% / 100% no-repeat;
}

.payment-tab-item-pay:before,
.vip-payment-select-item-pay:before {
	background: url("/images/act/vip/icon_paypal.png") 100% / 100% no-repeat;
}

.payment-tab-item:after {
	content: "";
	display: block;
	width: 0;
	height: 18px;
	border-right: 1px solid #e6e6e6;
	position: absolute;
	top: 17px;
	right: 0;
}

.payment-content {
	overflow: hidden;
}

.payment-content-loading {
	width: 100%;
	height: 100%;
	padding: 50px 37px;
	box-sizing: border-box;
}

.payment-content-loading-bar {
	width: 368px;
	height: 20px;
	margin-top: 25px;
	animation-duration: 3s;
	/* 动画时长3s */
	animation-fill-mode: forwards;
	/*当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）*/
	animation-iteration-count: infinite;
	/* 动画次数 无限次 */
	animation-name: animationLoading;
	/* 执行动画名称 */
	animation-timing-function: linear;
	/* 动画速度，线性匀速 */
	background: linear-gradient(135deg,
			#f5f5f5 0%,
			#eeeeee 17%,
			#f5f5f5 35%);
	/* 背景颜色 */
	background-size: 750px auto;
}

.payment-content-loading-bar:nth-of-type(2) {
	width: 635px;
}

.payment-content-scan {
	height: 100%;
	display: grid;
	justify-content: center;
	align-items: center;
}

.qr-code-container {
	/* border: 2px solid #f1f1f1; */
	display: flex;
	justify-content: center;
	align-items: center;
}

.qr-code-img {
	width: 194px;
	height: 194px;
}

.over-loading {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.633);
	border: 2px solid #f0f0f0;
	overflow: hidden;
	box-sizing: border-box;
}

.over-loading-container {
	width: 60px;
	height: 60px;
	margin: 50px;
}

.over-loading-container>div:before {
	background: #fff;
}

.qr-error-content {
	width: 160px;
	height: 160px;
	margin: 2px auto;
	background: url("/images/act/vip/qrcode_bg.png") 100% / 100% no-repeat;
}

.qr-error-overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.63);
	overflow: hidden;
	cursor: pointer;
}

.qr-error-overlay img {
	width: 40px;
	height: 40px;
	margin: 54px auto 17px;
	display: block;
}

.qr-error-overlay p {
	height: 24px;
	font-size: 17px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #ffffff;
	line-height: 24px;
	text-align: center;
}

.qr-error-overlay h3 {
	height: 24px;
	margin: 53px 0 11px;
	font-size: 17px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #ffffff;
	line-height: 24px;
	text-align: center;
}

.qr-error-overlay a {
	width: 93px;
	height: 32px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 2px;
	display: block;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #000000;
	line-height: 32px;
	text-align: center;
}

.payment-info-scan {
}

.payment-info-scan p {
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
}

.price-label {
	width: 60px;
}

.price-black {
	color: #333;
}

/* .price-bold { */
	/* font-size: 17px; */
	/* font-family: PingFangSC-Semibold, PingFang SC; */
	/* font-weight: 600; */
	/* color: #9d611b; */
	/* line-height: 24px; */
/* } */

.payment-content-hide {
	display: none;
}

.payment-success {
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}

.payment-success img {
	display: block;
	width: 180px;
	margin: 22px auto 5px;
}

.success-title {
	height: 22px;
	font-size: 16px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #333333;
	line-height: 22px;
}

.success-info {
	height: 20px;
	margin: 8px 0 20px;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
}

.i-know-btn {
	width: 185px;
	height: 34px;
	margin: 0 auto;
	cursor: pointer;
	background: #FFD494;
	border-radius: 4px;
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #fff;
	line-height: 34px;
	text-align: center;
}

.payment-content-card {
	height: 100%;
}

.payment-card-info,
.payment-paypal-info {
	height: 204px;
	border-bottom: 1px solid #e4e3e5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.payment-card-desc {
	width: 247px;
	height: 100%;
	padding: 15px 26px 29px 0px;
	box-sizing: border-box;
	position: relative;
}

.payment-card-desc:after {
	content: "";
	display: block;
	width: 0;
	height: 136px;
	border-left: 1px solid #e4e3e5;
	position: absolute;
	right: 0;
	top: 27px;
}

.payment-card-desc div {
	padding: 15px;
	height: 100%;
}

.payment-card-desc img {
	width: 125%;
	height: auto;
}

.payment-card-form {
	width: 528px;
}

.payment-footer {
	height: 77px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.payment-price-detail {
	width: 575px;
	height: 100%;
	padding: 7px 12px 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.price-detail-left {
	text-align: left;
}

.price-detail-left p {
	height: 18px;
	margin-bottom: 3px;
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 18px;
}

.price-detail-left span {
	width: 60px;
	color: #999999;
}

.price-detail-right {
	text-align: right;
}

.price-detail-right p {
	height: 18px;
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	line-height: 18px;
}

.price-detail-right span {
	font-size: 12px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #9d611b;
	line-height: 17px;
}

.price-detail-right span.finally-price-bold {
	font-size: 28px;
	line-height: 40px;
}

.form-item,
.mob-form-item {
	margin-bottom: 15px;
	font-size: 0;
}

.input-label {
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: right;
	font-size: 13px;
	margin-right: 16px;
}

.stripe-submitting {
	cursor: not-allowed !important;
	opacity: 0.5;
}

.payment-input {
	width: 288px;
	height: 34px;
	border-radius: 5px;
	border: 1px solid #e4e3e5;
}

.payment-btn-submit {
	position: relative;
	z-index: 2;
	display: block;
	width: 160px;
	height: 77px;
	background: #ffc68b;
	border-radius: 0px 0px 4px 0px;
	font-size: 18px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #9d611b;
	line-height: 76px;
	text-align: center;
}

.stripe-submitting {
	cursor: not-allowed !important;
	opacity: 0.5;
}

.payment-paypal-desc {
	width: 270px;
	height: 141px;
	border: 1px solid #9d611b;
	background: url("/images/act/vip/paypal_logo.png") center / 200px no-repeat;
	position: relative;
}

.payment-paypal-desc:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url("/images/act/vip/paypal_checked.png") 100% / 100% no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

#paypal-sure {
	margin-right: 8px;
}

/* 移动端样式 */
.mob-top-bg {
	background: url("/images/act/payment/bg.png") center / cover no-repeat;
	position: relative;
	overflow: hidden;
	display: grid;
	/* gap: 5px; */
	/* padding: 10px 0; */
	justify-items: center;
	padding-bottom: 10px;
}

.mob-top-title {
	width: 180px;
	height: 40px;
	background: url("/images/act/payment/tittle.png") 100% / 100% no-repeat;
}

.mob-top-time {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.mob-countdown-title {
	height: 18px;
	font-size: 13px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #EED9BE;
	line-height: 18px;
}

.mob-countdown-info {
	height: 29px;
	font-size: 18px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #EED9BE;
	line-height: 29px;
	display: flex;
	align-items: center;
}

.mob-countdown-info span {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 3px;
	border-radius: 1px;
	font-size: 16px;
	font-family: DIN-Bold, DIN;
	font-weight: bold;
	line-height: 20px;
	box-sizing: border-box;
	vertical-align: top;
	background: rgba(255, 201, 181, 0.09);
		border-radius: 1px;
		border: 1px solid #917C79;
			color: #EED9BE;
}

.mob-vip-user-wrap {
	padding: 10px 10px 10px 16px;
	
}

.en-class .mob-vip-user-container {
	display: grid;
}

.en-class .mob-vip-user-container {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}
.mob-vip-user-container {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #EDEDED;
	padding-bottom: 10px;
}

.mob-vip-user-container .user-count,
.mob-vip-user-container .user-count a {
	font-size: 15px;
}

.mob-vip-user-container .vip-expire {
	font-size: 12px;
}

.mob-vip-user-container .link-coupons {
	padding-left: 0;
	font-size: 13px;
}

.mob-vip-user-container .link-coupons:before {
	display: none;
}

.mob-goods .vip-goods-title {
	margin: 5px 0 15px;
}

.mob-goods .vip-goods-list {
	height: 175px;
}

.mob-goods .vip-goods-item {
	width: 31.78%;
	height: 148px;
}

.mob-goods .vip-goods-loading {
	width: 60px;
	height: 16px;
	margin: 0 auto 20px;
}

.mob-goods .vip-goods-loading:nth-of-type(1) {
	margin-top: 30px;
}

.mob-goods .vip-goods-loading:nth-of-type(2) {
	width: 80px;
}

.mob-goods .vip-goods-gift {
	height: 20px;
	top: -14px;
}

.mob-goods .vip-goods-gift img {
	height: 20px;
}

.mob-goods .vip-goods-name {
	height: 21px;
	margin: 20px auto 6px;
	font-size: 15px;
	font-weight: 600;
	line-height: 21px;
}

.mob-goods .vip-goods-price {
	font-size: 12px;
	line-height: 16px;
}

.mob-goods .vip-goods-price span {
	height: 36px;
	font-size: 30px;
	line-height: 36px;
}

.mob-goods .vip-goods-total {
	height: 17px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 17px;
}

.mob-goods .vip-goods-discount {
	width: 100%;
	height: 21px;
	font-size: 10px;
	line-height: 21px;
}

.mob-goods .vip-goods-desc {
	height: auto;
	font-size: 12px;
	line-height: 17px;
}

.vip-user-privilege {
	width: 100%;
	height: 0;
	margin-bottom: 40px;
	padding-bottom: 90%;
	background: url("/images/act/payment/特权@2x.png") 100% / 100% no-repeat;
}

.mob-vip-privilege  {
	background-color: #F9F5EF;
	padding: 10px;
}

.mob-privilege-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.mob-privilege-title-text {
	font-size: 20px;
	color: #333;
}

.mob-vip-privilege .privilege-item {
	margin-bottom: 20px;
}
.mob-vip-privilege .privilege-item:last-child {
	margin-bottom: 10px;
}
.mob-submit {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}