.main {

}
.page-wrap {
	width: 100vw;
	position: relative;
	background-color: #fff;
}
.activity-box-hrt {
	position: relative;
	width: 100vw;
	display: none;
}
.top-info {
	width: 100vw;
	height: 11.1vw;
	display: none;
	font-size: 3.5vw;
	color: #666666;
	position: relative;
	top: 0;
	z-index: 10;
	background-size: 100%;
	box-sizing: border-box;
	background-color: #fff;
}
.user-phone {
	color: #D18645;
	text-decoration: underline;
}
.top-level {
	display: none;
	justify-content: center;
	align-items: center;
	width: 17.8vw;
	height: 3.7vw;
	margin-left: 1.1vw;
	color: #434343;
	font-size: 2.3vw;
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	border: 1px solid #555657;
	border-radius: 3.3vw;
	box-sizing: border-box;
	padding-top: 3px;
	padding-bottom: 2px;
}
.hrt-option {
	display: none;
	overflow: scroll;
	position: absolute;
	align-items: flex-end;
	z-index: 10;
	padding: 2px 1.4vw;
	scrollbar-width: none;
	margin-top: 3vw;
	max-width: 100vw;
	box-sizing: border-box;
}
.hrt-option::-webkit-scrollbar {
  display: none;
}
.act-option {
	display: none;
	overflow: scroll;
	position: relative;
	align-items: flex-end;
	z-index: 10;
	padding: 2px 1.4vw;
	margin-top: 3vw;
}
.option-box {
	border: 1px solid #222;
	border-radius: 3.7vw;
/*	display: flex;*/
	align-items: center;
	padding: 1.4vw 3.7vw;
	white-space: nowrap;
	margin-left: 3vw;
	font-size: 3.3vw;
}
.option-box:last-child {
	margin-right: 3vw;
}
.act-option-2 {
	display: flex !important;
}
.act-option-box {
	border: 1px solid #222;
	border-radius: 3.7vw;
	display: none;
	align-items: center;
	padding: 1.4vw 3.7vw;
	white-space: nowrap;
	margin-left: 2.5vw;
	font-size: 3.3vw;
}
.act-option-box:last-child {
	margin-right: 3vw;
}
.page-option::-webkit-scrollbar {
	display: none;
}
.act-option::-webkit-scrollbar {
	display: none;
}
.active-box {
	font-size: 3.3vw;
	color: #fff;
	background-color: #000;
}
.coupon-box {
	display: flex;
	position: relative;
	width: 85.6vw;
	height: 10.9vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/coupon1.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	left: 7.2vw;
	top: 83vw;
}
.coupon-tips {
	width: 18.1vw;
	height: 3.2vw;
	top: 6.3vw;
	left: 12vw;
	position: absolute;
}
.coupon-receive {
	position: absolute;
	width: 28.9vw;
	height: 9.3vw;
	top: 0.8vw;
	right: 0.8vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/receive.png');
	background-size: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #C14600;
	font-size: 4.3vw;
	font-weight: bold;
	line-height: 1;
}
.receive-num {
	font-weight: 400;
	line-height: 1;
	position: relative;
	top: -1px;
	margin-left: 2px;
}
.discount-title {
	font-size: 3.7vw;
	color: #000;
	position: relative;
	left: 7.4vw;
	top: 81vw;
}
.gift-img {
	left: -3.2vw;
}
.gift-img2 {
	left: -6.3vw;
}
.gift-img3 {
	left: -9.5vw;
}
.coupon-box1 {
	display: flex;
	position: relative;
	width: 85.6vw;
	height: 10.9vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/coupon2.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	left: 7.2vw;
	top: 94vw;
}
.discount-title2 {
	font-size: 3.7vw;
	color: #000;
	position: relative;
	top: 92vw;
	display: flex;
	justify-content: space-between;
	padding-left: 7.5vw;
	padding-right: 7.4vw;
	align-items: flex-end;
}
.title-more {
	font-size: 3.2vw;
	color: #94979C;
	font-weight: 400;
}
.product-wrap {
	display: flex;
	top: 99vw;
	position: relative;
	padding-left: 6.8vw;
}
.product-wrap img {
	position: relative;
	height: 34.7vw;
	width: 24.4vw;
}
.product-img1 {
}
.product-img2 {
	left: -3vw;
}
.product-img3 {
	left: -6vw;
}
.product-img4 {
	left: -9vw;
}
.rule-wrap {
	display: flex;
	justify-content: center;
	position: relative;
	top: 104vw;
	padding-bottom: 7vw;
}
.rule-wrap img {
	width: 30.5vw;
	height: 6.9vw;
}
.page-box-mixc {
	width: 100vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/bg-mixc241223.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
}
.image-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	top: 59.4vw;
	position: relative;
}
.image-wrap img {
	width: 85.6vw;
	height: 16.8vw;
	margin-bottom: 2.2vw;
}
.page-box-vanguard {
	width: 100vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/bg-vanguard241223.jpg');
	background-size: 100%;
	min-height: 100vh;
	background-repeat: no-repeat;
	position: relative;
}
.message-box-vanguard-v2 {
	width: 84.4vw;
	height: 69vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/vanguard-v2-250331.png');
	background-size: 100%;
	position: relative;
	margin-top: 4vw;
	padding: 16vw 3vw 0vw 5vw;
	box-sizing: border-box;
	background-repeat: no-repeat;
	left: 6.6vw;
}
.message-title {
	font-size: 3.7vw;
	color: #000;
	font-weight: 800;
	margin-bottom: 2.2vw;
}
.special-title {
	color: #F7490C;
}
.message-content {
	font-size: 3vw;
	color: #000;
	font-weight: 400;
	line-height: 3.9vw;
	margin-bottom: 5vw;
}
.message-box-vanguard-v3 {
	width: 84.4vw;
	height: 70vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/vanguard-v3-250331.png');
	background-size: 100%;
	position: relative;
	margin-top: 8vw;
	padding: 16vw 3vw 0vw 5vw;
	box-sizing: border-box;
	background-repeat: no-repeat;
	margin-top: 5vw;
	left: 6.6vw;
}
.message-title1 {
	font-size: 3.7vw;
	color: #000;
	font-weight: 800;
	margin-bottom: 1.5vw;
}
.message-content1 {
	font-size: 3vw;
	color: #000;
	font-weight: 400;
	line-height: 3.9vw;
	margin-bottom: 4vw;
}
.message-tips {
	width: 100vw;
	padding: 0 8.1vw 8vw;
	position: relative;
	font-size: 2.3vw;
	color: #000;
	font-weight: 300;
	box-sizing: border-box;
	margin-top: 9vw;
}

.special-title1 {
	color: #B2282F;
}
.message-tips1 {
	top: 95vw;
}
.special-title2 {
	color: #378415;
}
.message-tips2 {
	top: 100vw;
}
.pick-img {
	position: absolute;
	width: 100%;
	height: 2vw;
	display: none;
	justify-content: center;
	align-items: center;
	left: 0;
	z-index: 10;
	bottom: 0vw;
}
.pick-img img {
	width: 5.6vw;
	height: 2vw;
}
.modal {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	justify-content: center;
}
.dialog-box {
	width: 77.9vw;
	height: 24.2vw;
	background-color: #fff;
	border-radius: 2.1vw;
	margin-top: 84.7vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 5.2vw;
	padding-bottom: 4.2vw;
	justify-content: space-between;
	box-sizing: border-box;
}
.dialog-title {
	font-size: 4.2vw;
	color: #363636;
}
.apply-btn {
	width: 23.1vw;
	height: 6.1vw;
}
.page-container {
	background-color: #f4f4f4;
}

.bank-option {
	display: none;
	overflow: scroll;
	position: relative;
	padding: 2px 2.8vw 2px 1.4vw;
	z-index: 10;
}
.bank-option-box {
	border: 1px solid #222;
	border-radius: 3.7vw;
	display: flex;
	align-items: center;
	white-space: nowrap;
	margin-left: 3vw;
	font-size: 3.3vw;
	padding-right: 2.4vw;
}
.bank-option-logo {
	width: 5.2vw;
	height: 5.2vw;
	background-color: #fff;
	border-radius: 3.7vw;
	margin-right: 1.7vw;
	padding: 0.9vw;
}
.bank-option::-webkit-scrollbar {
	display: none;
}
.privilege-wrap {
	display: flex;
	width: 100vw;
	flex-direction: column;
	align-items: center;
	margin-top: -13vw;
}
.privilege-pick {
	width: 89.4vw;
	display: flex;
}
.privilege-box {
	width: 50.9vw;
	height: 16.1vw;
	flex-shrink: 0;
}
.privilege-left {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/checked-left.png');
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
}
.privilege-right {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/unchecked-right.png');
	background-size: 100%;
	background-repeat: no-repeat;
	left: -12.6vw;
	position: relative;
}
.privilege-content {
	display: flex;
	width: 89.4vw;
	border-radius: 1.6vw;
	background-color: #fff;
	position: relative;
	margin-top: -10.5vw;
	padding: 4.2vw 5.2vw 8.1vw 4.5vw;
	box-sizing: border-box;
	flex-direction: column;
	margin-bottom: 12.2vw;
}
.card-info {
	display: flex;
	align-items: center;
}
.card-type {
	font-size: 3.2vw;
	color: #434343;
}
.card-level {
	font-size: 2.3vw;
	padding: 0.3vw 1.5vw 0.3vw;
	border: 1px solid #5E5E5E;
	border-radius: 2.3vw;
	margin-left: 0.8vw;
	box-sizing: border-box;
}
.card-number {
	font-size: 2.3vw;
	color: #434343;
	margin-top: 0.8vw;
	margin-left: 0.6vw;
}
.info-left {
	margin-top: 1.1vw;
	margin-left: 4.5vw;
	font-weight: 300;
}
.info-right {
	position: absolute;
	right: 6vw;
	margin-top: 1.1vw;
	font-weight: 300;
}
.active-bank {
	background-color: #000;
	color: #fff;
}
.content-title {
	font-size: 3.3vw;
	color: #000;
	font-weight: bold;
	margin-bottom: 2.7vw;
	margin-top: 5vw;
	display: flex;
	justify-content: space-between;
}
.content-title:first-child {
	margin-top: 0;
}
.content-info {
	font-size: 3vw;
	color: #000;
	font-weight: 400;
	line-height: 4.4vw;
}
.content-link {
	color: #0D3FBF;
	font-size: 3vw;
	font-weight: 400;
	text-decoration: none;
	word-break: break-all;
	line-height: 4.4vw;
}
.content-image {
	width: 100%;
	text-align: center;
}
.content-image img {
	height: 21.5vw;
	width: 100%;
	object-fit: contain;
}
.content-tri {
	width: 4.2vw;
	height: 2.8vw;
}
.hide-margin {
	margin-bottom: 0;
}
.hide-content {
	display: none;
}
.content-down {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/tri-down.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.content-up {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/tri-up.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.page-bank {
	display: none;
	position: relative;
	z-index: 10;
	min-height: 100vh;
}
.privilege-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 40vw;
}
.privilege-tips {
	font-size: 4.2vw;
	color: #000;
	font-weight: 400;
}
.privilege-btn {
	width: 42.7vw;
	height: 9.7vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/btn.png');
	background-size: 100%;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4.2vw;
	color: #2f0303;
	font-weight: 500;
	margin-top: 6.2vw;
}
.pro-limit {
	position: relative;
}
.pro-limit-img {
	width: 14.2vw !important;
	height: 5vw !important;
	position: absolute !important;
}
.pro-limit-img1 {
	top: 12vw;
	left: 1vw;
}
.pro-limit-img2 {
	top: 12vw;
	left: -2vw;
}
.product-limit {
	position: relative;
}
.product-limit-img1 {
	width: 13.4vw !important;
	height: 3.6vw !important;
	position: absolute !important;
	top: 2.7vw;
	left: 0.7vw;
}
.product-limit-img2 {
	width: 13.4vw !important;
	height: 3.6vw !important;
	position: absolute !important;
	top: 2.7vw;
	left: -2.5vw;
}
.product-limit-img3 {
	width: 13.5vw !important;
	height: 3.6vw !important;
	position: absolute !important;
	top: 2.7vw;
	left: -5.3vw;
}
.product-limit-img4 {
	width: 13.3vw !important;
	height: 3.6vw !important;
	position: absolute !important;
	top: 2.7vw;
	left: -8.3vw;
}
.page-hrt {
	display: none;
}
.page-act {
	display: none;
}
.activity-box {
	width: 100vw;
	text-align: center;
	display: none;
	position: relative;
	overflow: scroll;
}
.activity-box-2 img {
	width: 100vw;
	display: inline-block;
}
.activity-btn-1 {
	position: absolute;
	width: 70vw;
	height: 20vw;
	bottom: 5vw;
	left: 15vw;
}
.activity-btn-2 {
	position: absolute;
	width: 70vw;
	height: 20vw;
	bottom: 2vw;
	left: 15vw;
}
.activity-link-1 {
	position: absolute;
	width: 30vw;
	height: 10vw;
	top: 165vw;
	left: 33vw;
}
.activity-link-2 {
	position: absolute;
	width: 30vw;
	height: 10vw;
	top: 286vw;
	left: 33vw;
}
.go-in {
	right: -20vw !important;
}
.buoy-close {
	width: 5vw;
	height: 5vw;
	margin-top: 3vw;
}
.buoy-wrap {
  position: fixed;
  right: 0;
  bottom: 35vw;
  z-index: 15;
  display: none;
  flex-direction: column;
  align-items: center;
}
.buoy-img {
  width: 23.1vw;
  height: 27.8vw;
}

.type-option {
	width: 100vw;
	height: 12.3vw;
	position: relative;
}
.type-img {
	width: 100vw;	
	height: 12.3vw;
	z-index: 5;
	display: none;
	position: relative;
}
.act-bg {
	width: 100%;
}
.act-wrap {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.receive-btn {
	display: flex;
	justify-content: center;
	font-size: 4.6vw;
	color: #EF2C1C;
	width: 66.4vw;
	height: 13vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/receive-btn.png');
	position: absolute;
	z-index: 5;
	background-size: 100%;
	padding-top: 3.8vw;
	bottom: 10.3vw;
	background-repeat: no-repeat;
	box-sizing: border-box;
	font-weight: bold;
}
.act-product {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: absolute;
	height: 107vw;
	width: 81.5vw;
}
.act-product img {
	width: 38.9vw;
	height: 51.7vw;
}
.product2 {
	margin-top: 28.8vw;
}
.act-product img:nth-child(3),.act-product img:nth-child(4) {
	margin-top: 3.7vw;
}
.product3 {
	margin-top: 29vw;
}
.act-product-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: absolute;
	height: 102.9vw;
	width: 83.8vw;
}
.act-product-3 img {
	width: 39.9vw;
	height: 49.6vw;
}
.point-stagra {
	width: 94.4vw;
	height: 22.2vw;
	position: absolute;
	top: 14.4vw;
}
.option-btn-wrap {
	width: 100vw;
	height: 13vw;
	display: flex;
	position: absolute;
	bottom: 0;
	z-index: 5;
}
.option-btn {
	width: 33%;
	height: 100%;
	position: relative;
}

.top-img {
	display: block;
	height: 4vw;
	width: auto;
	margin-left: 1.5vw;
}

.van-coupon {
	width: 84.8vw;
	margin: 52vw auto 0;
	position: relative;
	left: 6.6vw;
	height: 39.8vw;
}

.point-wrap {
	width: 100vw;
	height: 62.1vw;
	position: relative;
	display: flex;
	justify-content: center;
	padding-top: 7vw;
}
.point-detail {
	margin: 0 auto;
	width: 90.7vw;
	height: 33.3vw;
	background-color: #CE9B68;
	border-radius: 3.7vw;
	position: relative;
	padding: 4.9vw 0 0 4.7vw;
	box-sizing: border-box;
}
.point-num {
	font-size: 6.5vw;
	font-weight: bold;
	line-height: 9.1vw;
	color: #fff;
	position: relative;
	display: inline-block;
}
.point-box {
	position: relative;
	display: inline-block;
}
.point-dot {
	width: 1.3vw;
	height: 1.3vw;
	border-radius: 50%;
	background-color: #FC4141;
	position: absolute;
	top: 0.5vw;
	display: none;
}
.point-text {
	font-size: 3.5vw;
	color: rgba(255,255,255,0.9);
	line-height: 4.9vw;
	margin-top: 1.4vw;
	font-weight: 400;
}
.point-tips {
	font-size: 3.3vw;
	font-weight: 400;
	color: #FFE8C3;
	padding: 0.7vw 0 0.7vw 1.8vw;
	border-radius: 0 2.8vw 2.8vw 2.8vw;
	background-color: #B08357;
	display: inline-block;
	margin-top: 1.4vw;
}
.point-img {
	width: 19.3vw;
	height: auto;
	position: absolute;
	right: 4.6vw;
	top: 13.2vw;
}
.white-arrow {
	width: 1.1vw;
	height: 1.9vw;
	margin-left: 1vw;
}
.point-btn {
	width: 15vw;
	height: 6.8vw;
	border-radius: 0 3.7vw 0 3.7vw;
	background-color: #B08357;
	color: #FAF5F0;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	font-size: 3.7vw;
}
.point-shadow {
	width: 82.4vw;
	height: 10.3vw;
	border-radius: 2.8vw;
	background: #E9D2BA;
	position: absolute;
	top: 32vw;
}
.login-text {
	text-align: center;
	font-size: 4.1vw;
	color: #666;
}
.login-btn {
	width: 41.1vw;
	height: 11.1vw;
	border-radius: 6.2vw;
	background-color: #CE9B68;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 1vw 2.8vw 0px rgba(206,155,104,0.5);
	margin: 4.7vw auto 0;
	color: #fff;
	font-size: 4.1vw;
}
.login-wrap {
	margin-top: 10vw;
	display: none;
}

.empty-text {
	text-align: center;
	font-size: 4.1vw;
	color: #666;
}
.empty-btn {
	width: 47.2vw;
	height: 16.3vw;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2.6vw auto 0;
}
.empty-wrap {
	display: none;
}
.empty-img {
	width: 28.4vw;
	height: 21.7vw;
	margin: 0 auto 0.8vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.right-wrap {
	margin: 0 auto 6vw;
	width: 100vw;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: auto;
}
.right-first {
	margin-top: -22vw;
	padding-bottom: 2vw;
}
.right-top {
	width: 85.2vw;
	height: 33.3vw;
/*	background: linear-gradient( 135deg, #454545 0%, #1C1C1C 100%);*/
	border-radius: 2.8vw;
	margin: 0 auto;
	position: relative;
	background-size: 100%;
	background-repeat: no-repeat;
}
.right-list {
	width: 94.4vw;
	background-color: #fff;
	border-radius: 3.7vw;
	position: relative;
	margin: 0 auto;
	margin-top: -22vw;
	padding: 5.6vw 2.8vw;
	box-sizing: border-box;
}
.right-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2.8vw;
	font-size: 3.5vw;
	color: #fff;
}
.right-title-img {
	width: 5.6vw;
	height: 5.6vw;
	border-radius: 50%;
}
.right-title-text {
	margin-left: 1.7vw;
	display: inline-flex;
	align-items: center;
	line-height: 4.9vw;
}
.right-title-type {
	width: 7.3vw;
	height: 4.6vw;
	margin-left: 1.3vw;
}
.right-box {
	display: flex;
	margin-bottom: 4.6vw;
}
.right-box:last-child {
	margin-bottom: 0;
}
.right-img {
	width: 11.1vw;
	height: 11.1vw;
	border-radius: 50%;
}
.right-info {
	margin-left: 2.3vw;
}
.right-info-title {
	font-size: 4.4vw;
	color: #000;
	font-weight: bold;
	margin-top: 0.5vw;
}
.right-info-text {
	font-size: 3.5vw;
	font-weight: 400;
	color: #585858;
	line-height: 5.2vw;
	margin-top: 1.7vw;
	word-break: break-all;
}
.right-activity {
	width: 75vw;
	height: 8.1vw;
	margin-top: 1.9vw;
}
.right-activity img {
	width: 100%;
	height: 100%;
}
.right-title-level {
	width: 11.5vw;
	height: 3.9vw;
	margin-left: 1.7vw;
}
.point-bg {
	width: 100vw;
	position: absolute;
	left: -1px;
	font-size: 0;
}

.activity-box-perfume {
	display: none;
}
.perfume-wrap {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/perfume-bg241223.jpg');
	background-size: 100% auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-repeat: no-repeat;
	padding-bottom: 8.9vw;
	position: relative;
}
.perfume-box1 {
	width: 94.4vw;
	height: 80.1vw;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 1.9vw 1.9vw 1.9vw 7.2vw;
	margin-top: 100.5vw;
	position: relative;
	text-align: center;
}
.perfume-title-img {
	width: 58.2vw !important;
	height: 9.2vw;
	margin-top: -2.6vw;
}
.perfume-gift-title {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	margin-top: 4.2vw;
}
.perfume-gift-text {
	color: #9B8171;
	font-size: 4.1vw;
	margin: 0 1.7vw;
}
.perfume-gift-title img {
	width: 3.1vw;
	height: 3vw;
}
.perfume-gift-detail1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 4.2vw;
	height: 25.9vw;
	margin-top: 4.7vw;
}
.perfume-gift-picture {
	width: 25.9vw !important;
	height: 25.9vw;
}
.perfume-gift-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 57.1vw;
	margin-left: 2.7vw;
	height: 100%;
}
.perfume-gift-name {
	font-size: 3.9vw;
	color: #000;
	text-align: left;
	line-height: 5.5vw;
}
.perfume-gift-status {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.perfume-gift-num {
	font-size: 3.5vw;
	color: #222;
}
.perfume-receive-num {
	color: #FF4C4C;
}
.perfume-gift-btn {
	width: 22.2vw !important;
	height: 9.3vw;
}
.perfume-line {
	width: 86.6vw;
	height: 1px;
	border-top: 1px dotted #CED6DA;
	margin: 5.6vw auto 4.9vw;
}
.perfume-guide {
	display: flex;
	align-items: flex-start;
	padding: 0 4.8vw 0 7.2vw;
	position: relative;
}
.perfume-guide-box {

}
.perfume-guide-img {
	width: 7.4vw;
	height: 7.4vw;
	margin-bottom: 2.5vw;
}
.perfume-guide-text {
	font-size: 2.8vw;
	text-align: center;
	line-height: 4.4vw;
	white-space: nowrap;
}
.perfume-guide-step {
	color: #A5B7C6;
}
.perfume-arrow1 {
	width: 11.8vw;
	height: 2.1vw;
	position: absolute;
	left: 26.1vw;
	top: 2.6vw;
}
.perfume-arrow2 {
	width: 11.8vw;
	height: 2.1vw;
	position: absolute;
	right: 25.6vw;
	top: 2.6vw;
}
.perfume-step2 {
	margin-left: 9vw;
}
.perfume-step3 {
	margin-left: 6.2vw;
}

.perfume-box2 {
	width: 94.4vw;
	height: 99.6vw;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 1.9vw 1.9vw 1.9vw 7.2vw;
	position: relative;
	text-align: center;
	margin-top: 9.1vw;
}
.perfume-tips-img {
	width: 67.8vw;
	height: 5.6vw;
	margin: 1vw auto 0;
}
.perfume-gift-detail2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 4.2vw;
	height: 25.9vw;
	margin-top: 4.4vw;
}
.perfume-gift-name2 {
	white-space: nowrap;
}
.perfume-gift-sub {
	font-size: 3.3vw;
	color: #69727E;
	line-height: 5vw;
	margin-top: 0.5vw;
}
.perfume-gift-sub1 {
	font-size: 3.3vw;
	color: #69727E;
	line-height: 5vw;
	margin-top: 0.5vw;
	text-align: left;
}
.perfume-tips-text {
	color: #69727E;
	font-size: 3vw;
	margin : 4.1vw auto 0;
	width: 86.2vw;
	font-weight: bold;	
	text-align: left;
	line-height: 4.3vw;
}
.perfume-tips-light {
	font-weight: normal;
}
.perfume-step4 {
	margin-left: 10.5vw;
}

.perfume-box3 {
	width: 94.4vw;
	height: 89.8vw;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 7.2vw 1.9vw 1.9vw 1.9vw;
	position: relative;
	text-align: center;
	margin-top: 1px;
}
.perfume-gift-detail3 {
	width: 86.1vw;
	height: 22.7vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/perfume-coupon-bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: 3.5vw auto 0;
	display: flex;
	align-items: center;
	padding: 0 2.8vw 0 2vw;
	justify-content: space-between;
	box-sizing: border-box;
}
.perfume-gift-price {
	color: #9B8171;
	display: flex;
}
.perfume-price-unit {
	font-size: 4.6vw;
	margin-top: 1.9vw;
}
.perfume-price-num {
	font-size: 9.3vw;
	margin-left: -0.5vw;
}
.perfume-detail-wrap {
	margin-left: 1.9vw;
}
.perfume-detail-name {
	font-size: 3.9vw;
	color: #000;
	text-align: left;
}
.perfume-detail-sub,.perfume-detail-num {
	font-size: 3.5vw;
	color: #222;
	text-align: left;
	margin-top: 1.2vw;
}
.perfume-gift-left {
	display: flex;
	align-items: center;
}
.perfume-detail-btn img {
	width: 16.7vw;
	height: 16.7vw;
}
.perfume-coupon-btn {
	color: #69727E;
	font-size: 4.6vw;
	padding-top: 7vw;
	text-align: center;
}
.perfume-coupon-btn img {
	width: 1.7vw;
	height: 3.1vw;
	margin-left: 1vw;
}
.perfume-modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100;
	display: none;
	align-items: center;
	justify-content: center;
	touch-action: none;
}
.perfume-message {
	width: 72vw;
	height: 33.7vw;
	border-radius: 3.7vw;
	background: rgba(255,255,255,0.85);
	position: relative;
	display: none;
	padding-top: 8.2vw;
	box-sizing: border-box;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.perfume-message-text {
	text-align: center;
	font-size: 4.1vw;
	color: #000;
	font-weight: bold;
	line-height: 6vw;
}
.perfume-message-wrap {
	border-top: 1px solid #DDDDDD;
	display: flex;
	position: absolute;
	bottom: 0;
	height: 11.6vw;
	width: 100%;
}
.perfume-message-btn {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.6vw;
	color: #FC561F;
}
.perfume-message-btn:first-child {
	border-right: 1px solid #DDDDDD;
}
.perfume-message1 {
	width: 72vw;
	height: 33.7vw;
	border-radius: 3.7vw;
	background: rgba(255,255,255,0.85);
	position: relative;
	padding-top: 5.4vw;
	box-sizing: border-box;
	display: none;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.perfume-message2 {
	width: 83.3vw;
	height: 63.2vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/perfume-tips.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
	display: none;
	justify-content: center;
}
.perfume-confirm {
	width: 31.6vw;
	height: 10.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.6vw;
	border-radius: 5.1vw;
	border: 1px solid #000;
	position: absolute;
	bottom: 7.9vw;
}

.perfume-message3 {
	width: 83.3vw;
	height: 63.2vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/perfume-expire.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
	display: none;
	justify-content: center;
}
.perfume-confirm {
	width: 31.6vw;
	height: 10.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.6vw;
	border-radius: 5.1vw;
	border: 1px solid #000;
	position: absolute;
	bottom: 7.9vw;
}
.perfume-rule {
	position: absolute;
	right: 0;
	top: 9vw;
	width: 10vw;
	height: 25vw;
	z-index: 10;
}

.not-login {
	width: 100vw;
	height: 11.1vw;
	background-color: #fff;
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 3.7vw;
	color: #111;
	position: relative;
	z-index: 10;
	color: #D18645;
}

.right-arrow {
	width: 1.6vw;
	height: 2.7vw;
	margin-left: 1vw;
	margin-top: 1px;
}
.phone-wrap {
	display: flex;
}
.info-wrap {
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 0 1.9vw 0 2.6vw;
	width: 100%;
}
.info-wrap-out {
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 0.9vw 2.7vw 0 4vw;
	width: 100%;
}
.info-btn-wrap {
	display: flex;
}
.info-btn {
	padding: 1.8vw;
	display: flex;
	font-size: 3.5vw;
	color: #000;
	background-color: #F4F5F6;
	border-radius: 1.9vw;
}
.info-btn:last-child {
	margin-left: 1.9vw;
}
.star-img {
	width: 3.7vw;
	height: 3.9vw;
	margin-right: 0.9vw;
}
.coupon-img {
	width: 3.7vw;
	height: 3.1vw;
	margin-right: 0.9vw;
}
.phone-wrap-out {
	color: #5E6775;
}

.th-gift-bg {
	width: 100vw;
	height: auto;
	position: absolute;
}
.th-gift-bg img {
	width: 100vw;
}
.active-box-special {
	background-color: #E1AB6B;
	border: 1px solid #E1AB6B;
	color: #FFF2E2;
}
.box-special {
	color: #AE855C;
	border: 1px solid #AE855C;
}

.th-gift-wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-top: 90vw;
	width: 100vw;
}
.th-gift1 {
	width: 94.4vw;
	height: 76vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-gift1-bg.png');
	position: relative;
	background-size: 100% 100%;
}
.th-gift-btn {
	width: 42.9vw;
	height: 10vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-gift-btn.png');
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 56.1vw auto 0;
	font-size: 4.3vw;
	color: #fff;
}
.th-gift2 {
	width: 94.4vw;
	height: 153vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-gift2-bg.png');
	position: relative;
	background-size: 100% 100%;
	margin-top: 7.1vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.th-gift2-wrap {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20.3vw;
}
.th-gift2-box {
	width: 43.2vw;
	height: 52vw;
	margin-right: 3.2vw;
	margin-bottom: 3.2vw;
	position: relative;
}
.th-gift2-box:nth-child(2n) {
	margin-right: 0;
}
.th-gift2-box:nth-child(3),.th-gift2-box:nth-child(4) {
	margin-bottom: 0;
}
.th-gift2-1 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-gift1.png?version=1');
	background-size: 100% 100%;
}
.th-gift2-2 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-gift2.png?version=1');
	background-size: 100% 100%;
}
.th-gift2-3 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-gift3.png?version=1');
	background-size: 100% 100%;
}
.th-gift2-4 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-gift4.png?version=1');
	background-size: 100% 100%;
}
.th-gift2-btn {
	width: 42.9vw;
	height: 10vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-gift-btn.png');
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.3vw;
	color: #fff;
	margin-top: 6.6vw;
}
.th-gift3 {
	width: 94.4vw;
	height: 81.6vw;
	position: relative;
	margin-top: 7.2vw;
}
.th-gift4 {
	width: 73vw;
	height: 8.1vw;
	position: relative;
	margin-top: 15.5vw;
}
.th-gift5 {
	width: 91vw;
	height: 23.1vw;
	margin-top: 6vw;
	position: relative;
}

.th-check {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 35.3vw;
}
.th-check-img {
	width: 5.2vw;
	height: 5.2vw;
}
.th-check-title {
	font-size: 5.3vw;
	color: #744105;
	margin-left: 1.5vw;
}
.th-gift-limit {
	color: #744004;
	font-size: 3vw;
	display: flex;
	justify-content: center;
	margin-top: 3vw;
}

.th-rule-btn {
	position: absolute;
	width: 9vw;
	height: 20.4vw;
	right: 0;
	top: 35vw;
}

.new-gift-modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100;
	display: none;
	align-items: center;
	justify-content: center;
	touch-action: none;
}
.new-gift-message {
	width: 72vw;
	height: 33.7vw;
	border-radius: 3.7vw;
	background: rgba(255,255,255,0.85);
	position: relative;
	display: none;
	padding-top: 8.2vw;
	box-sizing: border-box;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.new-gift-message-text {
	text-align: center;
	font-size: 4.1vw;
	color: #000;
	font-weight: bold;
	line-height: 6vw;
}
.new-gift-message-wrap {
	border-top: 1px solid #DDDDDD;
	display: flex;
	position: absolute;
	bottom: 0;
	height: 11.6vw;
	width: 100%;
}
.new-gift-message-btn {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.6vw;
	color: #FC561F;
}
.new-gift-message-btn:first-child {
	border-right: 1px solid #DDDDDD;
}
.th-gift-count1, .th-gift-count2 {
	margin-left: 1vw;
}
.new-gift-message2 {
	width: 83.3vw;
	height: 49.5vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-tips.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
	display: none;
	justify-content: center;
}
.new-gift-confirm {
	width: 31.6vw;
	height: 10.2vw;
	position: absolute;
	bottom: 11vw;
	left: 26vw;
}
.new-gift-empty {
/*	opacity: 0.5;*/
}

.new-gift-message3 {
	width: 83.3vw;
	height: 49.5vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/th-success.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
	display: none;
	justify-content: center;
}
.new-gift-confirm1 {
	width: 31.6vw;
	height: 10.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.6vw;
	border-radius: 5.1vw;
	border: 1px solid #000;
	position: absolute;
	bottom: 7.9vw;
}

.new-gift-message4 {
	width: 72vw;
	height: 33.7vw;
	border-radius: 3.7vw;
	background: rgba(255,255,255,0.85);
	position: relative;
	display: none;
	padding-top: 8.2vw;
	box-sizing: border-box;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.top-wrap {
	position: fixed;
	z-index: 50;
}
.pd-top {
	padding-top: 11.1vw;
}

.th-empty {
	position: absolute;
	color: #F54D04;
	font-size: 3.3vw;
	top: 1.8vw;
	right: 3.5vw;
	z-index: 5;
	display: none;
}
.th-empty-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	top: 0;
	left: 0;
	display: none;
}


.activity-box-photo {
	padding-bottom: 30px;
	background-color: #000;
	display: none;
}
.photo-box0 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/photo/photo-0.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100vw;
	height: 11vw;
}
.photo-box1 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/photo/photo-1.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100vw;
	height: 56vw;
}
.photo-box2 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/photo/photo-2.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100vw;
	height: 50.6vw;
	position: relative;
}
.photo-box3 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/photo/photo-3.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100vw;
	height: 121.6vw;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.photo-box4 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/photo/photo-4.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100vw;
	height: 91.2vw;
	padding-top: 3vw;
	box-sizing: border-box;
	overflow: hidden;
}
.photo-box5 {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/photo/photo-5.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100vw;
	height: 133vw;
	padding-top: 4vw;
	padding-bottom: 1vw;
}
.box-photo {
	border: 1px solid #fff;
	color: #fff;
}
.active-box-photo {
	border: 1px solid #fff;
	color: #000;
	background-color: #fff;
}
.photo-user {
	position: absolute;
	bottom: 30vw;
	width: 100%;
	text-align: center;
	font-size: 3.3vw;
	color: #000;
	display: none;
}
.photo-phone {
	display: inline-block;
	height: 5vw;
	border-bottom: 1px solid #000;
}
.photo-detail {
	width: 82.1vw;
	padding: 0 8.2vw 0 9.5vw;
	position: absolute;
	bottom: 19vw;
}
.photo-row {
	display: flex;
	justify-content: space-between;
}
.photo-detail-title {
	font-size: 4.1vw;
	font-weight: bold;
}
.photo-detail-status {
	color: #ACAAA6;
	font-size: 3.1vw;
	padding-right: 2.3vw;
}
.photo-detail-text {
	font-size: 3.3vw;
}
.photo-detail-btn {
	width: 14.1vw;
	height: 5.3vw;
	border-radius: 0.5vw;
	background-color: #D9371B;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.1vw;
	color: #fff;
}
.photo-detail2 {
	align-items: flex-end;
	height: 5.3vw;
}
.photo-number {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 13.5vw;
	font-size: 3.3vw;
}
.photo-receive {
	color: #D9371B;
}
.photo-btn {
	width: 27.2vw;
	height: 8vw;
	border-radius: 0.5vw;
	background-color: #2D9ED1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 36.4vw;
	bottom: 2.9vw;
}
.photo-btn-text {
	color: #fff;
	font-size: 4.1vw;
}
.photo-content {
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
	width: 78vw;
	font-size: 3.3vw;
	position: relative;
	margin-top: 16.5vw;
	text-align: left;
	line-height: 4.4vw;
	color: #000;
	word-break: break-all;
	overflow: hidden;
}
.photo-link {
	color: #E05F00;
	text-decoration: underline;
}
.photo-content1 {
	width: 78vw;
	margin-top: 35vw;
	position: relative;
	font-size: 3.3vw;
	color: #000;
	line-height: 4.4vw;
	text-align: left;
}
.photo-rule-title {
	font-size: 3vw;
	color: #000;
	padding-left: 7.5vw;
	text-align: left;
	font-weight: bold;
	margin-bottom: 2vw;
	position: relative;
	padding-top: 5.5vw;
}
.photo-rule-content {
	font-size: 3vw;
	color: #000;
	padding-left: 7.5vw;
	text-align: left;
	width: 86vw;
	word-break: break-all;
	line-height: 4.4vw;
}
.photo-rule-color {
	width: 25vw;
	height: 1.9vw;
	position: absolute;
	bottom: -0.8vw;
}
.photo-rule-title-text {
	position: relative;
}
.photo-color1 {
	background-color: #E73518;
}
.photo-color2 {
	background-color: #6BCBB8;
}
.photo-color3 {
	background-color: #26A9E2;
}
.photo-color4 {
	background-color: #F7B200;
}
.photo-rule-image {
	width: 88vw;
	height: 43vw;
}
.photo-no-wrap {
	white-space: nowrap;
}
.photo-modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100;
	display: none;
	align-items: center;
	justify-content: center;
	touch-action: none;
}
.photo-message1 {
	width: 83.3vw;
	height: 49.5vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/photo/photo-expire.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
	display: none;
}
.photo-confirm {
	width: 31.6vw;
	height: 10.2vw;
	position: absolute;
	bottom: 9vw;
	left: 26vw;
}
.photo-op {
	opacity: 0.5;
}
.photo-message3 {
	width: 83.3vw;
	height: 49.6vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/photo/photo-received.png');
	background-size: 100% 100%;
	position: relative;
	display: none;
	justify-content: center;
}
.photo-confirm3 {
	width: 31.6vw;
	height: 10.2vw;
	border-radius: 5.1vw;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.6vw;
	color: #000;
	position: absolute;
	bottom: 7.9vw;
}


.activity-box-tongcheng {
	position: relative;
	min-height: 100vh;
	display: none;
}
.tongcheng-bg {
	width: 100vw;
	height: 95.9vw;
	position: absolute;
	top: 0;
	left: 0;
}
.tongcheng-user {
	position: relative;
	width: 100vw;
	height: 31.2vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/tongcheng/tongcheng-user.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 77vw;
	z-index: 5;
}
.tongcheng-user-row {
	display: flex;
	justify-content: space-between;
	padding: 5vw 5.9vw 0 5.6vw;
}
.tongcheng-user-title {
	font-size: 4.4vw;
	color: #000;
	font-weight: 500;
}
.tongcheng-user-status {
	color: #949494;
	font-size: 3.3vw;
}
.tongcheng-user-row1 {
	display: flex;
	align-items: center;
	margin-top: 0.8vw;
	padding: 0 2.4vw 0 5.6vw;
	justify-content: space-between;
	height: 6.8vw;
}
.tongcheng-user-tips {
	color: #000;
	font-size: 3.7vw;
}
.tongcheng-user-btn {
	width: 16.9vw;
	height: 6.8vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.3vw;
	color: #fff;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/tongcheng/tongcheng-apply-btn.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.tongcheng-receive {
	width: 39.4vw;
	height: 9.1vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/tongcheng/tongcheng-receive-disable.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-size: 4.1vw;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.8vw auto 0;
}
.tongcheng-privilege {
	width: 100vw;
	background-color: #5F2999;
	position: relative;
	margin-top: -10vw;
	padding-top: 10vw;
}
.tongcheng-privilege-title {
	text-align: left;
	font-size: 4.4vw;
	color: #fff;
	padding-left: 5.6vw;
	margin-top: 6.2vw;
	font-weight: 500;
}
.tongcheng-privilege-subtitle {
	color: #DFC9B1;
	font-size: 3.3vw;
	margin-left: 1.8vw;
	font-weight: normal;
}
.tongcheng-privilege-wrap {
	padding: 3.8vw 4.4vw 0 4.7vw;
	display: flex;
	flex-wrap: wrap;
	height: 140vw;
	overflow: hidden;
}
.tongcheng-privilege-box {
	width: 43.6vw;
	height: 31.6vw;
	margin-right: 3.6vw;
	margin-bottom: 3.6vw;
	position: relative;
}
.tongcheng-privilege-box:nth-child(2n) {
	margin-right: 0;
}
.tongcheng-privilege-box:last-child {
	margin-bottom: 0;
}
.tongcheng-privilege-img {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.tongcheng-privilege-name {
	color: #fff;
	font-size: 3.7vw;
	position: absolute;
	top: 15vw;
	left: 4.4vw;
}
.tongcheng-privilege-subname {
	font-size: 3.3vw;
	color: #DAB8FF;
	position: absolute;
	left: 4.4vw;
	top: 21vw;
}
.tongcheng-expand-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	margin-top: 9vw;
	font-size: 3.7vw;
	color: #fff;
}
.tongcheng-expand-img {
	width: 3vw;
	height: 3vw;
	margin-left: 1.3vw;
}
.tongcheng-rule {
	background-color: #5F2999;
	width: 100vw;
	margin-top: -1px;
	padding-top: 10.8vw;
	display: flex;
	justify-content: center;
	padding-bottom: 7vw;
}
.tongcheng-rule-wrap {
	width: 89.9vw;
}
.tongcheng-rule-title {
	text-align: left;
	font-size: 3.3vw;
	font-weight: bold;
	color: #fff;
	line-height: 5.7vw;
}
.tongcheng-rule-content {
	text-align: left;
	font-size: 3.3vw;
	color: #D6BDF1;
	line-height: 5.7vw;
}
.tongcheng-rule-img {
	width: 100%;
	height: 188.4vw;
	position: relative;
}
.tongcheng-expand-height {
	height: auto;
}
.tongcheng-expand-open {
	display: flex;
}
.tongcheng-expand-close {
	display: none;
}
.tongcheng-modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100;
	display: none;
	align-items: center;
	justify-content: center;
	touch-action: none;
}
.tongcheng-message {
	width: 83.3vw;
	height: 49.6vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/tongcheng/tongcheng-receive.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: none;
	position: relative;
	justify-content: center;
}
.tongcheng-confirm {
	width: 31.6vw;
	height: 10.2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	border-radius: 5.1vw;
	font-size: 4.6vw;
	color: #000;
	position: absolute;
	bottom: 7.9vw;
}
.tongcheng-message1 {
	width: 83.3vw;
	height: 49.6vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/tongcheng/tongcheng-expire.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: none;
	position: relative;
	justify-content: center;
}
.tongcheng-confirm1 {
	width: 31.6vw;
	height: 10.2vw;
	position: absolute;
	bottom: 9vw;
	left: 26vw;
}

.tongcheng-received {
	color: #000;
}
.tongcheng-can {
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/tongcheng/tongcheng-receive-btn.png');
}



.page-box-union {
	position: relative;
}
.union-bg {
	width: 100vw;
	height: auto;
	position: absolute;
	top: 0;
}
.union-wrap {
	width: 100vw;
	display: flex;
	align-items: center;
	position: relative;
	top: 19vw;
	flex-direction: column;
}
.union-location {
	width: 88.9vw;
	height: 11.1vw;
	border-radius: 1.9vw;
	background-color: #fff;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 3vw 0 3.6vw;
	color: #999990;
	font-size: 4.1vw;
	box-sizing: border-box;
}
.union-arrow {
	width: 1.6vw;
	height: 2.6vw;
}
.union-btn {
	width: 78.7vw;
	height: 18.5vw;	
	border-radius: 9.3vw;
	background-color: #111;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
	margin-top: 6.4vw;
}
.union-btn-text {
	font-size: 4.6vw;
	color: #fff;
	line-height: 6.5vw;
}
.union-btn-subtext {
	color: #BDBDBD;
	font-size: 3.5vw;
	line-height: 4.9vw;
	margin-top: 0.8vw;
}
.union-agreement {
	display: flex;
	padding: 0 5.9vw 0 6.3vw;
	color: #8D6A3D;
	font-size: 3.3vw;
	line-height: 5.2vw;
	position: relative;
	margin-top: 4.7vw;
}
.union-check {
	width: 4.1vw;
	height: 4.1vw;
	margin-right: 1.1vw;
	margin-top: 0.7vw;
}
.union-agreement-link {
	color: #222222;
}
.union-text {
	font-size: 3.3vw;
	color: #8D6A3D;
	width: 87.4vw;
	position: relative;
	bottom: 0;
	line-height: 5.2vw;
	letter-spacing: 1px;
	margin-top: 10.4vw;
}
.union-card {
	width: 89.3vw;
	height: 78.1vw;
	position: relative;
}
.union-check-wrap {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: 4vw;
	top: -2vw;
}
.union-info {
	margin-top: 8.7vw;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.union-tips {
	text-align: center;
	font-size: 4.6vw;
	color: #111;
	margin-top: 12vw;
	display: none;
}


.mall {
	width: 100vw;
	min-height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 100;
	padding-bottom: 8vw;
	display: none;
}

.mall-left {
}
.mall-letter {
	padding-left: 5.6vw;
	color: #bbb;
	font-size: 3.3vw;
	padding-top: 6vw;
	box-sizing: border-box;
}
.mall-name {
	padding-left: 5.6vw;
	font-size: 3.7vw;
	color: #222;
	padding-top: 3.7vw;
	line-height: 5.2vw;
	width: 80vw;
}
.mall-right {
	position: fixed;
	right: 5.7vw;
	top: 14vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	touch-action: none;
}
.tri-img {
	width: 3.3vw;
	height: 2.2vw;
	margin-bottom: 0.7vw;
}
.right-letter {
	font-size: 3.3vw;
	line-height: 7vw;
	width: 5vw;
	text-align: center;
}
.mall-letter-fixed {
	position: sticky;
	top: 0;
	background-color: #fff;
	width: 100vw;
}
.letter-active {
	color: #ff5500;
}
.mall-name-active {
	color: #111111;
}

.union-modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100;
	display: none;
	align-items: center;
	justify-content: center;
	touch-action: none;
}
.union-message1 {
	width: 72vw;
	height: 33.7vw;
	border-radius: 3.7vw;
	background: rgba(255,255,255,0.85);
	position: relative;
	display: none;
	padding-top: 8.2vw;
	box-sizing: border-box;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	padding-top: 5.4vw;
}
.union-message-title {
	text-align: center;
	font-size: 4.1vw;
	color: #000;
	line-height: 6.7vw;
	font-weight: 500;
}
.union-message-subtitle {
	color: #5B5B5B;
	font-size: 4.1vw;
	text-align: center;
	line-height: 6.7vw;
}
.union-message-bot {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	display: flex;
	position: absolute;
	bottom: 0;
	height: 11.6vw;
}
.union-message-btn {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.6vw;
	color: #FC561F;
}
.union-message-btn:first-child {
	border-right: 1px solid #DDDDDD;
}
.union-message2 {
	width: 83.3vw;
	height: 49.5vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/union/union-tips.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: none;
	position: relative;
}
.union-tips-confirm {
	position: absolute;
	width: 30vw;
	height: 10vw;
	bottom: 10vw;
	left: 27vw;
}
.mall-back {
	position: fixed;
	bottom: 8.9vw;
	right: 3.7vw;
	width: 14.8vw;
	height: 14.8vw;
}
.empty-pri {
	color: #979797;
	text-align: center;
	padding: 5.9vw 0;
	font-size: 3.5vw;
}


.activity-box-fila {
	position: relative;
	min-height: 100vh;
	display: none;
}
.fila-bg {
	width: 100vw;
}
.fila-bg-img {
	width: 100vw;
}
.fila-wrap {
	position: absolute;
	top: 85vw;
	width: 100vw;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.fila-detail {
	display: inline-block;
	width: 79.3vw;
	height: 100vw;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/fila/detail.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.fila-number {
	color: #472218;
	font-size: 3.5vw;
	position: relative;
	top: 77vw;
}
.fila-receive-number {
	color: #FF0000;
}
.fila-receive-btn {
	width: 47.3vw;
	height: 10.4vw;
	position: relative;
	margin: 80vw auto 0;
	display: block;
}
.fila-received-btn {
	width: 47.3vw;
	height: 10.4vw;
	position: relative;
	margin: 80vw auto 0;
	display: none;
}
.fila-rule {
	width: 94.4vw;
	background-color: rgba(255,255,255, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	margin-top: 9vw;
	border-radius: 4.6vw;
	padding: 5.5vw 1.6vw 5.5vw;
	box-sizing: border-box;
}
.fila-rule-title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3vw;
}
.fila-title-img {
	width: 3.3vw;
	height: 3.3vw;
}
.fila-title-text {
	font-size: 4.4vw;
	color: #222;
	margin: 0 1.9vw;
	font-weight: bold;
}
.fila-sub-title {
	font-size: 4.3vw;
	color: #222;
	margin-bottom: 2.8vw;
	text-align: left;
	padding-left: 1.6vw;
	box-sizing: border-box;
	font-weight: bold;
	margin-top: 2.8vw;
}
.fila-content {
	font-size: 3.7vw;
	color: #222;
	text-align: left;
	box-sizing: border-box;
	padding-left: 4.4vw;
	padding-right: 1.6vw;
	line-height: 6.1vw;
}
.fila-content-title {
	display: flex;
	align-items: center;
	padding-left: 1.8vw;
	box-sizing: border-box;
	font-size: 3.7vw;
	color: #222;
	margin-bottom: 2.8vw;
}
.fila-content-color {
	width: 1.3vw;
	height: 4.6vw;
	background-color: #002D62;
	border-radius: 0.6vw;
	margin-right: 1.5vw;
}
.fila-step {
	width: 91.2vw;
	height: 44.1vw;
	margin-bottom: 2.8vw;
}
.fila-link {
	width: 56.4vw;
	height: 25.6vw;
	margin: 5.8vw auto;
}
.fila-desc {
	width: 88.4vw;
	height: 16.7vw;
	margin-left: 1.8vw;
}
.fila-entry {
	text-align: left;
	color: #7F868E;
	font-size: 3vw;
	margin-left: 4.5vw;
	text-decoration: underline;
	margin-top: 4.5vw;
	margin-bottom: 3.2vw;
}
.fila-modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100;
	display: none;
	padding-top: 60vw;
	justify-content: center;
	touch-action: none;
}
.fila-message1 {
	display: none;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/fila/expire.png');
	width: 83.3vw;
	height: 62.3vw;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.fila-confirm1 {
	width: 31.6vw;
	height: 10.2vw;
	border-radius: 5.1vw;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.6vw;
	margin: 45.2vw auto 0;
}
.fila-message2 {
	display: none;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/fila/apply.png');
	width: 83.3vw;
	height: 62.3vw;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.fila-apply-cancel {
	position: absolute;
	width: 50%;
	bottom: 0;
	left: 0;
	height: 15vw;
}
.fila-apply-confirm {
	position: absolute;
	width: 50%;
	bottom: 0;
	right: 0;
	height: 15vw;
}
.fila-message3 {
	display: none;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/fila/success.png');
	width: 83.3vw;
	height: 58.6vw;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.fila-success-back {
	width: 40%;
	height: 10vw;
	position: absolute;
	bottom: 8vw;
	left: 8vw;
}
.fila-success-use {
	width: 40%;
	height: 10vw;
	position: absolute;
	bottom: 8vw;
	right: 5vw;
}
.fila-message4 {
	display: none;
	background-image: url('https://activity.huaruntong.cn/web/activity/newuser2201/images/fila/fail.png');
	width: 83.3vw;
	height: 58.6vw;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.fila-fail-back {
	width: 50%;
	height: 10vw;
	position: relative;
	margin: 40vw auto 0;
}

.van-coupon-group {
/*	margin: 52vw auto 0;*/
	padding-top: 52vw;
	width: 84.8vw;
	position: relative;
	left: 6.6vw;
}
.van-coupon-img {
	width: 84.8vw;
}
.van-coupon-box {
	width: 80vw;
	height: 20vw;
	position: absolute;
}
.van-coupon-1 {
	left: 2vw;
	top: 68vw;
}
.van-coupon-2 {
	left: 2vw;
	top: 90vw;
}
.van-coupon-3 {
	left: 2vw;
	top: 115vw;
}
.van-coupon-4 {
	left: 2vw;
	top: 137vw;
}