.loading-h1 {
	width: 32vw;
	aspect-ratio: 512/128;
	border-radius: .625vw;
	background: #dfe6ec
}

.loading-h2 {
	width: 32vw;
	aspect-ratio: 512/30;
	border-radius: .25vw;
	margin-top: .75vw;
	background: #dfe6ec
}

.loading-con {
	margin-top: 3.5vw;
	display: flex;
	aspect-ratio: 1476 / 574;
	overflow: hidden
}

.loading-left {
	flex: 349;
	max-width: 349Px;
	max-height: 380Px;
	margin-right: 1vw;
	background: #dfe6ec;
	border-radius: .75vw;
	overflow: hidden
}

.loading-left>ul {
	margin-top: 1vw;
	padding-left: 1.5vw;
	padding-right: 1.5vw;
	overflow: hidden
}

.loading-left>ul li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5vw
}

.loading-left>ul p {
	width: 5vw;
	height: 1.5vw;
	background: #cedae3
}

.loading-center {
	position: relative;
	flex: 488;
	max-width: 488Px;
	max-height: 380Px;
	background: #dfe6ec;
	border-radius: .75vw;
	margin-right: 1vw;
	overflow: hidden
}

.loading-center-bottom {
	position: absolute;
	width: 100%;
	height: 22%;
	bottom: 0;
	background: #fff;
	padding: 0 1.5vw;
	display: flex;
	align-items: center
}

.loading-center-bottom>div:first-child {
	width: 8vw;
	height: 8vw;
	background: #cedae3;
	margin-top: -4.125vw
}

.loading-center-bottom>div:last-child {
	margin-left: auto;
	width: 4.5vw;
	height: 2.125vw;
	border-radius: .25vw;
	background: #cedae3
}

.loading-center-bottom>div p {
	margin-left: .75vw;
	width: 5vw;
	height: 1.5vw;
	background: #cedae3
}

.loading-center-bottom>div p:last-child {
	margin-top: .75vw;
	width: 9.25vw;
	height: 1.125vw
}

.loading-right {
	flex: 332;
	max-width: 332Px;
	max-height: 380Px;
	background: #dfe6ec;
	border-radius: .75vw;
	overflow: hidden
}

.loading-right .hot-title {
	width: 35%;
	margin: .75vw auto;
	height: 1.75vw;
	background: #cedae3
}

.loading-right .item-hot {
	display: flex;
	width: 95%;
	height: 1.625vw;
	margin: 1.25vw auto
}

.loading-right .item-hot:first-child {
	margin-top: 2.25vw
}

.loading-right .item-hot>p {
	height: 100%;
	background: #cedae3
}

.loading-right .item-hot>p:first-child {
	width: 20%;
	margin-right: .75vw
}

.loading-right .item-hot>p:last-child {
	width: 80%
}

.loading-nav {
	padding: .75vw 1.5vw;
	display: flex;
	justify-content: space-between
}

.loading-nav span {
	flex: 1;
	height: 2.5vw;
	margin-left: 1.5vw;
	background: #cedae3;
	border-radius: .125vw
}

.loading-nav span:first-child {
	margin-left: 0
}

.loading-item-left {
	width: 100%;
	align-items: center
}

.loading-item-left>div:first-child {
	width: 70%;
	height: 1.875vw;
	background: #cedae3
}

.loading-item-left-bottom {
	width: 100%;
	height: 1.625vw;
	margin-top: .75vw
}

.loading-item-left-bottom>div:first-child {
	width: 50%;
	height: 1vw;
	background: #cedae3
}

.loading-item-left-bottom>div:last-child {
	width: 25%;
	height: 1vw;
	background: #cedae3;
	margin: .375vw 0
}

.loading-item-right {
	width: 4.5vw;
	height: 2.125vw;
	border-radius: .25vw;
	background: #cedae3
}

.gameInfo {
	display: flex;
	align-items: center;
	min-width: 0
}

.gameInfo-img {
	width: 104Px;
	position: relative;
	aspect-ratio: 1;
	flex-shrink: 0
}

.gameInfo-img img {
	border-radius: 12Px;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	position: absolute;
	bottom: 0
}

.gameInfo-detail {
	overflow: hidden;
	max-width: 100%
}

.gameInfo-detail_content {
	display: flex
}

.gameInfo-detail h3 {
	width: 80Px;
	font-size: 16Px;
	font-weight: weight;
	line-height: 26Px;
	color: #101315;
	margin-right: 14Px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gameInfo-message {
	font-size: 16Px;
	margin-bottom: 2Px;
	color: #80858f;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gameInfo-tag {
	font-size: 14Px;
	line-height: 1;
	color: #80858f;
	overflow: hidden;
	display: flex;
	align-items: center
}

.gameInfo-tag span {
	position: relative;
	max-width: 100%;
	flex-shrink: 0;
	padding-top: 2Px;
	padding-bottom: 2Px;
	margin: 0 6Px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gameInfo-tag span:first-child {
	margin-left: 0
}

.gameInfo-tag span:first-child:after {
	display: none
}

.gameInfo-tag span.in-hidden {
	display: none
}

.gameInfo-tag_gift,.gameInfo-tag_coupon,.gameInfo-tag_active,.gameInfo-tag_special {
	padding: 2Px 4Px;
	color: #fff;
	border-radius: 2Px
}

.gameInfo-tag_gift+span:before,.gameInfo-tag_coupon+span:before,.gameInfo-tag_active+span:before,.gameInfo-tag_special+span:before {
	display: none
}

.gameInfo-tag_promotion {
	font-weight: 700;
	color: #00c77f
}

.gameInfo-tag_gift {
	background: #ff006b
}

.gameInfo-tag_coupon {
	background: #ff6b00
}

.gameInfo-tag_active {
	background: #ad00ff
}

.gameInfo-tag_special {
	color: #101315
}

.gameInfo-tag_normal {
	position: relative
}

.gameInfo-tag_normal:before {
	content: "|";
	margin-right: 7Px;
	opacity: .4;
	overflow: hidden
}

.gameInfo-tag_normal:first-child:before {
	content: "";
	display: none
}

.gameInfo.type-large .gameInfo-detail h3 {
	font-size: 22Px;
	font-weight: 700;
	margin-bottom: .25vw
}

.gameInfo.type-large .gameInfo-message {
	font-size: 16Px
}

.gameInfo.type-large2 .gameInfo-detail h3 {
	font-size: 22Px;
	font-weight: 700;
	margin-bottom: 4Px
}

.gameInfo.type-large2 .gameInfo-message {
	font-size: 16Px
}

.gameInfo.type-middel .gameInfo-img {
	width: 6.25vw;
	min-width: 3.75vw;
	max-width: 6.25vw
}

.gameInfo.theme-gold .gameInfo-detail h3 {
	color: #ffd76b
}

.gameInfo.theme-gold .gameInfo-message,.gameInfo.theme-gold .gameInfo-tag {
	color: #eadcb8
}

.gameInfo.theme-white .gameInfo-detail h3,.gameInfo.theme-white .gameInfo-message {
	color: #fff
}

.gameInfo.theme-white .gameInfo-tag {
	color: #c9d5d9
}

.gameInfo .flex-column {
	flex-direction: column
}

.gameBtn {
	height: 28Px;
	padding: 4Px 11Px;
	line-height: 20Px;
	align-self: flex-start;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4Px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	color: #fff;
	background: linear-gradient(111.22deg,#3485ff 16.79%,#00a3ff 66.4%)
}

.gameBtn span {
	position: relative;
	font-size: 16Px;
	font-weight: 700
}

.gameBtn-downing {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	background: #00a3ff
}

.gameBtn:hover,.gameBtn:hover .gameBtn-downing {
	background: #37b7ff
}

.gameBtn:active {
	background: linear-gradient(111.22deg,#3485ff 16.79%,#00a3ff 66.4%)
}

.gameBtn:active .gameBtn-downing {
	background: #00a3ff
}

.gameBtn.type-large,.gameBtn.type-large.in-web {
	width: 9.25vw;
	min-width: 74Px;
	max-width: 148Px
}

.gameBtn.theme-gold {
	color: #3d110e;
	background: linear-gradient(90deg,#feef66,#ffc31a)
}

.gameBtn.theme-gold .gameBtn-downing {
	background: #ffc31a
}

.gameBtn.theme-gold:hover,.gameBtn.theme-gold:hover .gameBtn-downing {
	background: #ffcf4d
}

.gameBtn.theme-gold:active {
	background: linear-gradient(90deg,#feef66,#ffc31a)
}

.gameBtn.theme-gold:active .gameBtn-downing {
	background: #ffc31a
}

.gameBtn.in-DOWNLOAD_PENDING {
	color: #fff;
	background: #b0c1c7;
	pointer-events: none
}

.gameBtn.in-DOWNLOAD_PENDING.theme-gold {
	background: #99857a
}

.gameBtn.in-DOWNLOADING,.gameBtn.in-DOWNLOAD_PAUSED {
	color: #fff;
	background: #b0c1c7
}

.gameBtn.in-DOWNLOADING:hover,.gameBtn.in-DOWNLOAD_PAUSED:hover {
	background: #c9d5d9
}

.gameBtn.in-DOWNLOADING:active,.gameBtn.in-DOWNLOAD_PAUSED:active {
	background: #b0c1c7
}

.gameBtn.in-DOWNLOADING.theme-gold,.gameBtn.in-DOWNLOAD_PAUSED.theme-gold {
	background: #99857a
}

.gameBtn.in-DOWNLOADING.theme-gold:hover,.gameBtn.in-DOWNLOAD_PAUSED.theme-gold:hover {
	background: #b8a092
}

.gameBtn.in-DOWNLOADING.theme-gold:active,.gameBtn.in-DOWNLOAD_PAUSED.theme-gold:active {
	background: #99857a
}

.gameBtn.in-INSTALLABLE,.gameBtn.in-INSTALLABLE.theme-gold,.gameBtn.in-INSTALLED,.gameBtn.in-INSTALLED.theme-gold {
	color: #fff;
	background: #00c77f
}

.gameBtn.in-INSTALLABLE:hover,.gameBtn.in-INSTALLABLE.theme-gold:hover,.gameBtn.in-INSTALLED:hover,.gameBtn.in-INSTALLED.theme-gold:hover {
	background: #45de9c
}

.gameBtn.in-INSTALLABLE:active,.gameBtn.in-INSTALLABLE.theme-gold:active,.gameBtn.in-INSTALLED:active,.gameBtn.in-INSTALLED.theme-gold:active {
	background: #00c77f
}

.gameBtn.in-APPOINTABLE,.gameBtn.in-APPOINTABL.theme-gold {
	color: #fff;
	background: linear-gradient(90deg,#0fcdab 19.44%,#14d27e 96.53%)
}

.gameBtn.in-APPOINTABLE:hover,.gameBtn.in-APPOINTABL.theme-gold:hover {
	background: #45de9c
}

.gameBtn.in-APPOINTABLE:active,.gameBtn.in-APPOINTABL.theme-gold:active {
	background: linear-gradient(90deg,#0fcdab 19.44%,#14d27e 96.53%)
}

.gameBtn.in-APPOINTED,.gameBtn.in-APPOINTED.theme-gold {
	color: #00c77f;
	background: rgba(0,199,127,.1)
}

.gameBtn.in-APPOINTED:hover,.gameBtn.in-APPOINTED.theme-gold:hover {
	background: rgba(0,199,127,.2)
}

.gameBtn.in-APPOINTED:active,.gameBtn.in-APPOINTED.theme-gold:active {
	background: rgba(0,199,127,.1)
}

.gameBtn.in-UPGRADEABLE,.gameBtn.in-UPGRADEABLE.theme-gold {
	color: #fff;
	background: #ff6b00
}

.gameBtn.in-UPGRADEABLE:hover,.gameBtn.in-UPGRADEABLE.theme-gold:hover {
	background: #ffb800
}

.gameBtn.in-UPGRADEABLE:active,.gameBtn.in-UPGRADEABLE.theme-gold:active {
	background: #ff6b00
}

.gameBtn.in-INSTALL_PENDING,.gameBtn.in-INSTALL_PENDING.theme-gold,.gameBtn.in-INSTALLING,.gameBtn.in-INSTALLING.theme-gold {
	color: #00c77f;
	pointer-events: none;
	background: rgba(0,199,127,.2)
}

.gameBtn.in-INSTALL_FAILED,.gameBtn.in-INSTALL_FAILED.theme-gold {
	color: #fff;
	background: #ff006b
}

.gameBtn.in-INSTALL_FAILED:hover,.gameBtn.in-INSTALL_FAILED.theme-gold:hover {
	background: #ff3389
}

.gameBtn.in-INSTALL_FAILED:active,.gameBtn.in-INSTALL_FAILED.theme-gold:active {
	background: #ff006b
}

.openDateAreaTimer {
	align-self: center;
	margin-right: 1.5vw;
	min-width: 0
}

.openDateAreaTimer.in-notOpen span {
	color: #101315;
	background: #eadcb8
}

.openDateAreaTimer.in-soon span {
	color: #101315;
	background: #ffd76b
}

.openDateAreaTimer.in-soon p:first-child {
	color: #ffd76b
}

.openDateAreaTimer p {
	color: #eadcb8;
	font-size: 16Px
}

.openDateAreaTimer p:first-child {
	font-size: 20Px;
	font-weight: 700;
	display: flex;
	align-items: center
}

.openDateAreaTimer p:last-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.openDateAreaTimer span {
	font-size: 12Px;
	font-weight: 400;
	border-radius: 2Px;
	padding: 1PX 7Px;
	color: #ffd76b;
	background: rgba(255,215,107,.5)
}

.openDateAreaTimer span.in-line {
	margin-left: 6Px
}

.openDateAreaList {
	height: 100%;
	padding-bottom: 1.5vw;
	overflow-y: auto
}

.openDateAreaList-item {
	display: flex;
	padding: 8Px 27Px 8Px 20Px;
	cursor: pointer
}

.openDateAreaList-item:hover {
	background: rgba(255,255,255,.15)
}

.openDateAreaList-item:active {
	background: none
}

.openDateAreaList .gameInfo {
	width: 76%;
	margin-right: 4%;
	flex-shrink: 0
}

.openDateAreaList .gameInfo-detail h3 {
	font-weight: 700
}

.openDateAreaList .gameBtn {
	margin-left: auto
}

.openDateArea {
	padding: 0 27Px 0 20Px;
	display: flex;
	flex-direction: column
}

.openDateArea-nav {
	display: flex;
	border-bottom: 1Px solid rgba(255,255,255,.2);
	padding: 18Px 6Px 15Px 2Px;
	min-height: 61Px
}

.openDateArea-nav p {
	font-size: 1.75vw;
	font-size: clamp(14Px,1.75vw,28PX);
	color: #ffd76b;
	text-align: center;
	flex: 1
}

.openDateArea-nav span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 62Px;
	height: 28Px;
	line-height: 28Px;
	font-size: 12Px;
	padding: 2Px 0;
	text-wrap: nowrap;
	border-radius: 2Px;
	box-shadow: 0 0 0 2Px #ffd76b;
	color: #ffd76b;
	cursor: pointer;
	margin-right: 17Px
}

.openDateArea-nav span:last-child {
	margin-right: 0
}

.openDateArea-nav span:hover {
	color: #3d110e;
	font-weight: 700;
	box-shadow: none;
	background: #ffcf4d
}

.openDateArea-nav span.active,.openDateArea-nav span:active {
	color: #3d110e;
	font-weight: 700;
	font-size: 14Px;
	box-shadow: none;
	background: linear-gradient(90deg,#feef66,#ffc31a)
}

.openDateArea-content {
	flex: 1;
	overflow: hidden;
	margin-top: 3Px;
	margin-left: -20Px;
	margin-right: -27Px
}

.openDateArea-content.in-loading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0
}

.openDateArea-content.in-loading p {
	color: #ffd76b;
	font-size: 1.25vw;
	font-size: clamp(10Px,1.25vw,20PX);
	margin-top: 1.25vw
}

.openDateArea .swiper {
	height: 100%
}

.openDateArea .swiper-slide {
	height: 100%;
	overflow: hidden
}

.openDateArea .icon-loading {
	width: 28Px;
	min-width: 24Px;
	max-width: 28Px;
	aspect-ratio: 1;
	background: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M37%2014.7884V15.4558C37.0014%2016.3185%2036.7593%2017.1662%2036.2981%2017.9137C35.8369%2018.6611%2035.173%2019.2817%2034.3732%2019.713L26.6294%2023.8893C25.8308%2024.32%2024.9248%2024.5467%2024.0026%2024.5467C23.0804%2024.5467%2022.1745%2024.32%2021.3758%2023.8893L11.6567%2018.6457C11.4584%2018.539%2011.2935%2018.3857%2011.1783%2018.2011C11.063%2018.0164%2011.0016%2017.8068%2011%2017.593C10.9986%2017.3943%2011.0697%2017.201%2011.2014%2017.0449C11.3332%2016.8889%2011.5178%2016.7793%2011.725%2016.7342L33.3356%2012.0721C33.7736%2011.9773%2034.2288%2011.976%2034.6674%2012.0682C35.106%2012.1605%2035.5167%2012.344%2035.8689%2012.605C36.2211%2012.8661%2036.5056%2013.198%2036.7015%2013.576C36.8973%2013.954%2036.9994%2014.3684%2037%2014.7884ZM11%2042.3634C10.9989%2041.8943%2011.1636%2041.438%2011.4685%2041.0653C11.7735%2040.6926%2012.2016%2040.4244%2012.6864%2040.3022L22.6262%2037.7994C23.5217%2037.574%2024.4652%2037.574%2025.3607%2037.7994L35.3031%2040.3022C36.3013%2040.555%2036.9947%2041.399%2036.9974%2042.3634C36.9981%2042.5781%2036.9534%2042.7908%2036.8659%2042.9893C36.7784%2043.1878%2036.6499%2043.3683%2036.4876%2043.5203C36.3253%2043.6724%2036.1325%2043.793%2035.9202%2043.8753C35.708%2043.9576%2035.4804%2044%2035.2506%2044H12.7547C12.29%2043.9994%2011.8445%2043.8268%2011.5157%2043.5201C11.1868%2043.2134%2011.0014%2042.7975%2011%2042.3634Z'%20fill='%23FFD76B'/%3e%3cpath%20d='M32.7639%202H15.2335C12.3417%202%2010%204.39691%2010%207.35379V16.0151L10.0102%2016.3736C10.0679%2017.2508%2010.336%2018.1001%2010.7908%2018.8462C11.2457%2019.5924%2011.8732%2020.2126%2012.618%2020.6519L18.2892%2024.0013L12.618%2027.3507C11.8228%2027.8202%2011.1622%2028.4952%2010.7027%2029.3082C10.2432%2030.1211%2010.0008%2031.0433%2010%2031.9823V40.6462C10%2043.6031%2012.3442%2046%2015.2335%2046H32.7639C35.6558%2046%2038%2043.6031%2038%2040.6462V31.9849L37.9872%2031.6264C37.9298%2030.7494%2037.6621%2029.9003%2037.2077%2029.1542C36.7534%2028.408%2036.1263%2027.7877%2035.382%2027.3481L29.7083%2023.9987L35.382%2020.6519C36.1776%2020.1822%2036.8384%2019.5067%2037.2979%2018.6933C37.7575%2017.8799%2037.9996%2016.9571%2038%2016.0177V7.35379C38%204.39691%2035.6558%202%2032.7639%202ZM15.2335%204.73185H32.7639C34.1817%204.73185%2035.3282%205.90413%2035.3282%207.35379V16.0151C35.3282%2016.9545%2034.842%2017.8206%2034.0486%2018.2864L26.3711%2022.8159C26.1681%2022.9358%2025.9995%2023.1083%2025.8823%2023.3159C25.7651%2023.5235%2025.7034%2023.759%2025.7034%2023.9987C25.7034%2024.2384%2025.7651%2024.4739%2025.8823%2024.6815C25.9995%2024.8891%2026.1681%2025.0615%2026.3711%2025.1814L34.0486%2029.7136C34.842%2030.182%2035.3282%2031.0481%2035.3282%2031.9849V40.6462C35.3282%2042.0959%2034.1817%2043.2682%2032.7639%2043.2682H15.2335C14.5534%2043.2682%2013.9012%2042.9919%2013.4203%2042.5002C12.9394%2042.0085%2012.6692%2041.3416%2012.6692%2040.6462V31.9849C12.6692%2031.0481%2013.158%2030.1794%2013.9514%2029.7136L21.6289%2025.1814C21.8319%2025.0615%2022.0005%2024.8891%2022.1177%2024.6815C22.2349%2024.4739%2022.2966%2024.2384%2022.2966%2023.9987C22.2966%2023.759%2022.2349%2023.5235%2022.1177%2023.3159C22.0005%2023.1083%2021.8319%2022.9358%2021.6289%2022.8159L13.9514%2018.289C13.5619%2018.0585%2013.2387%2017.7273%2013.0141%2017.3286C12.7895%2016.9299%2012.6714%2016.4778%2012.6718%2016.0177V7.35379C12.6718%205.90413%2013.8183%204.73185%2015.2335%204.73185Z'%20fill='%23FFD76B'/%3e%3c/svg%3e") no-repeat center center;
	background-size: cover
}

.gameBigCard {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column
}

.gameBigCard:hover .gameBigCard-img img {
	transform: scale3d(1.1,1.1,1)
}

.gameBigCard:active .gameBigCard-img img {
	transform: scaleZ(1)
}

.gameBigCard-img {
	width: 100%;
	flex-shrink: 0;
	overflow: hidden;
	position: relative
}

.gameBigCard-img.in-All {
	aspect-ratio: unset!important;
	height: 100%
}

.gameBigCard-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: all .2s ease-in-out;
	aspect-ratio: 488 / 380;
	max-height: 380Px
}

.gameBigCard-img-message {
	padding: 1.5vw 1vw .625vw;
	color: #fff;
	font-size: 1vw;
	font-size: clamp(8Px,1vw,16PX);
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: right;
	background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7) 58.93%)
}

.gameBigCard-img-message p {
	width: 56%;
	margin-left: 44%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right
}

.gameBigCard-img-amount {
	position: absolute;
	top: 1vw;
	left: 1.5vw;
	background: rgba(16,19,21,.8);
	border-radius: .125vw;
	display: flex;
	justify-content: center;
	align-items: center
}

.gameBigCard-img-amount span {
	padding: .125vw .25vw;
	line-height: 1.4;
	font-size: 1vw;
	font-size: clamp(8Px,1vw,16PX);
	background: linear-gradient(90deg,#f90,#ff62ad 85.25%);
	-webkit-background-clip: text;
	color: transparent
}

.gameBigCard-content {
	position: absolute;
	bottom: 0;
	flex: 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10Px 20Px 20Px;
	background: linear-gradient(180deg,rgba(38,16,10,0),rgba(38,16,10,.66) 31.25%,#26100a 59.62%)
}

.gameBigCard-content .gameInfo {
	align-items: flex-end
}

.gameBigCard-content .gameInfo-detail {
	margin-left: 20Px
}

.gameBigCard-content .gameInfo-detail h3 {
	width: 100%
}

.gameBigCard-content .gameInfo-img {
	height: 100%;
	aspect-ratio: unset
}

.gameBigCard-content .gameBtn {
	flex-shrink: 0;
	margin-left: 1.5vw;
	align-self: center
}

.gameBigCard.theme-gold .gameBigCard-content {
	background: linear-gradient(180deg,rgba(38,16,10,0),rgba(38,16,10,.66) 31.25%,#26100a 59.62%)
}

@media (max-width: 1023px) {
	.gameBigCard-img img {
		aspect-ratio: 341 / 380
	}
}

.openDateBanner {
	position: relative;
	background: #3d110e
}

.openDateBanner .swiper {
	height: 100%
}

.openDateBanner .swiper-slide {
	height: 100%;
	overflow: hidden
}

.openDateBanner .swiper-pagination {
	bottom: auto;
	top: 65%;
	right: 0;
	text-align: right;
	padding-right: 5%
}

.openDateBanner .swiper-pagination .swiper-pagination-bullet {
	width: 6PX;
	height: 6PX;
	border-radius: 6PX;
	background: rgba(255,255,255,.6);
	opacity: 1
}

.openDateBanner .swiper-pagination .swiper-pagination-bullet-active {
	background: #ffc31a;
	width: 24Px
}

.openDateBanner .openDateBanner—card .gameBigCard-img {
	height: 100%
}

.openDateBanner .gameBigCard-content .gameInfo-detail_content h3 {
	margin-bottom: .4375vw
}

.openDateBanner .gameBigCard-content .gameBtn {
	align-self: flex-start
}

.hotNews {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10Px 20Px 20Px 1.25vw
}

.hotNews .newsTitle {
	width: 100%;
	font-size: 16Px;
	text-align: center;
	font-weight: 700;
	color: #ffd76b;
	line-height: 27Px;
	padding-bottom: 6Px;
	border-bottom: 1Px solid rgba(255,255,255,.2)
}

.hotNews .newsListContainer {
	width: calc(100% + 30Px);
	overflow-y: auto;
	padding-top: 20Px;
	padding-left: 15Px;
	padding-right: 10Px
}

.hotNews .newsListContainer::-webkit-scrollbar {
	width: 5Px
}

.hotNews .newsListContainer::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,.3);
	border-radius: 3Px
}

.hotNews .newsList {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0
}

.hotNews .newsList li {
	outline-color: transparent!important
}

.hotNews .newsList .newsItem {
	margin-bottom: 11Px;
	line-height: 27Px;
	font-size: 14Px
}

.hotNews .newsList .newsItem:last-child {
	margin-bottom: 0
}

.hotNews .newsList .newsItem .newsLink {
	display: flex;
	align-items: center;
	text-decoration: none;
	cursor: pointer
}

.hotNews .newsList .newsItem .newsLink .newsDate {
	flex-shrink: 0;
	width: 50Px;
	color: #eadcb8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.hotNews .newsList .newsItem .newsLink .newsDate:after {
	content: "|";
	margin-left: 6Px;
	color: rgba(255,255,255,.18)
}

.hotNews .newsList .newsItem .newsLink .newsContent {
	flex-grow: 1;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 10Px;
	min-width: 0
}

.openDate {
	margin-top: 2vw;
	display: flex;
	flex-wrap: wrap
}

.openDate .openDateArea,.openDate .openDateBanner,.openDate .hotNews {
	border-radius: .625vw;
	overflow: hidden;
	max-height: 380Px
}

.openDate .openDateArea,.openDate .hotNews {
	background: rgba(38,16,10,.8)
}

.openDate .openDateArea {
	flex: 349;
	max-width: 349Px;
	margin-right: 16Px
}

.openDate .openDateBanner {
	flex: 488;
	max-width: 488Px;
	margin-right: 16Px
}

.openDate .hotNews {
	flex: 332;
	max-width: 332Px
}

.banner {
	margin-top: 24Px;
	display: flex;
	flex-wrap: wrap;
	margin-left: -1.25vw
}

.banner-toast {
	background: rgba(21,24,32,.9);
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 99;
	font-size: 1.25vw;
	font-size: clamp(10Px,1.25vw,20PX);
	color: #fff;
	padding: 12PX 24PX;
	border-radius: 4Px
}

.banner-toast a {
	color: #02bfff
}

.banner-toast a:hover {
	color: #00d1ff
}

.banner-toast a:active {
	color: #02bfff
}

.banner-item {
	flex: 1;
	margin-left: 1.25vw;
	aspect-ratio: 476/240;
	overflow: hidden;
	max-width: calc(33.33% - 1.25vw)
}

.banner-item img {
	width: 100%;
	object-fit: cover;
	height: 100%
}

.banner-item:hover {
	opacity: .6
}

.banner-item:active {
	opacity: 1
}

.games {
	min-height: 100vh
}

.games-nav {
	display: flex;
	color: #fff;
	z-index: 7
}

.games-nav-box {
	height: 40Px;
	font-size: 16Px;
	display: flex;
	margin-bottom: 26Px
}

.games-nav.active {
	position: fixed;
	top: 0;
	padding: 16Px 0 21Px
}

.games-nav.active:before {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	background: linear-gradient(180deg,#3d110e,#531814);
	content: "";
	height: 8Px;
	padding: 24Px 0 32Px;
	box-sizing: content-box;
	z-index: -1
}

.games-nav span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20Px;
	cursor: pointer;
	line-height: 27Px
}

@media (max-width: 768px) {
    .games-nav {
        display: -webkit-box;
        color: #fff;
        z-index: 7;
        overflow: auto;
        height: 50px;
        padding: 0 !important;
    }
    .games-nav.active{
        left: 0;
        width: 100%;
    }
	.games-nav span {
		padding: 0 15Px;
		height: 40px;
	}
}

.games-nav span.active {
	color: #ffd76b;
	position: relative;
	font-weight: 700
}

.games-nav span.active:before {
	position: absolute;
	bottom: -6Px;
	left: 50%;
	margin-left: -16Px;
	width: 32Px;
	height: 5Px;
	border-radius: 5Px;
	background: #ffd76b;
	content: ""
}

.games-nav span:hover {
	color: #ffd76b
}

.games .gGameList {
	margin-left: -20Px
}

.games .gGameList>li {
	padding-left: 20Px
}

.games .gGameList .gameBigCard .gameBigCard-img {
	aspect-ratio: 387 / 283
}

.games .gGameList .gameBigCard .gameBigCard-content {
	padding: 20Px 10Px 10Px 20Px
}

.games .gGameList .gameBigCard .gameBigCard-content .gameInfo-img {
	width: 74Px
}

.games .gGameList .gameBigCard .gameBigCard-content .gameInfo-detail .gameInfo-message,.games .gGameList .gameBigCard .gameBigCard-content .gameInfo-detail .gameInfo-tag {
	color: #fff;
	font-size: 12Px
}

.games .gGameList .gameBigCard .gameBigCard-content .gameInfo-detail .gameInfo-message_normal,.games .gGameList .gameBigCard .gameBigCard-content .gameInfo-detail .gameInfo-tag_normal {
	margin: 0 5Px 0 0
}

.games .gGameList .gameBigCard .gameBigCard-content .gameInfo-detail .gameInfo-message_normal:before,.games .gGameList .gameBigCard .gameBigCard-content .gameInfo-detail .gameInfo-tag_normal:before {
	margin-right: 5Px
}

.games .gGameList .gameBigCard .gameBigCard-content .card-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 100Px
}

.games .gGameList .gameBigCard .gameBigCard-content .card-right .gameBtn {
	margin-left: 0;
	margin-bottom: 8Px
}

.games .gGameList .gameBigCard .gameBigCard-content .card-right .game-reserve {
	font-size: 12Px;
	color: #fff
}

.games .gGameList .gameBigCard .gameBigCard-content .card-right .game-reserve span {
	color: #ffd76b
}

.pcheader{
	height: 64PX
}

.pcheader-con{
	height: 64PX;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 6;
	transition: ease background-color .3s;
	width: 100%;
	background: 0 0;
	background-color: #fff;
	backdrop-filter: blur(.9375vw) saturate(180%);
	-webkit-backdrop-filter: blur(.9375vw) saturate(180%)
}

.pcheader-bar{
	max-width: 1280Px;
	min-width: 768Px;
	height: 100%;
	padding: 0 40Px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}

.pcheader-bar ul{
	display: flex;
	align-items: center
}

.pcheader-bar li{
	white-space: nowrap;
	height: 30PX;
	margin: 0 20PX
}

.pcheader-bar li:first-child {
	margin-left: 0
}

.pcheader-bar a{
	font-size: 14PX;
	line-height: 27PX;
	color: #09090a;
	font-weight: 400;
	position: relative;
	transition: color .3s ease
}

.pcheader-bar a:hover {
	opacity: .5
}

.pcheader-bar a:active {
	opacity: .25
}

.pcheader-bar a i{
	width: 16PX;
	height: 16PX;
	margin-left: 4PX;
	transform: translateY(-1PX)
}

.pcheader-jl:before {
	content: "";
	width: 16Px;
	height: 16Px;
	display: block;
	background-size: 100% auto;
	position: absolute;
	top: 2PX;
	right: -20PX
}

.pcheader-btn{
	align-self: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.pcheader .Jdownload{
	display: none;
	width: 68Px;
	height: 32Px;
	padding: 0;
	background: #3485ff;
	border-radius: 4PX;
	color: #fff;
	font-weight: 400;
	font-size: 14PX;
	transition: background .3s ease;
	text-align: center;
	white-space: nowrap;
	line-height: 32PX;
	margin-right: 20PX
}

.pcheader .Jdownload:hover {
	background: #01a4ff
}

.pcheader .Jdownload:active {
	background: #066be0
}

.pcheader .btn-more{
	display: none
}

.pcheader .btn-more__line{
	width: 22Px;
	height: 2PX;
	background: #09090a;
	display: block;
	margin-top: 5PX;
	transition: .5s cubic-bezier(.16,1,.3,1)
}

.pcheader-bar-mobile{
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.8);
	z-index: -1
}

.pcheader-bar-mobile>div{
	margin: 64Px 20PX 20PX auto;
	background: rgba(25,29,41,.9);
	border: 1PX solid rgba(0,0,0,.5);
	box-shadow: 0 1PX 1PX rgba(0,0,0,.1);
	width: 300PX;
	max-width: 90%;
	display: flex;
	flex-direction: column;
	padding: 0 20PX 20PX
}

.pcheader-bar-mobile li{
	padding: 20PX 0
}

.pcheader-bar-mobile li a{
	color: #fff;
	font-size: 16PX;
	font-weight: 700
}

.pcheader-bar-mobile .pcheader-btn{
	margin-top: auto;
	width: 100%
}

.pcheader-bar-mobile .pcheader-btn a{
	width: 100%;
	font-size: 16PX;
	font-weight: 700;
	height: 48PX
}

.pcheader.extend .btn-more__line:first-child {
	transform-origin: bottom right;
	transform: rotate(-45deg) translateY(-2Px)
}

.pcheader.extend .btn-more__line:nth-child(2) {
	transform: scale(0);
	opacity: 0
}

.pcheader.extend .btn-more__line:nth-child(3) {
	transform-origin: top right;
	transform: rotate(45deg) translateY(2Px)
}

@media only screen and (max-width: 768Px),(orientation: portrait) {
	.pcheader.extend .pcheader-con{
		z-index: 10
	}

	.pcheader .pcheader-bar{
		min-width: 0;
		padding-left: 20PX;
		padding-right: 20PX
	}

	.pcheader .pcheader-bar li{
		display: none
	}

	.pcheader .pcheader-bar li:first-child,.pcheader .pcheader-bar .Jdownload,.pcheader .btn-more{
		display: block
	}

	.pcheader .pcheader-bar-mobile{
		display: flex
	}
}

a,button {
	cursor: pointer
}

a,a:hover {
	text-decoration: none
}

.display-flex,.display-space-between {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.display-space-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.display-flex-start {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.flex-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

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

.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.b-content-wrap {
	margin: 0 auto;
	max-width: 1280PX;
	padding: 0 40PX;
	position: relative
}

.b-content-wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.footer-box {
	background: #2a3447;
	border-top: 1PX solid rgba(242,242,247,.08)
}

.footer-wrap a {
	color: rgba(242,242,247,.68);
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}

.footer-wrap a:hover {
	color: #01a4ff
}

.footer-wrap a:active {
	color: #066be0
}

.footer-bd {
	padding: 80PX 0 60PX
}

.footer-bd a {
	font-size: 14PX;
	line-height: 40PX
}

.footer-bd .footer-content {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.footer-bd .footer-content dl {
	margin-left: 20PX;
	width: 160PX
}

.footer-bd .footer-content dl:first-child {
	margin-left: 0;
	width: auto
}

.footer-bd .footer-content dl:first-child a {
	display: block
}

.footer-share {
	margin-bottom: 20PX
}

.footer-share__icon {
	height: 24PX;
	width: 24PX;
	fill: rgba(47,47,48,.5);
	display: block
}

.footer-share__link {
	display: block;
	margin-right: 20PX;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.footer-share__link:hover {
	background: no-repeat 50%;
	background-size: 100%
}

.footer-share__link:hover .footer-share__icon {
	opacity: 0
}

.footer-share__link.tieba:hover {
	background-image: url(../fd/icon_baidu_h_ddd6f9ff.png)
}

.footer-share__link.weibo:hover {
	background-image: url(../fd/icon_weibo_h_ad716933.png)
}

.footer-share__link.blbl:hover {
	background-image: url(../fd/icon_blbl_h_b8706d85.png)
}

.footer-share__link.wechat:hover {
	background-image: url(../fd/icon_wechat_h_6b34fd95.png)
}

.footer-share__link:active {
	opacity: .4
}

.footer-ft {
	color: rgba(242,242,247,.68);
	font-size: 15PX;
	padding: 30PX 0 40PX
}

.footer-ft__icon {
	height: 31PX;
	margin-right: 52PX;
	width: 250PX
}

.footer-ft__nav {
	line-height: 2
}

.footer-ft__nav i {
	font-style: normal
}

.footer-tit {
	color: #fff;
	font-size: 14PX;
	font-weight: 700;
	line-height: 19PX;
	margin-bottom: 20PX
}

.footer-item {
	min-width: 160PX
}

.footer-logo {
	height: 32PX
}

.wechat_box {
	position: relative
}

.wc-qrcode {
	background: url(../fd/wechat_code_3e500b36.png) no-repeat;
	background-size: 100%;
	display: none;
	height: 160PX;
	padding-left: 17PX;
	padding-top: 10PX;
	position: absolute;
	right: -160PX;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 168PX
}

.wc-qrcode,.wc-qrcode .qr-box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.wc-qrcode .qr-box {
	background: #fff;
	border-radius: 4PX;
	padding: 8PX;
	width: 140PX
}

.wc-qrcode .qr-box img {
	display: block;
	width: 124PX
}

@media only screen and (max-width: 992PX) {
	.footer-bd {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-bottom: 40PX
	}

	.footer-bd .footer-content {
		margin-top: 60PX;
		width: 100%;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.footer-bd .footer-content dl {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-left: 0;
		margin-right: 20PX
	}

	.footer-tit {
		margin-bottom: 20PX
	}

	.footer-ft {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.footer-ft__icon {
		margin-bottom: 32PX
	}
}

@media only screen and (max-width: 768PX) {
	.footer-content {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-bottom: 40PX
	}

	.footer-item:not(.footer-item-01) {
		width: 50%;
		-webkit-box-flex: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		margin-bottom: 20PX
	}

	.footer-bd {
		padding-bottom: 0;
		padding-top: 64PX
	}

	.footer-ft {
		padding-bottom: 60PX;
		text-align: center
	}

	.footer-ft__icon {
		height: 24PX;
		width: 194PX
	}

	.footer-logo {
		height: 32PX
	}
}

@media only screen and (max-width: 640PX) {
	.page-popup__con {
		max-width: 540PX;
		width: 90%
	}

	.tvoscon {
		min-height: 200PX
	}

	.page-popup__icon {
		margin-bottom: 20PX
	}

	.page-popup__icon img {
		width: 48PX
	}

	.page-popup__hd.hddesc {
		font-size: 14PX;
		line-height: 22PX
	}

	.page-popup a {
		font-size: 16PX;
		height: 24PX
	}

	.page-popup a svg {
		height: 18PX;
		width: 18PX
	}
}

@media (hover: hover) {
	.wechat_box:hover .wc-qrcode {
		display: block
	}
}

@media only screen and (max-width: 1024PX) {
	.b-content-wrap {
		padding: 0 32PX
	}
}

@media only screen and (max-width: 768PX) {
	.b-content-wrap {
		padding: 0 16PX
	}
}

img[src=""],img:not([src]) {
	visibility: hidden
}

.gGameList {
	margin-left: -1.5vw;
	display: flex;
	flex-wrap: wrap
}

.gGameList>li {
	width: 33.33%;
	margin-bottom: 1.5vw;
	padding-left: 1.5vw
}

.gGameList>li .gameBigCard {
	border-radius: 12Px;
	overflow: hidden
}

.gGameList>li .gameBigCard-img {
	aspect-ratio: 478/268
}

.gGameList.in-row4>li {
	width: 25%
}

.gGameList.in-row4>li .gameBigCard-img {
	aspect-ratio: 354/266
}

.gGameList.in-row4>li .gameBigCard-content {
	padding-left: 1vw;
	padding-right: 1vw
}

.gGameList.in-row4>li .gameBtn {
	margin-left: 2PX
}

.gGameList.in-row4>li .gameInfo-img {
	margin-right: .5vw
}

.gGameList.in-row4>li .gameInfo-tag span {
	font-size: .8125vw;
	font-size: clamp(7Px,.8125vw,13PX);
	margin-left: .125vw
}

.gGameList.in-row4>li .gameInfo-tag span:first-child {
	margin-left: 0
}

.gGameList.in-row4>li .gameInfo-tag span.gameInfo-tag_normal:before {
	margin-right: .125vw
}

@media (orientation: portrait) {
	.gGameList>li {
		width: 50%
	}

	.gGameList.in-row4>li {
		width: 50%
	}
}

.gRecommendList {
	width: 100%;
	padding-top: 1.25vw;
	padding-bottom: 1.5vw
}

.gRecommendList-item {
	display: flex;
	justify-content: space-between;
	padding: .75vw 2vw
}

.gRecommendList-item:hover {
	background: #f2f4f5
}

.gRecommendList .gameInfo-detail h3 {
	margin-bottom: 4Px
}

.gRecommendList .gameInfo-message {
	line-height: 1.2;
	margin-bottom: 6Px
}

.gRecommendList .gameBtn {
	margin-left: .5vw
}

.gRecommendList.in-row2 {
	display: flex;
	flex-wrap: wrap
}

.gRecommendList.in-row2 .gRecommendList-item {
	width: 50%
}

.gGameBanner {
	position: relative
}

.gGameBanner:hover .gGameBanner-img img {
	transform: scale3d(1.1,1.1,1)
}

.gGameBanner:active .gGameBanner-img img {
	transform: scaleZ(1)
}

.gGameBanner-img {
	width: 100%;
	aspect-ratio: 976/524;
	overflow: hidden
}

.gGameBanner-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	transition: all .2s ease-in-out
}

.gGameBanner.type-left .gGameBanner-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 53%;
	height: 100%;
	z-index: 1;
	padding-left: 2.5vw;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.gGameBanner.type-left .gGameBanner-info:before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	top: 0;
	left: 0;
	width: 110%;
	min-width: 110%;
	max-width: 640PX;
	background: linear-gradient(90deg,rgba(0,0,0,.8) 25.72%,rgba(0,0,0,0))
}

.gGameBanner.type-left .gGameBanner-info .gameInfo {
	flex-direction: column;
	align-items: flex-start
}

.gGameBanner.type-left .gGameBanner-info .gameInfo-img {
	margin-bottom: 1.25vw
}

.gGameBanner.type-left .gGameBanner-info .gameInfo-message {
	margin-top: .625vw;
	margin-bottom: 1vw
}

.gGameBanner.type-left .gGameBanner-info .gameInfo-tag_promotion {
	color: #101315;
	padding: 2Px 4Px;
	border-radius: 2Px;
	background: linear-gradient(90deg,#0fcdab 19.44%,#14d27e 96.53%)
}

.gGameBanner.type-left .gGameBanner-info .gameBtn {
	margin-top: 1.25vw;
	align-self: flex-start
}

.gGameBanner.type-bottom .gGameBanner-img {
	aspect-ratio: 476/524
}

.gGameBanner.type-bottom .gGameBanner-info {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	padding: 0 2vw 1.25vw;
	display: flex;
	align-items: flex-end;
	justify-content: space-between
}

.gGameBanner.type-bottom .gGameBanner-info:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 20%;
	min-height: 100Px;
	max-height: 152Px;
	background: linear-gradient(180deg,rgba(0,0,0,0),#000)
}

.gGameBanner.type-bottom .gGameBanner-info .gameBtn {
	margin-left: .5vw
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.notInMuMu .openDate .openDateArea,.notInMuMu .openDate .hotNews {
		flex: 341;
		max-width: 341Px
	}

	.notInMuMu .openDate .openDateBanner {
		flex: 1 1 auto;
		max-width: calc(100% - 361Px);
		min-width: 583Px;
		margin-right: 0
	}

	.notInMuMu .openDate .openDateArea {
		margin-bottom: 24Px;
		margin-right: 20Px
	}

	.notInMuMu .openDate .hotNews {
		flex-basis: 100%
	}

	.notInMuMu .openDate :deep(.gameBigCard) .gameInfo-img {
		width: 80Px
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.notInMuMu .openDate .openDateArea,.notInMuMu .openDate .openDateBanner {
		flex: 1 1 calc(50% - 10Px);
		max-width: calc(50% - 10Px)
	}

	.notInMuMu .openDate .openDateBanner {
		margin-right: 0
	}

	.notInMuMu .openDate .openDateArea {
		margin-right: 20Px
	}

	.notInMuMu .openDate .hotNews {
		flex: calc(50% - .625vw);
		max-width: calc(50% - .625vw);
		margin-top: 24Px
	}
}

@media (max-width: 767px) {
	.notInMuMu .openDate {
		flex-direction: column
	}

	.notInMuMu .openDate .openDateArea,.notInMuMu .openDate .hotNews,.notInMuMu .openDate .openDateBanner {
		flex: 100%;
		max-width: 100%;
		margin-right: 0
	}

	.notInMuMu .openDate .openDateArea,.notInMuMu .openDate .openDateBanner {
		margin-bottom: 17Px
	}
}

@media (max-width: 1279px) {
	.notInMuMu .banner {
		margin-top: 36Px
	}

	.notInMuMu .banner .banner-item:nth-child(1),.notInMuMu .banner .banner-item:nth-child(2) {
		flex: 1 1 calc(50% - 1.25vw);
		max-width: calc(50% - 1.25vw)
	}

	.notInMuMu .banner .banner-item:nth-child(3) {
		flex: 0 0 calc(50% - 1.25vw);
		max-width: calc(50% - 1.25vw)
	}
}

@media (max-width: 1023px) {
	.notInMuMu .banner {
		margin-top: 40Px
	}

	.notInMuMu .banner .banner-item:nth-child(1),.notInMuMu .banner .banner-item:nth-child(2) {
		flex: 1 1 calc(50% - 1.25vw);
		max-width: calc(50% - 1.25vw)
	}

	.notInMuMu .banner .banner-item:nth-child(3) {
		flex: 1 1 calc(50% - 1.25vw);
		max-width: calc(50% - 1.25vw)
	}
}

@media (max-width: 767px) {
	.notInMuMu .banner {
		margin-top: 33Px;
		flex-direction: column
	}

	.notInMuMu .banner .banner-item {
		flex: 0 0 100%!important;
		max-width: 100%!important
	}
}

@media (max-width: 1279Px) {
	.notInMuMu .games .gGameList>li {
		width: 50%
	}
}

@media (max-width: 767Px) {
	.notInMuMu .games-nav-box {
		margin-bottom: 20Px
	}

	.notInMuMu .games .gGameList>li {
		width: 100%
	}
}

@media (max-width: 1279px) {
	.notInMuMu .gameInfo-img {
		width: 80Px
	}
}

.inMuMu .openDate {
	margin-top: 2vw;
	display: flex;
	aspect-ratio: 987 / 313
}

.inMuMu .openDate .openDateArea,.inMuMu .openDate .openDateBanner,.inMuMu .openDate .hotNews {
	border-radius: 12Px;
	overflow: hidden;
	max-height: 313Px
}

.inMuMu .openDate .openDateArea,.inMuMu .openDate .hotNews {
	background: rgba(38,16,10,.8)
}

.inMuMu .openDate .openDateArea {
	flex: 1;
	flex: 276;
	max-width: 276Px;
	margin-right: 1.25vw;
	padding: 1.25vw 1.5vw 0;
	display: flex;
	flex-direction: column;
	box-sizing: border-box
}

.inMuMu .openDate .openDateArea-nav {
	display: flex;
	padding: 0;
	padding-bottom: 1.25vw;
	border-bottom: 1Px solid rgba(255,255,255,.2);
	min-height: auto
}

.inMuMu .openDate .openDateArea-nav p {
	font-size: 1.75vw;
	font-size: clamp(14Px,1.75vw,28PX);
	color: #ffd76b;
	text-align: center;
	flex: 1
}

.inMuMu .openDate .openDateArea-nav span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.875vw;
	min-width: 51Px;
	max-width: 94Px;
	font-size: 1vw;
	font-size: clamp(8Px,1vw,16PX);
	line-height: 1.5vw;
	padding: .3125vw 0;
	height: auto;
	border-radius: 2Px;
	box-shadow: 0 0 0 1Px #ffd76b;
	color: #ffd76b;
	cursor: pointer;
	margin-right: 1.5vw
}

.inMuMu .openDate .openDateArea-nav span:last-child {
	margin-right: 0
}

.inMuMu .openDate .openDateArea-nav span:hover {
	color: #3d110e;
	font-weight: 700;
	box-shadow: none;
	background: #ffcf4d
}

.inMuMu .openDate .openDateArea-nav span.active,.inMuMu .openDate .openDateArea-nav span:active {
	color: #3d110e;
	font-weight: 700;
	box-shadow: none;
	background: linear-gradient(90deg,#feef66,#ffc31a)
}

.inMuMu .openDate .openDateArea-content {
	margin-left: -1.5vw;
	margin-right: -1.5vw;
	margin-top: .625vw
}

.inMuMu .openDate .openDateArea .openDateAreaList {
	padding-bottom: 1.5vw
}

.inMuMu .openDate .openDateArea .openDateAreaList-item {
	padding: .625vw 1.5vw .25vw
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-img {
	width: 5vw;
	min-width: 40Px;
	max-width: 80Px;
	margin-right: 1vw
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-detail h3 {
	width: 6.25vw;
	font-size: 1.25vw;
	font-size: clamp(10Px,1.25vw,20PX);
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 2Px;
	margin-right: 1.0625vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-detail h3 span {
	margin-left: 2PX
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-message {
	font-size: 1vw;
	font-size: clamp(8Px,1vw,16PX);
	margin-bottom: 2Px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-tag {
	font-size: .875vw;
	font-size: clamp(7Px,.875vw,14PX);
	line-height: 1
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-tag span {
	max-width: 100%;
	flex-shrink: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 2PX;
	padding-bottom: 2Px;
	font-size: .875vw;
	font-size: clamp(7Px,.875vw,14PX);
	margin: 0;
	margin-left: .625vw
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-tag span:first-child {
	margin-left: 0
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-tag_gift,.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-tag_coupon,.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-tag_active,.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-tag_special {
	padding: 2Px 4Px;
	border-radius: 2Px
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo-tag_normal:before {
	margin-right: .625vw
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo .openDateAreaTimer {
	margin-right: 1.5vw
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo .openDateAreaTimer p {
	font-size: 1vw;
	font-size: clamp(8Px,1vw,16PX)
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo .openDateAreaTimer p:first-child {
	font-size: 1.25vw;
	font-size: clamp(10Px,1.25vw,20PX);
	margin-bottom: 4Px
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo .openDateAreaTimer p:last-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 1.5vw
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo .openDateAreaTimer span {
	font-size: .875vw;
	font-size: clamp(7Px,.875vw,14PX);
	border-radius: 2Px;
	padding: 0 .625vw;
	line-height: 1.375vw
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameInfo .openDateAreaTimer span.in-line {
	margin-left: 8Px
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameBtn {
	width: 3vw;
	min-width: 48Px;
	max-width: 110Px;
	height: 1.375vw;
	min-height: 22Px;
	max-height: 40Px;
	line-height: 1.5vw;
	border-radius: 4Px
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameBtn span {
	font-size: 1vw;
	font-size: clamp(8Px,1vw,16PX)
}

.inMuMu .openDate .openDateArea .openDateAreaList-item .gameBtn.type-large,.inMuMu .openDate .openDateArea .openDateAreaList-item .gameBtn.type-large.in-web {
	width: 9.25vw;
	min-width: 74Px;
	max-width: 148Px
}

.inMuMu .openDate .openDateBanner {
	flex: 433;
	max-width: 433Px;
	margin-right: 1.25vw
}

.inMuMu .openDate .openDateBanner .gameBigCard-content .gameInfo-img {
	width: 8vw
}

.inMuMu .openDate .openDateBanner .gameBigCard-content .gameInfo-detail h3 {
	font-size: 1.75vw;
	font-size: clamp(14Px,1.75vw,28PX);
	line-height: 1;
	margin-bottom: .5vw
}

.inMuMu .openDate .openDateBanner .gameBigCard-content .gameInfo-detail .gameInfo-message {
	font-size: 1.25vw;
	font-size: clamp(10Px,1.25vw,20PX);
	line-height: 2vw
}

.inMuMu .openDate .openDateBanner .gameBigCard-content .gameBtn {
	width: 4.5vw;
	min-width: 60Px;
	max-width: 120Px;
	padding: .3125vw .9375vw;
	box-sizing: border-box
}

.inMuMu .openDate .openDateBanner .gameBigCard-content .gameBtn span {
	font-size: 1.125vw;
	font-size: clamp(9Px,1.125vw,18PX)
}

.inMuMu .openDate .hotNews {
	flex: 1;
	padding: .625vw 1.25vw 1.25vw
}

.inMuMu .openDate .hotNews .newsTitle {
	font-size: 1.25vw;
	padding-bottom: .375vw;
	line-height: 1.6875vw
}

.inMuMu .openDate .hotNews .newsListContainer {
	width: calc(100% + 1.875vw);
	padding-top: 1.25vw;
	padding-left: .9375vw;
	padding-right: .625vw
}

.inMuMu .openDate .hotNews .newsListContainer::-webkit-scrollbar {
	width: .3125vw
}

.inMuMu .openDate .hotNews .newsListContainer::-webkit-scrollbar-thumb {
	border-radius: .1875vw
}

.inMuMu .openDate .hotNews .newsList .newsItem {
	margin-bottom: .625vw;
	line-height: 2vw;
	font-size: 1vw;
	font-size: clamp(8Px,1vw,16PX)
}

.inMuMu .openDate .hotNews .newsList .newsItem .newsLink .newsDate {
	flex-shrink: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
	color: #ffd76b!important
}

.inMuMu .openDate .hotNews .newsList .newsItem .newsLink .newsDate:after {
	margin-left: 6Px
}

.inMuMu .openDate .hotNews .newsList .newsItem .newsLink .newsContent {
	padding-left: .625vw;
	font-size: 1vw;
	font-size: clamp(8Px,1vw,16PX)
}

.inMuMu .games .games-nav-box {
	margin-bottom: 2vw
}

.inMuMu .games .games-nav-box .games-nav span {
	font-size: 1.25vw;
	font-size: clamp(10Px,1.25vw,20PX);
	padding: 0 1.625vw;
	height: 3vw
}

.inMuMu .games .games-nav-box .games-nav .active:before {
	width: 2vw;
	height: .375vw;
	bottom: -.375vw;
	left: 50%;
	margin-left: -1vw
}

.inMuMu .games .gGameList {
	margin-left: -1.5vw
}

.inMuMu .games .gGameList li {
	padding-left: 1.5vw
}

.inMuMu .games .gGameList .gameBigCard-img img {
	aspect-ratio: 476 / 348
}

.inMuMu .games .gGameList .gameBigCard-content {
	align-items: flex-end;
	padding: 1.625vw 1vw 1vw 1.5vw!important
}

.inMuMu .games .gGameList .gameBigCard-content .gameInfo-img {
	width: 6.25vw!important
}

.inMuMu .games .gGameList .gameBigCard-content .gameInfo-detail {
	margin-left: 1vw
}

.inMuMu .games .gGameList .gameBigCard-content .gameInfo-detail_content h3 {
	font-weight: 700;
	font-size: 1.25vw;
	font-size: clamp(10Px,1.25vw,20PX);
	line-height: 2vw;
	margin-bottom: 0
}

.inMuMu .games .gGameList .gameBigCard-content .gameInfo-detail_content .gameInfo-message {
	font-size: .875vw;
	font-size: clamp(7Px,.875vw,14PX);
	line-height: 1.375vw;
	margin-bottom: 0;
	color: #fff
}

.inMuMu .games .gGameList .gameBigCard-content .gameInfo-detail_content .gameInfo-tag span {
	line-height: 1.375vw;
	color: #fff;
	max-width: 100%;
	flex-shrink: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .875vw;
	font-size: clamp(7Px,.875vw,14PX);
	margin: 0;
	margin-left: .625vw;
	padding: 0
}

.inMuMu .games .gGameList .gameBigCard-content .gameInfo-detail_content .gameInfo-tag span:first-child {
	margin-left: 0
}

.inMuMu .games .gGameList .gameBigCard-content .gameInfo-detail_content .gameInfo-tag_normal:before {
	margin-right: .625vw
}

.inMuMu .games .gGameList .gameBigCard-content .card-right {
	min-width: 6.25vw!important;
	padding: 0;
	box-sizing: border-box
}

.inMuMu .games .gGameList .gameBigCard-content .card-right .gameBtn {
	width: 5vw;
	min-width: 3.75vw;
	max-width: 5.625vw;
	margin-bottom: .625vw!important
}

.inMuMu .games .gGameList .gameBigCard-content .card-right .gameBtn span {
	font-size: 1.125vw;
	font-size: clamp(9Px,1.125vw,18PX);
	width: 5vw;
	min-width: 4.375vw;
	max-width: 5.625vw;
	text-align: center
}

.inMuMu .games .gGameList .gameBigCard-content .card-right .game-reserve {
	font-size: .875vw!important;
	font-size: clamp(7Px,.875vw,14PX)!important;
	line-height: 1.375vw!important
}

.legendTopic {
	max-width: 1280Px;
	min-width: 768Px;
	padding: 32Px 40Px;
	min-height: calc(100vh + 1px);
	margin: 0 auto;
	user-select: none
}

.legendTopic-bg {
	width: 100%;
	height: calc(100vh + 1px);
	position: fixed;
	top: 0;
	z-index: -1;
	pointer-events: none;
	background: #131017;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat
}

@media only screen and (max-width: 767px),(orientation: portrait) {
	.legendTopic {
		padding: 32Px 20Px;
		min-width: unset;
		max-width: 100%
	}
}