@charset "UTF-8";

.footer[data-v-b6cfb3f8] {
	margin-top: 50px;
	color: #fff
}

.footer .link[data-v-b6cfb3f8] {
	display: flex;
	align-items: center;
	justify-content: center
}

.footer .link a[data-v-b6cfb3f8] {
	margin: 0 10px;
	color: #fff
}

.footer span[data-v-b6cfb3f8] {
	display: block;
	margin-top: 10px
}

img[data-v-b6cfb3f8] {
	width: 100%
}

.inputTips[data-v-b6cfb3f8] {
	width: 910px;
	padding: 5px;
	text-align: left;
	background-color: #fdc211cc;
	border-radius: 4px
}

.page_mall[data-v-b6cfb3f8] {
	box-sizing: border-box;
	display: block;
	min-width: 375px;
	max-width: 1320px;
	padding: 20px;
	margin: 0 auto
}

.page_mall .title[data-v-b6cfb3f8] {
	text-align: left
}

.page_mall .mall_main[data-v-b6cfb3f8] {
	display: flex;
	justify-content: space-between
}

.page_mall .mall_main .mall_left[data-v-b6cfb3f8] {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 275px;
	min-height: 600px;
	padding-top: 30px;
	margin-right: 30px;
	background-color: #fff;
	border-radius: 10px
}

.page_mall .mall_main .mall_left .game_logo[data-v-b6cfb3f8] {
	display: block;
	width: 160px;
	margin: 0 auto
}

.page_mall .mall_main .mall_left .game_tit[data-v-b6cfb3f8] {
	box-sizing: border-box;
	display: block;
	padding: 10px 0;
	font-size: 22px;
	color: #333;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: wrap
}

.page_mall .mall_main .mall_left .game_desc[data-v-b6cfb3f8] {
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 24px;
	color: #7f7f7f;
	text-align: left
}

.page_mall .mall_main .mall_left .game_desc span[data-v-b6cfb3f8] {
	display: block;
	margin-bottom: 10px
}

.page_mall .mall_main .mall_left .FAQ[data-v-b6cfb3f8] {
	margin-bottom: 20px;
	font-size: 24px;
	text-decoration: underline
}

.page_mall .mall_main .mall_right[data-v-b6cfb3f8] {
	display: flex;
	flex: 1;
	flex-direction: column
}

.page_mall .mall_main .mall_right .search[data-v-b6cfb3f8] {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-align: left
}

.page_mall .mall_main .mall_right .search .hidden-xs-only[data-v-b6cfb3f8] {
	width: 250px
}

.page_mall .mall_main .mall_right .search .editView[data-v-b6cfb3f8] {
	display: flex;
	justify-content: flex-start;
	padding-top: 10px
}

.page_mall .mall_main .mall_right .search .editView[data-v-b6cfb3f8] .el-select {
	width: 100px
}

.page_mall .mall_main .mall_right .search .editView>span[data-v-b6cfb3f8] {
	margin-right: 10px;
	margin-bottom: 10px
}

.page_mall .mall_main .mall_right .search .editView>.selectType[data-v-b6cfb3f8] {
	margin-right: 10px
}

.page_mall .mall_main .mall_right .search .editView>.userIdInput[data-v-b6cfb3f8] {
	flex: 1;
	min-width: 240px;
	max-width: 400px;
	margin-bottom: 10px
}

.page_mall .mall_main .mall_right .search .editView>.button[data-v-b6cfb3f8] {
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 15px;
	color: #333;
	background-color: #fecb41;
	border-color: #fecb41
}

.page_mall .mall_main .mall_right .search .userInfo span[data-v-b6cfb3f8] {
	margin-right: 20px
}

.page_mall .mall_main .mall_right .goodsList[data-v-b6cfb3f8] {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	height: 488px;
	overflow-y: auto
}

.page_mall .mall_main .mall_right .goodsList[data-v-b6cfb3f8]::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

.page_mall .mall_main .mall_right .goodsList[data-v-b6cfb3f8]::-webkit-scrollbar-thumb {
	background-color: #00d1ff4d;
	border-radius: 3px
}

.page_mall .mall_main .mall_right .goodsList[data-v-b6cfb3f8]::-webkit-scrollbar-track {
	background-color: #138aa41a;
	border-radius: 3px
}

.page_mall .mall_main .mall_right .goodsList .line[data-v-b6cfb3f8] {
	width: 165px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 10px;
	overflow: hidden;
	background-color: #138aa466;
	border: 1px solid #138aa4;
	border-radius: 10px
}

.page_mall .mall_main .mall_right .goodsList .line .num[data-v-b6cfb3f8] {
	display: block;
	font-size: 20px;
	line-height: 40px;
	color: #00d1ff
}

.page_mall .mall_main .mall_right .goodsList .line .icon[data-v-b6cfb3f8] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 120px
}

.page_mall .mall_main .mall_right .goodsList .line .icon img[data-v-b6cfb3f8] {
	width: 100px
}

.page_mall .mall_main .mall_right .goodsList .line .payNow[data-v-b6cfb3f8] {
	box-sizing: border-box;
	padding: 10px;
	font-size: 20px;
	background-color: #138aa499
}

.page_mall .mall_main .mall_right .goodsList .line .payNow .epbtn[data-v-b6cfb3f8] {
	width: 100%;
	padding: 20px 0;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	background-color: #fecb41;
	border-color: #fecb41
}

.page_mall .mall_main .mall_right .currencyList[data-v-b6cfb3f8] {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.page_mall .mall_main .mall_right .currencyList p[data-v-b6cfb3f8] {
	display: flex;
	font-size: 30px
}

.page_mall .mall_main .mall_right .currencyList .dataList[data-v-b6cfb3f8] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 50px
}

.page_mall .mall_main .mall_right .currencyList .dataList .line[data-v-b6cfb3f8] {
	height: 168px
}

.page_mall .mall_main .mall_right .currencyList .dataList .icon[data-v-b6cfb3f8] {
	font-size: 66px;
	cursor: pointer
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox {
	min-width: 375px;
	max-width: 600px;
	background-color: #000000b3;
	border: 1px solid rgba(254, 203, 65, .5);
	border-radius: 15px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .el-dialog__header {
	height: auto;
	padding: 0
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .el-dialog__header .el-dialog__title {
	display: block;
	font-size: 32px;
	font-weight: 700;
	line-height: 2.5;
	color: #fff
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .el-dialog__header .el-dialog__headerbtn {
	font-size: 32px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payInfo {
	box-sizing: border-box;
	display: flex;
	flex-flow: wrap;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 6px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payInfo .info {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 5px 20px;
	font-size: 20px;
	color: #000;
	background-color: #fff
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payInfo .info .icon_diamond {
	display: flex;
	align-items: center
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payInfo .info .icon_diamond img {
	width: 24px;
	margin-right: 5px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payInfo .info span:first-child {
	font-family: Rubik-Regular
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payInfo .info span:last-child {
	font-family: Rubik-Bold
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payInfo .info.Tips span {
	font-family: Rubik-Regular;
	color: #f64627
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	margin-bottom: 20px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 6px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .item .tit {
	font-size: 24px;
	color: #000
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .item .svg {
	display: flex;
	align-items: center;
	height: 100%;
	margin-left: 10px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .item .svg .visa {
	width: 60px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .item .svg .mtc {
	width: 50px;
	margin-left: 10px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .item .svg .paypal {
	display: flex;
	align-items: center;
	width: 80px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .item .svg .img img {
	display: block;
	width: 100%
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .gpay {
	cursor: pointer;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: #3c40434d 0 1px 1px, #3c404326 0 1px 3px 1px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .gpay .svg .img {
	display: flex;
	align-items: center;
	width: 66px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .cashapp .svg .img {
	display: flex;
	align-items: center;
	width: 150px
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .applepay {
	display: block
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .applepay button {
	width: 100%;
	height: 100%
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .localPay .svg .img {
	display: flex;
	align-items: center
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .localPay.giropay {
	background-color: #003a7d
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .localPay.trustly {
	background-color: #003140
}

.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .localPay.skrill {
	background-image: linear-gradient(to right, #872166, #4f2355);
	transition: background-color .3s
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide {
	min-width: 375px;
	max-width: 800px;
	height: 60vh;
	background-color: #000000b3;
	border: 1px solid rgba(254, 203, 65, .5);
	border-radius: 15px
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .el-dialog__header {
	height: auto;
	padding: 0
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .el-dialog__header .el-dialog__title {
	display: block;
	font-size: 32px;
	font-weight: 700;
	line-height: 2.5;
	color: #fff
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .el-dialog__header .el-dialog__headerbtn {
	font-size: 32px
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .hr {
	height: 2px;
	margin-bottom: 20px;
	background: linear-gradient(to right, transparent 0%, rgba(254, 203, 65, .8) 50%, transparent 100%)
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .el-dialog__body {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .setps {
	box-sizing: border-box;
	padding: 0 20px
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .setps .setp {
	display: flex;
	align-items: center;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 15px
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .setps .setp .sort {
	position: relative;
	align-self: flex-start;
	margin-right: 10px;
	font-size: 20px;
	color: #fff
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .setps .setp .sort:before {
	position: absolute;
	top: 0;
	left: calc(50% - 11px);
	width: 22px;
	height: 22px;
	content: "";
	border: 1px solid #fecb41;
	transform: rotate(-45deg)
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .setps .setp .desc {
	flex: 1;
	margin: 0 10px;
	font-size: 22px;
	line-height: 1.6;
	color: #ffeecf;
	text-align: left
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .setps .setp .img {
	width: 34%;
	border: 1px solid rgba(254, 203, 65, .8)
}

.page_mall[data-v-b6cfb3f8] .rechargeGuide .setps .appleTips {
	display: block;
	margin: 20px 0;
	font-size: 30px;
	color: #fff
}

@media screen and (width <=500px) {
	.page_mall[data-v-b6cfb3f8] {
		padding: 0 10px
	}

	.page_mall .mall_main .mall_right .goodsList .line[data-v-b6cfb3f8] {
		margin-right: 5px;
		margin-left: 5px
	}

	.page_mall[data-v-b6cfb3f8] .PaymentMethodBox .payList .item .tit {
		font-size: 18px
	}

	[data-v-b6cfb3f8] .el-overlay-dialog {
		display: flex;
		align-items: center
	}

	[data-v-b6cfb3f8] .el-overlay-dialog .PaymentMethodBox {
		margin: 0 auto
	}
}

[data-v-b6cfb3f8] .el-tabs__item .custom-tabs-label {
	font-size: 16px;
	color: #fff
}

[data-v-b6cfb3f8] .el-tabs__item.is-active .custom-tabs-label {
	color: #fecb41
}

[data-v-b6cfb3f8] .el-tabs__active-bar {
	background-color: #fecb41
}