a[data-v-b6b4d09a],body[data-v-b6b4d09a],div[data-v-b6b4d09a],h1[data-v-b6b4d09a],h2[data-v-b6b4d09a],h3[data-v-b6b4d09a],h4[data-v-b6b4d09a],h5[data-v-b6b4d09a],h6[data-v-b6b4d09a],html[data-v-b6b4d09a],li[data-v-b6b4d09a],ol[data-v-b6b4d09a],p[data-v-b6b4d09a],span[data-v-b6b4d09a],ul[data-v-b6b4d09a] {
	margin: 0;
	padding: 0
}

body[data-v-b6b4d09a],html[data-v-b6b4d09a] {
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	position: relative
}

li[data-v-b6b4d09a],ul[data-v-b6b4d09a] {
	list-style: none
}

a[data-v-b6b4d09a] {
	text-decoration: none
}[data-v-b6b4d09a]:focus,a[data-v-b6b4d09a],input[data-v-b6b4d09a] {
	outline: 0;
	resize: none
}

.abs[data-v-b6b4d09a],.page[data-v-b6b4d09a] {
	position: absolute;
	top: 0;
	left: 0
}

.page[data-v-b6b4d09a] {
	width: 100%;
	height: 100%
}

.top-bar-container[data-v-b6b4d09a] {
	position: absolute;
	width: 100vw;
	height: 6.2vw;
	z-index: 1;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid hsla(0,0%,100%,.5);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.top-bar-blank[data-v-b6b4d09a] {
	position: absolute;
	width: 100vw;
	height: 16vw;
	top: 0;
	left: 0;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(7,7,7,.9)),to(transparent));
	background: linear-gradient(rgba(7,7,7,.9),transparent)
}

.top-bar-logo[data-v-b6b4d09a] {
	position: relative;
	width: 8.1vw;
	height: 3.94615vw;
	margin-left: 2vw
}

.top-bar-logo-img[data-v-b6b4d09a] {
	position: relative;
	width: 100%;
	height: 100%
}

.top-bar-menu-container[data-v-b6b4d09a] {
	height: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.top-bar-menu-wrapper[data-v-b6b4d09a] {
	position: relative;
	margin-right: 2.2vw;
	font-size: .8vw;
	color: #fff;
	line-height: 1.5vw;
	pointer-events: auto;
	cursor: pointer
}

.top-bar-back-wrapper[data-v-b6b4d09a] {
	width: 2.60417vw;
	margin-right: 2.2vw;
	position: relative;
	pointer-events: auto;
	cursor: pointer
}

.menu-choose[data-v-b6b4d09a] {
	color: #f5e003;
	border-bottom: 1px solid #f5e003;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.top-bar-back-img[data-v-b6b4d09a] {
	position: relative;
	width: 1.66667vw;
	height: 1.5625vw
}

.phone[data-v-b6b4d09a] {
	position: relative;
	height: 15.33333vw;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),color-stop(rgba(0,0,0,.8)),color-stop(rgba(0,0,0,.8)),color-stop(rgba(0,0,0,.8)),to(transparent));
	background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8),rgba(0,0,0,.8),rgba(0,0,0,.8),transparent);
	border-bottom: none
}

.phone1[data-v-b6b4d09a] {
	position: relative;
	height: 15.33333vw;
	background-color: #000;
	border-bottom: 1px solid hsla(0,0%,100%,.5)
}

.phone .top-bar-logo[data-v-b6b4d09a] {
	width: 20.93333vw;
	height: 10.26667vw
}

.phone .top-bar-menu-wrapper[data-v-b6b4d09a] {
	font-size: 2.4vw;
	margin-right: 2.66667vw;
	line-height: 3vw
}

.phone .top-bar-back-wrapper[data-v-b6b4d09a] {
	width: 6.66667vw;
	margin-right: 0;
	position: relative;
	pointer-events: auto
}

.phone .menu-choose[data-v-b6b4d09a] {
	border-bottom: 2px solid #f5e003
}

.phone .top-bar-back-img[data-v-b6b4d09a] {
	position: relative;
	width: 3.73333vw;
	height: 3.46667vw
}

div,img,span {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0
}

.home-page {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-animation: homeShow .3s ease-in 0s 1;
	animation: homeShow .3s ease-in 0s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	background-color: #262626;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.home-hide {
	-webkit-animation: homeHide .3s ease-in 0s 1;
	animation: homeHide .3s ease-in 0s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes homeShow {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes homeShow {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes homeHide {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes homeHide {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.swiper-wrapper {
	position: relative
}

.swiper-slide,.swiper-wrapper {
	width: 100vw!important;
	/* height: 46.875vw!important */
}

.banner-img {
	position: relative;
	width: 100vw;
	/* height: 46.875vw */
}

.swiper-pagination-bullets {
	bottom: 2.4vw!important;
	height: 1.2vw!important
}

.swiper-pagination-bullet {
	margin: 0 1.75vw!important;
	width: 1.2vw!important;
	height: 1.2vw!important;
	opacity: .8!important;
	-webkit-box-sizing: border-box!important;
	box-sizing: border-box!important;
	border: 1px solid #fff!important;
	background: hsla(0,0%,100%,0)!important
}

.swiper-pagination-bullet-active {
	background: #fff!important
}

.banner-left-arrow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10vw;
	height: 40.5319vw;
	z-index: 1
}

.banner-left-arrow-img {
	width: 10vw;
	height: 100%
}

.banner-right-arrow {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10vw;
	height: 40.5319vw;
	z-index: 1;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.banner-right-arrow-img {
	width: 10vw;
	height: 100%
}

.banner-bottom-container {
	position: absolute;
	bottom: 0;
	height: 6.3vw;
	width: 100vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid hsla(0,0%,100%,.4);
	z-index: 1
}

.banner-bottom-left-arrow-img {
	position: absolute;
	top: 50%;
	left: 15vw;
	width: 7.4vw;
	height: 4.01268vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.banner-bottom-right-arrow-img {
	position: absolute;
	top: 50%;
	right: 15vw;
	width: 7.4vw;
	height: 4.01268vw;
	-webkit-transform: translateY(-50%) rotateY(180deg);
	transform: translateY(-50%) rotateY(180deg)
}

.model1-container,.model1-title-img {
	position: relative;
	width: 100vw;
	height: 63.125vw
}

.model1-title-img {
	top: -4vw
}

.model1-bg {
	position: absolute;
	width: 100vw;
	height: 63.125vw;
	top: 0;
	left: 0
}

.model2-container {
	position: relative;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.model2-bg {
	height: 40.78125vw
}

.model2-bg,.model2-border {
	position: absolute;
	width: 100vw;
	top: 0;
	left: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.model2-border {
	height: calc(100% - 15.36458vw);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1.6vw solid #f4de48
}

.model2-title-wrapper {
	position: relative;
	width: 59.42708vw;
	height: 13.125vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -5.78125vw;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

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

.model-title-text {
	position: relative;
	color: #fddc00;
	font-size: 3.8vw;
	font-weight: 700
}

.model2-description {
	position: relative;
	width: 59.42708vw;
	font-size: 1.25vw;
	margin: 5vw 0;
	color: #fff;
	letter-spacing: .5px
}

.model2-blank-wrapper {
	position: relative;
	width: 67.70833vw;
	height: 30.72917vw;
	-ms-flex-item-align: start;
	align-self: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 4vw
}

.model2-blank-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 67.70833vw;
	height: 30.72917vw;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.model2-blank-english {
	position: relative;
	font-size: 7.85vw;
	font-weight: 600;
	color: #fff;
	line-height: 7.5vw;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: -4.6vw 0 0 6vw
}

.model2-blank-chinese-font {
	font-family: english
}

.model2-blank-chinese {
	position: relative;
	font-size: 4.74vw;
	line-height: 5.41667vw;
	font-family: chinese
}

.model2-blank-chinese-top {
	margin-top: 1vw
}

.model3-container {
	position: relative;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.model3-bg {
	height: 34.84375vw
}

.model3-bg,.model3-border {
	position: absolute;
	width: 100vw;
	top: 0;
	left: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.model3-border {
	height: calc(100% - 9.01042vw);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1.6vw solid #f4de48
}

.model3-title-wrapper {
	position: relative;
	width: 59.42708vw;
	height: 13.125vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -5.78125vw;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

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

.model3-description {
	position: relative;
	width: 59.42708vw;
	font-size: 1.25vw;
	margin: 5.4vw 0;
	color: #fff;
	letter-spacing: .5px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.red-text {
	color: #f4de48
}

.model3-blank-wrapper {
	position: relative;
	width: 79.6875vw;
	height: 18.02083vw;
	-ms-flex-item-align: end;
	align-self: flex-end;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

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

.model3-balnk-alone-wrapepr {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 5vw
}

.model3-blank-alone-img {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 7.1875vw;
}

.model3-balnk-alone-title {
	font-size: 2vw
}

.model3-balnk-alone-description,.model3-balnk-alone-title {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: #333;
	font-weight: 700;
	letter-spacing: 2px
}

.model3-balnk-alone-description {
	font-size: 1.3vw;display:none;
}

.model4-container {
	width: 100vw;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.model4-container,.model4-title-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.model4-title-wrapper {
	width: 59.42708vw;
	height: 13.125vw;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 9.11458vw;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

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

.model4-bg {
	position: absolute;
	top: 14.89583vw;
	left: 0;
	width: 100vw;
	height: 48.38542vw
}

.model4-description {
	position: relative;
	width: 59.42708vw;
	font-size: 1.25vw;
	margin: 5vw 0 2vw 0;
	color: #fff;
	letter-spacing: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 4.8vw
}

.model4-blank-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 20.26042vw;
	height: 63.54167vw
}

.model4-blank-bg {
	position: relative;
	width: 100%;
	height: 100%
}

.model4-prize-container {
	position: relative;
	width: 59.42708vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 4.8vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.model4-prize-img {
	position: relative;
	width: 54.6875vw;
	height: 23.80208vw
}

.model4-prize-img1,.model4-prize-img2 {
	position: relative;
	width: 22.65625vw;
	height: 14.63542vw
}

.model4-prize-img2 {
	margin-top: 1.6vw;
	margin-left: .8vw
}

.model4-prize-img3 {
	position: relative;
	width: 22.65625vw;
	height: 14.63542vw;
	margin-top: 3.2vw;
	margin-left: .8vw
}

.game-info-container {
	position: relative;
	width: 59.42708vw;
	height: 27.60417vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.game-info-border {
	position: absolute;
	top: 0;
	left: 0;
	width: 51.875vw;
	height: 27.60417vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1.6vw solid #fff
}

.game-info-border,.game-info-row {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.game-info-row {
	position: relative;
	width: 59.42708vw;
	height: 6.77083vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: .5vw 0
}

.game-info-row-question {
	position: relative;
	-ms-flex-negative: 0;
	font-size: 1.67vw;
	margin-left: 5vw;
	flex-shrink: 0;
	color: #333
}

.game-info-row-answer-wrapper {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 3.4vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.game-info-row-answer {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	color: #333;
	font-size: 1.25vw;
	margin: .1vw 0;
	width: 40vw;
	word-break: break-all;
	word-wrap: break-word
}

.text-bg {
	position: relative;
	background-color: #fff;
	padding: .2vw;
	color: #cfa74e;
}

.game-info-row-blank {
	position: absolute;
	width: 94%;
	height: 100%;
	right: 0;
	top: 0;
	background: -webkit-gradient(linear,left top,right top,from(#f4de48),to(#f4de48));
	background: linear-gradient(90deg,#f4de48,#f4de48)
}

.game-flow-container,.model5-container {
	position: relative;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.game-flow-container {
	height: 76.51042vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1.6vw solid #f4de48
}

.model5-bg {
	position: absolute;
	top: 13vw;
	left: 0;
	width: 100vw;
	height: 72.76042vw
}

.model5-title-wrapper {
	position: relative;
	width: 59.42708vw;
	height: 13.125vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -7.29167vw;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

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

.game-flow-line-img {
	position: absolute;
	width: 2.60417vw;
	height: 54.6875vw;
	top: 11vw;
	left: 14.2vw
}

.game-flow-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 1vw
}

.game-flow-wrapper1 {
	margin-top: 5vw;
	-webkit-transform: translateX(-1.2vw);
	transform: translateX(-1.2vw)
}

.game-flow-wrapper2 {
	-webkit-transform: translateX(-4.5vw);
	transform: translateX(-4.5vw)
}

.game-flow-wrapper3 {
	-webkit-transform: translateX(-6.3vw);
	transform: translateX(-6.3vw)
}

.game-flow-wrapper4 {
	-webkit-transform: translateX(-4.5vw);
	transform: translateX(-4.5vw)
}

.game-flow-remark {
	margin-top: 3vw
}

.game-flow1-alone,.game-flow-remark {
	position: relative;
	font-size: 1.2vw;
	color: #fff
}
.game-flow-alone, .game-flow-alone-all,.model2-description,.model3-description,.model4-description,.game-info-row-answer,.model6-info-title-text{font-size:1.2vw;}

.game-flow1-alone {
	width: 52.34375vw;
	height: 7.8125vw;
	padding: 0 2vw 0 2.6vw;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.8vw;
	background-color: #f4de48;
	margin-left: 2vw;color:#333;
}

.game-flow1-alone,.game-flow1-alone-text {
	word-wrap: break-word;
	word-break: break-all
}

.game-flow1-alone-text {
	position: relative;
	display: inline-block;
	width: 100%
}

.game-flow1-data {
	position: relative;
	font-size: 2.5vw;
	letter-spacing: 1px;
	color: #fff;
	z-index: 1;
	margin-left: 4vw
}

.game-flow-img {
	position: relative;
	width: 9.16667vw;
	height: 9.16667vw;
	left: 4vw
}

.game-flow-data {
	position: relative;
	font-size: 2.5vw;
	letter-spacing: 1px;
	color: #fff;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 5vw
}

.game-flow-data-line {
	position: relative;
	width: .3125vw;
	height: 1.97917vw;
	background-color: #fff;
	margin: .8vw 0
}

.game-flow-alone {
	width: 52.34375vw;
	height: 14.58333vw;
	background-color: #f4de48;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-left: 2vw
}

.game-flow-alone,.game-flow-alone-all {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal
}

.game-flow-alone-all {
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 1.2vw;
	color: #333;
	letter-spacing: 1px;
	line-height: 1.8vw;
	padding: 0 2vw 0 2.6vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.game-flow-alone-up {
	border-bottom: 1px solid #fff
}

.model6-container,.model6-title-container {
	position: relative;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.model6-title-bg,.model6-title-container {
	height: 35.46875vw
}

.model6-title-bg {
	position: absolute;
	width: 100vw;
	top: 0;
	left: 0
}

.model6-title-text1 {
	font-size: 3vw;
	margin-top: 4.3vw
}

.model6-title-text1,.model6-title-text2 {
	position: relative;
	color: #f4de48;
	font-weight: 700;
	letter-spacing: 2px
}

.model6-title-text2 {
	font-size: 3.5vw
}

.model6-info-container {
	position: relative;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.model6-info-border,.model6-info-container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.model6-info-border {
	position: absolute;
	width: 100%;
	height: 75vw;
	top: 0;
	left: 0;
	border: 1.6vw solid #f4de48;
	border-bottom: none;
	z-index: 2
}

.model6-info-title-wrapper {
	position: relative;
	width: 59.375vw;
	height: 33.69792vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -16.92708vw;
	padding-top: 1.6vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 3
}

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

.model6-info-title-text {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 9.53125vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.8vw;
	color: #fff;
	padding-left: 14vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.phone .no-top-first {
	top: .8vw
}

.phone .no-top-second {
	top: 1.4vw;display:block;
}

.phone .no-top {
	top: 2.3vw
}

.no-top-first {
	top: .5vw
}

.no-top-second {
	top: 1.2vw
}

.no-top {
	top: 1.5vw
}

.model6-btn-container {
	position: relative;
	width: 100vw;
	height: 10.57292vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 3.6vw
}

.model6-btn-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 10.57292vw
}

.model6-btn-img {
	position: absolute;
	width: 46.04167vw;
	height: 8.95833vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: auto;
	top: 21.5vw;
	z-index: 3;
	cursor: pointer
}

.model7-container {
	position: relative;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-top: 5.5vw
}

.model7-bg {
	position: absolute;
	width: 100vw;
	height: 43.54167vw;
	top: 0;
	left: 0
}

.model7-title {
	font-size: 3.75vw;
	color: #f4de48;
	margin-top: 3.22917vw;
	margin-bottom: 1.45833vw
}

.model7-description,.model7-title {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.model7-description {
	font-size: 1.25vw;
	color: #fff;
	line-height: 2.5vw
}

.model7-menu-container {
	width: 100vw;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 4vw;
	z-index: 3
}

.model7-menu-container,.model7-menu-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.model7-menu-wrapper {
	width: 12vw;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 2vw
}

.model7-menu-wrapper-link {
	cursor: pointer
}

.model7-menu-img {
	width: 8.75vw;
	height: 8.75vw;
	pointer-events: auto
}

.model7-menu-img,.model7-menu-text {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.model7-menu-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 6vw;
	width: 28vw;
	font-size: .83333vw;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	color: #fff;
	word-break: break-all;
	text-align: center;
	max-height: 100%
}

.model7-menu-text-title {
	margin-bottom: .3vw
}

.model7-link {
	position: relative;
	font-size: 1.25vw;
	color: #fff;
	-ms-flex-negative: 3;
	flex-shrink: 3;
	margin-top: 0;
	z-index: 4
}

.model8-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 3vw;display:none;
}

.model5-container{margin-top:12vw;}

.model8-bg,.model8-container {
	width: 100vw;
	height: 35.26042vw
}

.model8-bg {
	position: absolute
}

.model8-title {
	position: relative;
	font-size: 1.66667vw;
	color: #f4de48;
	margin-top: 2vw
}

.text-yellow {
	color: #fce8ab
}

.model8-card-wrapper {
	position: relative;
	width: 59.375vw;
	height: 16.71875vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 4vw
}

.model8-card-bg {
	position: absolute;
	width: 100%;
	height: 100%
}

.model8-card-text {
	position: relative;
	width: 35vw;
	font-size: 1.25vw;
	color: #fff;
	margin-left: 6vw
}

.bottom-bar-container {
	position: relative;
	width: 100vw;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 1.5vw;
	z-index: 4
}

.bottom-bar-line {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 25vw;
	height: 1.6vw;
	background-color: #f4de48
}

.bottom-bar-wrapper {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	width: 50vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	text-decoration: underline;
	color: #fff;
	font-size: 1.5vw
}

.bottom-bar-btn {
	cursor: pointer
}

.flow-text-bg {
	background-color: #fff;
	color: #cfa74e;
	padding: .3vw 0
}

.phone .model1-title-img {
	-webkit-transform: scale(1.4);
	transform: scale(1.4)
}

.phone .model2-title-wrapper {
	width: 80.21333vw;
	height: 17.72vw;
	margin-top: -8vw
}

.phone .model2-container {
	margin-top: 8vw
}

.phone .model2-description {
	width: 80.21333vw;
	font-size: 3.2vw;
	max-height: 100%;
	margin: 8vw 0;
	letter-spacing: 2px
}

.phone .model7-description {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 1.33333vw;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	color: #fff;
	line-height: 2.5vw;
	text-align: center;
	width: 106.66667vw
}

.phone .model2-blank-english {
	margin: -4vw 0 0 -20vw;
	font-size: 6.66667vw;
	line-height: 6.4vw
}

.phone .model2-blank-chinese {
	font-size: 4.26667vw;
	line-height: 5.06667vw
}

.phone .model3-title-wrapper {
	width: 80.21333vw;
	height: 17.72vw;
	margin-top: -8vw
}

.phone .model-title-text {
	font-size: 5.06667vw
}

.phone .model3-description {
	width: 80.21333vw;
	font-size: 3.2vw;
	max-height: 100%;
	margin: 8vw 0;
	letter-spacing: 2px
}

.phone .model4-title-wrapper {
	width: 80.21333vw;
	height: 17.72vw;
	margin-top: 8vw
}

.phone .model3-border {
	height: calc(100% - 12.97333vw)
}

.phone .model3-blank-wrapper {
	width: 89.93333vw;
	height: 25.94667vw
}

.phone .model3-balnk-alone-wrapepr {
	margin: 0 3.5vw
}

.phone .model3-blank-alone-img {
	width: 12vw;
	height: 12vw
}

.phone .model3-balnk-alone-title {
	font-size: 2.8vw
}

.phone .model3-balnk-alone-description {
	font-size: 1.86667vw
}

.phone .model4-blank-wrapper {
	width: 9.86667vw;
	height: 118.8vw
}

.phone .model4-description {
	width: 80.21333vw;
	max-height: 100%;
	font-size: 3.2vw;
	margin: 7vw 0 3vw 0;
	padding-left: 4.8vw
}

.phone .model4-prize-container {
	width: 80.21333vw;
	padding-left: 0
}

.phone .model4-prize-img {
	width: 80.21333vw;
	height: auto
}

.phone .game-info-container {
	width: 80vw;
	height: 70.66667vw
}

.phone .game-info-border {
	width: 100%;
	height: 100%
}

.phone .game-info-row {
	width: 80.21333vw;
	height: 17.33333vw;
	margin: 1.5vw 0
}

.phone .game-info-row-blank {
	width: 100%;
	height: 100%;
	right: -13.6vw
}

.phone .game-info-row-question {
	font-size: 4.26667vw;
	margin-left: 5vw
}

.phone .game-info-row-answer-wrapper {
	margin-left: 3.4vw
}

.phone .game-info-row-answer {
	font-size: 3.2vw;
	margin: .1vw 0;
	width: 56vw
}

.phone .game-info-row-answer1 {
	width: 48vw
}

.phone .game-info-row-answer3 {
	width: 55vw!important;
	word-wrap: normal;
	word-break: break-all
}

.phone .text-bg {
	padding: .6vw
}

.phone .model5-title-wrapper {
	width: 80.21333vw;
	height: 17.72vw;
	margin-top: -8vw
}

.phone .game-flow-container {
	height: auto;
	min-height: 194.66667vw;
	padding-bottom: 8vw;
	margin-top: 12vw
}

.phone .model6-btn-img {
	width: 61.16vw;
	height: 10.98667vw;
	top: 26vw
}

.phone .model7-title {
	font-size: 6.4vw;
	margin-top: 3.22917vw;
	margin-bottom: 1.45833vw
}

.phone .model7-description {
	font-size: 2.13333vw;
	line-height: 4vw
}

.phone .model7-menu-wrapper {
	margin: 0 3vw;
	width: 22vw
}

.phone .model7-menu-img {
	width: 15.6vw;
	height: 15.6vw
}

.phone .model7-menu-text {
	height: 6vw;
	width: 50vw;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	font-size: 2.93333vw;
	-webkit-text-size-adjust: none
}

.phone .model7-link {
	font-size: 2.13333vw;
	margin-top: 0
}

.phone .bottom-bar-line {
	width: 10vw
}

.phone .bottom-bar-wrapper {
	width: 60vw;
	font-size: 2.66667vw
}

.phone .model6-info-border {
	height: 101.03333vw
}

.phone .home-blank {
	position: relative;
	width: 100vw;
	height: 6vw
}

.phone .game-flow1-data {
	font-size: 3.6vw;
	letter-spacing: 1px;
	margin-left: 5vw
}

.phone .game-flow-alone {
	width: 62.66667vw;
	height: auto;
	margin-left: 2vw
}

.phone .game-flow-alone3 {
	width: 66vw;
	height: 46.86667vw;
	margin-left: 2vw
}



.phone .game-flow1-alone {
	width: 64.66667vw;
	height: 34.8vw;
	padding: 3.6vw 6.66667vw 3.6vw 6.66667vw;
	letter-spacing: 1px;
	font-size: 3.2vw;
	line-height: 4.6vw;
	margin-left: 2vw;
	text-align: justify
}

.phone .new-height {
	height: 37.66667vw
}

.phone .game-flow-alone-all {
	padding: 3.6vw 6.66667vw 3.6vw 6.66667vw;
	letter-spacing: 1px;
	font-size: 3.2vw;
	line-height: 4.6vw;
	text-align: justify
}

.phone .game-flow-data {
	font-size: 3.6vw;
	letter-spacing: 1px;
	margin-left: 3vw
}

.phone .game-flow-data2 {
	margin-top: -4.3vw
}

.phone .game-flow-data3 {
	margin-top: -4vw
}

.phone .game-flow-data4 {
	margin-top: 4vw
}

.phone .game-flow-data-line2 {
	height: 14vw
}

.phone .game-flow-data-line3 {
	height: 12vw
}

.phone .game-flow-data-line4 {
	height: 9.33333vw
}

.phone .game-flow-wrapper {
	margin-top: 4.5vw
}

.phone .game-flow-wrapper1 {
	margin-top: 7vw;
	-webkit-transform: translateX(2.5vw);
	transform: translateX(2.5vw)
}

.phone .game-flow-wrapper2 {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.phone .game-flow-wrapper3 {
	-webkit-transform: translateX(-1.8vw);
	transform: translateX(-1.8vw)
}

.phone .game-flow-wrapper4 {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	margin-top: 4.5vw
}

.phone .game-flow-img {
	width: 9.06667vw;
	height: 9.06667vw;
	left: 0
}

.phone .game-flow-line-img {
	width: 3.6vw;
	height: 175.2vw;
	top: 16.5vw;
	left: 7.2vw
}

.phone .model6-title-text1 {
	font-size: 5.2vw;
	letter-spacing: 2px;
	margin-top: 6vw
}

.phone .model6-title-text2 {
	font-size: 6.53333vw
}

.phone .model6-title-container {
	height: 50.66667vw
}

.phone .model6-info-title-wrapper {
	width: 80.4vw;
	height: 43.46667vw;
	margin-top: -22.13333vw;
	padding-top: 1.6vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 3
}

.phone .model6-info-title-text {
	height: 12.4vw;
	font-size: 3.73333vw;
	padding-left: 16vw;padding-right:8px;
}

.phone .model6-btn-container {
	margin-top: 4vw
}

.phone .model7-container {
	margin-top: 10vw
}

.phone .game-flow-remark {
	position: relative;
	font-size: 2.66667vw;
	color: #fff;
	margin-top: 6vw
}

.phone .banner-left-arrow {
	z-index: 1
}

.phone .banner-left-arrow,.phone .banner-right-arrow {
	width: 10vw;
	height: 46.70769vw
}

.phone .game-flow1-alone-text3 {
	width: 100%
}

.phone .model8-title {
	font-size: 3.2vw;
	margin-top: 2vw
}

.phone .model8-card-wrapper {
	width: 80.15625vw;
	height: 22.57031vw
}

.phone .model8-card-text {
	font-size: 2.4vw;
	width: 50vw;
	margin-left: 8vw;
	-webkit-text-size-adjust: none;
	max-height: 100%;
	max-width: 99999px;
	max-height: 99999px
}

.douyin-container {
	position: fixed;
	z-index: 9
}

.douyin-blank,.douyin-container {
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh
}

.douyin-blank {
	position: absolute;
	background-color: #000;
	opacity: .5
}

.douyin-img {
	position: absolute;
	width: 80vw;
	height: 80vw;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	pointer-events: auto
}

.question-page {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-animation: questionShow .3s ease-in 0s 1;
	animation: questionShow .3s ease-in 0s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	background-color: #262626;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.question-hide {
	-webkit-animation: questionHide .3s ease-in 0s 1;
	animation: questionHide .3s ease-in 0s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes questionShow {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes questionShow {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes questionHide {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes questionHide {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.question-bg {
	position: absolute;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0
}

.question-container {
	position: relative;
	margin-top: 6.2vw;
	width: 100vw;
	height: calc(100vh - 6.2vw);
	overflow-y: scroll;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.question-title {
	position: relative;
	font-size: 2.6vw;
	font-weight: 700;
	color: #e40112;
	margin: 3vw 0
}

.question-wrapper {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 2vw;
	overflow: hidden;
	-webkit-transition: height .2s ease;
	transition: height .2s ease
}

.question-top-wrapper,.question-wrapper {
	position: relative;
	width: 63vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2.5vw
}

.question-top-wrapper {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e40112;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer
}

.question-top-icon {
	line-height: 2.5vw;
	text-align: center;
	font-size: 1.2vw;
	color: #fff;
	background-color: #e40112
}

.question-top-arrow,.question-top-icon {
	position: relative;
	width: 3vw;
	height: 2.5vw
}

.question-top-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.question-top-arrow-img,.question-top-arrow-up-img {
	position: relative;
	width: 1.25vw;
	height: .78125vw
}

.question-top-arrow-up-img {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.question-top-text {
	height: 2.5vw;
	line-height: 2.5vw;
	font-size: 1.5vw;
	color: #fff;
	padding: 0 2vw;
	font-weight: 700
}

.answer-container,.question-top-text {
	position: relative;
	width: 57vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.answer-container {
	height: auto;
	padding: 1.5vw;
	background-color: #e40112;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.answer-text {
	position: relative;
	font-size: .9vw;
	color: #fff;
	letter-spacing: 1px;
	word-break: break-all;
	word-wrap: break-word
}

.qrcode-block {
	position: relative;
	margin: 1.5vw 0;
	width: 12.39583vw;
	height: 16.8099vw;
	background-color: #fff
}

.qrcode-img {
	position: relative;
	width: 100%;
	height: 100%;
	pointer-events: auto
}

.question-blank {
	position: relative;
	width: 100vw;
	height: 8vw
}

.question-bottom-shadow {
	position: absolute;
	width: 100vw;
	height: 7.5vw;
	bottom: 0;
	left: 0;
	background: -webkit-gradient(linear,left bottom,left top,from(rgba(7,7,7,.8)),to(transparent));
	background: linear-gradient(0deg,rgba(7,7,7,.8),transparent);
	z-index: 3
}

.phone .question-container {
	margin-top: 0;
	height: calc(100vh - 15.33333vw)
}

.phone .question-wrapper {
	width: 80.26667vw;
	margin-bottom: 2vw;
	height: 12vw
}

.phone .question-title {
	font-size: 4vw;
	margin: 3vw 0
}

.phone .question-top-wrapper {
	width: 80.26667vw;
	height: 12vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.question-top-wrapper-top {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.question-top-wrapper-bottom,.question-top-wrapper-top {
	position: relative;
	width: 100%;
	height: 6vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.question-top-wrapper-bottom {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.phone .question-top-text {
	width: 100%;
	height: 6vw;
	line-height: 6vw;
	font-size: 2.4vw;
	letter-spacing: 0;
	padding: 0
}

.phone .question-top-icon {
	width: 8.53333vw;
	height: 6vw;
	line-height: 6vw;
	font-size: 3.2vw
}

.phone .question-top-arrow {
	position: relative;
	width: 6.66667vw;
	height: 6vw
}

.phone .question-top-arrow-img,.phone .question-top-arrow-up-img {
	width: 3.2vw;
	height: 2vw
}

.phone .answer-container {
	width: 80.26667vw;
	padding: 3.73333vw 6.66667vw
}

.phone .answer-text {
	font-size: 2.4vw;
	letter-spacing: 2px
}

.phone .qrcode-block {
	margin: 3vw 0;
	width: 31.73333vw;
	height: 43.03333vw
}

.question-phone-bg {
	position: absolute;
	width: 100vw;
	top: 0;
	left: 0
}

.announce-page,view {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.announce-page {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-animation: announceShow .3s ease-in 0s 1;
	animation: announceShow .3s ease-in 0s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	background-color: #262626
}

.announce-hide {
	-webkit-animation: announceHide .3s ease-in 0s 1;
	animation: announceHide .3s ease-in 0s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes announceShow {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes announceShow {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes announceHide {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes announceHide {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.announce-bg {
	position: absolute;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0
}

.announce-container {
	position: relative;
	margin-top: 6.2vw;
	width: 100vw;
	height: calc(100vh - 6.2vw);
	overflow-y: scroll;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.announce-title {
	position: relative;
	margin: 3vw 0
}

.announce-none,.announce-title {
	font-size: 2.6vw;
	font-weight: 700;
	color: #e40112
}

.announce-none {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.announce-blank {
	position: relative;
	width: 100vw;
	height: 8vw
}

.announce-bottom-shadow {
	position: absolute;
	width: 100vw;
	height: 7.5vw;
	bottom: 0;
	left: 0;
	background: -webkit-gradient(linear,left bottom,left top,from(rgba(7,7,7,.8)),to(transparent));
	background: linear-gradient(0deg,rgba(7,7,7,.8),transparent);
	z-index: 3
}

.announce-info-container {
	width: 100vw;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column
}

.announce-info-container,.announce-info-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.announce-info-wrapper {
	width: 66vw;
	height: 3.64583vw;
	margin-bottom: 2vw;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row
}

.announce-info-block {
	position: relative;
	width: 1.25vw;
	height: 1.25vw;
	background-color: #e40112;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.announce-info-data-wrapper {
	position: relative;
	width: 10.9375vw;
	height: 3.64583vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 2vw
}

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

.announce-info-data-text {
	position: relative;
	font-size: 1.5vw;
	font-weight: 700;
	color: #fff;
	letter-spacing: 4px;
	-webkit-transform: translate(-.5vw,-.2vw);
	transform: translate(-.5vw,-.2vw)
}

.announce-info-text {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 3.64583vw;
	margin-left: 2vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: .9vw;
	line-height: 1.4vw;
	letter-spacing: 2px;
	color: #fff;
	word-break: break-all;
	word-wrap: break-word
}

.announce-info-line {
	position: absolute;
	width: .52083vw;
	height: 6.19792vw;
	bottom: 50%;
	left: .4vw;
	background: -webkit-gradient(linear,left bottom,left top,from(#fe0700),to(rgba(254,7,0,0)));
	background: linear-gradient(0deg,#fe0700,rgba(254,7,0,0))
}

.phone .announce-container {
	margin-top: 0;
	height: calc(100vh - 15.33333vw)
}

.phone .announce-title {
	font-size: 4vw;
	margin: 3vw 0
}

.phone .announce-none {
	font-size: 4vw
}

.phone .announce-info-wrapper {
	width: 80.26667vw;
	height: auto;
	margin-bottom: 6vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.phone .announce-info-data-wrapper {
	width: 28vw;
	height: 9.33333vw;
	margin-left: 0
}

.phone .announce-info-data-text {
	font-size: 4vw;
	letter-spacing: 6px;
	-webkit-transform: translate(-1vw,-.5vw);
	transform: translate(-1vw,-.5vw)
}

.phone .announce-info-text {
	height: auto;
	margin-left: 0;
	font-size: 2.66667vw;
	line-height: 3.73333vw;
	letter-spacing: 4px;
	margin-top: 2.66667vw
}

.announce-phone-bg {
	position: absolute;
	width: 100vw;
	top: 0;
	left: 0
}

.details-page {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #262626;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-animation: detailsShow .3s ease-in 0s 1;
	animation: detailsShow .3s ease-in 0s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.details-hide {
	-webkit-animation: detailsHide .3s ease-in 0s 1;
	animation: detailsHide .3s ease-in 0s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes detailsShow {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes detailsShow {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes detailsHide {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes detailsHide {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.model-container img {
	width: 100vw
}

.swiper-box {
	position: absolute;
	left: 50%;
	text-align: center
}

.swiper-box .swiper-pagination {
	position: relative
}

.swiper-box .swiper-pagination .swiper-pagination-bullet {
	width: 1.85185vw!important;
	height: 1.85185vw!important;
	border-radius: 50%!important
}

.swiper-box .swiper-pagination-bullets {
	bottom: 0!important
}

.swiper-mobile {
	-webkit-transform: translateX(-50%) translateY(-210%);
	transform: translateX(-50%) translateY(-210%)
}

.swiper-mobile,.swiper-mobile .swiper-container {
	width: 95.06667vw;
	height: 62.18944vw
}

.swiper-mobile .swiper-container .swiper-wrapper {
	width: 95.06667vw;
	height: 62.18944vw;
	text-align: center
}

.swiper-mobile .swiper-container .swiper-wrapper .swiper-slide {
	width: auto!important;
	height: 62.18944vw!important
}

.swiper-mobile .swiper-container .swiper-wrapper .swiper-slide .banner-img {
	width: 95.06667vw;
	height: 62.18944vw;
	pointer-events: auto
}

.swiper-pc {
	width: 62.23958vw;
	height: 40.71506vw;
	-webkit-transform: translateX(-50%) translateY(-230%);
	transform: translateX(-50%) translateY(-230%)
}

.swiper-pc .swiper-pagination .swiper-pagination-bullets {
	bottom: -1vh!important
}

.swiper-pc .swiper-container {
	width: 62.23958vw;
	height: 42.92969vw
}

.swiper-pc .swiper-container .swiper-wrapper {
	width: 62.23958vw;
	height: 40.71506vw;
	text-align: center
}

.swiper-pc .swiper-container .swiper-slide {
	width: auto!important;
	height: 40.71506vw
}

.swiper-pc .swiper-container .swiper-slide .banner-img {
	width: 62.23958vw;
	height: 40.71506vw
}

.swiper-preview {
	position: fixed;
	z-index: 9
}

.preview-blank,.swiper-preview {
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh
}

.preview-blank {
	background-color: #000;
	opacity: .5
}

.preview-img {
	position: absolute;
	width: 100vw;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	pointer-events: auto
}

a[data-v-4a6f5755],body[data-v-4a6f5755],div[data-v-4a6f5755],h1[data-v-4a6f5755],h2[data-v-4a6f5755],h3[data-v-4a6f5755],h4[data-v-4a6f5755],h5[data-v-4a6f5755],h6[data-v-4a6f5755],html[data-v-4a6f5755],li[data-v-4a6f5755],ol[data-v-4a6f5755],p[data-v-4a6f5755],span[data-v-4a6f5755],ul[data-v-4a6f5755] {
	margin: 0;
	padding: 0
}

body[data-v-4a6f5755],html[data-v-4a6f5755] {
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	position: relative
}

li[data-v-4a6f5755],ul[data-v-4a6f5755] {
	list-style: none
}

a[data-v-4a6f5755] {
	text-decoration: none
}[data-v-4a6f5755]:focus,a[data-v-4a6f5755],input[data-v-4a6f5755] {
	outline: 0;
	resize: none
}

.abs[data-v-4a6f5755],.page[data-v-4a6f5755] {
	position: absolute;
	top: 0;
	left: 0
}

.page[data-v-4a6f5755] {
	width: 100%;
	height: 100%
}

.member-wrapper[data-v-4a6f5755] {
	width: 100%;
	margin-top: 1.8vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.member-wrapper p[data-v-4a6f5755] {
	width: 100%;
	height: 1em;
	color: #fe0700;
	margin-bottom: 1em
}

.member-wrapper .common-header[data-v-4a6f5755],.member-wrapper.phone .common-header[data-v-4a6f5755],.member-wrapper[data-v-4a6f5755] .van-calendar .van-cell__title,.member-wrapper[data-v-4a6f5755] .van-field .van-cell__title,.member-wrapper[data-v-4a6f5755] .van-picker .van-cell__title {
	height: 2em;
	line-height: 2em
}

.member-wrapper .birth-picker.no-val[data-v-4a6f5755]:after,.member-wrapper .birth-picker[data-v-4a6f5755],.member-wrapper[data-v-4a6f5755] .van-calendar input,.member-wrapper[data-v-4a6f5755] .van-field input,.member-wrapper[data-v-4a6f5755] .van-picker input,.member-wrapper select[data-v-4a6f5755] {
	position: relative;
	width: 234px;
	max-width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: transparent;
	border: 1px solid #999;
	color: #fff;
	font-size: 1em;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.member-wrapper .erro-hint[data-v-4a6f5755],.member-wrapper.phone .erro-hint[data-v-4a6f5755],.member-wrapper[data-v-4a6f5755] .van-calendar .van-field__error-message,.member-wrapper[data-v-4a6f5755] .van-field .van-field__error-message,.member-wrapper[data-v-4a6f5755] .van-picker .van-field__error-message {
	font-size: calc(1em - 8px);
	color: #fe0700
}

.member-wrapper[data-v-4a6f5755] .van-form {
	width: 100%
}

.member-wrapper select[data-v-4a6f5755] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(https://www.budweiserapac.com/bw/imgs/icon24.png) 98% 50% no-repeat
}

.member-wrapper .birth-picker[data-v-4a6f5755]::-webkit-calendar-picker-indicator {
	background: url(https://www.budweiserapac.com/bw/imgs/icon24.png) 50% no-repeat
}

.member-wrapper .birth-picker.no-val[data-v-4a6f5755] {
	color: transparent
}

.member-wrapper .birth-picker.no-val[data-v-4a6f5755]:after {
	z-index: 5;
	content: "\8BF7\9009\62E9\60A8\7684\751F\65E5";
	position: absolute;
	left: 0;
	font-size: calc(1em - 4px);
	border: none;
	width: 80%;
	color: #999
}

.member-wrapper .birth-picker[data-v-4a6f5755]:after {
	content: ""
}

.member-wrapper .birth-picker[data-v-4a6f5755]::-webkit-input-placeholder {
	font-size: calc(1em - 4px)
}

.member-wrapper .birth-picker[data-v-4a6f5755]::-moz-placeholder {
	font-size: calc(1em - 4px)
}

.member-wrapper .birth-picker[data-v-4a6f5755]:-ms-input-placeholder {
	font-size: calc(1em - 4px)
}

.member-wrapper .birth-picker[data-v-4a6f5755]::-ms-input-placeholder {
	font-size: calc(1em - 4px)
}

.member-wrapper .birth-picker[data-v-4a6f5755]::placeholder {
	font-size: calc(1em - 4px)
}

.member-wrapper .erro-hint[data-v-4a6f5755] {
	position: absolute;
	bottom: -1.5em
}

.member-wrapper .select--default[data-v-4a6f5755] {
	color: #999;
	font-size: calc(1em - 4px)
}

.member-wrapper[data-v-4a6f5755] .van-row {
	width: 100%;
	margin-bottom: 1em
}

.member-wrapper[data-v-4a6f5755] .van-col {
	position: relative
}

.member-wrapper[data-v-4a6f5755] .van-calendar input::-webkit-input-placeholder,.member-wrapper[data-v-4a6f5755] .van-field input::-webkit-input-placeholder,.member-wrapper[data-v-4a6f5755] .van-picker input::-webkit-input-placeholder {
	color: #999;
	font-size: calc(1em - 4px)
}

.member-wrapper[data-v-4a6f5755] .van-calendar input::-moz-placeholder,.member-wrapper[data-v-4a6f5755] .van-field input::-moz-placeholder,.member-wrapper[data-v-4a6f5755] .van-picker input::-moz-placeholder {
	color: #999;
	font-size: calc(1em - 4px)
}

.member-wrapper[data-v-4a6f5755] .van-calendar input:-ms-input-placeholder,.member-wrapper[data-v-4a6f5755] .van-field input:-ms-input-placeholder,.member-wrapper[data-v-4a6f5755] .van-picker input:-ms-input-placeholder {
	color: #999;
	font-size: calc(1em - 4px)
}

.member-wrapper[data-v-4a6f5755] .van-calendar input::-ms-input-placeholder,.member-wrapper[data-v-4a6f5755] .van-field input::-ms-input-placeholder,.member-wrapper[data-v-4a6f5755] .van-picker input::-ms-input-placeholder {
	color: #999;
	font-size: calc(1em - 4px)
}

.member-wrapper[data-v-4a6f5755] .van-calendar input::placeholder,.member-wrapper[data-v-4a6f5755] .van-field input::placeholder,.member-wrapper[data-v-4a6f5755] .van-picker input::placeholder {
	color: #999;
	font-size: calc(1em - 4px)
}

.member-wrapper.phone[data-v-4a6f5755] {
	width: 100%;
	margin-top: 1.8vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.member-wrapper.phone .birth-picker.no-val[data-v-4a6f5755]:after,.member-wrapper.phone .birth-picker[data-v-4a6f5755],.member-wrapper.phone[data-v-4a6f5755] .van-calendar input,.member-wrapper.phone[data-v-4a6f5755] .van-field input,.member-wrapper.phone[data-v-4a6f5755] .van-picker input,.member-wrapper.phone select[data-v-4a6f5755] {
	width: 90%;
	height: 27px;
	line-height: 27px
}

.member-wrapper.phone .birth-picker.no-val[data-v-4a6f5755]:after,.member-wrapper.phone .birth-picker[data-v-4a6f5755] {
	font-size: 1em!important
}

.member-wrapper.phone .erro-hint[data-v-4a6f5755] {
	position: absolute;
	bottom: -1.5em
}

.member-wrapper.phone .select--default[data-v-4a6f5755] {
	color: #999;
	font-size: 1em
}

.member-wrapper.phone[data-v-4a6f5755] .van-calendar input::-webkit-input-placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-field input::-webkit-input-placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-picker input::-webkit-input-placeholder {
	color: #999;
	font-size: 1em
}

.member-wrapper.phone[data-v-4a6f5755] .van-calendar input::-moz-placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-field input::-moz-placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-picker input::-moz-placeholder {
	color: #999;
	font-size: 1em
}

.member-wrapper.phone[data-v-4a6f5755] .van-calendar input:-ms-input-placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-field input:-ms-input-placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-picker input:-ms-input-placeholder {
	color: #999;
	font-size: 1em
}

.member-wrapper.phone[data-v-4a6f5755] .van-calendar input::-ms-input-placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-field input::-ms-input-placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-picker input::-ms-input-placeholder {
	color: #999;
	font-size: 1em
}

.member-wrapper.phone[data-v-4a6f5755] .van-calendar input::placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-field input::placeholder,.member-wrapper.phone[data-v-4a6f5755] .van-picker input::placeholder {
	color: #999;
	font-size: 1em
}

a[data-v-cf59006e],body[data-v-cf59006e],div[data-v-cf59006e],h1[data-v-cf59006e],h2[data-v-cf59006e],h3[data-v-cf59006e],h4[data-v-cf59006e],h5[data-v-cf59006e],h6[data-v-cf59006e],html[data-v-cf59006e],li[data-v-cf59006e],ol[data-v-cf59006e],p[data-v-cf59006e],span[data-v-cf59006e],ul[data-v-cf59006e] {
	margin: 0;
	padding: 0
}

body[data-v-cf59006e],html[data-v-cf59006e] {
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	position: relative
}

li[data-v-cf59006e],ul[data-v-cf59006e] {
	list-style: none
}

a[data-v-cf59006e] {
	text-decoration: none
}[data-v-cf59006e]:focus,a[data-v-cf59006e],input[data-v-cf59006e] {
	outline: 0;
	resize: none
}

.abs[data-v-cf59006e],.page[data-v-cf59006e] {
	position: absolute;
	top: 0;
	left: 0
}

.page[data-v-cf59006e] {
	width: 100%;
	height: 100%
}

.wrapper .bg[data-v-cf59006e],.wrapper[data-v-cf59006e] {
	position: absolute;
	width: 100%;
	height: 100%
}

.phone .wrapper .hint-wrapper[data-v-cf59006e] {
	width: 87.2vw;
	height: 45.86667vw
}

.phone .wrapper .hint-wrapper h3[data-v-cf59006e] {
	width: 42.4vw
}

.phone .wrapper .hint-wrapper .btn-wrapper[data-v-cf59006e] {
	bottom: -5.06667vw;
	width: 70.93333vw
}

.phone .wrapper .hint-wrapper .btn-wrapper div[data-v-cf59006e] {
	width: 28.8vw;
	height: 7.6vw
}

.wrapper[data-v-cf59006e] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.wrapper .bg[data-v-cf59006e] {
	background-color: #000;
	opacity: .9;
	z-index: 0
}

.wrapper .hint-wrapper[data-v-cf59006e] {
	position: relative;
	width: 34.0625vw;
	height: 17.91667vw;
	z-index: 5;
	border: 5px solid #fe0700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: visible
}

.wrapper .hint-wrapper h3[data-v-cf59006e] {
	width: 16.5625vw;
	text-align: center;
	color: #fe0700
}

.wrapper .hint-wrapper .btn-wrapper[data-v-cf59006e] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	bottom: -2vw;
	width: 26.67vw;
	z-index: 50
}

.wrapper .hint-wrapper .btn-wrapper div[data-v-cf59006e] {
	position: relative;
	width: 11.25vw;
	height: 2.96875vw
}

.wrapper .hint-wrapper .btn-wrapper div img[data-v-cf59006e] {
	width: 100%
}

.wrapper .hint-wrapper .btn-wrapper--multi[data-v-cf59006e] {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

a[data-v-5c55ed20],body[data-v-5c55ed20],div[data-v-5c55ed20],h1[data-v-5c55ed20],h2[data-v-5c55ed20],h3[data-v-5c55ed20],h4[data-v-5c55ed20],h5[data-v-5c55ed20],h6[data-v-5c55ed20],html[data-v-5c55ed20],li[data-v-5c55ed20],ol[data-v-5c55ed20],p[data-v-5c55ed20],span[data-v-5c55ed20],ul[data-v-5c55ed20] {
	margin: 0;
	padding: 0
}

body[data-v-5c55ed20],html[data-v-5c55ed20] {
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	position: relative
}

li[data-v-5c55ed20],ul[data-v-5c55ed20] {
	list-style: none
}

a[data-v-5c55ed20] {
	text-decoration: none
}[data-v-5c55ed20]:focus,a[data-v-5c55ed20],input[data-v-5c55ed20] {
	outline: 0;
	resize: none
}

.abs[data-v-5c55ed20] {
	position: absolute;
	top: 0;
	left: 0
}

.page[data-v-5c55ed20] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.login-page[data-v-5c55ed20] {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-animation: loginShow .3s ease-in 0s 1;
	animation: loginShow .3s ease-in 0s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	background-color: #000;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-family: siyuan
}

.bg[data-v-5c55ed20] {
	position: absolute;
	width: 100vw;
	height: 100%;
	background: 50% no-repeat;
	background-size: cover;
	z-index: 0
}

.body[data-v-5c55ed20],.bottom[data-v-5c55ed20],.header[data-v-5c55ed20] {
	z-index: 5
}

.header[data-v-5c55ed20] {
	width: 100%;
	height: 6.2vw
}

.body[data-v-5c55ed20] {
	height: calc(100% - 6.2vw);
	width: 100%;
	color: #fff;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 2vw 10vw
}

.body .join-form[data-v-5c55ed20],.body[data-v-5c55ed20] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.body .join-form[data-v-5c55ed20] {
	width: 62.5%;
	min-width: 650px;
	height: 100%;
	background: top no-repeat;
	background-size: 100% auto;
	padding: 5.2vw 2vw 0 2vw;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 18px
}

.body .join-form .input-wrapper[data-v-5c55ed20] {
	position: relative;
	width: 32vw;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-y: scroll;
	overflow-x: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 1vw 0 2em 0
}

.body .join-form .input-wrapper .scroller[data-v-5c55ed20] {
	width: 100%
}

.body .join-form .input-wrapper .scroller .area-wrapper[data-v-5c55ed20] {
	width: 100%;
	margin-top: 0
}

.body .join-form .input-wrapper .scroller .area-wrapper[data-v-5c55ed20] .van-radio-group {
	height: 1.5em
}

.body .join-form .input-wrapper .scroller .area-wrapper[data-v-5c55ed20] .van-radio {
	margin-right: 1.5em
}

.body .join-form .input-wrapper .scroller .area-wrapper[data-v-5c55ed20] .van-radio span.van-radio__label {
	color: #fff
}

.body .join-form .input-wrapper .scroller .area-wrapper p[data-v-5c55ed20] {
	width: 100%;
	height: 1em;
	margin-bottom: 1em
}

.body .join-form .form-bottom[data-v-5c55ed20] {
	width: calc(100% + 4vw);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.body .join-form .form-bottom .submit[data-v-5c55ed20] {
	position: relative;
	width: 11.25vw;
	height: 2.97vw
}

.body .join-form .form-bottom .submit img[data-v-5c55ed20] {
	position: absolute;
	width: 100%;
	height: 100%
}

.body .join-form .down-arrow[data-v-5c55ed20] {
	width: 1.2vw;
	height: 1.9vw;
	position: fixed;
	left: calc(50% - 1vw);
	bottom: calc(20px + 3vw + 2em);
	z-index: 5;
	-webkit-animation: arrow-down-data-v-5c55ed20 2s linear infinite;
	animation: arrow-down-data-v-5c55ed20 2s linear infinite
}

.body .join-form .down-arrow img[data-v-5c55ed20] {
	width: 100%
}

@-webkit-keyframes arrow-down-data-v-5c55ed20 {
	0%,to {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(15px);
		transform: translateY(15px)
	}
}

@keyframes arrow-down-data-v-5c55ed20 {
	0%,to {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(15px);
		transform: translateY(15px)
	}
}

.body .join-form .clear[data-v-5c55ed20] {
	position: relative;
	width: 100%;
	padding: 30px;
	clear: both
}

.hint[data-v-5c55ed20] {
	z-index: 100
}

.phone[data-v-5c55ed20] {
	font-size: 2.93333vw!important;
	--header-h: $header-height
}

.phone .header[data-v-5c55ed20] {
	height: 15.33333vw
}

.phone .body[data-v-5c55ed20] {
	height: calc(100% - 15.4vw);
	padding: 3vw 9.86667vw 7.46667vw 9.86667vw
}

.phone .body .join-form[data-v-5c55ed20] {
	font-size: 2.93333vw;
	width: 80.26667vw;
	min-width: 80.26667vw;
	height: 100%;
	background: top no-repeat;
	background-size: 100% auto;
	padding: 13.33333vw 0 0 0
}

.phone .body .join-form .area-wrapper[data-v-5c55ed20] {
	margin-bottom: 1vw
}

.phone .body .join-form .area-wrapper[data-v-5c55ed20] .van-radio {
	margin-right: 1vw!important
}

.phone .body .join-form .area-wrapper[data-v-5c55ed20] .van-radio__icon {
	-webkit-transform: scale(.6);
	transform: scale(.6)
}

.phone .body .join-form .input-wrapper[data-v-5c55ed20] {
	width: 100%;
	min-width: 100%!important
}

.phone .body .join-form .form-bottom[data-v-5c55ed20] {
	width: 100%;
	height: 13.33333vw;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.phone .body .join-form .form-bottom .submit[data-v-5c55ed20] {
	width: 28.8vw;
	height: 7.6vw;
	-ms-flex-item-align: end;
	align-self: flex-end
}

.phone .body .join-form .down-arrow[data-v-5c55ed20] {
	width: 3.06667vw;
	height: 4.93333vw;
	bottom: calc(20px + 2em + 13.33333vw)
}$default-color:#fff;body,html {
	background-color: $default-color
}

a,body,div,h1,h2,h3,h4,h5,h6,html,li,ol,p,span,ul {
	margin: 0;
	padding: 0
}

body,html {
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	position: relative
}

li,ul {
	list-style: none
}

a {
	text-decoration: none
}

:focus,a,input {
	outline: 0;
	resize: none
}

.abs,.page {
	position: absolute;
	top: 0;
	left: 0
}

.page {
	width: 100%;
	height: 100%
}

::-webkit-scrollbar {
	width: 0!important;
	height: 0
}

div {
	-webkit-text-size-adjust: none;
	font-family: chinese
}

div,img {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

img {
	pointer-events: none
}

span {
	-webkit-text-size-adjust: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-family: chinese
}

@font-face {
	font-family:english;src:url(../fonts/english.00daec36.otf);font-weight:400;font-style:normal
}

@font-face {
	font-family:chinese;src:url(../fonts/chinese.4abbfb49.otf);font-weight:400;font-style:normal
}

body {
	width: 100%;
	position: fixed;
	background-color: #262626
}

#app {
	font-family: siyuan,Avenir,Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	margin-top: 60px
}

.common-bg {
	position: absolute;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-size: cover
}

.music-btn-wrapper {
	position: absolute;
	width: 10vw;
	height: 10vw;
	top: 3vw;
	right: 3vw;
	-webkit-animation: musicRotate 3s linear 0s infinite;
	animation: musicRotate 3s linear 0s infinite;
	z-index: 99
}

.music-btn {
	position: relative;
	width: 10vw;
	height: 10vw;
	display: block
}

@-webkit-keyframes musicRotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	0% {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn)
	}
}

@keyframes musicRotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	0% {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn)
	}
}

@media(max-width:640px){
	.phone .game-flow-alone3{height:56vw;}
	.phone .new-height{height:56vw;}
}