@font-face {
	font-family: 'MiSans DemiBold';
	src: url('../fonts/MiSans-Demibold.woff2') format('woff2'), url('../fonts/MiSans-Demibold.woff') format('woff'), url('../fonts/MiSans-Demibold.ttf') format('truetype');
	font-display: block;
}

u {
	text-decoration: underline;
}

main {
	color: var(--gray-6);
}

@media only screen and (min-width: 768.1px) {
	main {
		flex-flow: row;
	}
}

@media only screen and (max-width: 768px) {
	main {
		flex-flow: column-reverse;
	}
}

.main-content {
	display: flex;
	flex-direction: column;
    flex: 1 0 70%;
}

@media screen and (max-width: 621px) {
	.main-content {
		flex: 1 0 55%;
	}
}

.main-side {
	display: flex;
	margin: 0 0 0.5rem 0;
	flex-direction: column;
	flex: 1 0 30%;
}

@media only screen and (max-width: 768px) {
	.main-side {
		flex: 1 0 auto;
	}
}

:focus {
	outline: none;
}

button {
	border: none;
	padding: 0;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	font-size: 0.875rem;
	background-color: transparent;
}

textarea {
	padding: 0.625rem;
	resize: none;
	box-sizing: border-box;
	overflow-anchor: none;
	margin: 0;
	width: 100%;
	overflow-x: hidden;
	font-size: 0.875rem;
	line-height: 1.6;
	background-color: var(--background-color);
	overscroll-behavior: contain;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	scrollbar-width: thin;
	scrollbar-color: #20313d transparent;
}

.s1ff97qc {
	width: 1rem;
	height: 1rem;
	fill: var(--gray-6);
}

.tabs-line .tabs-navs {
	height: 2.25rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tabs-line .tabs-nav {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	padding: 0 1.875rem;
	cursor: pointer;
}

.tabs-line .tabs-nav.tabs-nav-disabled:hover {
	cursor: not-allowed;
}

.tabs-line .tabs-nav.tabs-nav-disabled span {
	opacity: 0.5;
}

.tabs-line .tabs-nav.is-active {
	color: #f5f6f7;
	background-image: linear-gradient(to top, rgba(252, 175, 23, 0.15), rgba(252, 175, 23, 0) 60%);
}

.tabs-line .tabs-nav.is-active:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0.125rem;
	background-color: var(--color-theme);
}

.ui-input {
	--jw4p3i: #ffffff;
	--whdmoy: #31373d;
	--2vljes: #e9eaf2;
	--vv18os: #f5f6fa;
	--jw4p3i: #222328;
	--whdmoy: #f5f6f7;
	--2vljes: #2d3035;
	--vv18os: rgba(45, 48, 53, 0.5);
	margin-top: 1rem;
}

.ui-input.small .input-control {
	height: 2.75rem;
	border-radius: var(--radius-2);
	padding: 0 0.625rem;
}

.ui-input.small .input-after {
	margin: 0 1.125rem 0.375rem;
}

.ui-input.is-disabled .input-control {
	opacity: 0.5;
}

.ui-input.is-disabled .input-control:after {
	content: '';
	position: absolute;
	z-index: 10;
	inset: 0;
}

.ui-input.is-bold .input-control input {
	font-weight: 700;
}

.ui-input.is-error .input-control {
	border: 0.125rem solid #ff5656;
}

.ui-input .input-label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1rem;
	height: 1.25rem;
	margin: 0 0 0.375rem;
}

.ui-input .input-control {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: var(--radius-2);
	border: 1px solid var(--2vljes);
	background-color: var(--jw4p3i);
	height: 3.5rem;
	padding: 0 1.25rem;
	opacity: 1;
}

.ui-input .input-control textarea,
.ui-input .input-control input {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	height: 100%;
	min-width: 1rem;
	padding: 0;
	border: none;
	background-color: transparent;
	color: var(--whdmoy);
}

.ui-input .input-control textarea::-webkit-input-placeholder,
.ui-input .input-control input::-webkit-input-placeholder {
	color: var(--placeholder-color);
}

.ui-input .input-control textarea::-moz-placeholder,
.ui-input .input-control input::-moz-placeholder {
	color: var(--placeholder-color);
}

.ui-input .input-control textarea:-ms-input-placeholder,
.ui-input .input-control input:-ms-input-placeholder {
	color: var(--placeholder-color);
}

.ui-input .input-control textarea::placeholder,
.ui-input .input-control input::placeholder {
	color: var(--placeholder-color);
}

.ui-input .input-control textarea[readonly],
.ui-input .input-control input[readonly] {
	opacity: 0.5;
}

.ui-input .input-control textarea {
	padding: 1.125rem 0;
}

.ui-input .input-control.is-focus {
	border-color: var(--color-theme);
}

.ui-input .input-validate {
	position: absolute;
	left: 0;
	bottom: -1.75rem;
	background-color: #ff5656;
	color: #fff;
	padding: 0 0.5rem;
	border-radius: var(--radius-2);
	line-height: 1.375rem;
}

.ui-input .input-validate:before {
	content: '';
	width: 0.375rem;
	height: 0.375rem;
	background-color: #ff5656;
	position: absolute;
	top: -0.1875rem;
	left: 0.875rem;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ui-input .input-after {
	margin: 0 0.75rem 0.375rem;
}

.ui-select {
	--18w92jy: #fff;
	--sr34dy: #f5f6fa;
	--1yhspeg: rgba(95, 105, 117, 0.8);
	--18w92jy: #17181b;
	--sr34dy: rgba(45, 48, 53, 0.4);
	--1yhspeg: rgba(153, 164, 176, 0.6);
	position: relative;
	height: 2.5rem;
}

.ui-select.is-disabled {
	user-select: none;
	opacity: 0.5;
}

.ui-select.is-open {
	z-index: 10;
}

.ui-select.is-open .arrow > svg {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.ui-select.is-open .arrow.top > svg {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.ui-select.is-open .select-options-wrap {
	pointer-events: auto;
}

.ui-select .select-trigger {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	height: 100%;
	cursor: pointer;
	padding: 0 1.25rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: var(--radius-2);
	background-color: var(--18w92jy);
}

.ui-select .select-trigger span {
	font-size: 0.875rem;
}

.ui-select .select-trigger .arrow {
	width: 2.5rem;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
}

.ui-select .select-trigger .arrow > svg {
	font-size: 0.625rem;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.36, 0.66, 0.04, 1) allow-discrete;
	-webkit-transition: transform 0.5s cubic-bezier(0.36, 0.66, 0.04, 1) allow-discrete;
	transition: transform 0.5s cubic-bezier(0.36, 0.66, 0.04, 1) allow-discrete;
}

.ui-select .select-options-wrap {
	position: absolute;
	padding: 0.3125rem 0;
	width: 100%;
	left: 0;
	z-index: 2;
}

.ui-select .select-options {
	border-radius: var(--radius-2);
	padding: 0.125rem 0.375rem;
	background-color: var(--18w92jy);
	box-shadow: 0 0 8px #00000024;
	height: auto;
	max-height: 16.25rem;
}

.ui-select .select-options:not(.len-1) > .active {
	border-color: var(--color-theme);
}

.ui-select .select-options:not(.len-1) > .active:after {
	content: '';
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	top: 50%;
	margin-top: -0.25rem;
	right: 0.625rem;
	background-color: var(--color-theme);
	box-shadow: 0 0 0 0.3125rem #3bc11726;
}

.ui-select .select-options:not(.len-1) > .active:hover {
	background-color: transparent;
}

.ui-select .select-options.len-1 .select-option {
	margin: 0;
}

.ui-select .select-options.len-1 .select-option:hover {
	background-color: transparent;
}

.ui-select .select-option {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding: 0 0.625rem;
	font-size: 0.875rem;
	height: 2rem;
	margin: 0.25rem 0;
	border: 1px solid transparent;
	border-radius: var(--radius-2);
	cursor: pointer;
	color: var(--1yhspeg);
	white-space: nowrap;
}

.ui-select .select-option:hover {
	background-color: var(--sr34dy);
}

.ui-select .select-option.is-disabled {
	user-select: none;
}

.ui-select .search-input.ui-input {
	margin: 0;
}

.ui-select .search-input.ui-input .input-control {
	height: 2.5rem;
	border: none !important;
}

.ui-select .search-input .icon {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	margin-right: 0.375rem;
}

.ui-scrollview {
	box-sizing: border-box;
	height: 100%;
	overflow-y: auto;
	-webkit-flex: 1 1 1px;
	-ms-flex: 1 1 1px;
	flex: 1 1 1px;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-y;
	overscroll-behavior: contain;
}

.ui-scrollview.hide-bar.ui-scrollview::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
}

.ui-button {
	--3xr1hu: rgba(107, 113, 128, 0.8);
	--3xr1hu: #6b7180;
	display: block;
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: var(--radius-2);
	height: 3rem;
	font-weight: 700;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.36, 0.66, 0.04, 1) allow-discrete;
	-webkit-transition: transform 0.2s cubic-bezier(0.36, 0.66, 0.04, 1) allow-discrete;
	transition: transform 0.2s cubic-bezier(0.36, 0.66, 0.04, 1) allow-discrete;
}

.ui-button > .button-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.ui-button:active.ui-button:not(:disabled) {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}

.ui-button:disabled.ui-button:not(.is-loading) {
	opacity: 0.5;
	cursor: default;
}

.ui-button.button-big {
	height: 3.625rem;
}

.ui-button.button-small {
	height: 2.125rem;
}

.ui-button.yellow {
	color: var(--gray-0);
	background: rgb(241, 149, 17);
	background: radial-gradient(circle, rgba(241, 149, 17, 1) 38%, rgba(246, 199, 34, 1) 100%);
}

.ui-button.yellow:hover {
	background: radial-gradient(circle, rgba(241, 149, 17, 0.9) 38%, rgba(246, 199, 34, 1) 100%);
}

.button-group {
	--1waic39: rgba(95, 105, 117, 0.8);
	--1ez8use: rgba(218, 221, 230, 0.4);
	--6vfacd: rgba(218, 221, 230, 0.2);
	--1waic39: #99a4b0;
	--1ez8use: #31343c;
	--6vfacd: #3c404a;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.button-group > button {
	height: 2rem;
	width: 3.125rem;
	padding: 0;
	color: var(--1waic39);
	background: var(--1ez8use);
	margin-left: 0.25rem;
	color: var(--color-theme);
}

.button-group > button:first-child {
	margin-left: 0;
	padding-left: 0.125rem;
	border-top-left-radius: var(--radius-2);
	border-bottom-left-radius: var(--radius-2);
}

.button-group > button:last-child {
	padding-right: 0.125rem;
	border-top-right-radius: var(--radius-2);
	border-bottom-right-radius: var(--radius-2);
}

.button-group > button:hover {
	background: var(--6vfacd);
}

.tprfubn {
	padding: 0.625rem;
}

.tprfubn .tit {
	color: var(--color-theme);
}

@media screen and (max-width: 621px) {
	.tprfubn.pop {
		width: 16.25rem;
	}
}

.dc5qwem {
	--1ddgvnm: #b53e16;
	--cffof4: #c44921;
	--1vjigjx: 200%;
	--47bmn3: #ffffff;
	--1xbntki: rgba(213, 78, 66, 0);
	--1y20zy1: linear-gradient(to right, #dd5327, rgba(206, 85, 60, 0) 83%);
	--amuxk5: url(/template/5/img/red-packet/special/shadow.webp);
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-radius: 0 0 var(--radius-2) var(--radius-2);
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 1.5rem 1.25rem;
	background-image: radial-gradient(circle at 92% -19%, #b34622, var(--1ddgvnm) 17%, var(--cffof4) var(--1vjigjx));
	color: var(--47bmn3);
	font-size: 0.875rem;
	margin-bottom: 1rem;
}

@-webkit-keyframes depositbounce-dc5qwem {
	0% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	50% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	to {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
	}
}

@keyframes depositbounce-dc5qwem {
	0% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	50% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	to {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
	}
}

@-webkit-keyframes depositrotate-dc5qwem {
	0% {
		-webkit-transform: scale(2.2) translateY(18%) rotate(0deg);
		-ms-transform: scale(2.2) translateY(18%) rotate(0deg);
		transform: scale(2.2) translateY(18%) rotate(0);
	}

	to {
		-webkit-transform: scale(2.2) translateY(18%) rotate(360deg);
		-ms-transform: scale(2.2) translateY(18%) rotate(360deg);
		transform: scale(2.2) translateY(18%) rotate(360deg);
	}
}

@keyframes depositrotate-dc5qwem {
	0% {
		-webkit-transform: scale(2.2) translateY(18%) rotate(0deg);
		-ms-transform: scale(2.2) translateY(18%) rotate(0deg);
		transform: scale(2.2) translateY(18%) rotate(0);
	}

	to {
		-webkit-transform: scale(2.2) translateY(18%) rotate(360deg);
		-ms-transform: scale(2.2) translateY(18%) rotate(360deg);
		transform: scale(2.2) translateY(18%) rotate(360deg);
	}
}

.dc5qwem .theme1 {
	color: #ffcd16;
}

.dc5qwem .left {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	cursor: pointer;
}

.dc5qwem .left:after {
	content: '';
	position: absolute;
	top: 0;
	right: -6.25rem;
	bottom: 0;
	width: 18.25rem;
	background-image: radial-gradient(circle at 50% 50%, #ffa182, var(--1xbntki) 69%);
	-webkit-filter: blur(50px);
	filter: blur(50px);
	opacity: 0.63;
}

.dc5qwem .left .title {
	font-size: 1.75rem;
	line-height: 1.14;
	color: #f3f4f4;
	margin-top: 0.75rem;
	position: relative;
	z-index: 1;
}

.dc5qwem .left .desc {
	line-height: 1.5;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 1rem;
	margin-top: 0.875rem;
	max-width: 25rem;
	position: relative;
	z-index: 1;
}

.dc5qwem .left .desc .speed {
	font-size: 1.5rem;
	height: 4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: var(--1y20zy1);
	padding: 0 1.25rem;
	margin-left: -1.25rem;
	margin-bottom: 0.625rem;
	white-space: nowrap;
}

.dc5qwem .left .desc .speed .up {
	font-size: 2.25rem;
	padding-bottom: 0.375rem;
	padding-left: 0.375rem;
}

.dc5qwem .left .desc .date {
	font-size: 1.25rem;
}

.dc5qwem .left .detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	margin-top: 0.875rem;
}

.dc5qwem .left .icon {
	width: 0.875rem;
	height: 0.875rem;
	fill: var(--color-theme);
	margin-left: 0.375rem;
}

.dc5qwem .right {
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
}

.dc5qwem .right .item {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 1.125rem;
	text-align: center;
	position: relative;
}

.dc5qwem .right .item:after {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: -0.625rem;
	right: 0;
	height: 3.75rem;
	background: var(--amuxk5) no-repeat center/contain;
}

.dc5qwem .right .item:nth-child(1) {
	z-index: 4;
}

.dc5qwem .right .item:nth-child(1) .stage:after {
	background-image: url(/template/5/img/red-packet/special/bg1.svg);
}

.dc5qwem .right .item:nth-child(1) .mask {
	background-image: url(data:image/png;base64,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);
}

.dc5qwem .right .item:nth-child(1) .mask:after {
	background-image: url(/template/5/img/red-packet/special/mask1.webp);
}

.dc5qwem .right .item:nth-child(1) .ui-button {
	background-image: conic-gradient(from 1turn, #f19511, #f6c722);
}

.dc5qwem .right .item:nth-child(2) {
	z-index: 3;
}

.dc5qwem .right .item:nth-child(2) .stage:after {
	background-image: url(/template/5/img/red-packet/special/bg3.svg);
}

.dc5qwem .right .item:nth-child(2) .mask {
	background-image: url(/template/5/img/red-packet/special/light3.webp);
}

.dc5qwem .right .item:nth-child(2) .mask:after {
	background-image: url(/template/5/img/red-packet/special/mask3.webp);
}

.dc5qwem .right .item:nth-child(2) .text {
	color: #ffcd01;
}

.dc5qwem .right .item:nth-child(2) .ui-button {
	background-image: conic-gradient(from 1turn, #831db8, #ab46cf);
	color: #fff;
}

.dc5qwem .right .item:nth-child(3) {
	z-index: 2;
}

.dc5qwem .right .item:nth-child(3) .stage:after {
	background-image: url(/template/5/img/red-packet/special/bg2.svg);
}

.dc5qwem .right .item:nth-child(3) .mask {
	background-image: url(data:image/png;base64,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);
}

.dc5qwem .right .item:nth-child(3) .mask:after {
	background-image: url(/template/5/img/red-packet/special/mask2.webp);
}

.dc5qwem .right .item:nth-child(3) .ui-button {
	background-image: conic-gradient(from 1turn, #cc5600, #ff832b);
}

.dc5qwem .right .item:nth-child(4) {
	z-index: 1;
	margin-right: 0;
}

.dc5qwem .right .item:nth-child(4) .stage:after {
	background-image: url(/template/5/img/red-packet/special/bg4.svg);
}

.dc5qwem .right .item:nth-child(4) .mask {
	background-image: url(/template/5/img/red-packet/special/light4.webp);
}

.dc5qwem .right .item:nth-child(4) .mask:after {
	background-image: url(/template/5/img/red-packet/special/mask4.webp);
}

.dc5qwem .right .item:nth-child(4) .text {
	color: #ffcd01;
}

.dc5qwem .right .item:nth-child(4) .ui-button {
	background-image: conic-gradient(from 1turn, #3f128c, #7121fc);
	color: #fff;
}

.dc5qwem .right .item:hover:not(.mobile) .mask:after,
.dc5qwem .right .item.active .mask:after {
	-webkit-animation: depositrotate-dc5qwem 5s linear infinite;
	animation: depositrotate-dc5qwem 5s linear infinite;
}

.dc5qwem .right .item:hover:not(.mobile) .stage,
.dc5qwem .right .item.active .stage {
	top: -0.625rem;
}

.dc5qwem .right .item:hover:not(.mobile) .stage .effect,
.dc5qwem .right .item.active .stage .effect {
	display: block;
}

.dc5qwem .right .item:hover:not(.mobile) .ui-button,
.dc5qwem .right .item.active .ui-button {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.dc5qwem .right .item:hover:not(.mobile) .big-bonus-img,
.dc5qwem .right .item.active .big-bonus-img {
	top: -0.75rem;
}

.dc5qwem .right .item:hover:not(.mobile) .icon,
.dc5qwem .right .item.active .icon {
	fill: #ffd444;
}

.dc5qwem .right .item .ui-button:disabled {
	opacity: 0.5 !important;
}

.dc5qwem .right .stage {
	position: relative;
	z-index: 2;
	border-radius: var(--radius-2);
	line-height: normal;
	padding-top: 119.6%;
	color: #222329;
	top: 0.625rem;
	-webkit-transition: top 0.2s ease-in allow-discrete;
	transition: top 0.2s ease-in allow-discrete;
}

.dc5qwem .right .stage:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 1.5rem;
	right: 0;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.dc5qwem .right .stage .mask {
	position: absolute;
	top: 0.1875rem;
	left: 0.1875rem;
	right: 0.1875rem;
	height: 80%;
	border-radius: var(--radius-2);
	overflow: hidden;
	background: no-repeat center/contain;
	z-index: 0;
}

.dc5qwem .right .stage .mask:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 100%;
	-webkit-transform: scale(2.2) translateY(18%);
	-ms-transform: scale(2.2) translateY(18%);
	transform: scale(2.2) translateY(18%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.dc5qwem .right .stage .front {
	position: absolute;
	inset: 0;
	z-index: 3;
	background: no-repeat center bottom/ 100% auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-mask-image: linear-gradient(to top, transparent 10%, black 80%), linear-gradient(to bottom, transparent 20%, black 80%);
	mask-image: linear-gradient(to bottom, transparent 10%, black 90%);
}

.dc5qwem .right .stage .text {
	position: absolute;
	top: 0.875rem;
	left: 0;
	right: 0;
	color: #222329;
	line-height: normal;
	font-weight: 600;
}

.dc5qwem .right .stage .text .small {
	font-size: 0.875rem;
}

.dc5qwem .right .stage .text .large {
	font-size: 1.25rem;
}

.dc5qwem .right .stage .bonus-name-title {
	position: absolute;
	bottom: 0.875rem;
	z-index: 6;
	font-weight: 600;
	width: 100%;
	white-space: nowrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.dc5qwem .right .stage .effect {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: none;
}

.dc5qwem .right .stage .effect-item {
	width: 2.5rem;
	height: 2.5rem;
	background: url(/template/5/img/red-packet/special/effect-coin-right.webp) no-repeat center/contain;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-animation: depositbounce-dc5qwem 1s alternate linear infinite;
	animation: depositbounce-dc5qwem 1s alternate linear infinite;
}

.dc5qwem .right .stage .effect-item:last-child {
	top: unset;
	bottom: 0.625rem;
	background-image: url(/template/5/img/red-packet/special/effect-coin-left.webp);
	right: unset;
	left: 0;
}

.dc5qwem .right .stage__arrow {
	position: absolute;
	top: 40%;
	right: -1.75rem;
	width: 2.375rem;
	height: 2.375rem;
	border-radius: var(--radius-2);
	background: #222329;
	z-index: 3;
}

.dc5qwem .right .stage__arrow .icon {
	fill: #9e9e9e;
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
}

.dc5qwem .right .ui-button {
	width: 8.875rem;
	height: 2.75rem;
	margin: 0 auto;
	color: #222329;
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.2s ease-out allow-discrete;
	transition: all 0.2s ease-out allow-discrete;
	position: relative;
	z-index: 3;
}

@media screen and (max-width: 621px) {
	.dc5qwem {
		display: block;
		padding: 0.875rem;
	}

	.dc5qwem > .ui-button {
		width: auto;
		min-width: 60%;
		height: 3.375rem;
		margin-right: 0;
		line-height: 3.375rem;
		background-image: conic-gradient(from 1turn, #f19511, #f6c722);
		margin: 1.75rem auto 0;
	}

	.dc5qwem > .ui-button.index_1 {
		background-image: conic-gradient(from 1turn, #cc5600, #ff832b);
	}

	.dc5qwem > .ui-button.index_2 {
		background-image: conic-gradient(from 1turn, #831db8, #ab46cf);
		color: '#ffffff';
	}

	.dc5qwem > .ui-button.index_3 {
		background-image: conic-gradient(from 1turn, #3f128c, #7121fc);
		color: '#ffffff';
	}

	.dc5qwem .left {
		position: relative;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.dc5qwem .left:after {
		right: 0;
		width: 100%;
		height: 11.875rem;
		opacity: 0.2;
	}

	.dc5qwem .left .title {
		font-size: 1.5rem;
		margin-top: 0;
		position: relative;
		z-index: 1;
	}

	.dc5qwem .left .desc {
		font-size: 0.75rem;
		margin-top: 0.625rem;
		max-width: 18.75rem;
		position: relative;
		z-index: 1;
	}

	.dc5qwem .left .desc .speed {
		height: 3.5rem;
		font-size: 1.25rem;
	}

	.dc5qwem .left .desc .speed .up {
		font-size: 1.75rem;
		padding-bottom: 0.25rem;
	}

	.dc5qwem .left .desc .date {
		font-size: 1.25rem;
	}

	.dc5qwem .left .detail {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}

	.dc5qwem .right {
		margin-top: 1.25rem;
	}

	.dc5qwem .right .item {
		margin-right: 0.5rem;
	}

	.dc5qwem .right .item:after {
		bottom: -2rem;
		height: 1.875rem;
	}

	.dc5qwem .right .item:nth-child(1) .stage:after {
		background-image: url(/template/5/img/red-packet/special/bg1.svg);
	}

	.dc5qwem .right .item:nth-child(1) .mask {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAABUCAMAAAAs2/yjAAAAV1BMVEUAAAD/42z/42v/42v/42z/427/42v/42v/4mv/42z/42v/427/42z/423/4mv/5XX/4mv/42v/423/5HD/42v/42z/42z/42v/42v/423/42v/5HL/534c70WQAAAAHXRSTlMARXFsPBlOU3YzXx4vKlcKemcmFEk3QH5jIlsPBpFpf74AAAPCSURBVGje1djdUuMwDAVglbZJ+t+0pTRN3v85VxZlz7LGdhQljHPuGKB8c8aRYujUdR3NJ+2JMx/zteXMx7y+cuZj3q058zE3zW63m4/5cmk4u6A5M/ThcLi4hMyZFb3nHILmNreeNy49zKc8el69c4QcNF8zMt9XnB/NjYuQMzIvFnfOl3nj95yX+XZbuMDM8czxnk+/aC6K4sbxzHgEszKXZVm8yD/0nJ35eDyWpZi9nkFWmCce0E/OkRMgh83+GgR5uofwseXAjLOheQRhbic213X9EPJWyOme46MOPbeTmJfLZe3IHKV502c8j21+e3tbClnM6Dn+COpXt8RurqqKxc6MngNnwz6e7ebz+Vy5gKw7G++x8ez3bB12H5yzZwZ5uBnkEc1n5grZRcgRc3qlTG2uHDNtDo5nmFf6NagfHG9OB7OL0lwoxobZvHQmmD/UZ8O+umFOD47aSWD2zkYV73nclZLu+eEAIHs9J8wYG0BbVvcp0fN2y3+3FrME5AFm5Rps+vT8Hf18bjkwo2ffHFgpxlekRmPmz39yhBwx+6NOElqD5birG2b+WOnEkSUacxU4GoqedWZ3tSw5gkbPLgFzYjzXMCfXoN5M/BlF8TKjZ+9s2MczbimGNUgLzs0z++fZPp7R83Az8W8sFj3Ny1TPypVy67lSYCb3g3eYDWdjujUIM/G3VyuYQQ6Za3vPGBvaNUgbzruLZ36hQfbM6p4fup59M7kvpH0hx8zl/+aBrxsPw62bnHsvgVnR89Dx/Bh2gyVX8UESN4OcNlcJ8/D/FNCu4XyZQYb57pvRsyOrzdWA2+Dq00zrnUvjEjbbR91IN1i6rjkwX1ziPevNhtcNjDoJXV3ErOz5pjfbVzdR153aFubxzgbI45lJImavZyeGmclKs/p1I71SCAmZBR0ZdTAX4ZVSj3ODBTZgBtkzu5jX4FllFmLYvI6ZY2Nj9NVdCxlEdc/7VM/fyOablZxn6MLmNtZzajzfRjADDVjKHHgETStF/bpB/WM329cgNFOaF/16Tq8UQAxm2+p+KnomRG/ut1JGNINrMCdWd8ysXYOEGMzpUWe6wcJMiNV8+tszjjPM49xgrUr/GQz3vE+ZC0nsH1+ETG823QbFTJ/J0lxKvo1nhcBk9s+zfqVwaPJ0HczmmxVNH5jtrxukiX3WtcY1aCXYe1bdrOj3g4uKfnWTItOZdzDH1yDpMpF5jZ7j45lyCMyp1w3KJhEzeqa8kuqZMkzETLnGMwuZso5npvzzr5lmkpeZ5pSu+wNhx8Z37d/gzQAAAABJRU5ErkJggg==);
	}

	.dc5qwem .right .item:nth-child(2) .stage:after {
		background-image: url(/template/5/img/red-packet/special/bg2.svg);
	}

	.dc5qwem .right .item:nth-child(2) .mask {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAABUCAMAAAAs2/yjAAAAolBMVEUAAAD/rHD/rHH/rXH/rXH/rHL/rnz/rXH/rXD/rXH/rXj/q3b/s3z/rXH/qnn/rXv/sGz/qIT/sHz/s2r/smr/qIH/qXz/qIL/smr/s2v/qH//qID/qnj/rm7/qIX/sGv/r2z/qX3/p4n/sHz/qXv/r23/rm3/qnj/uY//r2z/tnv/sWv/qnr/qX7/sWr/r23/sGv/sWv/qIb/qIP/sWv/sGxGW5sYAAAANnRSTlMAfnV4bGkUb3tyHmMMZlYXSSkRGiY1SjErIT46XmIlQVJGGg9OVl5aBU0IOVJCL1o9MyEtNkWt4j4JAAAExklEQVRo3tXYgVoSQRQF4JsKJEmYlqWSQKRihQjp+79aZ1njBIfZO+O6tJwn+L/7nbkzu3Zy9GNsu5Nut9ls7o75G9LdHfN83m63n8k7YL66upojIO+E+QNyhWRkmkHOzPVDf/79G2CQd8P8GQGZ5rmYRzUyX35C1EwyAnJdzBeXiJg3VKMe5snkAnkmq3leM/NwOEFoJlmO4IJM839ZdmdnZ8MsGTloJpnmE5hHWzd/R86QdbKaA3Xebjfe/0JyMs1a5xWymqvuBrlZMjHNL6rGlsy93u3tbW5GkqvBx0Z+oyCVmt+96yG3NIPsVMPdzhXOudN5h/Ro5pj9amzffNBoNEBemjlmhNUIzFnrTPNJFeZWq3VwQHOoGjQnbzqQX8+8t3d4eJiT1cxu0DyRI0hy9eb9/f29BVnGnHYE3TrTXAb95s3bt28ds1NnvxoIyCXM5OYBmeYFOWyGmObJqhnx6ozt/HLzPob7l8wx0wxyoM40T4aBOnvbOd0MHYxijqkzzVrnqsytFlzQkSxmZ9MV1BmJqvNRtLkBS2vVTDLCagSOoFbDNc/XzSBHzrnT6UDx1xxRDYR1lmqU3nQgF5lvviIwg0xzuTrzRvHqnG6e3iA0N6Qa3HRBs5JpJjq6ziAHzdfXU4TkUDU4570os5L9OuuYxTwYDK6RBVrNh8FqIDyCz+T0xwYSW43cfHx3dzcImQ9ojqlz3NvZr3N7sxmxp2PkjmaQWWeOmeaU7YxsuLg5aOezSsnW7z89gbxi5pg55+jt3CisM7fzIql1toeHh35fzCSn1JljZp39I5jyKWiPP39CLOYB53xTts5I2nYO/8O12Wz2CDLQNAfqrNWgmeT4t/N6nYWs29m+3N/P7kFemvtZtM7TLLHbOSfTHF9nmjfO2T5+Qe6RGc1ajaA5oRpLcy+1ztx0dv4Ryc0g52ZWQ8eMcNOxGgl1TnggXa53w9rnWXIy5+xUA2TPrI8NkP1qOH827BRptxdkmjnmQrNWg+b9wHb2zHoEL/7ZztZsdk9Jptmvs4454e2M5OS0Pxs2wr+hpphB1jqHzIhsOkSqkfp2/q5H0I6QUW7u0gxydJ1pJhrkgotbzBv/Eqh5MrTxGA+dzLwgB8wcs1YjfKMU15lvZ1bDfSAZMkaeyUszyb5ZL+7y2xnhmGk2hGSaU+t8vG7WI5j+DlWzMWoGudDsVWMqR1CqkVhnY9S8Vo22t+n8x4ZzBEkO1Nk0Umff7NfZ/Xx9U2BmNawgXjV00/mPjalUI6nO5mUcs+mQ2Gropkv5s0GXaz7K0GWqQXPqdl6aLT5a51Oat/TYsLSMLW4700yy/1nlb2d7SZKPoH9xR/4lcGDeEXQ2XeLF7VfDSiViO/vvUISbbkEOPzasfEBGEuuMvKTOpilb58J3KCLVQAIXt2w6e81sqob/KehvZ47ZXj3uEfSrEX5sWCWBOf0dqmb9FLSqwjmPEh8bNGs1rKrQXH47c85WaWgu9SlIsjmpxtx0tvNj6AjaFkPziNu5yKxvZ9tuaNYjeB6xnW37oTm2zqyGVRqfnHhx2/8Pxxwys85Wk8Acs52tTlkxdzcdQatdYA4/Nqyeyc1aZ6txYF6/Uazuycw8grYTWZptd5KZ/wASEys4IJLKkgAAAABJRU5ErkJggg==);
	}

	.dc5qwem .right .item:nth-child(3) .stage:after {
		background-image: url(/template/5/img/red-packet/special/bg3.svg);
	}

	.dc5qwem .right .item:nth-child(3) .mask {
		background-image: url(data:image/png;base64,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);
	}

	.dc5qwem .right .item:nth-child(4) .stage:after {
		background-image: url(/template/5/img/red-packet/special/bg4.svg);
	}

	.dc5qwem .right .item:nth-child(4) .mask {
		background-image: url(data:image/png;base64,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);
	}

	.dc5qwem .right .item .ui-button {
		display: none;
	}

	.dc5qwem .right .stage {
		padding-top: 157.77%;
		border-radius: var(--radius-2);
	}

	.dc5qwem .right .stage:after {
		inset: 0 0 12px;
	}

	.dc5qwem .right .stage .mask {
		border: 0.0625rem solid transparent;
		border-radius: var(--radius-2);
		top: 1px;
		left: 1px;
		right: 1px;
	}

	.dc5qwem .right .stage .front {
		bottom: 1px;
		background-size: 100% auto;
	}

	.dc5qwem .right .stage .bonus-name-title {
		font-size: 0.75rem;
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		bottom: -0.125rem;
	}

	.dc5qwem .right .stage .text .small {
		zoom: 0.6;
	}

	.dc5qwem .right .stage .text .large {
		font-size: 1.25rem;
	}

	.dc5qwem .right .stage .effect-item {
		width: 1.25rem;
		height: 1.25rem;
	}

	.dc5qwem .right .stage__arrow {
		-webkit-transform: scale(0.6);
		-ms-transform: scale(0.6);
		transform: scale(0.6);
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		right: -1.4375rem;
	}
}

.s5x8bgl {
	--1n7ksai: #ffffff;
	--tt26x0: rgba(95, 105, 117, 0.8);
	--664oo8: #f5f6fa;
	--whdmoy: #31373d;
	--awt1w7: rgba(245, 246, 250, 0.4);
	--157d7l0: #f6f7fa;
	--5ajn2k: #f1f3f7;
	--15e1b1i: rgba(95, 105, 117, 0.3);
	--1mpgd1v: #f6f7fa;
	--1m9vfxv: rgba(0, 0, 0, 0.2);
	--1n7ksai: #31343c;
	--tt26x0: rgba(153, 164, 176, 0.8);
	--664oo8: rgba(30, 32, 36, 0.4);
	--whdmoy: #f5f6f7;
	--awt1w7: rgba(30, 32, 36, 0.2);
	--157d7l0: #1e2024;
	--5ajn2k: #3c404a;
	--15e1b1i: #24282b;
	--1mpgd1v: #24282b;
	--1m9vfxv: rgba(0, 0, 0, 0.5);
	padding: 0.5rem;
	max-width: 65rem;
	width: 100%;
}

.s5x8bgl .title {
	font-size: var(--font-size-fluid-1);
	color: var(--gray-0);
	margin-bottom: 0.75rem;
	font-weight: 800;
}

.s5x8bgl .wallet-mg {
	margin-top: 1.5rem;
}

.s5x8bgl .input-pre .coin-icon {
	width: 1.5rem;
	height: 1.5rem;
}

.s5x8bgl .content-area {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.s5x8bgl .content-area .menu {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	padding: 1rem 0.625rem;
	background-color: var(--1n7ksai);
	border-radius: var(--radius-2);
	margin-right: 1.25rem;
	height: auto;
	max-width: 220px;
	width: 20%;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.s5x8bgl .content-area .menu > a {
	display: block;
	height: 2.75rem;
	border-radius: var(--radius-2);
	padding-left: 1rem;
	line-height: 2.75rem;
	-webkit-text-decoration: none;
	text-decoration: none;
	margin-bottom: 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.s5x8bgl .content-area .menu > a .icon {
	margin-right: 0.75rem;
	width: 1.25rem;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
}

.s5x8bgl .content-area .menu > a.is-active {
	background-color: var(--664oo8);
	font-weight: 700;
	color: var(--whdmoy);
}

.s5x8bgl .content-area .menu > a.is-active .icon {
	fill: var(--whdmoy);
}

.s5x8bgl .content-area .menu > a:not(.is-active):hover {
	background-color: var(--awt1w7);
}

.s5x8bgl .content-area .menu > a:last-child {
	margin-bottom: 0;
}

.s5x8bgl .content-area .menu .name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.s5x8bgl .content-area .menu .line {
	height: 1px;
	background-color: var(--5ajn2k);
	width: 100%;
	margin-bottom: 0.5rem;
}

.s5x8bgl .content-area .right-info {
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	/* margin-left: .25rem; */
	background-color: rgba(72, 74, 83, 0.15);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	border-radius: var(--radius-2);
	padding: 1.5rem 2rem 2rem;
}

.s5x8bgl .content-area.bg-transparent .right-info {
	padding: 0;
	background-color: transparent;
}

.s5x8bgl .content-area.bg-transparent .right-info .transaction-list,
.s5x8bgl .content-area.bg-transparent .right-info .turnover-list {
	background-color: var(--1n7ksai);
	border-radius: var(--radius-2);
}

.s5x8bgl .ui-tabs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.s5x8bgl .ui-tabs .tabs-navs {
	border-bottom: 1px solid var(--5ajn2k);
	margin-bottom: 1rem;
}

.s5x8bgl .ui-tabs .tabs-navs .is-active {
	color: var(--gray-0);
	font-weight: 600;
}

.s5x8bgl .ui-tabs .tabs-nav {
	min-width: 12.5rem;
}

.s5x8bgl .limit-width {
	max-width: 500px;
}

.s5x8bgl .wallet-balance .tabs-view {
	max-width: 100%;
}

.s5x8bgl .ui-select {
	height: 2.875rem;
}

.s5x8bgl .ui-input .input-control {
	padding: 0 0.75rem;
	height: 2.875rem;
	background-color: var(--157d7l0);
	/* border: none; */
}

.s5x8bgl .ui-input .input-label {
	margin-left: 0;
}

.s5x8bgl .loading {
	height: 18.75rem;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
}

.s5x8bgl .ui-button .loading {
	height: auto;
}

@media screen and (max-width: 621px) {
	.s5x8bgl {
		padding-top: 0;
	}

	.s5x8bgl .wallet-mg {
		margin-top: 1rem;
	}

	.s5x8bgl .input-pre .coin-icon {
		width: 1.5rem;
		height: 1.5rem;
	}

	.s5x8bgl .ui-tabs .tabs-navs .tabs-nav {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.s5x8bgl .m-fixtop {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 99;
	}

	.s5x8bgl .m-fixbot {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 99;
	}

	.s5x8bgl .m-title {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 1rem 0;
		background-color: var(--1mpgd1v);
	}

	.s5x8bgl .m-title .txt {
		font-size: 1rem;
		font-weight: 600;
		margin-right: auto;
		color: var(--color-theme);
		padding-left: 0.9375rem;
	}

	.s5x8bgl .m-title button {
		margin-right: 0.9375rem;
	}

	.s5x8bgl .m-title span {
		color: var(--tt26x0);
	}

	.s5x8bgl .m-title .icon {
		display: inline-block;
		vertical-align: top;
		width: 1.125rem;
		height: 1.125rem;
		margin: 0 0.5rem 0 0;
	}

	.s5x8bgl .m-title .btn-close {
		width: 1.875rem;
		height: 100%;
		margin-right: 0;
	}

	.s5x8bgl .m-title .back {
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	.s5x8bgl .m-title .is-active,
	.s5x8bgl .m-title .is-active span {
		color: var(--color-theme);
	}

	.s5x8bgl .m-title .is-active .icon {
		fill: var(--color-theme);
	}

	.s5x8bgl .content-area {
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto;
		/* padding: 3.75rem 0 5.625rem; */
		min-height: 52vh;
		background: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.s5x8bgl .content-area .right-info {
		/* padding: 1.25rem 0.625rem; */
		padding: 1.25rem 0.42rem;
	}

	.s5x8bgl .content-area.bg-transparent div.menu {
		display: none;
	}

	.s5x8bgl .content-area.bg-transparent .right-info {
		padding-top: 1.25rem;
		margin-left: 0;
	}

	.s5x8bgl .content-area .menu {
		margin-right: 0;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		max-width: none;
		width: 100%;
		padding: 1rem 0.875rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		background-color: var(--1mpgd1v);
	}

	.s5x8bgl .content-area .menu .line {
		display: none;
	}

	.s5x8bgl .content-area .menu > a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		height: auto;
		margin-bottom: 0;
		line-height: 1rem;
	}

	.s5x8bgl .content-area .menu > a.is-active {
		background-color: transparent;
	}

	.s5x8bgl .content-area .menu > a .name {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0 0.125rem;
		width: 100%;
		text-align: center;
	}

	.s5x8bgl .content-area .menu > a .icon {
		width: 1.5rem;
		height: 1.5rem;
		margin-bottom: 0.375rem;
		margin-right: 0;
	}
}

.s1d2hzl {
	--1n7ksai: #ffffff;
	--157d7l0: #f6f7fa;
	--1m9vfxv: rgba(0, 0, 0, 0.2);
	--1n7ksai: #31343c;
	--157d7l0: #1e2024;
	--1m9vfxv: rgba(0, 0, 0, 0.5);
}

.s1d2hzl .ui-select.is-open {
	border: 0.0625rem solid var(--color-theme);
}

.s1d2hzl .ui-select .select-options-wrap {
	margin: 0.125rem 0 0;
	background-color: var(--157d7l0);
	box-shadow: 0 8px 32px var(--1m9vfxv);
}

.s1d2hzl .ui-select .input-control {
	background-color: var(--1n7ksai);
}

.s1d2hzl .ui-select .select-trigger {
	background-color: var(--157d7l0);
}

.s1d2hzl .ui-select .select-options {
	background-color: transparent;
	box-shadow: none;
}

.s1d2hzl .ui-select .select-options .select-option.active {
	border: none;
	background: rgba(252, 175, 23, 0.1);
	background-image: linear-gradient(to left, rgba(252, 175, 23, 0.15), rgba(252, 175, 23, 0) 60%);
}

.sqr8hpk {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
}

.sqr8hpk .choose-title {
	margin-top: 1rem;
	line-height: 0.875rem;
	margin-bottom: 0.75rem;
	font-size: var(--font-size-fluid-0);
}

.sqr8hpk .deposit-btn.submit-btn {
	margin-top: 2.5rem;
}

.c1vrdrpn.disable {
	opacity: 0.5;
	pointer-events: none;
}

.skrx3dl {
	--hibme9: #eaecf3;
	--10srnob: linear-gradient(to right, #ffffff, #ffffff00);
	--5l1a8f: #5f6975;
	--marxoy: rgba(0, 0, 0, 0.3);
	--p7l5pg: rgba(0, 0, 0, 0.6);
	--lqhrcl: #ffffff;
	--46svqe: #98a7b5;
	--luw1g8: #d7d9e0;
	--hibme9: #1c1e22;
	--10srnob: linear-gradient(to right, #2d3035, #2d303500);
	--5l1a8f: #98a7b5;
	--marxoy: rgba(0, 0, 0, 0.4);
	--p7l5pg: rgba(255, 255, 255, 0.6);
	--lqhrcl: #2d3035;
	--46svqe: #98a7b5;
	--luw1g8: #0f1013;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -0.5rem;
	-webkit-box-pack: unset;
	-webkit-justify-content: unset;
	-ms-flex-pack: unset;
	justify-content: unset;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.skrx3dl .empty {
	width: 100%;
}

.skrx3dl .promotion-item {
	cursor: pointer;
	box-sizing: border-box;
	padding: 0 0.5rem;
	-webkit-flex: 0 0 33.33%;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	margin-top: 0.75rem;
	position: relative;
}

.skrx3dl .promotion-item:hover {
	opacity: 0.8;
}

.skrx3dl .promotion-item:hover .item-cont {
	background: var(--luw1g8);
}

.skrx3dl .promotion-item .tag {
	position: absolute;
	right: 1.6875rem;
	top: -0.3125rem;
	z-index: 10;
}

.skrx3dl .promotion-item .tag img {
	width: 3rem;
	height: 2.875rem;
}

.skrx3dl .promotion-item .mask {
	position: absolute;
	z-index: 9;
	inset: 0;
}

.skrx3dl .promotion-item .banner {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: var(--radius-2);
}

.skrx3dl .promotion-item .banner:after {
	content: '';
	display: block;
	/* padding-top: 43%; */
	padding-top: 37%;
}

.skrx3dl .promotion-item .banner .desc {
	padding: 4% 0 0 4.2%;
	position: absolute;
	color: var(--gray-6);
	left: 0;
	top: 0;
	min-width: 60%;
	height: 100%;
}

.skrx3dl .promotion-item .banner .desc * {
	margin: 0;
}

.skrx3dl .promotion-item .banner .desc h1 {
	font-size: 1.375rem;
	line-height: 2.25rem;
}

.skrx3dl .promotion-item .banner .desc p {
	font-size: 1rem;
	line-height: 1.25rem;
	margin: 0.25rem 0;
}

.skrx3dl .promotion-item .banner img {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	display: block;
}

.skrx3dl .promotion-item .item-cont {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 1.5625rem 0;
	background: var(--hibme9);
}

.skrx3dl .promotion-item .item-cont .info {
	padding: 0 0.625rem;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	width: 1px;
}

.skrx3dl .promotion-item .item-cont .date {
	color: var(--p7l5pg);
	font-size: 0.875rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.skrx3dl .promotion-item .item-cont .tit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1rem;
	color: var(--5l1a8f);
	font-weight: 1000;
}

.skrx3dl .promotion-item .item-cont .in-progress,
.skrx3dl .promotion-item .item-cont .btn-end {
	padding: 0.6875rem 1.25rem;
	margin-right: 0.9375rem;
	width: auto;
	line-height: 1;
	font-size: 0.875rem;
	color: #47c737;
	background: var(--lqhrcl);
}

.skrx3dl.archived .promotion-item .ui-button,
.skrx3dl.archived .promotion-item .btn-end {
	color: var(--46svqe);
}

.skrx3dl.archived .promotion-item .item-cont {
	opacity: 0.5;
}

@media screen and (min-width: 621px) and (max-width: 1000px) {
	.skrx3dl .promotion-item {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
}

@media screen and (max-width: 621px) {
	.skrx3dl .promotion-item {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.skrx3dl .promotion-item .item-cont {
		padding: 0.625rem 0;
	}

	.skrx3dl .promotion-item .item-cont .tit {
		margin-bottom: 0;
	}

	.skrx3dl .promotion-item .item-cont .info {
		padding-left: 0.625rem;
	}

	.skrx3dl .promotion-item .banner .desc h1 {
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin: 0.3125rem 0;
	}

	.skrx3dl .promotion-item .banner .desc p {
		font-size: 1rem;
		line-height: 1.25rem;
		margin: 0.1875rem 0;
	}
}

.szcv1vb {
	--7m5ae8: #eaecf3;
	--jzg2k2: rgba(152, 167, 181, 0.1);
	--1gpk8hv: rgba(58, 201, 72, 0.1);
	--1mxor19: #3ac948;
	--1rnmoed: #eaecf3;
	--7m5ae8: #3c404a;
	--jzg2k2: rgba(152, 167, 181, 0.1);
	--1gpk8hv: rgba(58, 201, 72, 0.1);
	--1mxor19: #3ac948;
	--1rnmoed: #2d3035;
}

.szcv1vb .loading-wrap {
	height: 2.875rem;
}

.szcv1vb .loading-wrap .loading {
	height: 100%;
}

.szcv1vb .fast-btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0.75rem;
	width: 100%;
	overflow-x: auto;
	-ms-overflow-style: none;
	-webkit-scrollbar-width: none;
	-moz-scrollbar-width: none;
	-ms-scrollbar-width: none;
	scrollbar-width: none;
}

.szcv1vb .fast-btns::-webkit-scrollbar {
	display: none;
}

.szcv1vb .fast-btns .trending-coin {
	width: 100%;
	font-size: 0.75rem;
}

.szcv1vb .fast-btns .ui-button {
	border: 1px solid var(--7m5ae8);
	background-color: var(--1rnmoed);
	height: 1.875rem;
	border-radius: 0.9375rem;
	margin-right: 0.46875rem;
	width: auto;
	padding: 0 0.625rem;
}

.szcv1vb .fast-btns .ui-button .button-inner {
	font-weight: 400;
}

.szcv1vb .fast-btns .ui-button:hover {
	background-color: var(--jzg2k2);
}

.szcv1vb .fast-btns .ui-button.active {
	background-color: var(--1gpk8hv);
	border-color: var(--1mxor19);
	color: var(--color-theme);
}

.szcv1vb .fast-btns .more-btn-fix {
	width: 0;
	height: 0;
}

.szcv1vb .fast-btns .more-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 0;
}

.szcv1vb .fast-btns .more-btn .imgs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 1rem;
}

.szcv1vb .fast-btns .more-btn .imgs img {
	margin-left: -0.625rem;
}

.szcv1vb .fast-btns .more-btn .imgs img.t {
	z-index: 2;
}

.szcv1vb .fast-btns .more-btn .imgs img.c {
	z-index: 1;
}

.szcv1vb .fast-btns .more-btn .icon {
	font-size: 0.625rem;
	margin-left: 0.25rem;
}

.szcv1vb .fast-btns img {
	width: 0.875rem;
	height: 0.875rem;
	margin-right: 0.25rem;
}

.szcv1vb .balance-input input:-moz-read-only {
	cursor: not-allowed;
}

.szcv1vb .balance-input input:read-only {
	cursor: not-allowed;
}

@media screen and (max-width: 621px) {
	.szcv1vb .fast-btns img {
		width: 1.375rem;
		height: 1.375rem;
		margin-right: 0.25rem;
	}

	.szcv1vb .fast-btns .ui-button {
		padding: 0 0.75rem;
		height: 2.25rem;
		border-radius: 1.25rem;
	}
}

.conqb7w.disable {
	opacity: 0.5;
	pointer-events: none;
}

.conqb7w > div {
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	width: 100%;
}

.conqb7w .wallet-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
}

.conqb7w .wallet-line > div {
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	margin-top: 0;
}

.conqb7w .wallet-line > div:nth-child(2n) {
	margin-left: 1rem;
}

.s1xb0yxf {
	--1h443ei: #ffffff;
	--1rnmoed: #eaecf3;
	--10ilef0: linear-gradient(to right, #ffffff, #ffffff00);
	--179e2t1: var(--sub-text-color);
	--iwllfs: #ffffff;
	--hibme9: #eaecf3;
	--zofaf: #ffffff;
	--1kd4kd0: #bec1cc;
	--ovfu3b: #5f6975;
	--1rwh1cb: #31373d;
	--1h443ei: #2d3035;
	--1rnmoed: #2d3035;
	--10ilef0: linear-gradient(to right, #24262b, #24262b00);
	--179e2t1: --text-color;
	--iwllfs: #1e2024;
	--hibme9: #1c1e22;
	--zofaf: #24262b;
	--1kd4kd0: #353940;
	--ovfu3b: --text-color;
	--1rwh1cb: #fff;
}

.s1xb0yxf.page-max-width-wrap {
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
	max-width: 900px;
}

.s1xb0yxf .prmotion-nav {
	background: var(--1h443ei);
	border-radius: var(--radius-2);
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0.625rem 0.75rem;
	margin-bottom: 1.25rem;
}

.s1xb0yxf .prmotion-nav .icon {
	margin: 0 1rem;
	width: 0.875rem;
}

.s1xb0yxf .prmotion-nav .target {
	color: var(--gray-6);
	font-weight: 600;
}

.s1xb0yxf .promotion-content {
	border-radius: var(--radius-2);
	width: 100%;
}

.s1xb0yxf .promotion-content .first-section {
	margin-top: 1.5rem;
}

.s1xb0yxf .promotion-content .first-section .event-title {
	font-weight: 700;
	font-size: 1.5rem;
	color: var(--gray-0);
}

.s1xb0yxf .promotion-content .first-section .event-sub-title {
	font-size: 0.875rem;
	color: var(--gray-6);
	margin: 0.625rem 0 1.5rem;
}

.s1xb0yxf .promotion-content .first-section .end-date {
	color: var(--ovfu3b);
	font-size: 0.875rem;
}

.s1xb0yxf .promotion-content .line {
	margin-top: 1.5rem;
	height: 1px;
	background: var(--1kd4kd0);
}

.s1xb0yxf .promotion-content .total-prize {
	flex-direction: row;
	justify-content: space-evenly;
	padding-top: 1.5rem;
	display: none;
}

.s1xb0yxf .promotion-content .total-prize.active {
	display: flex;
}

.s1xb0yxf .promotion-content .total-prize .prize-box {
	line-height: 1;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background: var(--iwllfs);
	border-radius: 4px;
	padding: 0.375rem 1.75rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.s1xb0yxf .promotion-content .total-prize .prize-box .left-box {
	font-weight: 700;
	font-size: 1.25rem;
	color: var(--gray-0);
	line-height: 24px;
}

.s1xb0yxf .promotion-content .total-prize .prize-box .right-box {
	text-align: right;
	padding-left: 4.375rem;
	font-style: italic;
}

.s1xb0yxf .promotion-content .total-prize .prize-box .right-box .fiat {
	font-weight: 800;
	font-size: 1.875rem;
	text-transform: capitalize;
	color: #ffaa2a;
	line-height: 36px;
}

.s1xb0yxf .promotion-content .total-prize .prize-box .right-box .current-currency {
	font-size: 0.875rem;
	color: var(--179e2t1);
	line-height: 17px;
	margin-left: 0.5rem;
}

.s1xb0yxf .promotion-content .total-prize .prize-box .right-box .current-currency img {
	width: 2rem;
	height: 2rem;
}

.s1xb0yxf .promotion-content a {
	color: var(--color-theme);
	-webkit-text-decoration: underline;
	text-decoration: underline;
	cursor: pointer;
}

.s1xb0yxf .games {
	background: var(--hibme9);
	border-radius: 4px;
	padding: 1.5rem;
}

.s1xb0yxf .games .games-title {
	font-style: italic;
	font-weight: 800;
	font-size: 1.25rem;
	text-align: center;
}

.s1xb0yxf .games .games-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.s1xb0yxf .games .games-list .game-item {
	cursor: pointer;
	margin-top: 1.0625rem;
	padding-right: 0.375rem;
	padding-left: 0.375rem;
	-webkit-flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	/* max-width: 20%; */
	max-width: 10%;
}

.s1xb0yxf .games .games-list .game-item:hover {
	opacity: 0.8;
}

.s1xb0yxf .games .games-list .game-item .img-box {
	vertical-align: middle;
}

.s1xb0yxf .games .games-list .game-item .img-box.active {
	border: 1px solid var(--color-theme);
    border-radius: 100%;
}

.s1xb0yxf .games .games-list .game-item .img-box img {
	width: 100%;
	display: block;
}

.s1xb0yxf .games .games-list .game-item .name {
	font-size: 0.75rem;
	padding: 0.625rem 0.875rem;
	background: var(--zofaf);
	color: var(--1rwh1cb);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

.s1xb0yxf .banner-wrap {
	padding: 0rem;
	filter:grayscale(0.8);
	/* background-color: var(--1rnmoed); */
}

.s1xb0yxf .banner-wrap.active {
	padding: 0rem;
	filter:grayscale(0);
	/* background-color: var(--1rnmoed); */
}

.s1xb0yxf .canvas-wrap {
	background:#cc1d46;
	position:relative;
	left:50%;
	translate:-50%;
	height:500px;
}

.s1xb0yxf .canvas-wrap canvas {
	cursor: pointer;
}

.s1xb0yxf hr {
	border-color: var(--placeholder-color);
}

.s1xb0yxf table td {
	border: 1px solid var(--placeholder-color);
	padding: 0.3125rem;
}

.s1xb0yxf .banner {
	/* position: relative; */
	overflow: hidden;
	border-radius: var(--radius-2);
	color: var(--gray-6);
}

.s1xb0yxf .banner img {
	width: 100%;
	border-radius: 4px;
	display: block;
}

.s1xb0yxf .banner .time {
	position: absolute;
	left: 50%;
    translate: -50%;
	/* right: 0; */
	width: 23.125rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0.5rem 0rem;
	background: rgba(0, 0, 0, 0.7);
	bottom: 1.125rem;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
}

.s1xb0yxf .banner p {
	font-size: 1.125rem;
}

.s1xb0yxf .banner .time .time-down {
	font-size: 1.125rem;
	font-weight: 900;
	font-family: monospace, monospace;
	padding-left: 1.25rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.s1xb0yxf .banner .time .time-down .days,
.s1xb0yxf .banner .time .time-down .hours,
.s1xb0yxf .banner .time .time-down .minutes,
.s1xb0yxf .banner .time .time-down .seconds {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.s1xb0yxf .banner .time .time-down .days p,
.s1xb0yxf .banner .time .time-down .hours p,
.s1xb0yxf .banner .time .time-down .minutes p,
.s1xb0yxf .banner .time .time-down .seconds p {
	margin: 0;
}

.s1xb0yxf .banner .desc {
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.s1xb0yxf .banner .desc-wrap {
	position: absolute;
	left: 0%;
	top: 0;
	height: 100%;
	min-width: 60%;
	color: var(--gray-6);
	padding: 2.6% 0 0 3%;
}

.s1xb0yxf .banner .desc * {
	margin: 0;
}

.s1xb0yxf .banner .desc h1 {
	font-size: 1.875rem;
	line-height: 2.25rem;
	margin: 0.3125rem 0;
}

.s1xb0yxf .banner .desc p {
	font-size: 1.125rem;
	line-height: 1.25rem;
	margin: 0.25rem 0;
}

.s1xb0yxf .cont {
	padding: 1.75rem 0rem;
	display: none;
}

.s1xb0yxf .cont.active {
	display: block;
}

.s1xb0yxf .cont .event-detail {
	font-size: 1rem;
}

.s1xb0yxf .cont .tit {
	color: var(--gray-0);
	font-weight: 800;
	font-style: italic;
	margin: 0 0 0.1rem 0;
}

.s1xb0yxf .cont .desc {
	color: var(--gray-6);
	font-weight: 800;
	font-style: italic;
	margin: 0 0 0.8rem 0;
}

.s1xb0yxf .terms .term-title {
	margin-top: 1.25rem;
}

.s1xb0yxf .operate {
	margin: 2.5rem 0 1.875rem;
}

.s1xb0yxf .operate .ui-button {
	width: unset;
}

.s1xb0yxf .operate .ui-button .button-inner {
	width: unset;
	padding: 0 30px;
}

@media screen and (max-width: 621px) {
	.s1xb0yxf.page-max-width-wrap {
		padding: 0.625rem;
	}

	.s1xb0yxf .promotion-content {
		padding: 0.5rem;
	}

	.s1xb0yxf .promotion-content .cont {
		padding: 0.5rem;
		margin-top: 0.75rem;
	}

	.s1xb0yxf .banner:before {
		padding-top: 96%;
	}

	.s1xb0yxf .banner img {
		height: 100%;
		width: 100%;
		display: block;
	}

	.s1xb0yxf .banner .desc {
		left: 1.5rem;
		top: 0.75rem;
	}

	.s1xb0yxf .banner .desc-wrap {
		padding: 3% 0 0 5%;
	}

	.s1xb0yxf .banner .desc h1 {
		font-size: 1.125rem;
		line-height: 1.625rem;
		margin: 0.3125rem 0;
	}

	.s1xb0yxf .banner .desc p {
		font-size: 1rem;
		line-height: 1.25rem;
		margin: 0.1875rem 0;
	}

	.s1xb0yxf .banner .time {
		width: 23.125rem;
		bottom: 1.125rem;
		padding: 0.5rem 1.625rem;
		font-size: 0.875rem;
	}

	.s1xb0yxf .banner .time .time-down {
		font-size: 0.875rem;
	}

	.s1xb0yxf .cont {
		padding: 0;
	}

	.s1xb0yxf .first-section .event-title {
		font-size: 1.25rem;
	}

	.s1xb0yxf .first-section .event-sub-title {
		font-size: 0.875rem;
	}

	.s1xb0yxf .promotion-content .total-prize {
		flex-direction: column;
		padding-top: unset;
	}
	
	.s1xb0yxf .promotion-content .total-prize .prize-box {
		width: 100%;
		padding: 0.5rem 1rem;
		margin-top: 1.5rem;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.s1xb0yxf .promotion-content .total-prize .prize-box .right-box {
		padding-left: 1.875rem;
	}

	.s1xb0yxf .promotion-content .games {
		padding: 1.875rem 0rem;
	}

	.s1xb0yxf .promotion-content .games .games-list-center {
		-webkit-box-pack: unset;
		-webkit-justify-content: unset;
		-ms-flex-pack: unset;
		justify-content: unset;
	}

	.s1xb0yxf .promotion-content .games-list {
		margin-top: 1rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 0.375rem;
	}

	.s1xb0yxf .promotion-content .games-list .game-item {
		margin-top: 0.5rem;
		padding-right: 0.25rem;
		padding-left: 0.25rem;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		/* max-width: 50%; */
		max-width: 20%;
	}

	.s1xb0yxf .promotion-content .games-list .game-item .img-box {
		vertical-align: middle;
	}

	.s1xb0yxf .promotion-content .games-list .game-item .img-box img {
		width: 100%;
		display: block;
	}

	.s1xb0yxf .promotion-content .games-list .game-item .name {
		font-size: 0.75rem;
		padding: 0.625rem 0.875rem;
	}

	.s1xb0yxf .promotion-content .banner-wrap {
		padding: 0;
	}
}

.ui-dialog-wrap {
	--18w92jy: #fff;
	--35p5sb: #fff;
	--7h9g04: #f5f6fa;
	--whdmoy: #31373d;
	--18w92jy: #17181b;
	--35p5sb: #1e2024;
	--7h9g04: #17181b;
	--whdmoy: #f5f6f7;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 29rem;
	height: 45rem;
	margin: -375px 0 0 -280px;
	-webkit-transition-property: width, height, margin-left, margin-top, background-color;
	transition-property: width, height, margin-left, margin-top, background-color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	transition-behavior: allow-discrete;
	border-radius: var(--radius-2);
	overflow: hidden;
	background-color: var(--18w92jy);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.ui-dialog {
	position: absolute;
	right: 0;
	top: 0;
	width: 29rem;
	height: 45rem;
	max-width: 90vw;
	max-height: 90vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	background-color: var(--7h9g04);
}

.ui-dialog > div:last-child {
	padding: 1.25rem;
	background-color: var(--35p5sb);
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.ui-dialog-loading {
	width: 12.5rem;
	height: 12.5rem;
}

.dialog-head {
	position: relative;
	z-index: 10;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 3.75rem;
	margin-left: 1.125rem;
	-webkit-transition: all 0.5s allow-discrete;
	transition: all 0.5s allow-discrete;
}

.dialog-head.has-close {
	margin-right: 3.75rem;
}

.dialog-head.has-back {
	margin-left: 3.125rem;
}

.dialog-head .dialog-title {
	font-size: 1rem;
	margin: 0;
	font-weight: 700;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--whdmoy);
	line-height: 1;
}

.dialog-back {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 3.75rem;
	height: 3.75rem;
}

.dialog-back svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	width: 16px;
	height: 16px;
}

.dialog-box {
	color: #99a4b099;
	background-color: var(--35p5sb);
	border-top-left-radius: var(--radius-2);
	border-top-right-radius: var(--radius-2);
	padding: 1.75rem 1.125rem;
}

@media screen and (max-width: 621px) {
	.ui-dialog-overlayer {
		width: 100%;
		height: 100%;
	}

	.ui-dialog-wrap {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		margin: 0;
		border-radius: 0;
	}

	.ui-dialog {
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;
	}

	.dialog-box {
		padding: 1rem;
	}
}

.ui-pop-overlayer {
	z-index: 10001;
}

.pop {
	width: 26.25rem;
	min-height: 370px;
	max-width: 26.25rem;
	max-height: 100%;
	border-radius: var(--radius-2);
	position: absolute;
	overflow: hidden;
	background-color: var(--18w92jy);
	font-size: 0.8125rem;
	padding: 1.25rem;
}

.pop-title {
	color: var(--njpvpw);
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 700;
}

.pop-close {
	position: absolute;
	right: 0.3125rem;
	top: 0.3125rem;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0.625rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1;
}

.pop-close .icon {
	-webkit-transition: all 0.5s allow-discrete;
	transition: all 0.5s allow-discrete;
	width: 1rem;
	height: 1rem;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0);
}

.pop-close:hover .icon {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 0.5s allow-discrete;
	transition: all 0.5s allow-discrete;
}

@media screen and (max-width: 621px) {
	.pop {
		width: 96vw;
		min-height: auto;
	}
}