#app,body,html {
	width: 100%;
	height: 100%
}

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

* {
	margin: 0;
	padding: 0;
	box-sizing: content-box
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.h5-logo[data-v-5641b2aa] {
	width: 27.2vw;
	height: 21.2vw
}

.h5-logo a[data-v-5641b2aa] {
	display: block;
	text-decoration: none;
	background-image: url(../img/logo.5d127231.png);
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-position: top;
	background-repeat: no-repeat
}

.h5-banner[data-v-1e58997b] {
	height: 99.79067vw;
	width: 100%;
	overflow: hidden;
	background: url(../img/banner.7e83fe09.png) bottom no-repeat;
	background-size: 102.45067vw 88.05733vw;
	position: relative
}

.h5-banner .logo[data-v-1e58997b] {
	margin: 4.53333vw 0 0 10.4vw;
	position: relative
}

.h5-banner .download-btn[data-v-1e58997b] {
	display: block;
	height: 16vw;
	width: 58.93333vw;
	margin: 53.86667vw auto 0;
	background: url(../img/download-btn.9e3bdfe8.gif) top no-repeat;
	background-size: 100% 100%
}

@-webkit-keyframes zoomInDown-1e58997b {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInDown-1e58997b {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.zoomInDown[data-v-1e58997b] {
	-webkit-animation-name: zoomInDown-1e58997b;
	animation-name: zoomInDown-1e58997b
}

.h5-luck-star[data-v-4b9e57c3] {
	width: 63.81333vw;
	height: 20vw;
	margin: 0 auto;
	position: relative;
	top: -.26667vw;
	display: flex
}

.h5-luck-star .star-logo[data-v-4b9e57c3] {
	width: 20vw;
	height: 20vw
}

.h5-luck-star .star--main[data-v-4b9e57c3] {
	flex: 1;
	width: 100%;
	padding-left: 5.33333vw;
	padding-top: 2.8vw
}

.h5-luck-star .star--main h4[data-v-4b9e57c3] {
	font-family: Sarabun;
	font-size: 7.044vw;
	font-weight: 700;
	line-height: 7.2vw;
	text-align: center;
	color: #fff;
	text-align: left
}

.h5-luck-star .star--main p[data-v-4b9e57c3] {
	font-family: PingFang TC;
	font-size: 3.06267vw;
	font-weight: 400;
	letter-spacing: -.05em;
	text-align: left;
	color: #fff;
	line-height: 7.244vw;
	display: flex;
	align-items: center
}

.h5-luck-star .star--main p i[data-v-4b9e57c3] {
	display: inline-block;
	width: 20.63733vw;
	height: 4.34vw;
	margin-right: 1.6vw;
	background: url(../img/five-star.a759461c.png) top no-repeat;
	background-size: 100% 100%
}

.h5-game-banner[data-v-11c6609d] {
	margin: 6.4vw auto 0;
	width: 94.66667vw;
	height: 28.26667vw;
	background: url(../img/game-banner.97fefa3e.png) top no-repeat;
	background-size: 100% 100%
}

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

.h5-hot-list[data-v-7f392219] {
	margin: 8.26667vw auto 0;
	width: 94.66667vw;
	height: max-content
}

.h5-hot-list--title[data-v-7f392219] {
	width: 67.58533vw;
	height: 6.4vw;
	margin: 0 auto 8.53333vw;
	background: url(../img/hot.fb9b6a91.svg) top no-repeat;
	background-size: 100% 100%
}

.h5-hot-list--main[data-v-7f392219] {
	width: 100%;
	height: 101.072vw;
	border-radius: 3.676vw;
	background: rgba(90,26,243,.698);
	border: .30667vw solid #ffcf25;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap
}

.h5-hot-list--main li[data-v-7f392219] {
	width: 29.46667vw;
	height: 29.46667vw
}

.h5-hot-list--main li img[data-v-7f392219] {
	width: 100%;
	height: 100%
}

.download-footer[data-v-549a7152] {
	background: rgba(139,1,248,.702);
	width: 100vw;
	height: 20.26667vw;
	position: fixed;
	bottom: -.26667vw;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 2vw 2.74267vw 2vw 2.59067vw;
	display: flex;
	align-items: center;
	box-sizing: border-box
}

.download-footer .left[data-v-549a7152] {
	width: 16vw;
	height: 16vw
}

.download-footer .mid[data-v-549a7152] {
	width: 100%;
	flex: 1;
	padding-left: 1.276vw
}

.download-footer .mid .text[data-v-549a7152] {
	font-family: PingFang TC;
	font-size: 3.46667vw;
	font-weight: 600;
	line-height: 3.73333vw;
	letter-spacing: -.05em;
	text-align: left;
	color: #fff
}

.download-footer .mid .res[data-v-549a7152] {
	margin-top: .66667vw;
	display: flex;
	align-items: center
}

.download-footer .mid .res img[data-v-549a7152]:first-child {
	width: 23.46667vw;
	height: 3.73333vw
}

.download-footer .mid .res img[data-v-549a7152]:last-child {
	margin-left: 1.924vw;
	width: 9.40533vw;
	height: 5.692vw
}

.download-footer .mid .conment[data-v-549a7152] {
	font-family: PingFang TC;
	font-size: 3.06267vw;
	font-weight: 400;
	letter-spacing: -.05em;
	text-align: left;
	color: #fff;
	display: flex;
	align-items: center
}

.download-footer .mid .conment i[data-v-549a7152] {
	display: inline-block;
	width: 20.63733vw;
	height: 4.34vw;
	margin-right: 1.6vw;
	margin-left: -.26667vw;
	background: url(../img/five-star.a759461c.png) top no-repeat;
	background-size: 100% 100%
}

.download-footer .right[data-v-549a7152] {
	width: 35.86667vw;
	height: 9.33333vw;
	background: url(../img/download-btn2.cc738f7e.gif) top no-repeat;
	background-size: 100% 100%
}

.pk-main[data-v-9364ae62] {
	width: 100vw;
	height: 308.26667vw;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/bj.47039085.png) top no-repeat;
	background-size: 100% 100%
}