@charset "UTF-8";

* {
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	box-sizing: border-box
}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

img {
	border: 0 none;
	vertical-align: top
}

i,em {
	font-style: normal
}

ol,ul {
	list-style: none
}

input,select,button,h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-family: inherit
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none;
	color: inherit
}

body {
	margin: 0 auto;
	height: 100%;
	background: #f6f6f6;
	font-size: .24rem;
	font-family: -apple-system,Helvetica,sans-serif;
	line-height: 1.5;
	color: #333;
	-webkit-text-size-adjust: 100%!important;
	text-size-adjust: 100%!important
}

input[type="text"],textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

body.modal-open {
	position: fixed;
	width: 100%
}

.app-icon-qq-full {
	color: #44bce9
}

.app-icon-wechat-full {
	color: #51c332
}

.fl {
	float: left
}

.fr {
	float: right
}

.tr {
	text-align: right
}

.hide {
	display: none
}

.tc-weak {
	color: #999
}

.btn {
	display: inline-block;
	border: 0;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	transition: .2s ease;
	border-radius: .05rem
}

.btn-major {
	color: #000;
	background: #ffd900
}

.btn-major:hover {
	background: #ffec17
}

.btn-major-app {
	color: #000;
	background: #71acde
}

.btn-major-app:hover {
	background: #5498d2
}

.btn-major-app:active {
	background: #f1cd00;
	box-shadow: inset 2px 2px 10px rgba(0,0,0,.1)
}

.btn-major:active {
	background: #f1cd00;
	box-shadow: inset 2px 2px 10px rgba(0,0,0,.1)
}

.m-list-hor a h2,.m-list-cov h2,.m-list-cov p,.m-list-ver .game-info h2,.m-list-ver .game-info p {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.m-list-ver a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #eee;
	content: ''
}

@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	.m-list-ver a:after {
		transform: scaleY(.5);
		transform-origin: 0 100%
	}
}

@media(-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3) {
	.m-list-ver a:after {
		transform: scaleY(.333);
		transform-origin: 0 100%
	}
}

.g-tabbar {
	position: fixed;
	left: 50%;
	bottom: 0;
	z-index: 100;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	max-width: 7.5rem;
	background: rgba(0,0,0,.8);
	height: 1rem;
	line-height: 1;
	color: #fff;
	transform: translateX(-50%)
}

.g-tabbar a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.g-tabbar a.active {
	color: #ffd900
}

.g-tabbar a:before {
	margin-bottom: .1rem;
	font-family: 'iconfont';
	font-size: .4rem;
	content: '\e640'
}

.g-tabbar a.game:before {
	content: '\e640'
}

.g-tabbar a.server:before {
	content: '\e64d'
}

.g-tabbar a.my:before {
	content: '\e70e'
}

.g-tabbar ~ .g-wrapper {
	padding-bottom: 1rem
}

.g-navbar {
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 100;
	padding: 0 .2rem;
	height: .9rem;
	width: 100%;
	max-width: 7.5rem;
	background: #fff;
	font-size: .3rem;
	line-height: .9rem;
	text-align: center;
	transform: translateX(-50%)
}

.g-navbar i {
	position: absolute;
	left: 0;
	top: 0;
	width: .9rem;
	line-height: .9rem;
	cursor: pointer;
	color: #999;
	z-index: 3
}

.g-navbar .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255,255,255,.98);
	opacity: 0;
	z-index: 1
}

.g-navbar h1 {
	position: relative;
	margin: 0 .9rem;
	z-index: 2
}

.g-navbar:not(.ghost) ~ .g-wrapper {
	padding-top: .9rem
}

.g-navbar.ghost {
	background: 0
}

.g-navbar.ghost h1 {
	opacity: 0
}

.g-wrapper>header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .2rem;
	height: .9rem;
	background: #fff
}

.g-wrapper>header .logo {
	flex: 1;
	height: .5rem;
	background: url(data:image/png;
	base64,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) no-repeat 0 50%;background-size: contain
}

.g-wrapper>header .btn {
	padding: 0 1em;
	line-height: .5rem;
	border-radius: 5rem
}

.m-load-more {
	padding: .3rem;
	text-align: center;
	color: #666;
	font-size: .28rem
}

.m-banner {
	height: 2.5rem
}

.m-banner img {
	width: 100%;
	height: 100%
}

.m-record {
	position: relative;
	margin-bottom: .3rem;
	padding: .2rem 0;
	background: #fff
}

.m-record dt {
	position: absolute;
	left: 0;
	top: 50%;
	margin-right: .3rem;
	padding: .5em;
	width: 2em;
	background: #51baff;
	color: #fff;
	line-height: 1;
	transform: translateY(-50%);
	border-radius: 0 5px 5px 0
}

.m-record dd {
	padding-left: .7rem
}

.m-section {
	margin-bottom: .3rem;
	background: #fff
}

.m-section dt {
	position: relative;
	text-align: center;
	font-size: .42rem;
	line-height: 1.2rem
}

.m-section dt:after,.m-section dt:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2rem;
	height: .03rem;
	transform: translateY(-50%);
	background: #ccc;
	content: ''
}

.m-section dt:after {
	margin-left: -2.5em;
	transform: translate(-100%,-50%);
	background: linear-gradient(to left,rgba(250,200,0,1),rgba(250,200,0,0))
}

.m-section dt:before {
	margin-left: 2.5em;
	background: linear-gradient(to right,rgba(250,200,0,1),rgba(250,200,0,0))
}

.m-section a:active {
	opacity: .88
}

.m-tab-hook {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1
}

.m-tab-hook li {
	margin-left: 1px;
	padding: .12rem .4rem;
	background: #f3f3f3;
	cursor: pointer
}

.m-tab-hook li.active {
	background: #f8c908
}

.m-tab-hook li:first-child {
	border-radius: 1rem 0 0 1rem
}

.m-tab-hook li:last-child {
	border-radius: 0 1rem 1rem 0
}

.m-list-cov {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 .3rem .2rem
}

.m-list-cov a {
	margin-bottom: .3rem;
	width: 3.3rem
}

.m-list-cov a img {
	width: 100%;
	border-radius: .1rem
}

.m-list-cov h2 {
	margin-top: .1rem;
	font-size: .32rem;
	font-weight: 500
}

.m-list-hor a {
	float: left;
	margin-right: .3rem;
	width: 1.2rem
}

.m-list-hor a img {
	width: 1.2rem;
	height: 1.2rem
}

.m-list-hor a h2 {
	margin-top: .1rem;
	height: 1.5em;
	text-align: center;
	font-size: .28rem;
	font-weight: 500
}

.m-list-ver a {
	position: relative;
	display: flex;
	align-items: center;
	padding: .25rem .3rem
}

.m-list-ver a:active {
	background: #f9f9f9
}

.m-list-ver a:after {
	margin-left: .3rem
}

.m-list-ver a:last-child:after {
	content: none
}

.m-list-ver .game-icon {
	width: 1rem;
	height: 1rem
}

.m-list-ver .game-info {
	margin: 0 .3rem;
	flex: 1
}

.m-list-ver .game-info h2 {
	font-size: .34rem;
	font-weight: 500
}

.m-list-ver .btn {
	width: 1.6rem;
	line-height: .58rem;
	border-radius: 5rem;
	font-size: .28rem
}

.g-user>header {
	justify-content: flex-start;
	padding: .4rem;
	height: auto;
	min-height: 2rem;
	background: linear-gradient(to right,#ffd900,#ffc600)
}

.g-user>header .head-icon {
	margin-right: .3rem;
	width: 1rem;
	height: 1rem;
	border: .05rem solid rgba(255,255,255,.5);
	box-sizing: content-box;
	border-radius: 50%
}

.g-user>header h2,.g-user>header a {
	font-size: .36rem;
	font-weight: 500
}

.g-user>header h2 ~ a {
	opacity: .5;
	font-size: .26rem
}

.g-user .btn-logout {
	display: block;
	margin: .4rem;
	border: 1px solid #e0e0e0;
	background: #eee;
	color: #f20;
	font-size: .28rem;
	line-height: .8rem;
	border-radius: 50px
}

.g-user .m-list-ver a:before {
	position: absolute;
	top: 50%;
	right: .3rem;
	font-family: 'iconfont';
	color: #ccc;
	transform: translateY(-50%);
	content: '\e6f8'
}

.g-user .m-list-ver h2 {
	flex: 1;
	font-size: .3rem;
	font-weight: 500
}

.g-user .m-list-ver i {
	margin-right: .2rem;
	font-size: .42rem
}

.g-user .m-list-ver a:nth-child(1) i {
	color: #ffc751
}

.g-user .m-list-ver a:nth-child(2) i {
	color: #ff3f61
}

.g-user .m-list-ver a:nth-child(3) i {
	color: #00bdff
}

.g-user .m-list-ver a:nth-child(4) i {
	color: #46e94a
}

.m-mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
	display: none;
	background: #000
}

.m-toast {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 9999;
	padding: .4rem .5rem;
	background: #e60026;
	color: #fff;
	font-size: .32rem;
	text-align: center;
	transition: transform .3s ease;
	transform: translateY(-100%)
}

.m-toast.success {
	background: #109333
}

.m-toast.show {
	transform: translateY(0)
}

.m-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	padding-top: .9rem;
	width: 1.4rem;
	height: 1.4rem;
	background: rgba(20,20,20,.8);
	text-align: center;
	color: #fff;
	font-size: .26rem;
	border-radius: 10px;
	transform: translate(-50%,-50%)
}

.m-loading:before,.m-loading:after {
	content: '';
	position: absolute;
	top: 32%;
	left: 50%;
	width: .24rem;
	height: .24rem;
	border-radius: 50%;
	background-color: #ccc;
	transform: translateX(-50%)
}

.m-loading:before {
	background-color: #f44a49;
	animation: leftBall .8s ease infinite
}

@keyframes leftBall {
	0% {
		margin-left: .3rem
	}

	50% {
		margin-left: -.3rem
	}

	100% {
		margin-left: .3rem
	}
}

.m-loading:after {
	background-color: #ffd900;
	animation: rightBall .8s ease infinite
}

@keyframes rightBall {
	0% {
		margin-left: -.3rem
	}

	50% {
		margin-left: .3rem
	}

	100% {
		margin-left: -.3rem
	}
}

.m-service {
	text-align: center;
	color: #999
}

.m-service:before {
	display: block;
	margin: .2rem auto;
	width: 2.2rem;
	height: 2.2rem;
	background: url(data:image/png;
	base64,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) no-repeat;background-size: cover;
	content: ''
}

.m-service .btn {
	display: block;
	margin: .3rem auto;
	width: 3.2rem;
	line-height: .8rem;
	font-size: .28rem;
	border-radius: 500px
}

.m-pop {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.75);
	z-index: 250
}

.m-pop .pop-body {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: auto;
	background: #fff;
	border-radius: .2rem;
	transform: translateY(-50%)
}

.m-pop .pop-body>h2 {
	text-align: center;
	font-size: .38rem;
	font-weight: 500
}

.m-pop .pop-cancel {
	position: absolute;
	top: .15rem;
	right: .15rem;
	width: .4rem;
	cursor: pointer;
	line-height: .4rem;
	font-size: .4rem;
	font-family: 'iconfont';
	color: #999
}

.m-pop .pop-cancel:before {
	content: '\eb6a'
}

.m-pop .pop-close {
	position: absolute;
	left: 50%;
	top: 100%;
	width: .64rem;
	height: 1.2rem;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAB2CAMAAABPlGVcAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMAeArxm7I198EE4Yj6Ws1kjR7cdGk862AQQi4YSaHVI4FGMY/CugAAAstJREFUWMPtV9ly6jAMFXFC9g3IUgqlzf9/5JUTD4or2+Q20+mLNQMzYJ9j7bbALYdpOoBTPIEn8ASewBN4Ak/gCTyBJ/AEnsAT/AXBsUkyUUwohciS5vh/6LJCqC5FVW5Fv0fxZJQ4et8AbxO1O8mH7jGm6fjohjxRnEn7Ch/O+0R4C0CT4CsU81LohL/Nmz5qQq856o+Z/M2Ob+SGrHQ4N5M7GttyJU3PA3BIkEtnVOY1yX56Ge/jSWoZGPA9LkQjvJQxwo09Z5DnhylskDSUOpjsz2Gj5NwPDYvwy2xptPhL+9PtBKn0wzofBPp/8d/1cHVF8Vwux4wYC6FpVKj4JVOVOowv+i8VzWJlc7tyYOyy5YAb7ytHPkCdusqMQnojsOJxcZV3iap//PuZ/6e5aAMrfhqedYE/lv4QoQefWh/FRBEx4C/PlfQk1VFa1wBOBsIDSY2uB5QLBmStcrcwBCb8WYupWAgr5VnKqpgzcDzKfUlo3H4DEmaFFQ83bB+4G7+/O737xnAm+zUb8OwjNCqcOoNmxZmdTwnUyK8crAxOPOTy8IyyyGSF2X7KpQyEtMPOEFzseOk/IdOoBSNDIZGVEU9VWAAuUxB4PrjwMOIayI9FOuHGQ8oJePNkUWYEZhNUlbD7lJnAnMjwxGB2Ig8jVSvK4UQMxjDaEgkG1X8ePTGYEolS2XR+rWqTGHgqUzFx/LBcFaSDoZionE36A2Ng5UwNheFrchYxsIZCLY3bT0J+4C2NmirXn+RKDKypQqyfVnI89wO1dbpYCE/9z2UFXSx0tXE8Z2i1q41frr3uP27Fp3a58uu9ILyZIVqVemt4YAjS32zFp/bA4E+cobLjEVaFremJA91PHlnd7meeJsmOh+a+p+7+x/b+5/7+gWP/yLN/6OJj352NfTca+zYPnnXXBghtu5oNnr82+tLwHTN0Vf7O+P8PzVyC5+0HiG0AAAAASUVORK5CYII=) no-repeat;background-size: 100% 100%;
	cursor: pointer;
	transform: translateX(-50%)
}

.m-pop-header {
	padding: .3rem 0;
	text-align: center;
	font-size: .32rem;
	font-weight: 500
}

.m-pop-body {
	padding: 0 .4rem .4rem
}

.m-pop-gift {
	width: 5rem;
	border-radius: 0!important
}

.m-pop-gift .th {
	position: relative;
	overflow: hidden;
	margin: -1px 0 -.1rem;
	height: 2rem;
	background: #000
}

.m-pop-gift .th:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	content: ''
}

.m-pop-gift .th img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.m-pop-gift .th .bg {
	width: 100%;
	height: 100%;
	filter: blur(20px);
	opacity: .5
}

.m-pop-gift .th .icon {
	position: absolute;
	z-index: 2;
	width: 1.5rem
}

.m-pop-gift .tb {
	padding: .5rem
}

.m-pop-gift .name {
	margin-bottom: .1rem;
	font-size: .26rem
}

.m-pop-gift .content {
	line-height: 1.2;
	font-size: .2rem;
	color: #999
}

.m-pop-gift .cardno {
	display: block;
	margin: .2rem 0;
	padding: .2rem;
	width: 100%;
	border: 0;
	background: #e2e2e2;
	line-height: 1.2;
	font-size: .26rem;
	text-align: center;
	word-wrap: break-word;
	border-radius: 2px
}

.m-pop-gift .btnbar {
	display: flex
}

.m-pop-gift .btnbar .btn {
	line-height: .8rem;
	flex: 1
}

.m-pop-gift .btnbar .btn-use {
	margin-left: .2rem;
	background: #ed7222;
	color: #fff
}

.m-pop-user {
	width: 5.4rem
}

.m-pop-user .form-input {
	position: relative;
	margin-bottom: .2rem;
	line-height: .6rem
}

.m-pop-user .form-input i {
	position: absolute;
	width: .5rem;
	text-align: center;
	font-size: .3rem;
	color: #999
}

.m-pop-user .form-input input {
	padding: 0 .6rem;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #e9e9e9;
	font-size: .26rem;
	line-height: .6rem;
	border-radius: 0
}

.m-pop-user .form-input .fr {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.m-pop-user .form-input .verify-img {
	height: .5rem
}

.m-pop-user .form-input .btn-send {
	color: #f30;
	line-height: .5rem
}

.m-pop-user .btn-submit {
	display: block;
	margin: .4rem 0 .3rem;
	width: 100%;
	font-size: .3rem;
	line-height: .78rem
}

.m-pop-user .form-text {
	margin: .1rem 0
}

.m-pop-user .form-text a {
	color: #33b7f4
}

.m-third-login label {
	position: relative;
	display: block;
	margin-bottom: .2rem;
	text-align: center
}

.m-third-login label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1px solid #f0f0f0;
	z-index: 1
}

.m-third-login em {
	position: relative;
	padding: 0 1em;
	background: #fff;
	color: #999;
	z-index: 2
}

.m-third-login p {
	display: flex;
	justify-content: center;
	align-items: top
}

.m-third-login p a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 .1rem;
	font-size: .72rem;
	line-height: 1.2
}

.m-third-login p a em {
	font-size: .24rem;
	color: #666
}

.m-app {
	padding-bottom: 1.2rem
}

.m-app .m-section dt {
	font-size: .32rem
}

.m-app .m-section dd {
	padding: 0 .3rem .3rem
}

.m-app .m-section dt:after,.m-app .m-section dt:before {
	height: .02rem
}

.m-app-header .banner-mask {
	position: relative;
	overflow: hidden;
	height: 1.8rem;
	background: #fff
}

.m-app-header .banner-mask:after {
	position: absolute;
	left: 50%;
	top: -.8rem;
	width: 110%;
	height: 2rem;
	background: linear-gradient(to right,#ffd900,#ffc600);
	border-radius: 0 0 50% 50%;
	transform: translateX(-50%);
	content: ''
}

.m-app-header .app-card {
	position: relative;
	padding-bottom: .5rem;
	background: #fff;
	text-align: center
}

.m-app-header .app-card .app-icon {
	position: relative;
	z-index: 2;
	margin-top: -1.3rem;
	width: 1.5rem;
	height: 1.5rem
}

.m-app-header .app-card h2 {
	font-size: .42rem;
	line-height: 2
}

.m-app-header .app-card p {
	color: #999
}

.m-app-body {
	margin-top: .3rem;
	background: #fff
}

.m-app-body .app-images {
	margin-top: .3rem;
	height: 5rem
}

.m-app-body .app-images .item {
	margin-right: .2rem;
	max-width: 3rem
}

.m-app-body .app-images .item img {
	width: 100%;
	max-height: 5rem;
	border-radius: .15rem
}

.m-download {
	position: fixed;
	z-index: 200;
	bottom: 0;
	left: 50%;
	padding: .2rem .3rem;
	width: 100%;
	max-width: 7.5rem;
	background: #fff;
	transform: translateX(-50%)
}

.m-download .btn {
	display: block;
	line-height: .8rem;
	background: #ffd900
}

.m-fold-txt {
	position: relative;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height: 1.4;
	text-align: left;
	overflow: hidden
}

.m-fold-txt.collapse:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2em;
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1))
}

.m-fold-txt.expand {
	display: block;
	max-height: none!important
}

.m-fold-btn {
	margin: 0 auto;
	color: #666;
	padding-top: .2rem;
	text-align: center
}

.m-fold-btn .u-btn {
	padding: .03rem .2rem
}

.m-fold-btn.collapse .btn-collapse {
	display: none
}

.m-fold-btn.expand .btn-expand {
	display: none
}

.m-fold-txt p {
	margin-bottom: .25rem
}

.u-gap-t1px {
	border-top: 1px solid #eaeaea
}

.hairlines .u-gap-t1px {
	position: relative;
	border-top: 0
}

.hairlines .u-gap-t1px:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	transform: scaleY(0.5);
	transform-origin: 0 0;
	background: #eaeaea
}