@charset "utf-8";

body {
	padding-top: .82rem;
}

[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	vertical-align: middle;

}

.disable {
    color: #fff!important;
    border-color: #d6d4d2!important;
    background-color: #d6d4d2!important;
}

.inline-block{
	display: inline-block;
}

.icon-back,
.icon-next,
.icon-search,
[class^="icon-common-"],
[class*=" icon-common-"] {
	width: .4rem;
	height: .4rem;
	background-image: url('/wap/images/icon-common.png') !important;
	background-repeat: no-repeat;
	-webkit-background-size: .6rem !important;
	background-size: .6rem !important;
}

.icon-back {
	background-position: .24rem .16rem;
	transform: rotate(180deg);
}

.icon-next {
	background-position: .12rem .07rem;
}

.icon-blue-next {
	width: .31rem;
	height: .26rem;
	background-image: url('/wap/images/icon-blue-arrow.png') !important;
	background-size: .31rem .26rem;
}


.icon-search {
	background-position: 0 -.6rem;
}

.icon-common-user {
	width: .44rem;
	height: .44rem;
	margin: .23rem auto;
	background-position: 0 -1.2rem;
}

.icon-common-lock {
	width: .44rem;
	height: .44rem;
	margin: .23rem auto;
	background-position: 0 -1.8rem;
}

.icon-common-shield {
	width: .44rem;
	height: .44rem;
	margin: .23rem auto;
	background-position: 0 -2.4rem;
}

.icon-common-check {
	width: .32rem;
	height: .32rem;
	background-position: 0 -4.2rem;
}

.icon-common-checked {
	width: .32rem;
	height: .32rem;
	background-position: 0 -4.8rem;
}

.icon-common-eye {
	width: .6rem;
	height: .6rem;
	background-position: .05rem -3.38rem;
	position: absolute;
	top: 0;
	right: 0;
	margin: .15rem;
}

.icon-common-eyeo {
	width: .6rem;
	height: .6rem;
	background-position: .05rem -2.84rem;
	position: absolute;
	top: 0;
	right: 0;
	margin: .15rem;
}

.icon-common-radio {
	width: .32rem;
	height: .32rem;
	background-position: 0 -6rem;
	margin-right: .1rem;
}

.img img{
	border-radius: 15px;
}

.selected .icon-common-radio,
.icon-common-radios {
	width: .32rem;
	height: .32rem;
	background-position: 0 -5.4rem;
}

.third-login-fb,
.third-login-gg {
	display: inline-block;
	vertical-align: middle;
	width: .68rem;
	height: .68rem;
	background: url('/wap/images/login-third.png') no-repeat;
	-webkit-background-size: 1.5rem .68rem;
	background-size: 1.5rem .68rem;
	margin: 0 .2rem;
}

.third-login-gg {
	background-position: -.82rem 0;
}

.icon-notice,
.icon-ok {
	width: .5rem;
	height: .5rem;
	background: url('/wap/images/icon-notice.png') no-repeat;
	-webkit-background-size: .6rem;
	background-size: .6rem;
	margin: 0 .2rem;
}

.icon-ok {
	background-position: 0 -.6rem;
}

.icon-question,
.icon-answer,
.icon-email {
	width: .4rem;
	height: .4rem;
	background: url('/wap/images/icon-safe.png') no-repeat;
	-webkit-background-size: .6rem;
	background-size: .6rem;
	margin: .25rem;
}

.icon-answer {
	background-position: 0 -.6rem;
}

.icon-email {
	background-position: 0 -1.2rem;
}

.bg-apk-btn {
	width: 1.05rem;
	height: .36rem;
	background: url('/wap/images/apk-btn.png');
	background-size: 1.05rem .36rem;
}

.bg-apple-btn {
	width: 1.07rem;
	height: .38rem;
	background: url('/wap/images/apple-btn.png');
	background-size: 1.07rem .38rem;
}

.bg-google-btn {
	width: 1.05rem;
	height: .36rem;
	background: url('/wap/images/google-btn.png');
	background-size: 1.05rem .36rem;
}

.bg-fb-icon {
	display: inline-block;
	margin-left: 0.15rem;
	width: 31px;
	height: 31px;
	background: url('/wap/images/third_btn_sprites.png') -190px -84px;
}


.gradient {
	background: #f0f0f2;
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f2));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f0f0f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f2 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f0f0f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f2', GradientType=0);
}

.w-btn {
	display: block;
	width: 100%;
	height: .72rem;
	line-height: .72rem;
	text-align: center;
	color: #8e8e8e;
	border-radius: .36rem;
	margin: .3rem 0;
	border: 0 none;
	background: #ededed;
	position: relative;
}

.w-btn-red {
	color: #fff;
	background: #1096ef;
}

.w-btn-blue {
	color: #fff;
	background: #1fc1d6;
}

.w-btn-green {
	color: #fff;
	background: #4dd589;
}

.w-btn-white {
	color: #8e8e8e;
	border: 1px solid #8e8e8e;
	background: #fff;
}

.loading {
	background: url('/common/images/loading.gif') center center no-repeat;
	background-size: .5rem;
}

/* 顶栏 */
.top-nav {
	width: 100%;
	height: .82rem;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 10;
	-webkit-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, .1);
	box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, .1);
}

.top-nav-lang {
	border-radius: 15px;
	width: 1rem;
	height: .38rem;
	font-size: .2rem;
	line-height: .38rem;
	text-align: center;
	border: 1px solid #969696;
	border-radius: 5px;
	position: absolute;
	top: .23rem;
	left: .19rem;
}

.top-nav-back {
	width: .82rem;
	height: .82rem;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('/wap/images/sys-arr.png') center center no-repeat;
	background-size: .8rem;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.top-nav-collect {
	position: absolute;
	right: .8rem;
	top: .24rem;
	font-size: .23rem;
}

.top-nav-logo {
	display: inline-block;
	margin: .15rem 0;
	line-height: .52rem;
	color: #383838;
	font-size: .24rem;
}

.top-nav-logo img {
	width: auto;
	height: .52rem;
}

/*.top-nav-toggle.top-nav-default { display: none!important; }*/
.top-nav .top-nav-toggle {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
	width: .4rem;
	height: .32rem;
	position: absolute;
	top: .23rem;
	right: .23rem;
}

.top-nav .wap-nav-toggle {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
	width: .4rem;
	height: .32rem;
	position: absolute;
	top: .23rem;
	right: .23rem;
}

.top-nav .wap-nav-toggle i {
	display: block;
	background: #9e9e9e;
	width: .4rem;
	height: .04rem;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.top-nav .wap-nav-toggle.cur i:nth-of-type(1) {
	-webkit-transform: rotate(45deg) translate(0.1rem, .1rem);
	-moz-transform: rotate(45deg) translate(0.1rem, .1rem);
	-ms-transform: rotate(45deg) translate(0.1rem, .1rem);
	transform: rotate(45deg) translate(0.1rem, .1rem)
}

.top-nav .wap-nav-toggle.cur i:nth-of-type(2) {
	display: none
}

.top-nav .wap-nav-toggle.cur i:nth-of-type(3) {
	-webkit-transform: rotate(-45deg) translate(0.1rem, -.1rem);
	-moz-transform: rotate(-45deg) translate(0.1rem, -.1rem);
	-ms-transform: rotate(-45deg) translate(0.1rem, -.1rem);
	transform: rotate(-45deg) translate(0.1rem, -.1rem);
}



.top-nav .top-nav-toggle i {
	display: block;
	background: #9e9e9e;
	width: .4rem;
	height: .04rem;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.top-nav .top-nav-toggle.cur i:nth-of-type(1) {
	-webkit-transform: rotate(45deg) translate(0.1rem, .1rem);
	-moz-transform: rotate(45deg) translate(0.1rem, .1rem);
	-ms-transform: rotate(45deg) translate(0.1rem, .1rem);
	transform: rotate(45deg) translate(0.1rem, .1rem)
}

.top-nav .top-nav-toggle.cur i:nth-of-type(2) {
	display: none
}

.top-nav .top-nav-toggle.cur i:nth-of-type(3) {
	-webkit-transform: rotate(-45deg) translate(0.1rem, -.1rem);
	-moz-transform: rotate(-45deg) translate(0.1rem, -.1rem);
	-ms-transform: rotate(-45deg) translate(0.1rem, -.1rem);
	transform: rotate(-45deg) translate(0.1rem, -.1rem)
}

.top-menu {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	padding-top: .82rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
}

.wap—lang {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	padding-top: .82rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
}

.wap—lang li {
	position: relative;
}

.wap—lang li a {
	display: block;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	font-size: .28rem;
	border-bottom: .01rem solid #ddd;
	color: #616161;
}

/*.wap—lang li i { width: .6rem; height: .6rem;overflow:hidden; margin-right: .26rem;background-image: url(/platform/images/check-mark.png)no-repeat; -webkit-background-size: .6rem; background-size:100%;}*/
.wap—lang .icon-check {
	position: absolute;
	left: 4rem;
	top: 0.1rem;
	background-position: .1rem .11rem;
	width: .6rem;
	height: .6rem;
	overflow: hidden;
	margin-right: .26rem;
	background-image: url('/platform/images/check-mark.png');
	background-repeat: no-repeat;
	-webkit-background-size: .6rem;
	background-size: 73%;
}



.top-menu li {}

.top-menu li a {
	display: block;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	text-align: left;
	padding-left: 40px;
	font-size: .28rem;
	border-bottom: .01rem solid #ddd;
	color: #616161;
}

.top-menu li i {
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: .26rem;
	background-image: url('/wap/images/icon-menu.png');
	-webkit-background-size: .6rem;
	background-size: .6rem;
	background-repeat: no-repeat;
	border-radius: 50%;
	margin-top: -.08rem;
}

.top-menu .icon-home {
	background-position: .1rem .11rem;
	background-color: #fa7097;
}

.top-menu .icon-pay {
	background-position: .12rem -.48rem;
	background-color: #76d886;
}

.top-menu .icon-game {
	background-position: .08rem -1.1rem;
	background-color: #78b0ff;
}

.top-menu .icon-user {
	background-position: .14rem -1.7rem;
	background-color: #f4c948;
}

.top-menu .icon-gift {
	background-position: .10rem -4.12rem;
	background-color: #e32319;
}

.top-menu .icon-kf {
	background-position: .08rem -2.3rem;
	background-color: #fe9263;
}

.top-menu .icon-sound {
	background-position: .08rem -2.88rem;
	background-color: #8e97e8;
}

.top-menu .icon-login {
	background-position: .12rem -3.48rem;
	background-color: #18ceb2;
}

.top-menu.menu-show {
	-webkit-animation: bounceInDown .5s 0s ease-in-out both;
	-moz-animation: bounceInDown .5s 0s ease-in-out both;
	-ms-animation: bounceInDown .5s 0s ease-in-out both;
	animation: bounceInDown .5s 0s ease-in-out both
}

@-webkit-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-webkit-transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translate3d(0, 15px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -8px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 4px, 0)
	}

	100% {
		-webkit-transform: none
	}
}

@-moz-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-moz-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-moz-transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-transform: translate3d(0, 15px, 0)
	}

	75% {
		-moz-transform: translate3d(0, -8px, 0)
	}

	90% {
		-moz-transform: translate3d(0, 4px, 0)
	}

	100% {
		-moz-transform: none
	}
}

@-o-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-o-transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-o-transform: translate3d(0, 15px, 0)
	}

	75% {
		-o-transform: translate3d(0, -8px, 0)
	}

	90% {
		-o-transform: translate3d(0, 4px, 0)
	}

	100% {
		-o-transform: none
	}
}

@-ms-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-ms-transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		-ms-transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-transform: translate3d(0, 15px, 0)
	}

	75% {
		-ms-transform: translate3d(0, -8px, 0)
	}

	90% {
		-ms-transform: translate3d(0, 4px, 0)
	}

	100% {
		-ms-transform: none
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: .01;
		filter: alpha(opacity=1);
		transform: translate3d(0, -16rem, 0)
	}

	60% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translate3d(0, 15px, 0)
	}

	75% {
		transform: translate3d(0, -8px, 0)
	}

	90% {
		transform: translate3d(0, 4px, 0)
	}

	100% {
		transform: none
	}
}

.top-menu.menu-hide {
	-webkit-animation: fadeOutUp .5s 0s ease-in-out both;
	-moz-animation: fadeOutUp .5s 0s ease-in-out both;
	-ms-animation: fadeOutUp .5s 0s ease-in-out both;
	animation: fadeOutUp .5s 0s ease-in-out both
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translate3d(0, -100%, 0)
	}
}

@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-transform: translate3d(0, -100%, 0)
	}
}

@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-o-transform: translate3d(0, -100%, 0)
	}
}

@-ms-keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translate3d(0, -100%, 0)
	}
}

/* kv */
.slideBox {
	width: 100%;
	height: 5.9rem;
	overflow: hidden;
	position: relative;
}

.slideBox img {
	width: 100%;
	height: auto;
}

.slideBox .hd {
	width: 100%;
	position: absolute;
	bottom: .3rem;
	text-align: center;
}

.slideBox .hd li {
	display: inline-block;
	width: .22rem;
	height: .22rem;
	border-radius: 50%;
	background: #fff;
	text-indent: -1rem;
	overflow: hidden;
	margin: 0 .15rem;
}

.slideBox .hd li.on {
	background: #1096ef;
}

.shortcut {
	width: 100%;
	border-bottom: 1px solid #d0d0d0;
	overflow: hidden;
}

.shortcut a {
	width: 50%;
	height: 1rem;
	line-height: 1rem;
	color: #1396F1;
	font-size: .24rem;
	text-align: center;
	float: left;
}

.shortcut a:first-child {
	border-right: 1px solid #d0d0d0;
}

.shortcut i {
	width: .6rem;
	height: .6rem;
	margin-right: .1rem;
	background: url('/wap/images/icon-index.png') no-repeat;
	-webkit-background-size: .6rem;
	background-size: .6rem;
}

.shortcut .icon-pay {
	background-position: .15rem .12rem;
}

.shortcut .icon-user {
	background-position: .15rem -.48rem;
}

.game-wrap {
	padding: 0 .3rem;
}

.game-list {}

.game-list li {
	display: flex;
	overflow: hidden;
	padding: .3rem .2rem;
	position: relative;
	border-bottom: 1.5px solid #e9e9e9;
}

.game-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0 none;
}

.game-list .img {
	width: .94rem;
	height: .94rem;
	border-radius: 10px;
	float: left;
	margin-right: 15px;
}

.game-list .info {
	margin: 0;
	font-size: .22rem;
	float: left;
	flex-grow: 1;
}

.game-list .name {
	display: inline-block;
	height: .3rem;
	color: #323232;
	line-height: .3rem;
}

.game-list .desc {
	color: #616161;
}

.game-list .type {
	color: #8e8e8e;
	margin-top: .06rem;
}

.game-list .dl {
	float: right;
	display: inline-block;
	width: 170px;
	padding: 0 15px;
	height: .5rem;
	line-height: .5rem;
	border: 1px solid #1096ef;
	border-radius: .25rem;
	text-align: center;
	color: #1096ef;
	margin-top: .25rem;
}

.game-list .third {
	display: flex;
}

.game-list .third-box {
	display: flex;
	width: 33%;
}

.nbt {
	border-top: 0 none;
}

.news-wrap {
	padding: 0 .3rem;
	border-top: .1rem solid #ededed;
}

.news-list {}

.news-list a {
	display: block;
	overflow: hidden;
	color: #323232;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.news-list li {
	overflow: hidden;
	padding: .3rem .2rem;
	position: relative;
	border-top: 1.5px solid #E9E9E9;
}

.news-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0 none;
}

.news-list .img {
	display: inline-block;
	vertical-align: middle;
	width: .74rem;
	height: .74rem;
	border-radius: 50%;
	margin-right: .1rem;
}

.news-hd {
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
}

.news-hd li {
	display: inline-block;
	height: .8rem;
	line-height: .8rem;
	margin: 0 .3rem;
	padding: 0 .1rem;
	position: relative;
}

.news-hd .active {
	color: #323232;
}

.news-hd .active:after {
	width: .1rem;
	height: .1rem;
	content: ' ';
	position: absolute;
	top: .2rem;
	right: 0rem;
	border-radius: 50%;
	border: .01rem solid #f00;
	background: #f00;
}


.footer {
	padding: .3rem 0;
	text-align: center;
	color: #7c7c7c;
	font-size: .18rem;
	background: #383838;
}

.footer .copyright-nav {
	color: #1096ef;
	line-height: .64rem;
}

.footer .copyright-nav a {
	color: #fff;
	font-size: .22rem;
	padding: .2rem;
}

/* 游戏中心 */
.gamecenter-wrap li {
	padding: .4rem 0;
	position: relative;
}

.gamecenter-wrap li:last-child {
	padding-bottom: .4rem;
}

.gamecenter-wrap .info {
	width: auto;
	margin-left: 1.6rem;
	margin-right: 0;
	float: none;
}

.gamecenter-wrap .img {
	width: 1.4rem;
	height: 1.4rem;
}

.gamecenter-wrap .name {
	font-size: .3rem;
}

.gamecenter-wrap .desc {
	color: #8e8e8e;
}

.gamecenter-wrap .like {
	height: .5rem;
	line-height: .5rem;
}

.gamecenter-wrap .dl {
	width: 1.4rem;
	height: .5rem;
	line-height: .5rem;
	margin-top: 0;
	position: absolute;
	top: .4rem;
	right: 0px;
	color: #fff;
	background: #1096ef;
}

/* 新闻中心 */
.newscenter-wrap {
	border-top: 0 none;
}

.newscenter-wrap li {
	overflow: hidden;
}

.newscenter-wrap li:last-child {
	padding-bottom: .3rem;
}

.newscenter-wrap .img {
	float: left;
}

.newscenter-wrap h2 {
	color: #323232;
	font-size: .22rem;
	margin-left: .9rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.newscenter-wrap p {
	margin-left: .9rem;
	color: #929292;
	font-size: .2rem;
}

.news-content {
	padding: .2rem .2rem .3rem;
}

.news-content .title {
	font-size: .26rem;
	color: #1096ef;
}

.news-content .desc {
	font-size: .2rem;
	text-align: center;
	color: #616161;
}

.news-content .content {
	border-top: 1px solid #e9e9e9;
	margin-top: .3rem;
	padding: .3rem 0;
	line-height: .5rem;
	color: #616161;
}

.news-content .content img {
	width: 100%;
	max-width: 100% !important;
	margin: .1rem 0;
}

/* 登录注册 */
.body-login {
	background: #ededed;
}

.login-wrap {
	padding: 0 .4rem;
	font-size: .25rem;
	color: #9e9e9e;
}

.login-wrap .w-btn {
	height: .9rem;
	line-height: .9rem;
	font-size: .3rem;
	border-radius: .45rem;
}

.w-item {
	border-radius: .1rem;
	overflow: hidden;
	position: relative;
	margin: .2rem 0;
	box-shadow: 0 0px 0.1rem #ddd;
}

.w-item-nbs {
	box-shadow: none;
}

.w-item .w-label {
	width: .9rem;
	height: .9rem;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
}

.w-item .w-input,
.w-item .w-select,
.w-div {
	display: block;
	width: 100%;
	height: .9rem;
	line-height: .9rem;
	border: 0 none;
	padding-left: .9rem;
	outline: 0 none;
	color: #000;
	font-size: .25rem;
	background-color: #fff;
	-webkit-appearance: none;
}

.w-item a {
	color: #9e9e9e;
}

.w-select {
	background: url('/wap/images/sys-arr.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: .8rem;
}

/* .w-item	[class^="icon-"], .w-item	[class*=" icon-"] { position:absolute; top: 0px; right: 0px; } */
.w-button {
	width: 1.65rem;
	height: .9rem;
	line-height: .9rem;
	text-align: center;
	color: #fff;
	border: 0 none;
	background: #1fc1d6;
	position: absolute;
	top: 0px;
	right: 0px;
}

.w-div {
	padding-left: .34rem;
	border-radius: .1rem;
}

.w-form-notice {
	overflow: hidden;
}

.w-form-notice .left {
	float: left;
}

.w-form-notice .right {
	margin-left: .5rem;
}

.login-wrap .tips {
	height: .24rem;
	line-height: .24rem;
	color: #1096ef;
	margin: 10px 0;
}

/* 白底表单 */
.w-form-white {}

.w-form-white .w-item .w-input {
	border: 1px solid #bbb;
}

/* 登录 */
.login-wrap .avatar {
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	margin: .3rem auto;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
}

.login-wrap .avatar img {
	width: 100%;
}

/* 绑定 */
.form-bind .hl {
	margin: .6rem 0;
}

/* 忘记密码 */
.form-forget .hl {
	color: #1096ef;
	font-size: .4rem;
	margin-top: .7rem;
	text-align: center;
}

.form-forget .desc {
	color: #616161;
	font-size: .24rem;
	margin: .6rem 0;
	text-align: center;
}

/* 账号异常 */
.form-exception {
	padding-top: .5rem;
}

.form-exception p {
	line-height: .5rem;
}


/* 用户中心首页 */
.user-header {
	width: 100%;
	height: 2.5rem;
	text-align: center;
	background: url('/wap/images/user-header.jpg') no-repeat;
	background-size: 100%;
	overflow: hidden;
}

.user-header .avatar {
	display: block;
	width: 1.24rem;
	height: 1.24rem;
	margin: .24rem auto;
	border: .05rem solid #fff;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
}

.user-header .avatar img {
	width: 100%;
}

.user-header .myname {
	display: inline-block;
	min-width: 2.9rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	color: #616161;
	border-radius: .2rem;
	background: rgba(255, 255, 255, .8);
	padding: 0 .3rem;
}

.user-menu {
	padding: .2rem .3rem;
}

.user-menu li {
	border-bottom: 1px solid #e9e9e9;
}

.user-menu li a {
	display: block;
	height: .76rem;
	line-height: .4rem;
	padding: .18rem 0 .18rem 1.1rem;
	color: #616161;
	position: relative;
}

.user-menu .tag {
	display: block;
	width: .88rem;
	height: .4rem;
	color: #616161;
	font-size: .18rem;
	text-align: center;
	font-style: normal;
	background: #f0f0f0;
	position: absolute;
	top: .18rem;
	right: .6rem;
}

.user-menu .tag-green {
	color: #fff;
	background: #4dd589;
}

.user-menu [class^="ui-"],
.acoin-wrap .ui-money {
	width: .7rem;
	height: .76rem;
	position: absolute;
	top: 0px;
	left: .4rem;
	background: url('/wap/images/icon-user-menu.png') no-repeat;
	-webkit-background-size: .4rem;
	background-size: .4rem;
}

.user-menu .ui-user {
	background-position: 0 .18rem;
}

.user-menu .ui-upgrade {
	background-position: 0 -.56rem;
}

.user-menu .ui-question {
	background-position: 0 -1.34rem;
}

.user-menu .ui-email {
	background-position: 0 -2.1rem;
}

.user-menu .ui-money,
.acoin-wrap .ui-money {
	background-position: 0 -2.85rem;
}

.user-menu .ui-pass2 {
	background-position: 0 -3.65rem;
}

.user-menu .ui-pass {
	background-position: 0 -4.42rem;
}

.user-menu .ui-logout {
	background-position: 0 -5.16rem;
}

.wp-normal .js-li-logout {
	display: block;
}

/* 用户头像 */
.pop-avatar {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
	padding-top: .82rem;
}

.pop-avatar .user-header .avatar {
	width: 1.6rem;
	height: 1.6rem;
	margin: .45rem auto;
}

.pop-avatar .avatar-list {
	min-height: 2.9rem;
}

.pop-avatar .avatar-list .item {
	width: 25%;
	text-align: center;
	padding: .2rem 0;
	float: left;
}

.pop-avatar .avatar-list img {
	border-radius: .2rem;
	border: .03rem solid #fff;
	box-shadow: 0 0 0.1rem #999;
	background: url('/common/images/loading.gif') center center no-repeat;
	background-size: .5rem;
	max-width: 80%;
}

.pop-avatar .avatar-list .active img {
	border-color: #1096ef;
}

.pop-avatar .w-btn {
	width: 90%;
	margin: .3rem auto 0;
}

/* 通用列表 */
.w-list {
	padding: .5rem .3rem 0;
	/* border-bottom: .1rem solid #ededed; */
}

.w-list ul {
	width: 100%;
	color: #616161;
	border-top: 1px solid #e9e9e9;
}

.w-list li {
	position: relative;
}

.w-list .item {
	display: block;
	width: 100%;
	height: .78rem;
	line-height: .4rem;
	border-bottom: 1px solid #e9e9e9;
	padding: .18rem 0 .18rem .3rem;
	color: #616161;
	font-size: .22rem;
	position: relative;
}

.w-list .li-select {
	position: relative;
}

.w-list .o0-select {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
}

.w-list .o0-select option {
	font-size: .14rem;
}

.w-list .wl-input {
	width: 100%;
	height: 100%;
	border: 0 none;
	outline: 0 none;
	padding: 0 .24rem;
}

.w-list .avatar {
	width: .56rem;
	height: .56rem;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
	top: -.08rem;
	background-color: #fff;
}

.w-list .avatar img {
	width: 100%;
}

.w-list .tag {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: .4rem;
	line-height: .4rem;
	padding: 0 .14rem;
	background: #f0f0f0;
	position: relative;
	top: -.02rem;
}

.w-list .tag-green {
	color: #fff;
	background: #4dd589;
}

.w-list .tip {
	line-height: .5rem;
	padding: .2rem 0;
}

.w-list .ntc {
	line-height: .35rem;
	padding: .2rem;
	margin: .2rem 0;
	background: #f0f0f0;
}

/* 账号安全 */
[class^="js-usermod-"],
[class*=" js-usermod-"] {
	min-height: 8.74rem;
}

.body-users-safe {
	background: #ededed;
}

.users-safe {
	padding: .2rem .3rem;
}

.users-safe .hl {
	text-align: center;
	font-size: .24rem;
	line-height: 0.8rem;
}

.users-safe .result {
	background: #fff;
	padding: .6rem;
	font-size: .25rem;
	line-height: .32rem;
	border-radius: .1rem;
}

.users-safe .w-btn {
	font-size: .24rem;
}

.form-email .tip-valid {
	line-height: .5rem;
}

.php-code {
	width: 30%;
	height: .86rem;
	position: absolute;
	top: .02rem;
	right: .02rem;
}

.getpass-step-ok .tip-valid {
	font-size: .24rem;
	padding: .5rem;
}

/* Fun币管理 */
.acoin-wrap {
	padding: .2rem .3rem;
}

.acoin-wrap .hd {
	color: #323232;
	height: .76rem;
	line-height: .76rem;
	border-bottom: 1.5px solid #e9e9e9;
	overflow: hidden;
}

.acoin-wrap .bd {
	margin-bottom: 1rem;
}

.acoin-wrap .js-fun-coin{
	color: #FF6500;
	font-size:.2rem;
}

.a-item {}

.a-item ul li {
	border-bottom: 1.5px solid #e9e9e9;
	padding: .26rem .1rem;
	overflow: hidden;
}

.a-item ul li:first-child {
	border-top: 1.5px solid #e9e9e9;
}

.a-item .date {
	width: 2.4rem;
	text-align: center;
	height: .34rem;
	line-height: .34rem;
	border-radius: .17rem;
	background: #f0f0f0;
	margin: .4rem auto .3rem;
}

.a-item .coin {
	width: .5rem;
	height: .5rem;
	margin-top: .12rem;
	background: url('/wap/images/acoin.png') no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	float: left;
}

.a-item .info {
	color: #323232;
	line-height: .38rem;
	margin-left: .26rem;
	float: left;
}

.a-item .info .desc {
	font-size: .18rem;
	color: #929292;
}

.a-item span {
	color: #1096ef;
	margin-top: .22rem;
	float: right;
}

.acoin-wrap .ui-money {
	position: static;
	display: inline-block;
	vertical-align: top;
}

.acoin-wrap .icon-next {
	background-position: .24rem .07rem;
}

.acoin-wrap .offline {
	text-align: center;
}

.acoin-wrap .offline .hl {
	line-height: 1rem;
}

.acoin-fix-btn{
	position: fixed;
	background: #ffffff;
    width: 100%;
	padding: 0 .3rem;
	bottom: 0;
}

/* 礼包 */
.gift-tab{
	display: flex;
	margin-top: .4rem;
}

.gift-tab .gift-tab-item{
	display: inline-flex;
	width: 40%;
	margin: 0 auto;
	height: .8rem;
	text-align: center;
	font-size:.3rem;
	color: #ffffff;
}

.gift-tab .gift-tab-item:active, .gift-tab .gift-tab-item:hover{
	-webkit-filter: brightness(1.3);
	filter: brightness(1.3);
}

.gift-tab .red-btn{
	background:#e1405a;
}

.gift-tab .blue-btn{
	background:#1396f1;
}

.gift-wrap {
	padding: .1rem .3rem;
}

.gift-list {}

.gift-list-two li .w-btn {
	position: absolute;
	right: 48px;;
    width: 1.3rem;
    height: .6rem;
	line-height: .6rem;
	font-size: .2rem;
}

.gift-list li, .gift-list-two li {
	padding: .3rem 0;
	border-bottom: 1.5px solid #e9e9e9;
	overflow: hidden;
}

.gift-list .item, .gift-list-two .item {
	display: block;
	color: #8e8e8e;
	overflow: hidden;
	position: relative;
}

.gift-list .img, .gift-list-two .img {
	width: 1.2rem;
	height: 1.2rem;
	float: left;
}

.gift-list .info, .gift-list-two .info {
	margin-left: .4rem;
	float: left;
}

.gift-list .name, .gift-list-two .name {
	font-size: .3rem;
	color: #323232;
	line-height: .7rem;
}

.gift-list .desc, .gift-list-two .desc {
	font-size: .18rem;
}

.gift-list .icon-arr {
	position: absolute;
    width: .3rem;
    height: 100%;
	top: .4rem;
    right: 0px;
    background-image: url(/wap/images/icon-common.png) !important;
    background-repeat: no-repeat;
    -webkit-background-size: .6rem !important;
    background-size: 1.1rem !important;
}

.progress-box {
	color: #8e8e8e;
	margin-top: .4rem;
}

.progress {
	display: inline-block;
	vertical-align: middle;
	width: 2rem;
	height: .2rem;
	margin-right: .1rem;
	border-radius: .1rem;
	overflow: hidden;
	position: relative;
	background: #e5e5e5;
}

.progress i {
	width: 80%;
	height: 2rem;
	border-radius: .1rem;
	position: absolute;
	top: 0px;
	left: 0px;
}

.progress i {
	background: #f2d54b;
	background: -moz-linear-gradient(left, #f2d54b 0%, #9ced44 100%);
	background: -webkit-linear-gradient(left, #f2d54b 0%, #9ced44 100%);
	background: -o-linear-gradient(left, #f2d54b 0%, #9ced44 100%);
	background: -ms-linear-gradient(left, #f2d54b 0%, #9ced44 100%);
	background: linear-gradient(to right, #f2d54b 0%, #9ced44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d54b', endColorstr='#9ced44', GradientType=0);
}

.gift-item-list {}

.gift-item-list li {
	padding: .38rem 0;
	border-bottom: 1px solid #e9e9e9;
}

.gift-item-list .img {
	width: 1rem;
	height: 1rem;
	margin: 0 .4rem 0 .1rem;
	float: left;
}

.gift-item-list .info {
	margin-left: 1.4rem;
	position: relative;
}

.gift-item-list .name {
	color: #323232;
	font-size: .3rem;
}

.gift-item-list .desc {
	color: #8e8e8e;
}

.gift-item-list .w-btn {
	width: 1rem;
	margin: 0;
	height: .6rem;
	line-height: .6rem;
	position: absolute;
	right: 0px;
	top: 0px;
}

.gift-wrap .how-to-use {
	background: #f0f0f0;
	padding: .2rem .4rem;
	line-height: .34rem;
	margin-top: .5rem;
}

/* 客服首页 */
.kf-wrap {}

.kf-wrap .shortcut i,
[class^='kfi-'] {
	background-image: url('/wap/images/icon-kf-index.png');
}

.kf-wrap .shortcut a:first-child {
	color: #fe9263;
}

.kf-wrap .shortcut a:nth-child(2) {
	color: #76d886;
}

.shortcut .icon-ask {
	background-position: .2rem .08rem;
}

.shortcut .icon-list {
	background-position: .2rem -.48rem;
}

[class^='kfi-'],
[class^='kfin-'] {
	display: inline-block;
	height: .6rem;
	width: .6rem;
	vertical-align: top;
	-webkit-background-size: .6rem;
	background-size: .6rem;
}

.kfi-ques {
	background-position: 0 -1.17rem;
}

.kfi-pass {
	background-position: 0 -1.78rem;
}

.kfi-email {
	background-position: 0 -2.3rem;
}

.kfi-list {
	background-position: 0 -2.8rem;
}

[class^='kfin-'] {
	background-image: url('/wap/images/icon-kf-in.png');
}

.kfin-game {
	background-position: 0 .07rem;
}

.kfin-ser {
	background-position: .03rem -.56rem;
}

.kfin-user {
	background-position: .03rem -1.19rem;
}

.kfin-list {
	background-position: .03rem -1.74rem;
}

.kfin-star {
	background-position: .03rem -2.38rem;
}

/* 常见问题 */
.faq-wrap {
	padding: .4rem .2rem 0;
}

.search-box {
	position: relative;
}

.search-box .input-search {
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	padding: 0 1.5rem 0 .45rem;
	color: #595757;
	border: 1px solid #d1d1d1;
	border-radius: .3rem;
}

.search-box .btn-search {
	width: 1.4rem;
	height: .6rem;
	line-height: .6rem;
	margin: 0;
	position: absolute;
	top: 0px;
	right: 0px;
}

.faq-menu-list {
	padding-left: 0;
	padding-right: 0;
}

.faq-menu-list .item {
	padding-left: .1rem;
}

.faq-list {}

.faq-list li {
	height: .76rem;
	line-height: .76rem;
	border-bottom: 1px solid #e9e9e9;
}

.faq-list li a {
	display: block;
	color: #616161;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.faq-list li i {
	display: inline-block;
	vertical-align: middle;
	width: .14rem;
	height: .14rem;
	border-radius: 50%;
	background: #1fc1d6;
	margin: 0 .36rem 0 .24rem;
}

/* 详情页 */
.faq-wrap .detail-hd {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: .2rem;
}

.faq-wrap .detail-hd h1 {
	font-size: .3rem;
	color: #1096ef;
	line-height: .4rem;
}

.faq-wrap .detail-hd p {
	font-size: .18rem;
	text-align: center;
	line-height: .6rem;
}

.faq-wrap .detail-bd {
	color: #616161;
	line-height: .5rem;
	padding: .2rem 0;
}

.faq-wrap .detail-bd img {
	width: 100%;
	max-width: 100% !important;
}

.faq-wrap .detail-ask {
	margin: .6rem 0;
	text-align: center;
	padding-bottom: .5rem;
	background: #f0f0f0;
}

.faq-wrap .detail-ask p {
	line-height: 1.1rem;
}

.faq-wrap .detail-ask .w-btn {
	width: 2rem;
	margin: 0 auto;
}

/* 客服中心 */
.kf-notice-list {
	padding: .4rem .3rem;
}

.kf-notice-list .item {
	display: block;
	height: .7rem;
	line-height: .7rem;
	color: #616161;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: #f0f0f0;
	border-top: 1px solid #fff;
	padding-left: .3rem;
}

.w-textarea {
	width: 100%;
	min-height: 1.5rem;
	margin: .2rem 0;
	padding: .2rem;
	background: #f0f0f0;
}

.btn-faker-file input {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* 我要提问 */
.ask-wrap {}

.ask-wrap .w-list .tip {
	padding: 0 0 .4rem;
	color: #616161;
}

.module-upload {}

.module-upload .w-btn {
	display: inline-block;
	vertical-align: middle;
	width: 1.5rem;
	height: .44rem;
	line-height: .44rem;
	margin: .2rem .1rem
}

/* 回复列表 */
.reply-wrap {
	margin: .3rem;
}

.reply-list {
	border-top: 1px solid #e9e9e9;
}

.reply-list li {}

.reply-list .item {
	display: block;
	height: 1.2rem;
	line-height: .4rem;
	padding: .2rem .1rem;
	border-bottom: 1px solid #e9e9e9;
	overflow: hidden;
	position: relative;
}

.reply-list .img {
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	margin-right: .2rem;
	float: left;
}

.reply-list .i1 {
	font-size: .18rem;
	color: #929292;
}

.reply-list .i2 {
	width: 3.8rem;
	color: #4a4a4a;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.reply-list .status {
	position: absolute;
	right: .1rem;
	bottom: .2rem;
}

/* 回复状态 */
.dialog-content {
	overflow: hidden;
}

.dialog-cnt {
	width: 100%;
	overflow: hidden;
}

.dialog-item {
	width: 100%;
	position: relative;
	margin-bottom: .2rem;
}

.dialog-item .date {
	line-height: .5rem;
	color: #9f9f9f;
}

.dialog-content .left {
	float: left;
}

.dialog-content .right {
	float: right;
}

.dialog-content .avatar img {
	width: 100%;
}

.dialog-content .left .avatar {
	width: .72rem;
	height: .72rem;
	margin-right: .28rem;
	float: left;
}

.dialog-content .left .arrow {
	width: 0px;
	height: 0px;
	position: absolute;
	top: .66rem;
	left: .72rem;
	border-width: .14rem;
	border-style: solid;
	border-color: #fff #d3f4f3 #fff #fff;
}

.dialog-content .cnt {
	width: 67%;
	padding: .17rem .35rem;
	line-height: .38rem;
	border-radius: .1rem;
	background: #d3f4f3;
	float: left;
}

.dialog-content .cnt img {
	max-width: 100%;
}

.dialog-content .right .avatar {
	width: .72rem;
	height: .72rem;
	margin-right: 0;
	margin-left: .28rem;
	float: right;
}

.dialog-content .right .arrow {
	width: 0px;
	height: 0px;
	position: absolute;
	top: .66rem;
	left: auto;
	right: .72rem;
	border-width: .14rem;
	border-style: solid;
	border-color: #fff #fff #fff #f2f2f2;
}

.dialog-content .right .cnt {
	width: 67%;
	background: #f2f2f2;
	float: right;
}

.dialog-content .right .date {
	text-align: right;
}


.reviews {
	overflow: hidden;
	margin-top: .4rem;
}

.reviews .left {
	width: 1rem;
	line-height: .5rem;
	float: left;
}

.reviews .right {
	float: left;
}

.reviews .re-list {
	overflow: hidden;
}

.reviews .re-list li {
	width: 1.7rem;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	background: #fff;
	border: 1px solid #d1d1d1;
	margin-right: .1rem;
	cursor: pointer;
	float: left;
}

.reviews .re-list li:hover,
.reviews .re-list .active {
	background: #78c388;
	border-color: #78c388;
	color: #fff;
}

.re-confirm {}

.vote-box {
	width: 100%;
	height: auto;
	padding: .4rem .2rem;
	border: 1px solid #d1d1d1;
	margin-top: .1rem;
	text-align: center;
}

.vote-box .w-btn {
	margin-bottom: 0;
}

.vote-box .score {
	margin-right: .1rem;
}

.w-score {
	margin: 0 .1rem;
}

.w-score i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 .04rem;
	width: .34rem;
	height: .34rem;
	background: url('/wap/images/like.png') no-repeat;
	-webkit-background-size: .4rem;
	background-size: .4rem;
}

.w-score .active {
	background-position: 0 -.6rem;
}

/* 找回密码 */
.getpass-wrap {
	padding: .4rem .3rem;
	min-height: 8.74rem;
}

.getpass-wrap .noway {
	font-size: .24rem;
	line-height: .38rem;
	padding: 0 0 .3rem;
}

.getpass-wrap .step {
	text-align: center;
	line-height: 1.16rem;
	font-size: .22rem;
	color: #616161;
	margin-bottom: .28rem;
	background: #fff;
}

.getpass-wrap .w-list {
	padding-left: 0;
	padding-right: 0;
}

.getpass-wrap .w-list .item {
	height: 1rem;
	padding: .3rem 0 .3rem .3rem;
	background: #fff;
}

/* 充值中心 */
.icon-ring {
	width: .6rem;
	height: .6rem;
	background-position: .15rem -3.5rem;
}

.popbox .w-list ul {
	min-height: .94rem;
}

.pay-wrap .w-list,
.popbox .w-list {
	padding-top: 0;
	border-top: 0 none;
	border-bottom: 0 none;
}

.pay-wrap .w-list .item,
.popbox .w-list .item {
	height: .94rem;
	padding: .27rem 0 .27rem .3rem
}

.pay-menu-list ul {
	border-top: 0 none;
}

.pay-menu-list li i,
.popbox [class^="ic-"],
.popbox [class^="ic-"],
.icon-ring {
	background-image: url('/wap/images/icon-pay.png');
	background-repeat: no-repeat;
	-webkit-background-size: .6rem;
	background-size: .6rem;
}

.pay-menu-list li i {
	width: .6rem;
	height: .6rem;
	vertical-align: top;
	margin: -.1rem .2rem 0 0;
	border-radius: 50%;
	overflow: hidden;
}

.pay-menu-list-status{
	display: flex;
	background:rgba(16,150,239,1);
	line-height: .5rem;
	font-size:.17rem;
	color: #ffffff;
}
.pay-menu-list-status > p{
	flex-grow: 1;
	display: block;
    text-align: left;
    padding-left: .30rem;
    width: 50%;
}



.pay-menu-list-status .icon-fb{
	display: inline-block;
	background-image: url('/wap/images/icon-fb.png?v=20200822');
	background-size: .15rem .25rem;
	width: .15rem;
	height: .25rem;
	margin-right: 10px;
	vertical-align: text-bottom;
}

.pay-menu-list-status .icon-ball{
	display: inline-block;
	background-image: url('/wap/images/icon-ball.png?v=20200822');
	background-size: .2rem .2rem;
	width: .2rem;
	height: .2rem;
	margin-right: 10px;
	vertical-align: text-bottom;
}

.pay-menu-list-status .icon-role{
	display: inline-block;
	background-image: url('/wap/images/icon-role.png?v=20200822');
	background-size: .21rem .19rem;
	width: .21rem;
	height: .19rem;
	margin-right: 10px;
	vertical-align: text-bottom;
}

.pay-menu-list-status .icon-serve{
	display: inline-block;
	background-image: url('/wap/images/icon-serve.png?v=20200822');
	background-size: .23rem .21rem;
	width: .23rem;
	height: .21rem;
	margin-right: 10px;
	vertical-align: text-bottom;
}

.pay-menu-list-status .icon-game{
	display: inline-block;
	background-image: url('/wap/images/icon-game.png?v=20200822');
	background-size: .18rem .16rem;
	width: .18rem;
	height: .16rem;
	margin-right: 10px;
	vertical-align: text-bottom;
}

.pay-menu-list-status .icon-fun{
	display: inline-block;
	background-image: url('/wap/images/icon-fun.png?v=20200822');
	background-size: .2rem .2rem;
	width: .2rem;
	height: .2rem;
	margin-right: 10px;
	vertical-align: text-bottom;
}

.pay-menu-list-status select{
	background: #1096ef;
	border: none;
}

.pay-tab{
	display: flex;
	height: .6rem;
	line-height: .6rem;
	font-size: .24rem;
	color: #1396F1;
}

.pay-tab .active{
	display: flex;
	height: .6rem;
	line-height: .6rem;
	box-shadow: inset 0 0 5px 3px red;
	background-image: linear-gradient(#f6f6f6, #fefefe)!important;
}

.pay-tab .pay-tab-item{
	flex-grow: 1;
	text-align: center;
	background-image: linear-gradient(#fefefe, #f6f6f6);
}

.pay-tab .pay-tab-item:last-child{
	border-left: 1px solid #888888;
}



.popbox [class^="ic-"],
.popbox [class^="ic-"] {
	display: inline-block;
	vertical-align: top;
	width: .78rem;
	height: .78rem;
	margin-top: -.18rem;
}


.pay-menu-list .icon-user {
	background-color: #fe9263;
	background-position: .1rem .05rem;
}

.pay-menu-list .icon-location {
	background-color: #78b0ff;
	background-position: .13rem -.53rem;
}

.pay-menu-list .icon-money {
	background-color: #ffaf48;
	background-position: .1rem -1.14rem;
}

.pay-menu-list .icon-game {
	background-color: #76d886;
	background-position: .07rem -1.66rem;
}

.pay-menu-list .icon-list {
	background-color: #8e97e8;
	background-position: .12rem -2.26rem;
}

.pay-menu-list .icon-write {
	background-color: #fa7097;
	background-position: .11rem -2.92rem;
}

.pay-menu-list .icon-next {
	width: .4rem;
	height: .4rem;
	margin: 0 auto;
}

.payway-list {
	min-height: 2rem;
	padding: .25rem .3rem;
	overflow: hidden;
}

.payway-list .item {
	width: 33.33%;
	height: 1.54rem;
	color: #616161;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	background: #fff;
	float: left;
}

.pay-wrap .pay-box{
	margin: .2rem auto 0 auto;
    text-align: center;
}

.pay-wrap .pay-box > a{
	margin: 10px auto;
	display: inline-block;
	color: #6B6B6B;
	width: 45%;
	height: .59rem;
	line-height: .59rem;
	font-size: .20rem;
    text-align: center;
    border: 2px solid #eeeeee;
}

.pay-wrap .channel-box{
	padding-bottom: .2rem;
    margin-top: .2rem;
	border-bottom: 1.5px solid #E4E4E4;	
}

.pay-wrap .channel-box > div{
	width: 20%;
    position: relative;
    padding: 10px;
}

.pay-wrap .channel-box > div img{
	display: block;
    margin: 0 auto;
    height: .56rem;
    width: .56rem;
	margin-top: .14rem;
	margin-bottom: .1rem;
}

.pay-wrap .channel-box > div span{
	display: block;
	margin-bottom: .1rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.pay-wrap .channel-box > div > a{
	display: block;
	border:2px solid #E5E5E5;
	font-size: .15rem;
    color: #6B6B6B;
	overflow: hidden;
    text-align: center;
}

.pay-wrap .channel-box .active{
	border:2px solid #0F95EF;
}


.pay-wrap .pay-box .active{
    border: 2px solid #1096ef;
}

.pay-wrap .btn-cforder{
	display: block;
	margin: 0 auto;
	margin-bottom: .4rem;
	background:rgba(15,149,239,1);
	width: 2.96rem;
	height: .62rem;
	line-height: .62rem;
	text-align: center;
	font-size: .25rem;
	font-weight: 700;
	color: #ffffff;
	border-radius: .31rem;
}

.payway-list .item:nth-child(3n) {
	border-right: 0 none;
}

/* .payway-list .item:nth-last-child(-n+3) { border-bottom: 0 none; } */
.payway-list .item i {
	display: block;
	width: 1.8rem;
	height: .9rem;
	margin: 0 auto;
	background: url('/wap/images/pay-menu.png') .7rem -4.3rem no-repeat;
	background-size: 1rem;
}

.payway-list .item .pw-card,
.payway-list .item-25 i {
	background-position: .65rem .24rem;
}

.payway-list .item-4 i {
	background-position: .7rem -4.3rem;
}

.payway-list .item .pw-alipay {
	background-position: .7rem -1.63rem;
}

.payway-list .item-2 i {
	background-position: .74rem -2.63rem;
}

.payway-list .item .pw-paypal {
	background-position: .74rem -3.43rem;
}

.payway-list .item .pw-webatm,
.payway-list .item-23 i {
	background-position: .7rem -0.63rem;
}

.payway-list .item .pw-2a {
	background-position: .7rem -4.24rem;
}


.submit-box .style-remarks{
	font-size: .13rem;
	width: 90%;
    margin: 0 auto;
}

.submit-box .style-remarks .title{
	font-size: .13rem;
	color: red;
}

.submit-box .style-remarks .js-submit-remarks{
	margin-top: .2rem;
	font-size: .13rem;
	word-wrap: break-word;
    word-break: normal;
    word-break: break-all;
}

.js-next-msg{
	font-size: .13rem;
    word-wrap: break-word;
    word-break: normal;
    width: 90%;
    word-break: break-all;
    margin: 0 auto;
}

.tr-choose{
	background: #e4e4e4;
	text-align: center;
	height: .7rem;
	line-height: .7rem;
	font-size: .26rem;
	color: #6B6B6B;
}

.tr-triangle{
	margin-top: -2px;
	text-align: center;
	margin: 0 auto;
	width: 0;
    height: 0;
    border-top: 50px solid #e4e4e4;
    border-right: 50px solid transparent;
	border-left: 50px solid transparent;
	margin-bottom: .3rem;
}


.popbox {
	width: 100%;
	height: 100%;
	padding-top: .82rem;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8;
	background-color: #fff;
}

.popbox .search-box {
	margin: .4rem 0;
}

.popbox-game {}

.popbox-money .ic-diamond {
	background-position: 0 -4.06rem;
}

.popbox-game .ic-war {
	background-position: 0 -4.85rem;
}

.popbox-game .ic-logo {
	width: .7rem;
	height: .7rem;
	margin-top: -.16rem;
	border-radius: 20%;
	margin-right: .2rem;
}

.popbox-server .ic-server {
	background-position: 0 -5.65rem;
}

.popbox-invoice .ic-invoice {
	background-position: .26rem -6.36rem;
}

.popbox-mc [class^="ic-"] {
	background: url('/wap/images/mc-type.png') 0 .14rem no-repeat;
	-webkit-background-size: .8rem;
	background-size: .8rem;
}

.popbox-mc .ic-1,
.popbox-mc .ic-6,
.popbox-mc .ic-7 {
	background-position: 0 .14rem;
}

.popbox-mc .ic-4 {
	background-position: 0 -.65rem;
}

.popbox-mc .ic-2 {
	background-position: 0 -1.46rem;
}

.popbox-mc .ic-3 {
	background-position: 0 -2.17rem;
}

.popbox-mc .ic-5 {
	background-position: 0 -3.05rem;
}

.popbox-invoice {
	line-height: .5rem;
}

.popbox-invoice table {
	width: 100%;
	line-height: .7rem;
	text-align: center;
	color: #616161;
	margin: .3rem 0;
}

.popbox-invoice thead td {
	color: #1096ef;
}

.popbox-invoice td {
	border: 1px solid #fff;
	background: #f0f0f0;
}

.remit-notice {
	color: #616161;
}

.popbox-confirm {
	background-color: #f6f6f6;
}

.popbox-confirm .hd {
	width: 100%;
	height: .5rem;
	line-height: .5rem;
	margin: .7rem 0 .5rem;
	background: url('/wap/images/pay-icon.png') .5rem .05rem no-repeat;
	-webkit-background-size: .5rem;
	background-size: .5rem;
	font-size: .36rem;
	text-align: center;
	text-indent: .6rem;
}

.popbox-confirm .bd {
	background: #fff;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: .4rem 0;
	overflow: hidden;
}

.popbox-confirm .bd li {
	overflow: hidden;
	height: .54rem;
	line-height: .54rem;
	font-size: .22rem;
}

.popbox-confirm .bd label {
	width: 42%;
	text-align: right;
	float: left;
}

.popbox-confirm .bd span {
	width: 56%;
	float: right;
}

.popbox-confirm .w-btn {
	width: 90%;
	margin: .4rem 5% 0;
}

.callback-success .hd {
	background-position: 1.6rem -.55rem;
}

.callback-failure .hd {
	background-position: 1.4rem -1.15rem;
}

.callback-success .bd,
.callback-failure .bd {
	padding: .4rem;
}

.callback-success .bd span,
.callback-failure .bd span {
	width: auto;
	float: none;
}

.btn-loading {
	width: .26rem;
	height: .26rem;
	margin-top: -.02rem;
}

/* 底部选择框 */
.swiperBottomBox .content {
	z-index: 10000;
	position: absolute;
	height: 3rem;
	width: 100%;
	bottom: 0;
	right: 0;
	background: #ffffff;
}

.swiperBottomBox .title {
	margin-top: .2rem;
	color: #9E9E9E;
	text-align: center;
	font-size: .25rem;
}

.swiperBottomBox .swiper-wrapper {
	margin: 0 auto;
}


.swiperBottomBox .swiper-wrapper img {
	margin-top: .25rem;
	width: 1.39rem;
	height: 1.39rem;
	border-radius: 50%;
}

.swiperBottomBox .swiper-wrapper .test {
	margin-top: .19rem;
	font-size: .25rem;
	font-weight: 400;
	color: rgba(158, 158, 158, 1);
}

.swiperBottomBox .left-arrow {
	background: url('/wap/images/arrow.png') center center no-repeat;
	background-size: .25rem .48rem;
	height: .48rem;
	width: .25rem;
}

.swiperBottomBox .right-arrow {
	transform: rotateY(180deg);
	background: url('/wap/images/arrow.png') center center no-repeat;
	background-size: .25rem .48rem;
	height: .48rem;
	width: .25rem;
}


/* 编辑弹窗 */
.mask {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .4);
	font-size: .22rem;
}

.mask-loading {
	background: rgba(255, 255, 255, .4) url('/common/images/loading.gif') center center no-repeat;
}

.dialog-edit,
.dialog-box {
	position: fixed;
	width: 70%;
	height: auto;
	overflow: hidden;
	border: 1px solid #1096ef;
	border-radius: .1rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	z-index: 99;
}

.dialog-edit .hd,
.dialog-box .hd {
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: .28rem;
	background: #1096ef;
	color: #fff;
}

.dialog-edit .bd {
	min-height: 1.4rem;
}

.dialog-edit .opt,
.dialog-box .opt {
	border-top: 1px solid;
	text-align: center;
}

.dialog-edit .opt a {
	width: 50%;
	height: .8rem;
	line-height: .8rem;
	color: #bfbfbf;
	border-right: 1px solid #bfbfbf;
	float: left;
}

.dialog-edit .opt .btn-confirm {
	color: #1096ef;
	border-right: 0 none;
}

.type-input {
	display: block;
	width: 70%;
	height: .88rem;
	border: 0 none;
	border-bottom: 1px solid #1096ef;
	margin: .1rem auto 0;
	text-align: center;
	color: #333;
}

.dialog-edit .type-radio {
	padding: .5rem 0 0;
}

.dialog-edit .radio-item {
	margin: 0 .2rem;
}

/* 确认弹窗 */
.dialog-box .bd {
	line-height: .5rem;
	text-align: center;
	min-height: 1.4rem;
	padding: .3rem;
}

.dialog-box .opt a {
	display: block;
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	color: #1096ef;
}

/*屏幕适配*/

@media only screen and (max-width: 435px) {}

@media only screen and (max-width: 414px) {
	/*iphone6plus*/

}

@media only screen and (max-width: 375px) {
	/*iphone6*/

}

@media only screen and (max-width: 320px) {
	/*iphone5*/

}

@media only screen and (min-width: 460px) {
	/*大于6P的尺寸（ipad，pc）*/

}


/*通用提示弹窗*/
.pop-close {
	position: absolute;
    top: .12rem;
    right: .14rem;
    width: .24rem;
    height: .24rem;
	background: url('/platform/images/pop-close-white.png?2018') no-repeat;
	background-size: .24rem .24rem;
}

.tips-pop {
    width: 80%;
    position: fixed;
    top: 50%;
	left: 50%;
	transform:translateY(-50%);
	transform:translateX(-50%);
    z-index: 1001;
    _position: absolute;
}

.tips-pop .close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0px;
    right: -30px;
    background-position: -260px -151px;
}

.tips-pop .hd {
    height: .50rem;
    line-height: .50rem;
    text-align: center;
    font-size: .24rem;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    background: #1096ef;
}

.tips-pop .bd {
    min-height: 2.rem;
    padding: .22rem .10rem;
    text-align: center;
    font-size: .24rem;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-top: 0 none;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 2px 0px #c9c9c9;
}

.tips-pop .bd .bd-txt {
    line-height: .24rem;
    padding: .2rem 0;
    overflow: hidden;
}

.tips-pop .btn-copy{
	display: block;
	margin: 0 auto;
	border-color: #1096ef;
	border-radius: .5rem;
    background-color: #1096ef;
    width: 1.04rem;
    min-width: 1.04rem;
    height: .5rem;
	line-height: .5rem;
	color: #fff;
}

.w-item-safepass {
    margin: 10px 0 0 0 !important;
}

.w-item-safepass .tip {
    height: 30px;
    line-height: 30px;
    color: #1096ef;
    margin-left: 20px;
    text-align: left;
    font-size: 12px;
}

.pop-button {
    display: inline-block;
    vertical-align: top;
    width: 78px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    margin: 0 6px;
    font-size: 14px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.pop-button-red {
    background: #1096ef;
}

.pop-button-red:hover {
    color: #fff !important;
    background: #47b5ff;
}

.pop-button-gray {
    background: #d7d7d7;
}

.pop-button-gray:hover {
    color: #fff !important;
    background: #c4c4c4;
}

.pop-button-green {
    background: #4dd589;
}

.pop-button-green:hover {
    color: #fff !important;
    background: #58e79c !important;
}

/* 充值确认 */
.confirm-pop {
    position: fixed;
	width: 90%;
	height: auto;
	overflow: hidden;
	border: 1px solid #1096ef;
	border-radius: .1rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	z-index: 1000;
}

.confirm-pop .hd {
    width: 100%;
    height: .50rem;
    line-height: .50rem;
    color: #fff;
    font-size: .20rem;
    text-align: center;
    background: #1096ef;
}

.confirm-pop .bd {
    padding: 0 .40rem .20rem;
    background: #fff;
    overflow: hidden;
}

.confirm-pop .tit {
    font-size: .14rem;
    color: #1096ef;
    text-align: center;
    display: inline-block; /* height: 22px; */
    position: relative;
    line-height: .22rem;
    margin: .26rem 0; /* */
    text-indent: .35rem; /* position: absolute; *//* height: 50px; */
}

.confirm-pop .tit:after {
    background: url('/platform/images/pay-icon.png') 0px 0 no-repeat; /* display: block; */
    height: .23rem; /* float: left; */
    position: absolute;
    left: 0; /* position: fixed; *//* left: 24px; */
    width: .23rem; /* margin-top: -21px; */
	content: "";
}

.confirm-list {
    padding-bottom: .26rem;
    border-bottom: 1.5px solid #ededed;
}

.confirm-list li {
    vertical-align: top;
	overflow: hidden;
	line-height: .3rem;
}

.confirm-pop .x-label, .confirm-pop .x-p {
    width: 1.94rem;
    height: .34rem;
    line-height: .34rem;
    text-align: right;
    float: left;
}

.confirm-pop .x-p {
    width: 1.70rem;
    margin-left: .10rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.confirm-pop .btn-submit {
    display: block;
    width: 1.42rem;
    height: .52rem;
    line-height: .52rem;
    text-align: center;
    color: #fff;
    border-radius: .16rem;
    font-size: .22rem;
    margin: .20rem auto 0;
    background: #1096ef;
}

.confirm-pop .btn-submit:hover {
    color: #fff !important;
    background: #47b5ff;
}

.btn-send{
	width: 1.35rem;
    height: 0.5rem;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    border: 0 none;
    background: #1fc1d6;
    position: relative;
    display: inline-block;
    margin-left: 14px;
}