.header[data-v-6f7cf5ae] {
	background: url(/static/_nuxt/img/Header\ PC.0757968.png);
	flex-shrink: 0;
	height: 74px;
	width: 50%;
	z-index: 1
}

.header__main[data-v-6f7cf5ae] {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: flex-end
}

.header__main__logo[data-v-6f7cf5ae] {
	display: flex
}

.header__main .logo_pc[data-v-6f7cf5ae] {
	margin-left: 40px;
	width: 210px
}

.header__main .logo_h5[data-v-6f7cf5ae] {
	display: none
}

.header__main .right-info[data-v-6f7cf5ae] {
	align-items: center;
	display: flex
}

.header__main .right-info .download[data-v-6f7cf5ae] {
	margin: 0
}

.header__main .right-info .search_info[data-v-6f7cf5ae] {
	align-items: center;
	background: #333;
	border: 2px solid #f6ebd9;
	border-radius: 24px;
	display: flex;
	height: 48px;
	justify-content: space-between;
	margin: 0 40px 0 12px;
	padding: 0 20px;
	width: 210px
}

.header__main .right-info .search_info input[data-v-6f7cf5ae] {
	font-family: Sans;
	font-size: 14px;
	line-height: 22px;
	width: 100%
}

.header__main .right-info .search_info button[data-v-6f7cf5ae] {
	height: 24px;
	margin-right: 10px;
	width: 24px
}

.header__main .right-info .search_info button img[data-v-6f7cf5ae] {
	height: 24px;
	width: 24px
}

.header__main .right-info .search_info-h5[data-v-6f7cf5ae] {
	display: none
}

.header.allWidth[data-v-6f7cf5ae] {
	width: 100%
}

.header.allWidth .header__main[data-v-6f7cf5ae] {
	justify-content: space-between
}

.header.searchPage[data-v-6f7cf5ae] {
	display: none
}

@media(max-width:750px) {
	.header[data-v-6f7cf5ae] {
		background: url(/static/_nuxt/img/bgh5.f972249.png) 50% no-repeat;
		background-size: contain;
		height: 13.8666666667vw;
		width: 100%
	}

	.header__main[data-v-6f7cf5ae] {
		align-items: center;
		justify-content: space-between
	}

	.header__main__logo[data-v-6f7cf5ae] {
		height: 7.4666666667vw;
		margin: 3.2vw 0 3.2vw 3.2vw;
		width: 45.3333333333vw
	}

	.header__main .logo_pc[data-v-6f7cf5ae] {
		display: none
	}

	.header__main .logo_h5[data-v-6f7cf5ae] {
		display: block;
		height: 100%;
		width: 100%
	}

	.header__main .right-info[data-v-6f7cf5ae] {
		margin-right: 4.2666666667vw
	}

	.header__main .right-info .search_info[data-v-6f7cf5ae] {
		display: none
	}

	.header__main .right-info .search_info-h5[data-v-6f7cf5ae] {
		background: #2f2f2f;
		border: .5333333333vw solid #fff;
		border-radius: 50%;
		display: block;
		height: 11.2vw;
		margin-left: 4.2666666667vw;
		width: 11.2vw
	}

	.header__main .right-info .search_info-h5 img[data-v-6f7cf5ae] {
		height: 6.4vw;
		margin-top: .8vw;
		width: 6.4vw
	}

	.header.searchPage[data-v-6f7cf5ae] {
		display: block
	}
}

.install[data-v-c0ecd5aa] {
	background: #312f2b;
	border: 2px solid #fefdfb;
	border-radius: 24px;
	box-shadow: -3px 3px 0 0 #fefdfb;
	height: 48px;
	margin: 11px 14px 0 16px;
	width: 210px
}

.install .desktop[data-v-c0ecd5aa] {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%
}

.install .desktop img[data-v-c0ecd5aa] {
	display: block;
	height: 24px;
	margin-right: 9px;
	-o-object-fit: contain;
	object-fit: contain;
	width: 24px
}

.install .desktop span[data-v-c0ecd5aa] {
	-webkit-background-clip: text;
	background-clip: text;
	color: #fefdfb;
	font-family: Sans;
	font-size: 17px;
	line-height: 28px
}

.install .desktop-h5[data-v-c0ecd5aa] {
	display: none
}

@media(max-width:750px) {
	.install[data-v-c0ecd5aa] {
		background: none;
		border: .5333333333vw solid #312f2b;
		box-shadow: none;
		height: 11.2vw;
		margin: 0;
		width: 11.2vw
	}

	.install .desktop[data-v-c0ecd5aa] {
		display: none
	}

	.install .desktop-h5[data-v-c0ecd5aa] {
		background: #2f2f2f;
		border: .5333333333vw solid #fefdfb;
		border-radius: 50%;
		display: block;
		height: 11.2vw;
		width: 11.2vw
	}

	.install .desktop-h5 img[data-v-c0ecd5aa] {
		height: 6.4vw;
		margin-top: .8vw;
		width: 6.4vw
	}
}

.header[data-v-25af446c] {
	background-color: #703FFF;
	/*background-image: url(/static/_nuxt/img/navBg.c62adbe.png);*/
	background-position: 0 0;
	background-repeat: repeat;
	background-size: 240px 971px;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 240px;
	z-index: 2
}

.header .h5_nav[data-v-25af446c] {
	display: none
}

.header__main[data-v-25af446c] {
	display: flex;
	flex-direction: column;
	position: relative
}

.header__main[data-v-25af446c]:before {
	/* background: url(/static/_nuxt/img/logoBg.cef2f38.png) no-repeat 0 0; */
	content: "";
	height: 137px;
	left: 0;
	position: absolute;
	top: 0;
	width: 240px;
	z-index: -1
}

.header__main .logo_pc[data-v-25af446c] {
	height: 104px;
	position: relative;
	width: 240px
}

.header__main .logo_pc .logo[data-v-25af446c] {
	height: 34px;
	left: 15px;
	position: absolute;
	top: 44px;
	width: 210px
}

.header__main .search_info[data-v-25af446c] {
	align-items: center;
	background: #2f2f2f;
	border: 2px solid #f6ebd9;
	border-radius: 24px;
	display: flex;
	height: 48px;
	margin-left: 15px;
	width: 210px
}

.header__main .search_info input[data-v-25af446c] {
	font-family: Sans;
	font-size: 16px;
	line-height: 22px;
	padding-right: 5px;
	width: 100%
}

.header__main .search_info button[data-v-25af446c] {
	height: 24px;
	margin: 10px;
	width: 24px
}

.header__main .title[data-v-25af446c] {
	color: #999;
	font-family: Sans-Bold;
	font-size: 12px;
	line-height: 28px;
	margin-left: 15px
}

.header__main .gameSpan[data-v-25af446c] {
	line-height: 1;
	margin: 27px 0 16px 15px
}

.header__main .recentSpan[data-v-25af446c] {
	line-height: 1
}

.header__main .menu[data-v-25af446c] {
	display: flex;
	flex-direction: column;
	margin: 0 0 27px
}

.header__main .menu-item[data-v-25af446c] {
	display: flex;
	flex-direction: column;
	height: 48px;
	justify-content: center;
	margin: 0 15px;
	position: relative;
	width: 210px
}

.header__main .menu-item .content[data-v-25af446c] {
	align-items: center;
	display: flex;
	margin-left: 12px
}

.header__main .menu-item .content .activeImg[data-v-25af446c] {
	display: none
}

.header__main .menu-item .content span[data-v-25af446c] {
	font-family: Sans;
	font-size: 16px;
	line-height: 22px;
	margin-left: 10px
}

.header__main .menu-item.active[data-v-25af446c] {
	background: #f6ebd9;
	background-size: 210px 48px;
	border-radius: 24px;
	height: 48px
}

.header__main .menu-item.active .content span[data-v-25af446c] {
	-webkit-background-clip: text;
	background-clip: text;
	color: #312f2b
}

.header__main .menu-item[data-v-25af446c]:hover:not(.active) {
	background: #fefdfb;
	background-size: 210px 48px;
	border: 2px solid #312f2b;
	border-radius: 24px;
	height: 48px
}

.header__main .menu-item:hover:not(.active) .content .hideImg[data-v-25af446c] {
	display: none
}

.header__main .menu-item:hover:not(.active) .content .activeImg[data-v-25af446c] {
	display: block
}

.header__main .menu-item:hover:not(.active) .content span[data-v-25af446c] {
	color: #312f2b
}

.header__main .recent-info[data-v-25af446c] {
	align-items: center;
	display: flex;
	margin: 16px auto;
	text-align: left;
	width: 213px
}

.header__main .recent-info span[data-v-25af446c] {
	display: flex
}

.header__main .recent-info .item[data-v-25af446c] {
	align-items: center;
	display: flex;
	height: 44px;
	margin-right: 10px;
	width: 44px
}

.header__main .recent-info .item .img[data-v-25af446c] {
	border-radius: 50%;
	height: 44px;
	width: 44px
}

.header__main .recent-info .more[data-v-25af446c] {
	border-radius: 12px;
	border-radius: 50%;
	font-family: Sans;
	font-size: 12px;
	height: 44px;
	line-height: 16px;
	width: 44px
}

.header .h5-menu[data-v-25af446c] {
	display: none
}

@media(max-width:750px) {
	.header[data-v-25af446c] {
		background: none;
		background-size: cover;
		border-radius: 0;
		height: 12.8vw;
		left: calc(100% - 12.8vw);
		top: calc(85% - 12.8vw);
		width: 12.8vw;
		z-index: 31
	}

	.header__main[data-v-25af446c] {
		display: none
	}

	.header .h5_nav[data-v-25af446c] {
		/* background: url(/static/_nuxt/img/bg2.83eb9ce.png) top no-repeat; */
		background-color: #703FFF;
		display: block;
		height: 100%;
		position: fixed;
		right: 0;
		top: 0;
		width: 12.8vw
	}

	.header .h5_nav .nav_list[data-v-25af446c] {
		align-items: center;
		display: flex;
		flex-direction: column;
		height: calc(100% - 12.8vw);
		line-height: 12.2666666667vw;
		overflow-y: scroll
	}

	.header .h5_nav .nav_list .menu .active[data-v-25af446c] {
		background: #f6ebd9;
		border-radius: 50%;
		display: block
	}

	.header .h5_nav .nav_list .menu .content[data-v-25af446c] {
		align-items: center;
		display: flex;
		height: 11.2vw;
		justify-content: center;
		width: 11.2vw
	}

	.header .h5_nav .nav_list .menu .content img[data-v-25af446c] {
		height: 6.4vw;
		width: 6.4vw
	}

	.header .h5_nav .nav_list .h5_search[data-v-25af446c] {
		background-color: #312f2b;
		background-image: url(/static/_nuxt/img/search.c0b2b44.svg);
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: 6.4vw 6.4vw;
		border: .2666666667vw solid #fff;
		border-radius: 50%;
		flex-shrink: 0;
		height: 11.2vw;
		margin: 4vw 0 3.2vw;
		width: 11.2vw
	}

	.header .h5-menu[data-v-25af446c] {
		background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZFQjk0NCIgc3Ryb2tlPSIjMzEyRjJCIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xIDFoNDZ2NDZIMXoiLz48cGF0aCBkPSJNMjguMzIzIDMyLjIxOGMuMTgyLjQ4LS4zOTMuODktLjc4OC41NjFsLTEwLjA3NC04LjM5NWEuNS41IDAgMCAxIDAtLjc2OGwxMC4wNzQtOC4zOTVjLjM5NS0uMzMuOTcuMDguNzg4LjU2MWwtMy4wNTYgOC4wNGEuNS41IDAgMCAwIDAgLjM1NmwzLjA1NiA4LjA0WiIgZmlsbD0iI0Y2RUJEOSIvPjxwYXRoIGQ9Ik0yOC4zMjMgMzIuMjE4Yy4xODIuNDgtLjM5My44OS0uNzg4LjU2MWwtMTAuMDc0LTguMzk1YS41LjUgMCAwIDEgMC0uNzY4bDEwLjA3NC04LjM5NWMuMzk1LS4zMy45Ny4wOC43ODguNTYxbC0zLjA1NiA4LjA0YS41LjUgMCAwIDAgMCAuMzU2bDMuMDU2IDguMDRaIiBzdHJva2U9IiMzMTJGMkIiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat 50%;
		background-size: cover;
		bottom: 0;
		display: block;
		height: 12.8vw;
		left: 0;
		position: absolute;
		width: 12.8vw
	}
}

.footer[data-v-05223e58],
.footer__main[data-v-05223e58] {
	width: 100%
}

.footer__main .goTop[data-v-05223e58] {
	background-color: rgba(0, 0, 0, .5);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0IDQ3QzExLjI5NyA0NyAxIDM2LjcwMyAxIDI0UzExLjI5NyAxIDI0IDFzMjMgMTAuMjk3IDIzIDIzLTEwLjI5NyAyMy0yMyAyM1oiIGZpbGw9IiNGRUI5NDQiIHN0cm9rZT0iIzMxMkYyQiIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTE1Ljc4MiAzMy4zMjNjLS40OC4xODItLjg5LS4zOTMtLjU2MS0uNzg4bDguMzk1LTEwLjA3NGEuNS41IDAgMCAxIC43NjggMGw4LjM5NSAxMC4wNzRjLjMzLjM5NS0uMDguOTctLjU2MS43ODhsLTguMDQtMy4wNTZhLjUuNSAwIDAgMC0uMzU2IDBsLTguMDQgMy4wNTZaIiBmaWxsPSIjRjZFQkQ5Ii8+PHBhdGggZD0iTTE1Ljc4MiAzMy4zMjNjLS40OC4xODItLjg5LS4zOTMtLjU2MS0uNzg4bDguMzk1LTEwLjA3NGEuNS41IDAgMCAxIC43NjggMGw4LjM5NSAxMC4wNzRjLjMzLjM5NS0uMDguOTctLjU2MS43ODhsLTguMDQtMy4wNTZhLjUuNSAwIDAgMC0uMzU2IDBsLTguMDQgMy4wNTZaIiBzdHJva2U9IiMzMTJGMkIiIHN0cm9rZS13aWR0aD0iMiIvPjxyZWN0IHg9IjE1IiB5PSIxNiIgd2lkdGg9IjE3IiBoZWlnaHQ9IjQiIHJ4PSIyIiBmaWxsPSIjRjZFQkQ5IiBzdHJva2U9IiMzMTJGMkIiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	bottom: 106px;
	height: 48px;
	position: fixed;
	right: 10px;
	width: 48px;
	z-index: 2
}

.footer__main .bottom[data-v-05223e58] {
	align-items: center;
	background: #1F1F31;
	display: flex;
	height: 56px;
	justify-content: space-between;
	padding: 0 30px 0 60px;
	position: relative
}

.footer__main .bottom .link[data-v-05223e58] {
	align-items: center;
	display: flex;
	display: -ms-flexbox
}

.footer__main .bottom .link .list[data-v-05223e58] {
	margin-right: 20px
}

.footer__main .bottom .link .list a[data-v-05223e58] {
	font-family: Sans;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	transition: color .3s
}

.footer__main .bottom .link .list a[data-v-05223e58]:hover {
	color: #1978ff
}

.footer__main .bottom .link .list[data-v-05223e58]:last-child {
	margin-right: 0
}

.footer__main .bottom .right[data-v-05223e58] {
	align-items: center;
	display: flex
}

.footer__main .bottom .right .title[data-v-05223e58] {
	color: hsla(0, 0%, 100%, .5);
	font-family: Sans;
	font-size: 12px;
	line-height: 15px
}

.footer__main .bottom .right .share-info[data-v-05223e58] {
	align-items: center;
	display: flex
}

.footer__main .bottom .right .share-info .item[data-v-05223e58] {
	cursor: pointer;
	margin-left: 30px
}

.footer__main .h5-bottom[data-v-05223e58],
.footer__main .h5-logo[data-v-05223e58] {
	display: none
}

@media(max-width:1366px) {

	.footer__main .deep-right-bg[data-v-05223e58],
	.footer__main .left[data-v-05223e58],
	.footer__main .svg-left-16[data-v-05223e58],
	.footer__main .svg-left-40[data-v-05223e58],
	.footer__main .svg-right-16[data-v-05223e58] {
		display: none
	}

	.footer__main .bottom[data-v-05223e58] {
		padding: 20px
	}

	.footer__main .bottom .link[data-v-05223e58] {
		width: 100%
	}

	.footer__main .bottom .right[data-v-05223e58] {
		display: none
	}
}

@media(max-width:750px) {
	.footer[data-v-05223e58] {
		margin-top: 5.3333333333vw
	}

	.footer__main[data-v-05223e58] {
		position: relative
	}

	.footer__main .goTop[data-v-05223e58] {
		bottom: 0;
		height: 12.8vw;
		right: 14.6666666667vw;
		width: 12.8vw
	}

	.footer__main .goTop.active[data-v-05223e58] {
		right: 1.8666666667vw
	}

	.footer__main .bottom[data-v-05223e58] {
		display: none
	}

	.footer__main .h5-logo[data-v-05223e58] {
		display: block;
		height: 12.2666666667vw;
		margin-bottom: 4vw;
		text-align: center;
		width: calc(100% - 12.8vw)
	}

	.footer__main .h5-logo img[data-v-05223e58] {
		height: 10.6666666667vw;
		width: 65.3333333333vw
	}

	.footer__main .h5-bottom[data-v-05223e58] {
		background: #1F1F31;
		display: flex;
		flex-direction: column;
		justify-content: space-between
	}

	.footer__main .h5-bottom .logo[data-v-05223e58] {
		align-items: center;
		display: flex;
		flex-direction: column;
		margin: 10.6666666667vw 0
	}

	.footer__main .h5-bottom .logo .img[data-v-05223e58] {
		height: 19.2vw;
		width: 19.2vw
	}

	.footer__main .h5-bottom .logo .title[data-v-05223e58] {
		height: 6.4vw;
		margin-top: 2.6666666667vw;
		width: 37.3333333333vw
	}

	.footer__main .h5-bottom .list[data-v-05223e58] {
		width: 100%
	}

	.footer__main .h5-bottom .list__item[data-v-05223e58] {
		align-items: center;
		display: flex;
		justify-content: space-between;
		margin-top: 8vw;
		padding: 0 5.3333333333vw
	}

	.footer__main .h5-bottom .list__item span[data-v-05223e58] {
		color: #fff;
		font-family: Sans;
		font-size: 4.2666666667vw;
		line-height: 5.3333333333vw
	}

	.footer__main .h5-bottom .share-info[data-v-05223e58] {
		align-items: center;
		display: flex;
		margin-left: 5.3333333333vw;
		margin-top: 8vw
	}

	.footer__main .h5-bottom .share-info .item[data-v-05223e58] {
		margin-right: 8vw
	}

	.footer__main .h5-bottom .info[data-v-05223e58] {
		color: #fff;
		font-family: Sans;
		font-size: 3.2vw;
		line-height: 4vw;
		margin: 20px;
		opacity: .5
	}
}

.loading-box[data-v-7e316012] {
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100001
}

.loading-box .loader[data-v-7e316012],
.loading-box .loader[data-v-7e316012]:after,
.loading-box .loader[data-v-7e316012]:before {
	animation-fill-mode: both;
	animation: load7-7e316012 1.8s ease-in-out infinite;
	border-radius: 50%;
	height: 2.5em;
	width: 2.5em
}

.loading-box .loader[data-v-7e316012] {
	animation-delay: -.16s;
	color: #fdc836;
	font-size: 10px;
	margin: 80px auto;
	position: relative;
	text-indent: -9999em;
	transform: translateZ(0)
}

.loading-box .loader[data-v-7e316012]:after,
.loading-box .loader[data-v-7e316012]:before {
	content: "";
	position: absolute;
	top: 0
}

.loading-box .loader[data-v-7e316012]:before {
	animation-delay: -.32s;
	left: -3.5em
}

.loading-box .loader[data-v-7e316012]:after {
	left: 3.5em
}

@keyframes load7-7e316012 {

	0%,
	80%,
	to {
		box-shadow: 0 2.5em 0 -1.3em
	}

	40% {
		box-shadow: 0 2.5em 0 0
	}
}

.detail[data-v-92140ee2] {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NCA0N0M5NCA5LjggODQuMiAwIDQ3IDBTMCA5LjggMCA0N3M5LjggNDcgNDcgNDcgNDctOS44IDQ3LTQ3WiIgZmlsbD0iI0M0QzRDNCIvPjwvc3ZnPg==) no-repeat 50%;
	background-size: contain;
	border-radius: 24px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
	cursor: pointer;
	grid-column-start: span 1;
	grid-row-start: span 1;
	height: 120px;
	overflow: hidden;
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none
}

.detail[data-v-92140ee2],
.detail__img[data-v-92140ee2] {
	display: block;
	width: 100%
}

.detail__img[data-v-92140ee2] {
	border: 2px solid #312f2b;
	border-radius: inherit;
	filter: url(#inset-shadow);
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.detail svg[data-v-92140ee2] {
	height: 120px;
	left: 0;
	position: absolute;
	top: 0;
	width: 120px
}

.detail__span[data-v-92140ee2] {
	-webkit-font-smoothing: antialiased;
	bottom: 0;
	font-family: Sans;
	font-size: 12px;
	left: 0;
	line-height: 15px;
	opacity: 0;
	padding: 13px 6px;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	transition: transform .3s ease .1s, opacity .3s ease .1s;
	z-index: 6
}

.detail .svg-h5[data-v-92140ee2] {
	display: none
}

.detail[data-v-92140ee2]:after {
	background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)) bottom;
	border-radius: inherit;
	bottom: 0;
	contain: strict;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 4
}

.detail[data-v-92140ee2]:hover {
	transform: scale(1.06)
}

.detail:hover .detail__span[data-v-92140ee2],
.detail[data-v-92140ee2]:hover:after {
	opacity: 1
}

@media(max-width:750px) {
	.detail[data-v-92140ee2] {
		box-shadow: 0 1.0666666667vw 3.2vw rgba(0, 0, 0, .5);
		height: 18.9333333333vw
	}

	.detail__img[data-v-92140ee2] {
		border: .5333333333vw solid #312f2b;
		filter: url(#inset-shadow-h5)
	}

	.detail svg[data-v-92140ee2] {
		height: 18.9333333333vw;
		left: 0;
		position: absolute;
		top: 0;
		width: 18.9333333333vw
	}

	.detail .svg-pc[data-v-92140ee2] {
		display: none
	}

	.detail .svg-h5[data-v-92140ee2] {
		display: block
	}

	.detail[data-v-92140ee2]:hover {
		border: none;
		transform: scale(1);
		z-index: 1
	}

	.detail:hover .detail__span[data-v-92140ee2],
	.detail[data-v-92140ee2]:hover:after {
		opacity: 0
	}
}

.dialog[data-v-a7c9612c] {
	position: fixed;
	z-index: 31
}

.dialog[data-v-a7c9612c],
.dialog__mask[data-v-a7c9612c] {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.dialog__mask[data-v-a7c9612c] {
	background: rgba(0, 0, 0, .75);
	position: absolute;
	z-index: 1
}

.dialog__main[data-v-a7c9612c] {
	/* background: url(/static/_nuxt/img/bg1.fd91463.jpg) top no-repeat; */
	background-color: #703FFF;
	background-size: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 210px;
	z-index: 2
}

.dialog__main>div[data-v-a7c9612c] {
	-ms-overflow-style: none;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: -moz-scrollbars-none;
	padding: 30px 0 0;
	width: 100%
}

.dialog__main>div .top[data-v-a7c9612c] {
	width: 100%
}

.dialog__main>div .top .close[data-v-a7c9612c] {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZFQjk0NCIgc3Ryb2tlPSIjMzEyRjJCIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik00NyA0N0gxVjFoNDZ6Ii8+PHBhdGggZD0iTTE5LjY3NyAxNS43ODJjLS4xODItLjQ4LjM5My0uODkuNzg4LS41NjFsMTAuMDc0IDguMzk1YS41LjUgMCAwIDEgMCAuNzY4TDIwLjQ2NSAzMi43OGMtLjM5NS4zMy0uOTctLjA4LS43ODgtLjU2MWwzLjA1Ni04LjA0YS41LjUgMCAwIDAgMC0uMzU2bC0zLjA1Ni04LjA0WiIgZmlsbD0iI0Y2RUJEOSIvPjxwYXRoIGQ9Ik0xOS42NzcgMTUuNzgyYy0uMTgyLS40OC4zOTMtLjg5Ljc4OC0uNTYxbDEwLjA3NCA4LjM5NWEuNS41IDAgMCAxIDAgLjc2OEwyMC40NjUgMzIuNzhjLS4zOTUuMzMtLjk3LS4wOC0uNzg4LS41NjFsMy4wNTYtOC4wNGEuNS41IDAgMCAwIDAtLjM1NmwtMy4wNTYtOC4wNFoiIHN0cm9rZT0iIzMxMkYyQiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+) no-repeat 50%;
	background-size: cover;
	cursor: pointer;
	height: 48px;
	position: absolute;
	right: 210px;
	top: calc(50% - 12px);
	width: 48px
}

.dialog__main>div .top .close img[data-v-a7c9612c] {
	height: 24px;
	left: calc(50% - 12px);
	position: absolute;
	top: calc(50% - 12px);
	width: 24px
}

.dialog__main>div .top__menu[data-v-a7c9612c] {
	width: calc(100% - 50px)
}

.dialog__main>div .top__menu .href[data-v-a7c9612c] {
	align-items: center;
	border-radius: 0 29px 29px 0;
	display: flex;
	display: -ms-flexbox;
	height: 58px;
	transition: background .3s;
	width: 100%
}

.dialog__main>div .top__menu .href .img[data-v-a7c9612c] {
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	height: 100%;
	justify-content: flex-start;
	margin-left: 58px;
	width: 40px
}

.dialog__main>div .top__menu .href .img svg[data-v-a7c9612c] {
	width: 24px
}

.dialog__main>div .top__menu .href .name[data-v-a7c9612c] {
	font-family: Sans-Bold;
	font-size: 16px;
	line-height: 24px
}

.dialog__main>div[data-v-a7c9612c]::-webkit-scrollbar {
	width: 0
}

@media(max-width:750px) {
	.dialog__main[data-v-a7c9612c] {
		width: 54.4vw
	}

	.dialog__main>div[data-v-a7c9612c] {
		max-height: calc(100% - 12.8vw);
		padding: 5.0666666667vw 0 0
	}

	.dialog__main>div .top .logo_h5[data-v-a7c9612c] {
		background-size: contain;
		display: block;
		height: 8.5333333333vw;
		margin: 0 auto 4.2666666667vw;
		width: 49.0666666667vw
	}

	.dialog__main>div .top .search[data-v-a7c9612c] {
		align-items: flex-end;
		display: flex;
		height: 11.2vw;
		justify-content: space-evenly;
		margin-bottom: 3.2vw
	}

	.dialog__main>div .top .search .left[data-v-a7c9612c] {
		align-items: center;
		background-color: #312f2b;
		border: .2666666667vw solid #f6ebd9;
		border-radius: 6.4vw;
		display: flex;
		height: 11.2vw;
		width: 34.6666666667vw
	}

	.dialog__main>div .top .search .left input[data-v-a7c9612c] {
		font-size: 3.7333333333vw;
		width: 20vw
	}

	.dialog__main>div .top .search .left img[data-v-a7c9612c] {
		height: 6.4vw;
		margin: 0 2.4vw;
		width: 6.4vw
	}

	.dialog__main>div .top .close[data-v-a7c9612c] {
		height: 12.8vw;
		right: 41.8666666667vw;
		top: calc(100% - 12.8vw);
		width: 12.8vw
	}

	.dialog__main>div .top__menu[data-v-a7c9612c] {
		width: 100%
	}

	.dialog__main>div .top__menu .href[data-v-a7c9612c] {
		align-items: center;
		border-radius: 6.4vw;
		display: flex;
		height: 11.2vw;
		margin: 0 2.6666666667vw;
		transition: background .3s;
		width: 49.0666666667vw
	}

	.dialog__main>div .top__menu .href img[data-v-a7c9612c] {
		height: 6.4vw;
		margin-left: 8.5333333333vw;
		margin-right: 4.2666666667vw;
		width: 6.4vw
	}

	.dialog__main>div .top__menu .href .name[data-v-a7c9612c] {
		font-family: Sans-Bold;
		font-size: 3.7333333333vw;
		line-height: 5.8666666667vw
	}

	.dialog__main>div .top__menu .href.active[data-v-a7c9612c] {
		background-color: #f6ebd9
	}

	.dialog__main>div .top__menu .href.active .name[data-v-a7c9612c] {
		-webkit-background-clip: text;
		background-clip: text;
		color: #312f2b
	}

	.dialog__main>div .bottom[data-v-a7c9612c] {
		border: .5333333333vw solid #fdfbfb;
		border-radius: 6.4vw;
		height: 11.2vw;
		margin: 2.1333333333vw 2.6666666667vw 0;
		width: 49.0666666667vw
	}

	.dialog__main>div .bottom span[data-v-a7c9612c] {
		color: #fefdfb;
		font-size: 4.2666666667vw;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.dialog__main>div .bottom .recent_list[data-v-a7c9612c] {
		align-items: center;
		background: #312f2b;
		border-radius: 6.4vw;
		display: flex;
		height: 100%;
		justify-content: flex-start;
		width: 100%
	}

	.dialog__main>div .bottom .recent_list .recentImg[data-v-a7c9612c] {
		height: 6.4vw;
		margin: 0 2.4vw;
		width: 6.4vw
	}

	.dialog__main>div .bottom .recent_list .right[data-v-a7c9612c] {
		height: 3.2vw;
		margin: 2.1333333333vw 1.3333333333vw 1.3333333333vw 2.6666666667vw;
		width: 3.2vw
	}

	.dialog__main>div .bottom .recent_list .right2[data-v-a7c9612c] {
		margin-left: 1.3333333333vw
	}
}

.detail[data-v-1fd3bd58] {
	align-items: center;
	border: 2px solid #312f2b;
	cursor: pointer;
	display: flex;
	grid-column-start: span 1;
	grid-row-start: span 1;
	height: 120px;
	overflow: hidden;
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none;
	width: 100%
}

.detail__img[data-v-1fd3bd58] {
	border-radius: 24px;
	display: block;
	height: 120px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 120px
}

.detail__img[data-v-1fd3bd58],
.detail__span[data-v-1fd3bd58] {
	transition: transform .3s ease .1s, opacity .3s ease .1s
}

.detail__span[data-v-1fd3bd58] {
	-webkit-font-smoothing: antialiased;
	font-family: Sans;
	font-size: 16px;
	line-height: 24px;
	margin-left: 18px;
	opacity: 1;
	pointer-events: none
}

.detail:hover .detail__img[data-v-1fd3bd58] {
	transform: scale(1.05)
}

.detail:hover .detail__span[data-v-1fd3bd58] {
	opacity: 1;
	transform: scale(1.04)
}

@media(max-width:750px) {
	.detail[data-v-1fd3bd58] {
		border: 0;
		height: 17.8666666667vw
	}

	.detail__img[data-v-1fd3bd58] {
		border: .5333333333vw solid #312f2b;
		border-radius: 6.4vw;
		display: block;
		height: 16vw;
		width: 16vw
	}

	.detail__span[data-v-1fd3bd58] {
		font-size: 3.2vw;
		line-height: 5.0666666667vw;
		margin-left: 2.1333333333vw
	}

	.detail:hover .detail__img[data-v-1fd3bd58] {
		transform: translateX(0)
	}

	.detail:hover .detail__span[data-v-1fd3bd58] {
		transform: scale(1)
	}
}

.googleAdStyle[data-v-0ba4a29d] {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column
}

.googleAdStyle .title[data-v-0ba4a29d] {
	background: #e8f2ff;
	color: #0d1828;
	flex-shrink: 0;
	font-size: 12px;
	line-height: 18px;
	text-align: center
}

@media(max-width:750px) {
	.googleAdStyle .title[data-v-0ba4a29d] {
		font-size: 3.2vw;
		line-height: 4.8vw
	}
}

.main[data-v-d227630c] {
	height: 100%;
	width: 100%
}

.main .play-now[data-v-d227630c] {
	align-items: center;
	display: flex;
	height: 136px
}

.main .play-now .left[data-v-d227630c] {
	align-items: center;
	display: flex;
	width: 400px;
	z-index: 3
}

.main .play-now .left .img[data-v-d227630c] {
	border: 2px solid #312f2b;
	border-radius: 24px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
	filter: url(#inset-shadow);
	height: 136px;
	width: 136px
}

.main .play-now .left .name[data-v-d227630c] {
	color: #312f2b;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-left: 24px
}

.main .play-now .right[data-v-d227630c] {
	background: url(/static/_nuxt/img/extend.2aa7569.png) no-repeat 50%;
	border-radius: 0 100px 100px 0;
	display: block;
	flex: 1;
	height: 120px;
	margin-left: -348px;
	position: relative
}

.main .play-now .right__item[data-v-d227630c] {
	animation: arrow-wave-d227630c 1s infinite;
	animation-direction: alternate;
	height: 68px;
	width: 248px
}

.main .play-now .right__item[data-v-d227630c]:first-child {
	animation-delay: .1s;
	border: 2px solid #625e57;
	border-radius: 100px;
	bottom: 26px;
	height: 68px;
	position: absolute;
	right: 26px;
	top: 26px;
	width: 248px
}

.main .play-now .right__item[data-v-d227630c]:nth-child(2) {
	animation-delay: .2s;
	border: 1.6px solid #625e57;
	border-radius: 100px;
	bottom: 20px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 260px
}

.main .play-now .right__item[data-v-d227630c]:nth-child(3) {
	animation-delay: .3s;
	border: 1.2px solid #625e57;
	border-radius: 100px;
	bottom: 14px;
	height: 92px;
	position: absolute;
	right: 14px;
	top: 14px;
	width: 272px
}

.main .play-now .right__item[data-v-d227630c]:nth-child(4) {
	animation-delay: .4s;
	border: .8px solid #625e57;
	border-radius: 100px;
	bottom: 8px;
	height: 104px;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 284px
}

@keyframes arrow-wave-d227630c {
	25% {
		opacity: .06
	}

	50% {
		opacity: .12
	}

	75% {
		opacity: .24
	}

	to {
		opacity: .4
	}
}

.main .play-now .right__item[data-v-d227630c]:last-child {
	margin-bottom: 0
}

.main .play-now .right .inside[data-v-d227630c] {
	align-items: center;
	background: #fefdfb;
	border: 2px solid #312f2b;
	border-radius: 24px;
	bottom: 30px;
	box-shadow: -3px 3px 0 0 #312f2b;
	cursor: pointer;
	display: flex;
	height: 48px;
	justify-content: center;
	position: absolute;
	right: 34px;
	top: 35px;
	width: 231px
}

.main .play-now .right .inside img[data-v-d227630c] {
	height: 28px;
	margin-right: 10px;
	width: 28px
}

.main .play-now .right .inside span[data-v-d227630c] {
	-webkit-background-clip: text;
	background-clip: text;
	color: #312f2b;
	font-family: Sans-Bold;
	font-size: 18px;
	line-height: 28px
}

.main .play-now .right-h5[data-v-d227630c] {
	display: none
}

@media(max-width:750px) {
	.main[data-v-d227630c] {
		margin-left: -5.6vw;
		width: 95.2vw
	}

	.main .play-now[data-v-d227630c] {
		background: url(/static/_nuxt/img/playh5.5380736.png) no-repeat;
		background-size: cover;
		border-radius: 6.4vw;
		box-shadow: 0 2.1333333333vw 6.4vw rgba(0, 0, 0, .4);
		flex-direction: column;
		height: 57.8666666667vw;
		padding: 7.2vw 0;
		position: relative
	}

	.main .play-now .left[data-v-d227630c] {
		margin-right: 0;
		padding: 0 3.2vw;
		width: auto
	}

	.main .play-now .left .img[data-v-d227630c] {
		border: .5333333333vw solid #312f2b;
		border-radius: 6.4vw;
		filter: url(#inset-shadow-h5);
		height: 19.2vw;
		width: 19.2vw
	}

	.main .play-now .left .name[data-v-d227630c] {
		margin-left: 4.2666666667vw
	}

	.main .play-now .right[data-v-d227630c] {
		display: none
	}

	.main .play-now .right-h5[data-v-d227630c] {
		display: block;
		margin: auto 0
	}

	.main .play-now .right-h5__item[data-v-d227630c] {
		animation: arrow-wave-d227630c 1s infinite;
		animation-direction: alternate;
		height: 12.8vw;
		width: 69.0666666667vw
	}

	.main .play-now .right-h5__item[data-v-d227630c]:first-child {
		animation-delay: .1s;
		border: .5333333333vw solid #625e57;
		border-radius: 18.4vw;
		bottom: 9.6vw;
		height: 12.8vw;
		left: 12.2666666667vw;
		position: absolute;
		width: 69.0666666667vw
	}

	.main .play-now .right-h5__item[data-v-d227630c]:nth-child(2) {
		animation-delay: .2s;
		border: .4266666667vw solid #625e57;
		border-radius: 18.4vw;
		bottom: 8.5333333333vw;
		height: 14.9333333333vw;
		left: 11.2vw;
		position: absolute;
		width: 71.2vw
	}

	.main .play-now .right-h5__item[data-v-d227630c]:nth-child(3) {
		animation-delay: .3s;
		border: .32vw solid #625e57;
		border-radius: 18.4vw;
		bottom: 7.4666666667vw;
		height: 17.0666666667vw;
		left: 10.1333333333vw;
		position: absolute;
		width: 73.3333333333vw
	}

	.main .play-now .right-h5__item[data-v-d227630c]:nth-child(4) {
		animation-delay: .4s;
		border: .2133333333vw solid #625e57;
		border-radius: 18.4vw;
		bottom: 6.4vw;
		height: 19.2vw;
		left: 9.0666666667vw;
		position: absolute;
		width: 75.4666666667vw
	}

	@keyframes arrow-wave-d227630c {
		25% {
			opacity: .06
		}

		50% {
			opacity: .12
		}

		75% {
			opacity: .24
		}

		to {
			opacity: .4
		}
	}

	.main .play-now .right-h5 .inside[data-v-d227630c] {
		align-items: center;
		background: #fefdfb;
		border: .5333333333vw solid #312f2b;
		border-radius: 6.4vw;
		bottom: 9.6vw;
		box-shadow: -.8vw .8vw 0 0 #312f2b;
		cursor: pointer;
		display: flex;
		height: 12.8vw;
		justify-content: center;
		left: 13.8666666667vw;
		position: absolute;
		width: 65.8666666667vw
	}

	.main .play-now .right-h5 .inside img[data-v-d227630c] {
		height: 6.4vw;
		margin-right: 2.6666666667vw;
		width: 6.4vw
	}

	.main .play-now .right-h5 .inside span[data-v-d227630c] {
		-webkit-background-clip: text;
		background-clip: text;
		color: #312f2b;
		font-size: 4.2666666667vw;
		font-style: normal;
		font-weight: 700;
		line-height: normal
	}
}

.normal[data-v-74eae1be] {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NCA0N0M5NCA5LjggODQuMiAwIDQ3IDBTMCA5LjggMCA0N3M5LjggNDcgNDcgNDcgNDctOS44IDQ3LTQ3WiIgZmlsbD0iI0M0QzRDNCIvPjwvc3ZnPg==) no-repeat 50%;
	background-size: contain;
	border-radius: 24px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
	cursor: pointer;
	grid-column-start: span 1;
	grid-row-start: span 1;
	height: 98px;
	overflow: hidden;
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none
}

.normal[data-v-74eae1be],
.normal__img[data-v-74eae1be] {
	display: block;
	width: 100%
}

.normal__img[data-v-74eae1be] {
	border: 2px solid #312f2b;
	border-radius: inherit;
	filter: url(#inset-shadow);
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.normal__span[data-v-74eae1be] {
	-webkit-font-smoothing: antialiased;
	font-family: Sans;
	font-size: 12px;
	line-height: 15px;
	padding: 13px 6px;
	pointer-events: none;
	right: 0;
	text-align: center;
	transition: transform .3s ease .1s, opacity .3s ease .1s;
	z-index: 6
}

.normal[data-v-74eae1be]:after,
.normal__span[data-v-74eae1be] {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute
}

.normal[data-v-74eae1be]:after {
	background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)) bottom;
	border-radius: inherit;
	contain: strict;
	content: "";
	height: 100%;
	width: 100%;
	z-index: 4
}

.normal[data-v-74eae1be]:hover {
	transform: scale(1.06)
}

.normal:hover .normal__span[data-v-74eae1be],
.normal[data-v-74eae1be]:hover:after {
	opacity: 1
}

@media(max-width:750px) {
	.normal[data-v-74eae1be] {
		box-shadow: 0 .5333333333vw .5333333333vw 0 rgba(0, 0, 0, .25);
		height: 24.8vw
	}

	.normal__img[data-v-74eae1be] {
		border: .5333333333vw solid #312f2b
	}

	.normal[data-v-74eae1be]:hover {
		transform: scale(1);
		z-index: 1
	}

	.normal:hover .normal__span[data-v-74eae1be],
	.normal[data-v-74eae1be]:hover:after {
		opacity: 0
	}
}

.googleAdStyle[data-v-232207c9] {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column
}

.googleAdStyle .title[data-v-232207c9] {
	background: #e8f2ff;
	color: #0d1828;
	flex-shrink: 0;
	font-size: 12px;
	line-height: 18px;
	text-align: center
}

@media(max-width:750px) {
	.googleAdStyle .title[data-v-232207c9] {
		font-size: 3.2vw;
		line-height: 4.8vw
	}
}

.googleAdStyle[data-v-0670cdfc] {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column
}

.googleAdStyle .title[data-v-0670cdfc] {
	background: #e8f2ff;
	color: #0d1828;
	flex-shrink: 0;
	font-size: 12px;
	line-height: 18px;
	text-align: center
}

@media(max-width:750px) {
	.googleAdStyle .title[data-v-0670cdfc] {
		font-size: 3.2vw;
		line-height: 4.8vw
	}
}

.item[data-v-62632869] {
	align-items: center;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background: #fefdfb;
	border: 2px solid #312f2b;
	border-radius: 24px;
	box-shadow: -3px 3px 0 0 #312f2b;
	cursor: pointer;
	display: flex;
	display: -ms-flexbox;
	height: 48px;
	overflow: hidden;
	padding: 6px;
	transform: translate(0, 0, 0);
	-webkit-transform: translateZ(0);
	transition: background-color .3s, transform .3s;
	width: 284px
}

.item__left[data-v-62632869] {
	flex-shrink: 0;
	height: 36px;
	margin-left: 20px;
	margin-right: 12px;
	transition: transform .3s;
	width: 36px
}

.item__left img[data-v-62632869] {
	height: 36px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 36px
}

.item__right[data-v-62632869] {
	display: flex;
	display: -ms-flexbox;
	flex: 1;
	flex-direction: column;
	min-width: 0
}

.item__right span[data-v-62632869] {
	color: #312f2b;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.item[data-v-62632869]:hover {
	background: #fec791
}

@media(max-width:750px) {
	.item[data-v-62632869] {
		border-radius: 10.6666666667vw;
		height: 11.2vw;
		width: 44.5333333333vw
	}

	.item__left[data-v-62632869] {
		flex-shrink: 0;
		height: 6.4vw;
		margin-left: 4vw;
		margin-right: 2.1333333333vw;
		transition: transform .3s;
		width: 6.4vw
	}

	.item__left img[data-v-62632869] {
		height: 6.4vw;
		-o-object-fit: cover;
		object-fit: cover;
		width: 6.4vw
	}

	.item__right[data-v-62632869] {
		display: flex;
		display: -ms-flexbox;
		flex: 1;
		flex-direction: column;
		min-width: 0
	}

	.item__right span[data-v-62632869] {
		font-size: 3.7333333333vw;
		line-height: 5.8666666667vw
	}
}

.large[data-v-1f378a64] {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NCA0N0M5NCA5LjggODQuMiAwIDQ3IDBTMCA5LjggMCA0N3M5LjggNDcgNDcgNDcgNDctOS44IDQ3LTQ3WiIgZmlsbD0iI0M0QzRDNCIvPjwvc3ZnPg==) no-repeat 50%;
	background-size: contain;
	border-radius: 24px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
	cursor: pointer;
	grid-column-start: span 2;
	grid-row-start: span 2;
	height: 206px;
	overflow: hidden;
	position: relative;
	-webkit-text-decoration: none;
	text-decoration: none;
	transform: translate(0, 0, 0);
	-webkit-transform: translateZ(0);
	transition: transform .3s ease, box-shadow .3s ease
}

.large[data-v-1f378a64],
.large__img[data-v-1f378a64] {
	display: block;
	width: 100%
}

.large__img[data-v-1f378a64] {
	border: 2px solid #312f2b;
	border-radius: inherit;
	filter: url(#inset-shadow);
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.large__span[data-v-1f378a64] {
	-webkit-font-smoothing: antialiased;
	bottom: 0;
	font-family: Sans;
	font-size: 19px;
	left: 0;
	line-height: 25px;
	opacity: 0;
	padding: 30px 20px;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	transition: transform .3s ease .1s, opacity .3s ease .1s;
	z-index: 6
}

.large__video[data-v-1f378a64] {
	border-radius: inherit;
	left: 0;
	overflow: hidden;
	visibility: hidden;
	width: 100%;
	z-index: 5
}

.large__video .video[data-v-1f378a64],
.large__video[data-v-1f378a64] {
	height: 100%;
	position: absolute;
	top: 0
}

.large__video .video[data-v-1f378a64] {
	left: 50%;
	transform: translate(-50%)
}

.large[data-v-1f378a64]:after {
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5)) bottom;
	bottom: 0;
	content: "";
	height: 50%;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 4
}

.large[data-v-1f378a64]:hover {
	transform: scale(1.06);
	z-index: 1
}

.large:hover .large__span[data-v-1f378a64] {
	opacity: 1
}

.large:hover .large__video[data-v-1f378a64] {
	visibility: visible
}

.large[data-v-1f378a64]:hover:after {
	opacity: 1;
	z-index: 5
}

.index4[data-v-1f378a64] {
	display: none
}

@media(max-width:750px) {
	.large[data-v-1f378a64] {
		box-shadow: 0 1.3333333333vw 5.3333333333vw 0 hsla(0, 0%, 4%, .3);
		height: 52vw
	}

	.large__span[data-v-1f378a64] {
		bottom: -5.3333333333vw;
		font-size: 5.0666666667vw;
		left: 0;
		line-height: 6.6666666667vw;
		opacity: 1;
		padding: 8vw 5.3333333333vw;
		right: 0
	}

	.large__img[data-v-1f378a64] {
		border: .5333333333vw solid #312f2b
	}

	.large__video[data-v-1f378a64] {
		display: none
	}

	.large[data-v-1f378a64]:after {
		background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5)) bottom;
		bottom: 0;
		content: "";
		height: 50%;
		left: 0;
		opacity: 1;
		position: absolute;
		width: 100%;
		z-index: 4
	}

	.large[data-v-1f378a64]:hover {
		transform: scale(1)
	}

	.index0[data-v-1f378a64] {
		grid-row-end: 5
	}

	.index0[data-v-1f378a64],
	.index3[data-v-1f378a64] {
		grid-column-end: 4
	}

	.index3[data-v-1f378a64] {
		grid-row-end: 9
	}
}