.basefile{
	position:fixed;
	z-index:-100;
	width:0;
	height:0;
	opacity:0
}
.clipper-container{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	line-height:0;
	background-color:#000
}
.clipper-container .clipper-part{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	bottom:61px;
	z-index:102
}
.clipper-container .clipper-part .pCanvas-container{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	border:2px solid #fff
}
.clipper-container .action-bar{
	box-sizing:content-box;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	top:auto;
	z-index:103;
	height:60px;
	line-height:60px;
	border-top:1px solid hsla(0,0%,100%,.3)
}
.clipper-container .action-bar button{
	display:block;
	padding:0 15px;
	line-height:60px;
	font-size:16px;
	color:#fff;
	background:none;
	border:none;
	outline:0
}
.clipper-container .action-bar button.btn-cancel{
	float:left
}
.clipper-container .action-bar button.btn-ok{
	float:right
}
.clipper-container .mask{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	z-index:101;
	-webkit-transition:opacity .5s;
	transition:opacity .5s;
	background-color:#000;
	opacity:0
}
.clipper-container .mask.opacity{
	opacity:.8
}
.clipper-container .gesture-mask{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	bottom:61px;
	z-index:103
}
.checkin .checkin-header{
	padding:13px 0 16px;
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.checkin .checkin-header h2{
	font-size:16px;
	line-height:20px;
	color:#fff;
	font-weight:400
}
.checkin .checkin-header h2 span{
	color:#03c47e
}
.checkin .checkin-header .rule-link{
	display:block;
	font-size:12px;
	line-height:20px;
	color:#8b969f;
	position:relative;
	z-index:1;
	margin-right:14px;
	cursor:pointer
}
.checkin .checkin-header .rule-link span{
	width:14px;
	height:14px;
	cursor:pointer;
	border-radius:50%;
	display:block;
	position:absolute;
	right:-14px;
	top:4px
}
.checkin .checkin-header .rule-link span:after,.checkin .checkin-header .rule-link span:before {
	content:"";
	width:0;
	height:0;
	position:absolute
}
.checkin .checkin-header .rule-link span:before {
	top:1px;
	left:6px;
	border:6px solid transparent;
	border-left:7px solid #8b969f
}
.checkin .checkin-header .rule-link span:after {
	top:2px;
	left:5px;
	border:5px solid transparent;
	border-left:6px solid #28333d
}
.checkin .checkin-header .rule-link:hover {
	color:#fff
}
.checkin .checkin-header .rule-link:hover span:before {
	border-left-color:#fff
}
.checkin .section {
	position:relative
}
.checkin .section .sequence {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.checkin .section .sequence .day {
	width:24px;
	height:24px;
	margin:auto;
	box-sizing:border-box;
	border:1px solid #8b969f;
	border-radius:100%;
	text-align:center;
	line-height:22px;
	color:#8b969f;
	position:relative;
	z-index:2;
	background:#1e2831;
	cursor:pointer
}
.checkin .section .sequence .day span {
	display:block;
	font-size:12px;
	-webkit-transform:scale(.83);
	transform:scale(.83);
	*font-size:10px
}
.checkin .section .sequence .day:after {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 8px;
	border-color:transparent;
	border-bottom-color:#28333d;
	display:none;
	position:absolute;
	bottom:-27px;
	left:3px
}
.checkin .section .sequence .day:hover {
	color:#fff;
	border-color:#fff
}
.checkin .section .sequence .day.disabled {
	border:0 none;
	background:url(../img/icon_checkin_dailychecked.5bf20a72.png) 50% no-repeat;
	background-size:contain;
	text-indent:-9999px
}
.checkin .section .sequence .day.cur:after {
	display:block
}
.checkin .section .sequence i {
	width:8px;
	height:1px;
	background:#8b969f;
	display:block;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	margin-top:13px
}
.checkin .section .sequence i:last-child {
	display:none
}
.checkin .section .sequence i.disabled {
	background:#03c47e
}
.checkin .section .award {
	position:relative;
	width:100%;
	height:222px;
	background:url(../img/img_present_enrollmentBGPC.7bb99278.png) no-repeat;
	background-size:cover;
	margin-top:26px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	border-radius:4px;
	padding:10px 0
}
.checkin .section .award:before {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 8px;
	border-color:transparent;
	border-bottom-color:#28333d;
	display:block;
	position:absolute;
	top:-20px;
	display:none
}
.checkin .section .award .text {
	line-height:28px;
	font-size:12px;
	color:#b4c0c9;
	margin-bottom:10px;
	text-align:center;
	letter-spacing:1px
}
.checkin .section .award .text span {
	color:#03c47e;
	font-size:20px;
	vertical-align:top
}
.checkin .section .award .text i {
	color:#03c47e;
	margin-right:5px;
	font-style:normal
}
.checkin .section .g-Btn {
	display:block;
	width:120px;
	position:relative;
	z-index:1;
	font-weight:400;
	font-size:16px
}
.checkin .section .g-Btn.sign {
	background:#304051;
	color:#fff;
	border-color:#304051
}
.checkin .section .g-Btn.sign:hover {
	background:#304051!important;
	border-color:#304051
}
.checkin .section .g-Btn.sign span {
	opacity:.5
}
.checkin .section:first-child .sequence:before,.checkin .section:last-child .sequence:after {
	content:none
}
.checkin .section.meter {
	position:fixed;
	top:60px;
	top:-webkit-calc(60px + constant(safe-area-inset-top));
	top:calc(60px + constant(safe-area-inset-top));
	top:-webkit-calc(60px + env(safe-area-inset-top));
	top:calc(60px + env(safe-area-inset-top));
	left:0;
	right:0;
	z-index:10;
	font-size:12px;
	color:#a5a9ac;
	background:#1e2831;
	border-bottom:0 none
}
.checkin .section.meter span:first-child {
	padding:15px 8px;
	box-sizing:border-box
}
.checkin .section.meter span:first-child:after,.checkin .section.meter span:first-child:before {
	display:none
}
.checkin .section.meter span:last-child {
	margin-right:88px;
	padding-top:15px;
	padding-bottom:15px
}
.checkin .section.meter span:last-child:before {
	display:none
}
.checkin .section.active .sequence:before {
	background:#03c47e
}
.checkin .section.active .award .text {
	color:#03c47e
}
.checkin .section.active .award .text .vip {
	color:#e4bf84;
	-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#f3e1ba),to(#e4bf84))
}
.checkin .section.disabled+div .sequence:before,.checkin .section.disabled .sequence:after,.checkin .section.disabled .sequence:before {
	background:#03c47e
}
.checkin .section.disabled .award:before {
	content:none
}
.checkin .section.disabled .award .text {
	color:#b4c0c9;
	opacity:.5
}
.checkin .section.disabled .award .text .vip {
	color:#e4bf84;
	-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#f3e1ba),to(#e4bf84))
}
.checkin .tips {
	margin:8px 0 10px;
	text-align:center;
	font-size:12px;
	color:#61686f;
	line-height:28px
}
.checkin .tips:after,.checkin .tips:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:10px;
	height:1px;
	background:#61686f
}
.checkin .tips:before {
	margin-right:6px
}
.checkin .tips:after {
	margin-left:6px
}
.checkin.mobile {
	padding:0 16px 20px
}
.checkin.mobile .checkin-main {
	margin-bottom:20px;
	min-height:300px
}
.checkin.mobile .section {
	border-bottom:1px solid #2f3c47
}
.checkin.mobile .section .sequence {
	margin-right:0;
	white-space:nowrap;
	height:32px
}
.checkin.mobile .section .sequence:after,.checkin.mobile .section .sequence:before {
	left:35px
}
.checkin.mobile .section .sequence .day {
	width:32px;
	height:32px;
	line-height:30px;
	font-size:12px
}
.checkin.mobile .section .sequence .day span {
	font-size:12px;
	-webkit-transform:none;
	transform:none;
	*font-size:12px
}
.checkin.mobile .section .sequence .day:after {
	left:8px
}
.checkin.mobile .section .sequence i {
	margin-top:16px
}
.checkin.mobile .section .award {
	text-align:center;
	background:url(../img/img_present_enrollmentBG.6d1da400.png) no-repeat;
	background-size:100% 100%
}
.checkin.mobile .section .award .text {
	line-height:28px;
	font-size:14px
}
.checkin.mobile .section.active .award:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:0;
	background:url(../img/img_checkin_pattern.b822a1b1.png) 100% 0 no-repeat;
	background-size:contain;
	opacity:.24
}
.checkin.mobile .checkin-scroll {
	height:auto
}
.checkin.mobile .tips {
	margin:12px 0
}
.checkin.mobile .tips:after,.checkin.mobile .tips:before {
	content:none
}
.checkin .gift-link,.checkin .invite-link {
	display:block;
	width:100%;
	max-width:480px;
	height:77px;
	margin:20px auto;
	cursor:pointer
}
.checkin .gift-link.invite-link,.checkin .invite-link.invite-link {
	background:url(../img/img_present_invitation_normal.bb680d6f.png) no-repeat;
	background-size:100%
}
.checkin .gift-link.gift-link,.checkin .invite-link.gift-link {
	background:url(../img/img_present_freeredeem_normal.38116b15.png) no-repeat;
	background-size:100%
}
.checkin .gift-link:hover.invite-link,.checkin .invite-link:hover.invite-link {
	background-image:url(../img/img_present_invitation_hover.c1f2e77f.png)
}
.checkin .gift-link:hover.gift-link,.checkin .invite-link:hover.gift-link {
	background-image:url(../img/img_present_freeredeem_hover.721e87a9.png)
}
.checkin .checkin-btn {
	border:1px solid #03c47e;
	border-radius:20px;
	width:120px;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#03c47e;
	letter-spacing:1px;
	text-align:center
}
.checkin .checkin-invite {
	width:100%;
	background-color:#28333d;
	border-radius:4px;
	margin-bottom:20px;
	box-sizing:border-box;
	padding:20px 20px 1px 20px
}
.checkin .checkin-invite.checkin-invite-bg {
	background:url(../img/img_present_invitationBG.e72ba375.png) no-repeat;
	background-position:100% 100%;
	background-size:cover
}
.checkin .checkin-invite .checkin-invite-img {
	max-width:280px;
	height:126px;
	margin:0 auto;
	background:url(../img/img_present_invitation.aa2d2c1b.png) no-repeat;
	background-size:contain
}
.checkin .checkin-invite .checkin-invite-link {
	margin:20px auto
}
.checkin .checkin-invite p {
	font-size:14px;
	color:#b4c0c9;
	line-height:28px
}
.checkin .checkin-invite p i {
	color:#03c47e;
	font-size:16px;
	font-style:normal;
	margin:0 5px
}
.checkin .checkin-invite .checkin-invite-desc {
	margin-top:10px
}
.checkin .checkin-invite .checkin-invite-desc p {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.checkin .checkin-group-item {
	width:100%;
	height:0;
	padding-bottom:36.48293963%;
	background:url(../img/img_present_freeredeem.791e2a78.png) no-repeat;
	background-size:cover;
	box-sizing:border-box;
	position:relative;
	margin-bottom:20px
}
.checkin .checkin-group-item .checkin-item-btn {
	position:absolute;
	top:50%;
	right:30px;
	-webkit-transform:translateY(-30%);
	transform:translateY(-30%)
}
.checkin-pc-group {
	width:100%;
	max-width:480px;
	height:77px;
	margin:20px auto;
	opacity:.9;
	cursor:pointer
}
.checkin-pc-group:hover {
	opacity:1
}
.checkin-pc-group:last-of-type .checkin-group-item,.checkin-pc-group:last-of-type {
	margin-bottom:0
}
.checkin-pc-group .checkin-group-item {
	padding-bottom:35.32110092%
}
.checkin-banner {
	width:100%
}
.checkin-banner .slide {
	width:100%;
	margin:0 auto
}
.checkin-banner .slide .slide-wrap {
	border-radius:4px
}
@media only screen and (max-width:320px) {
	.checkin .checkin-group-item .checkin-item-btn {
	right:3%
}
}.checkin .checkin-header {
	padding:13px 0 16px;
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.checkin .checkin-header h2 {
	font-size:16px;
	line-height:20px;
	color:#fff;
	font-weight:400
}
.checkin .checkin-header h2 span {
	color:#03c47e
}
.checkin .checkin-header .rule-link {
	display:block;
	font-size:12px;
	line-height:20px;
	color:#8b969f;
	position:relative;
	z-index:1;
	margin-right:14px;
	cursor:pointer
}
.checkin .checkin-header .rule-link span {
	width:14px;
	height:14px;
	cursor:pointer;
	border-radius:50%;
	display:block;
	position:absolute;
	right:-14px;
	top:4px
}
.checkin .checkin-header .rule-link span:after,.checkin .checkin-header .rule-link span:before {
	content:"";
	width:0;
	height:0;
	position:absolute
}
.checkin .checkin-header .rule-link span:before {
	top:1px;
	left:6px;
	border:6px solid transparent;
	border-left:7px solid #8b969f
}
.checkin .checkin-header .rule-link span:after {
	top:2px;
	left:5px;
	border:5px solid transparent;
	border-left:6px solid #28333d
}
.checkin .checkin-header .rule-link:hover {
	color:#fff
}
.checkin .checkin-header .rule-link:hover span:before {
	border-left-color:#fff
}
.checkin .section {
	position:relative
}
.checkin .section .sequence {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.checkin .section .sequence .day {
	width:24px;
	height:24px;
	margin:auto;
	box-sizing:border-box;
	border:1px solid #8b969f;
	border-radius:100%;
	text-align:center;
	line-height:22px;
	color:#8b969f;
	position:relative;
	z-index:2;
	background:#1e2831;
	cursor:pointer
}
.checkin .section .sequence .day span {
	display:block;
	font-size:12px;
	-webkit-transform:scale(.83);
	transform:scale(.83);
	*font-size:10px
}
.checkin .section .sequence .day:after {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 8px;
	border-color:transparent;
	border-bottom-color:#28333d;
	display:none;
	position:absolute;
	bottom:-27px;
	left:3px
}
.checkin .section .sequence .day:hover {
	color:#fff;
	border-color:#fff
}
.checkin .section .sequence .day.disabled {
	border:0 none;
	background:url(../img/icon_checkin_dailychecked.5bf20a72.png) 50% no-repeat;
	background-size:contain;
	text-indent:-9999px
}
.checkin .section .sequence .day.cur:after {
	display:block
}
.checkin .section .sequence i {
	width:8px;
	height:1px;
	background:#8b969f;
	display:block;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	margin-top:13px
}
.checkin .section .sequence i:last-child {
	display:none
}
.checkin .section .sequence i.disabled {
	background:#03c47e
}
.checkin .section .award {
	position:relative;
	width:100%;
	height:222px;
	background:url(../img/img_present_enrollmentBGPC.7bb99278.png) no-repeat;
	background-size:cover;
	margin-top:26px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	border-radius:4px;
	padding:10px 0
}
.checkin .section .award:before {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 8px;
	border-color:transparent;
	border-bottom-color:#28333d;
	display:block;
	position:absolute;
	top:-20px;
	display:none
}
.checkin .section .award .text {
	line-height:28px;
	font-size:12px;
	color:#b4c0c9;
	margin-bottom:10px;
	text-align:center;
	letter-spacing:1px
}
.checkin .section .award .text span {
	color:#03c47e;
	font-size:20px;
	vertical-align:top
}
.checkin .section .award .text i {
	color:#03c47e;
	margin-right:5px;
	font-style:normal
}
.checkin .section .g-Btn {
	display:block;
	width:120px;
	position:relative;
	z-index:1;
	font-weight:400;
	font-size:16px
}
.checkin .section .g-Btn.sign {
	background:#304051;
	color:#fff;
	border-color:#304051
}
.checkin .section .g-Btn.sign:hover {
	background:#304051!important;
	border-color:#304051
}
.checkin .section .g-Btn.sign span {
	opacity:.5
}
.checkin .section:first-child .sequence:before,.checkin .section:last-child .sequence:after {
	content:none
}
.checkin .section.meter {
	position:fixed;
	top:60px;
	top:-webkit-calc(60px + constant(safe-area-inset-top));
	top:calc(60px + constant(safe-area-inset-top));
	top:-webkit-calc(60px + env(safe-area-inset-top));
	top:calc(60px + env(safe-area-inset-top));
	left:0;
	right:0;
	z-index:10;
	font-size:12px;
	color:#a5a9ac;
	background:#1e2831;
	border-bottom:0 none
}
.checkin .section.meter span:first-child {
	padding:15px 8px;
	box-sizing:border-box
}
.checkin .section.meter span:first-child:after,.checkin .section.meter span:first-child:before {
	display:none
}
.checkin .section.meter span:last-child {
	margin-right:88px;
	padding-top:15px;
	padding-bottom:15px
}
.checkin .section.meter span:last-child:before {
	display:none
}
.checkin .section.active .sequence:before {
	background:#03c47e
}
.checkin .section.active .award .text {
	color:#03c47e
}
.checkin .section.active .award .text .vip {
	color:#e4bf84;
	-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#f3e1ba),to(#e4bf84))
}
.checkin .section.disabled+div .sequence:before,.checkin .section.disabled .sequence:after,.checkin .section.disabled .sequence:before {
	background:#03c47e
}
.checkin .section.disabled .award:before {
	content:none
}
.checkin .section.disabled .award .text {
	color:#b4c0c9;
	opacity:.5
}
.checkin .section.disabled .award .text .vip {
	color:#e4bf84;
	-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#f3e1ba),to(#e4bf84))
}
.checkin .tips {
	margin:8px 0 10px;
	text-align:center;
	font-size:12px;
	color:#61686f;
	line-height:28px
}
.checkin .tips:after,.checkin .tips:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:10px;
	height:1px;
	background:#61686f
}
.checkin .tips:before {
	margin-right:6px
}
.checkin .tips:after {
	margin-left:6px
}
.checkin.mobile {
	padding:0 16px 20px
}
.checkin.mobile .checkin-main {
	margin-bottom:20px;
	min-height:300px
}
.checkin.mobile .section {
	border-bottom:1px solid #2f3c47
}
.checkin.mobile .section .sequence {
	margin-right:0;
	white-space:nowrap;
	height:32px
}
.checkin.mobile .section .sequence:after,.checkin.mobile .section .sequence:before {
	left:35px
}
.checkin.mobile .section .sequence .day {
	width:32px;
	height:32px;
	line-height:30px;
	font-size:12px
}
.checkin.mobile .section .sequence .day span {
	font-size:12px;
	-webkit-transform:none;
	transform:none;
	*font-size:12px
}
.checkin.mobile .section .sequence .day:after {
	left:8px
}
.checkin.mobile .section .sequence i {
	margin-top:16px
}
.checkin.mobile .section .award {
	text-align:center;
	background:url(../img/img_present_enrollmentBG.6d1da400.png) no-repeat;
	background-size:100% 100%
}
.checkin.mobile .section .award .text {
	line-height:28px;
	font-size:14px
}
.checkin.mobile .section.active .award:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:0;
	background:url(../img/img_checkin_pattern.b822a1b1.png) 100% 0 no-repeat;
	background-size:contain;
	opacity:.24
}
.checkin.mobile .checkin-scroll {
	height:auto
}
.checkin.mobile .tips {
	margin:12px 0
}
.checkin.mobile .tips:after,.checkin.mobile .tips:before {
	content:none
}
.checkin .gift-link,.checkin .invite-link {
	display:block;
	width:100%;
	max-width:480px;
	height:77px;
	margin:20px auto;
	cursor:pointer
}
.checkin .gift-link.invite-link,.checkin .invite-link.invite-link {
	background:url(../img/img_present_invitation_normal.bb680d6f.png) no-repeat;
	background-size:100%
}
.checkin .gift-link.gift-link,.checkin .invite-link.gift-link {
	background:url(../img/img_present_freeredeem_normal.38116b15.png) no-repeat;
	background-size:100%
}
.checkin .gift-link:hover.invite-link,.checkin .invite-link:hover.invite-link {
	background-image:url(../img/img_present_invitation_hover.c1f2e77f.png)
}
.checkin .gift-link:hover.gift-link,.checkin .invite-link:hover.gift-link {
	background-image:url(../img/img_present_freeredeem_hover.721e87a9.png)
}
.checkin .checkin-btn {
	border:1px solid #03c47e;
	border-radius:20px;
	width:120px;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#03c47e;
	letter-spacing:1px;
	text-align:center
}
.checkin .checkin-invite {
	width:100%;
	background-color:#28333d;
	border-radius:4px;
	margin-bottom:20px;
	box-sizing:border-box;
	padding:20px 20px 1px 20px
}
.checkin .checkin-invite.checkin-invite-bg {
	background:url(../img/img_present_invitationBG.e72ba375.png) no-repeat;
	background-position:100% 100%;
	background-size:cover
}
.checkin .checkin-invite .checkin-invite-img {
	max-width:280px;
	height:126px;
	margin:0 auto;
	background:url(../img/img_present_invitation.aa2d2c1b.png) no-repeat;
	background-size:contain
}
.checkin .checkin-invite .checkin-invite-link {
	margin:20px auto
}
.checkin .checkin-invite p {
	font-size:14px;
	color:#b4c0c9;
	line-height:28px
}
.checkin .checkin-invite p i {
	color:#03c47e;
	font-size:16px;
	font-style:normal;
	margin:0 5px
}
.checkin .checkin-invite .checkin-invite-desc {
	margin-top:10px
}
.checkin .checkin-invite .checkin-invite-desc p {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.checkin .checkin-group-item {
	width:100%;
	height:0;
	padding-bottom:36.48293963%;
	background:url(../img/img_present_freeredeem.791e2a78.png) no-repeat;
	background-size:cover;
	box-sizing:border-box;
	position:relative;
	margin-bottom:20px
}
.checkin .checkin-group-item .checkin-item-btn {
	position:absolute;
	top:50%;
	right:30px;
	-webkit-transform:translateY(-30%);
	transform:translateY(-30%)
}
.checkin-pc-group {
	width:100%;
	max-width:480px;
	height:77px;
	margin:20px auto;
	opacity:.9;
	cursor:pointer
}
.checkin-pc-group:hover {
	opacity:1
}
.checkin-pc-group:last-of-type .checkin-group-item,.checkin-pc-group:last-of-type {
	margin-bottom:0
}
.checkin-pc-group .checkin-group-item {
	padding-bottom:35.32110092%
}
.checkin-banner {
	width:100%
}
.checkin-banner .slide {
	width:100%;
	margin:0 auto
}
.checkin-banner .slide .slide-wrap {
	border-radius:4px
}
@media only screen and (max-width:320px) {
	.checkin .checkin-group-item .checkin-item-btn {
	right:3%
}
}.notevent {
	pointer-events:none
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
	line-height:1.15;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:transparent
}
body {
	margin:0;
	-webkit-font-smoothing:antialiased
}
:focus {
	outline:none
}
h1,h2,h3,h4,h5,li,p,ul {
	padding:0;
	margin:0
}
main {
	display:block
}
h1 {
	font-size:2em;
	margin:.67em 0
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
pre {
	font-family:monospace,monospace;
	font-size:1em
}
a {
	background-color:transparent
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
b,strong {
	font-weight:bolder
}
code,kbd,samp {
	font-family:monospace,monospace;
	font-size:1em
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
img {
	border-style:none
}
button,input,optgroup,select,textarea {
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button,input {
	overflow:visible
}
button,select {
	text-transform:none
}
[type=button],[type=reset],[type=submit],button {
	-webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style:none;
	padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline:1px dotted ButtonText
}
fieldset {
	padding:.35em .75em .625em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type=checkbox],[type=radio] {
	box-sizing:border-box;
	padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height:auto;
	-webkit-appearance:none;
	appearance:none;
	margin:0
}
[type=search] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button {
	display:none
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
details {
	display:block
}
summary {
	display:list-item
}
[hidden],template {
	display:none
}
ul {
	list-style:none
}
body,html {
	height:100%;
	min-height:100%;
	min-height:-webkit-calc(100% + constant(safe-area-inset-top));
	min-height:calc(100% + constant(safe-area-inset-top));
	min-height:-webkit-calc(100% + env(safe-area-inset-top));
	min-height:calc(100% + env(safe-area-inset-top))
}
::-webkit-scrollbar {
	width:8px
}
::-webkit-scrollbar-track {
	background:transparent
}
::-webkit-scrollbar-thumb {
	background:hsla(0,0%,100%,.1);
	border-radius:4px
}
::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover {
	background:hsla(0,0%,100%,.2)
}
body {
	color:#fff;
	background-color:#1e2831;
	min-width:320px;
	line-height:1.5;
	background-position:top;
	background-repeat:no-repeat;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
video:focus {
	outline:none
}
iframe {
	height:0
}
.indexbg {
	background:url(../img/bg.28296dd4.jpg) 100% 0 no-repeat;
	background-size:100% 40%;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	opacity:1;
	-webkit-transition:opacity .3s cubic-bezier(.25,.8,.25,1);
	transition:opacity .3s cubic-bezier(.25,.8,.25,1)
}
.indexbg.collapsed {
	opacity:0
}
.indexappbg {
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:0;
	padding-bottom:35.57%;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden
}
.indexappbg:before {
	content:"";
	position:absolute;
	bottom:0;
	width:100%;
	height:50%;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(23,26,30,0)),to(#1e2831));
	background-image:linear-gradient(-180deg,rgba(23,26,30,0),#1e2831)
}
@media only screen and (max-width:768px) {
	.detailbg {
	background-size:100% 30%
}
}.detailbg {
	background-position:100% 0;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:512px;
	position:absolute;
	z-index:-1;
	top:0;
	right:0;
	overflow:hidden
}
.detailbg:after,.detailbg:before {
	position:absolute;
	content:""
}
.detailbg:before {
	bottom:0;
	width:100%;
	height:0;
	padding-bottom:17.77777778%;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(23,26,30,0)),to(#1e2831));
	background-image:linear-gradient(-180deg,rgba(23,26,30,0),#1e2831);
	z-index:1
}
.detailbg:after {
	left:0;
	height:100%;
	width:660px;
	background-image:-webkit-gradient(linear,right top,left top,from(rgba(30,40,49,0)),color-stop(74%,rgba(30,40,49,.85)));
	background-image:linear-gradient(-90deg,rgba(30,40,49,0),rgba(30,40,49,.85) 74%)
}
@media only screen and (min-width:1919px) {
	.detailbg:after {
	width:880px
}
}@media only screen and (max-width:1024px) {
	.detailbg {
	height:400px
}
}@media only screen and (max-width:768px) {
	.detailbg {
	background-position:80% top
}
}@media only screen and (max-width:414px) {
	.detailbg:after {
	width:100%
}
}#content {
	max-width:1920px;
	padding:0 8%;
	margin:0 auto;
	position:relative
}
@media only screen and (min-width:1919px) {
	#content {
	padding:0 8%
}
}@media only screen and (max-width:768px) {
	#content {
	padding:0 40px
}
}@media only screen and (max-width:414px) {
	#content {
	padding:0 16px
}
}.emptycontent {
	padding:0 30px;
	min-height:600px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	font-size:18px
}
input {
	padding:0;
	color:#fff;
	border:none;
	outline:none;
	background:transparent
}
input::-webkit-input-placeholder {
	color:#61686f
}
input:-ms-input-placeholder {
	color:#61686f
}
input::placeholder {
	color:#61686f
}
textarea::-webkit-input-placeholder {
	color:#61686f
}
textarea:-ms-input-placeholder {
	color:#61686f
}
textarea::placeholder {
	color:#61686f
}
.lang-zh {
	font-family:PingFang SC,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",Source San Pro,MingLiu,Arial,sans-serif;
	font-size:12px
}
.lang-zh .f40 {
	font-size:32px!important
}
.lang-zh .f28 {
	font-size:28px!important
}
.lang-zh .f26 {
	font-size:26px!important
}
.lang-zh .f24 {
	font-size:24px!important
}
.lang-zh .f20 {
	font-size:20px!important
}
.lang-zh .f18 {
	font-size:18px!important
}
.lang-zh .f16 {
	font-size:16px!important
}
.lang-zh .f14 {
	font-size:14px!important
}
.lang-zh .f13 {
	font-size:13px!important
}
.lang-zh .f12 {
	font-size:12px!important
}
.lang-zh input::-webkit-input-placeholder,.lang-zh textarea::-webkit-input-placeholder {
	font-size:12px
}
.lang-zh input:-ms-input-placeholder,.lang-zh textarea:-ms-input-placeholder {
	font-size:12px
}
.lang-zh input::placeholder,.lang-zh textarea::placeholder {
	font-size:12px
}
.lang-en,.lang-zh .g-Btn {
	font-size:14px
}
.lang-en {
	font-family:source sans pro
}
.lang-en .f40 {
	font-size:34px!important
}
.lang-en .f28 {
	font-size:30px!important
}
.lang-en .f26 {
	font-size:28px!important
}
.lang-en .f24 {
	font-size:26px!important
}
.lang-en .f20 {
	font-size:22px!important
}
.lang-en .f18 {
	font-size:20px!important
}
.lang-en .f16 {
	font-size:18px!important
}
.lang-en .f14 {
	font-size:16px!important
}
.lang-en .f13 {
	font-size:13px!important
}
.lang-en .f12 {
	font-size:14px!important
}
.lang-en .g-Btn {
	font-size:16px
}
.InMobile {
	font-size:14px
}
.InMobile .f40 {
	font-size:34px!important
}
.InMobile .f28 {
	font-size:28px!important
}
.InMobile .f24,.InMobile .f26 {
	font-size:26px!important
}
.InMobile .f20 {
	font-size:22px!important
}
.InMobile .f18 {
	font-size:20px!important
}
.InMobile .f16 {
	font-size:18px!important
}
.InMobile .f15 {
	font-size:15px
}
.InMobile .f14 {
	font-size:16px!important
}
.InMobile .f12 {
	font-size:14px!important
}
.InMobile .f12_n {
	font-size:12px!important
}
.InMobile .f10 {
	font-size:10px!important
}
.InMobile input::-webkit-input-placeholder,.InMobile textarea::-webkit-input-placeholder {
	font-size:14px
}
.InMobile input:-ms-input-placeholder,.InMobile textarea:-ms-input-placeholder {
	font-size:14px
}
.InMobile input::placeholder,.InMobile textarea::placeholder {
	font-size:14px
}
.InMobile .g-Btn {
	font-size:16px
}
.InMobile .emptycontent {
	min-height:350px
}
.InTV {
	font-size:18px
}
.InTV .f40 {
	font-size:38px!important
}
.InTV .f28 {
	font-size:34px!important
}
.InTV .f26 {
	font-size:32px!important
}
.InTV .f24 {
	font-size:30px!important
}
.InTV .f20 {
	font-size:26px!important
}
.InTV .f18 {
	font-size:24px!important
}
.InTV .f16 {
	font-size:22px!important
}
.InTV .f14 {
	font-size:20px!important
}
.InTV .f12 {
	font-size:18px!important
}
.InTV .f10 {
	font-size:14px!important
}
.InTV input::-webkit-input-placeholder,.InTV textarea::-webkit-input-placeholder {
	font-size:18px
}
.InTV input:-ms-input-placeholder,.InTV textarea:-ms-input-placeholder {
	font-size:18px
}
.InTV input::placeholder,.InTV textarea::placeholder {
	font-size:18px
}
.InTV .g-Btn {
	font-size:20px
}
.InMuMu {
	font-size:12px
}
.InMuMu .f40 {
	font-size:32px!important
}
.InMuMu .f28 {
	font-size:28px!important
}
.InMuMu .f26 {
	font-size:26px!important
}
.InMuMu .f24 {
	font-size:24px!important
}
.InMuMu .f20 {
	font-size:20px!important
}
.InMuMu .f18 {
	font-size:18px!important
}
.InMuMu .f16 {
	font-size:16px!important
}
.InMuMu .f14 {
	font-size:14px!important
}
.InMuMu .f13 {
	font-size:13px!important
}
.InMuMu .f12 {
	font-size:12px!important
}
.InMuMu input::-webkit-input-placeholder,.InMuMu textarea::-webkit-input-placeholder {
	font-size:12px
}
.InMuMu input:-ms-input-placeholder,.InMuMu textarea:-ms-input-placeholder {
	font-size:12px
}
.InMuMu input::placeholder,.InMuMu textarea::placeholder {
	font-size:12px
}
.InMuMu .g-Btn {
	font-size:14px
}
.g-color-or {
	color:#e68c26
}
.g-color-red {
	color:#e35043
}
.g-color-white {
	color:#fff
}
.g-color-yellow {
	color:#ebcf9e
}
.g-color,a {
	color:#03c47e
}
a:hover {
	color:#0ad88d
}
.gmt10 {
	margin-top:10px
}
.g-Btn {
	vertical-align:middle;
	text-align:center;
	padding:0 32px;
	height:36px;
	line-height:34px;
	display:inline-block;
	border-radius:20px;
	box-sizing:border-box;
	white-space:nowrap;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer
}
.g-Btn:focus {
	outline:none
}
.g-Btn-white,a.g-Btn-white {
	border:1px solid #61686f;
	color:#8b969f
}
.g-Btn-white:focus,.g-Btn-white:hover,a.g-Btn-white:focus,a.g-Btn-white:hover {
	border-color:#fff;
	color:#fff
}
.g-Btn-white2,a.g-Btn-white2 {
	border:1px solid #fff;
	background:#fff;
	color:#03c47e
}
.g-Btn-green,a.g-Btn-green {
	border:1px solid #03c47e;
	color:#03c47e;
	font-weight:700
}
.g-Btn-green:focus,.g-Btn-green:hover,a.g-Btn-green:focus,a.g-Btn-green:hover {
	background:rgba(3,196,126,.2)
}
.g-Btn-green2,a.g-Btn-green2 {
	border:1px solid #03c47e;
	background:#03c47e;
	color:#fff;
	font-weight:700
}
.g-Btn-green2:focus,.g-Btn-green2:hover,a.g-Btn-green2:focus,a.g-Btn-green2:hover {
	-webkit-transition:background-image 3s ease-in-out 1s;
	transition:background-image 3s ease-in-out 1s;
	background-image:radial-gradient(ellipse farthest-corner at bottom,#aafced 0,#03c47e 65%)
}
.InMobile .g-Btn-green:focus,.InMobile .g-Btn-green:hover,.InMobile a.g-Btn-green:focus,.InMobile a.g-Btn-green:hover {
	background:transparent
}
.InMobile .g-Btn-green2.on,.InMobile a.g-Btn-green2.on {
	-webkit-transition:inherit;
	transition:inherit;
	-webkit-transition:unset;
	transition:unset;
	background-image:radial-gradient(ellipse farthest-corner at bottom,#aafced 0,#03c47e 65%)!important
}
.InMobile .g-Btn-green2:focus,.InMobile .g-Btn-green2:hover,.InMobile a.g-Btn-green2:focus,.InMobile a.g-Btn-green2:hover {
	-webkit-transition:inherit;
	transition:inherit;
	-webkit-transition:unset;
	transition:unset;
	background:#03c47e
}
.InTV .g-Btn-green2,.InTV .g-Btn-white,.InTV a.g-Btn-green2,.InTV a.g-Btn-white {
	border:none;
	color:#b4c0c9;
	background:#304051!important;
	height:50px;
	line-height:50px;
	padding-left:60PX;
	padding-right:60PX;
	border-radius:50px;
	-webkit-transition:inherit;
	transition:inherit;
	-webkit-transition:unset;
	transition:unset
}
.InTV .g-Btn-green2:active,.InTV .g-Btn-green2:focus,.InTV .g-Btn-green2:hover,.InTV .g-Btn-white:active,.InTV .g-Btn-white:focus,.InTV .g-Btn-white:hover,.InTV a.g-Btn-green2:active,.InTV a.g-Btn-green2:focus,.InTV a.g-Btn-green2:hover,.InTV a.g-Btn-white:active,.InTV a.g-Btn-white:focus,.InTV a.g-Btn-white:hover {
	background-image:none;
	color:#fff;
	text-shadow:0 2px 4px rgba(0,0,0,.2);
	background:#03c47e!important
}
.InTV .g-Btn-green2:focus,.InTV .g-Btn-green2:hover,.InTV .g-Btn-white:focus,.InTV .g-Btn-white:hover,.InTV a.g-Btn-green2:focus,.InTV a.g-Btn-green2:hover,.InTV a.g-Btn-white:focus,.InTV a.g-Btn-white:hover {
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}
.InTV .g-Btn-green2.active,.InTV .g-Btn-white.active,.InTV a.g-Btn-green2.active,.InTV a.g-Btn-white.active {
	-webkit-animation-duration:.1s;
	animation-duration:.1s;
	-webkit-animation-name:bounceOut;
	animation-name:bounceOut
}
.g-Btn-wz {
	color:#61686f;
	line-height:36px
}
.gCurPoint {
	cursor:pointer
}
.g-noevent {
	pointer-events:none
}
.g-tag {
	padding:2px 4px;
	color:#664a1a;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#f3e1ba),to(#e4bf84));
	background-image:linear-gradient(180deg,#f3e1ba,#e4bf84);
	border-radius:0 8px 0 8px
}
.g-tag-purple {
	background-image:linear-gradient(134deg,#3023ae,#c86dd7);
	border-radius:10px;
	height:14px;
	line-height:14px;
	overflow:hidden;
	padding:0 4px
}
.g-tag-purple span {
	color:#1e2831
}
.g-tag-gree {
	color:#fff;
	padding:0 6px;
	background:linear-gradient(-45deg,#177251,#5ecfa6);
	border-radius:8px
}
.g-circle-gray {
	width:32px;
	height:32px;
	border-radius:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	background-image:linear-gradient(135deg,#888b99,#4d5061)
}
.g-circle-gray>.icon {
	margin:0!important
}
.pagegame {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	padding-top:56px;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start
}
.pagegame>aside {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	max-width:200px
}
.pagegame>section {
	-webkit-box-flex:4;
	-webkit-flex:4;
	flex:4
}
.confirm-extend {
	position:fixed;
	top:50%;
	left:50%;
	width:100vw;
	height:100vh;
	z-index:999;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transform-origin:center center;
	transform-origin:center center
}
.InTransLandscape .cofirm {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.InTransLandscape .cofirm.hang-confirm,.InTransLandscape .cofirm.iosplaycofirm-confirm {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.InTransLandscape .toast {
	-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg)!important;
	transform:translate3d(-50%,-50%,0) rotate(90deg)!important
}
.InTransLandscape .toast.toast-loading {
	-webkit-transform:translate3d(-50%,-50%,0)!important;
	transform:translate3d(-50%,-50%,0)!important
}
.InTransLandscape .confirm-extend {
	-webkit-transform:translate(-50%,-50%) rotate(90deg);
	transform:translate(-50%,-50%) rotate(90deg);
	width:100vh;
	height:100vw
}
.InTransPortrait .cofirm {
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.InTransPortrait .cofirm.hang-confirm,.InTransPortrait .cofirm.iosplaycofirm-confirm {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	min-width:auto;
	max-width:80%
}
.InTransPortrait .confirm-extend {
	-webkit-transform:translate(-50%,-50%) rotate(-90deg);
	transform:translate(-50%,-50%) rotate(-90deg);
	width:100vh;
	height:100vw
}
.InTransPortrait .toast {
	-webkit-transform:translate3d(-50%,-50%,0) rotate(-90deg)!important;
	transform:translate3d(-50%,-50%,0) rotate(-90deg)!important
}
.InTransPortrait .toast.toast-loading {
	-webkit-transform:translate3d(-50%,-50%,0)!important;
	transform:translate3d(-50%,-50%,0)!important
}
.InTransPortrait .start-time {
	width:80%!important;
	height:auto!important;
	padding:16px 20px!important;
	white-space:normal!important
}
.icon {
	background-position:50%;
	background-repeat:no-repeat;
	background-size:100%;
	display:inline-block;
	vertical-align:middle
}
.icon-avatar {
	width:24px;
	height:24px
}
.icon-avatar,.icon-avatar2 {
	background-image:url(../img/icon_defaultavatar.6a9c5e81.png);
	border:1px solid #fff;
	border-radius:50%;
	box-sizing:border-box
}
.icon-avatar2 {
	width:36px;
	height:36px
}
.icon-avatar3 {
	width:48px;
	height:48px;
	background-image:url(../img/icon_defaultavatar.6a9c5e81.png);
	border:1px solid #fff;
	border-radius:50%;
	box-sizing:border-box
}
.icon-history {
	width:24px;
	height:24px;
	background-image:url(../img/icon_INDEX_history.5d4f5c50.png)
}
.icon-playing {
	width:24px;
	height:24px;
	background-image:url(../img/icon_INDEX_playing.dde3af5d.png)
}
.icon-queueing {
	width:24px;
	height:24px;
	background-image:url(../img/icon_INDEX_pending.48a0470d.png)
}
.icon-welcome {
	width:168px;
	height:120px;
	background-image:url(../img/emoji_welcome.c00610f0.png)
}
.icon-emoji_bbb {
	width:168px;
	height:120px;
	background-image:url(../img/emoji_bbb.18fccf16.png)
}
.icon-emoji-cry {
	width:168px;
	height:120px;
	background-image:url(../img/pic_signin_emoji_crying.b6e98e5e.png)
}
.icon-emoji-wow {
	width:176px;
	height:96px;
	background-image:url(../img/pic_wow.05b32fb9.png)
}
.icon-address {
	width:16px;
	height:16px;
	background-image:url(../img/icon_INDEX_server_green.ee67c3e9.png)
}
.not .icon-address {
	background-image:url(../img/icon_INDEX_server_gray.2f4db5a8.png)
}
.icon-empty {
	width:123px;
	height:83px;
	background-image:url(../img/pic_empty.ee60f3af.png)
}
.icon-time {
	width:16px;
	height:16px;
	background-image:url(../img/icon_INDEX_time.25b80476.png)
}
.icon-qq {
	background-image:url(../img/icon_ME_qq_grey.1c7bf4fa.png);
	background-size:10px
}
.icon-signout {
	width:16px;
	height:16px;
	background-image:url(../img/icon_INDEX_signout_normal.f2b1fdd6.png)
}
.icon-feedback {
	width:16px;
	height:16px;
	background-image:url(../img/icon_ME_feedback_grey.a5349942.png)
}
.icon-agreement {
	width:16px;
	height:16px;
	background-image:url(../img/icon_ME_agreement.3c760459.png)
}
.icon-vip-discount {
	width:60px;
	height:21px;
	background-image:url(../img/icon_ME_discount.8ae40c3b.png)
}
.icon-vip {
	width:25px;
	height:25px;
	background-image:url(../img/icon_ME_vip.a0a0e020.png)
}
.user-list li:hover .icon-signout {
	background-image:url(../img/icon_INDEX_signout_hovered.34253e50.png)
}
.user-list li:hover .icon-agreement {
	background-image:url(../img/icon_ME_agreement_white.41202884.png)
}
.user-list li:hover .icon-feedback {
	background-image:url(../img/icon_ME_feedback_white.4fa35fe2.png)
}
.user-list li:hover .icon-question {
	background-image:url(../img/icon_ME_questions_white.2009be55.png)
}
.user-list li:hover .icon-share {
	background-image:url(../img/icon_ME_share_white.b52baad8.png)
}
.icon-hamburger {
	width:24px;
	height:24px;
	cursor:pointer;
	background-image:url(../img/icon_INDEX_hamburger_normal.83d32807.png)
}
.icon-hamburger:hover {
	background-image:url(../img/icon_INDEX_hamburger_hovered.b7810504.png)
}
.icon-back {
	width:24px;
	height:24px;
	background-image:url(../img/back.508cc8b5.png);
	cursor:pointer
}
.icon-back:hover {
	background-image:url(../img/back_hover.18ccb83f.png)
}
.icon-back-menu {
	width:24px;
	height:24px;
	cursor:pointer;
	background-image:url(../img/icon_INDEX_back_hovered.cef3f83d.png)
}
.icon-back-menu:hover {
	background-image:url(../img/icon_INDEX_back_normal.9ddca219.png)
}
.icon-kbsfold {
	display:inline-block;
	width:8px;
	height:8px;
	background-image:url(../img/icon_KBS_fold_normal.776c5b92.png)
}
.keyboard-fold:hover .icon-kbsfold {
	background-image:url(../img/icon_KBS_fold_hovered.477c0d38.png)
}
.icon-close {
	width:32px;
	height:32px;
	cursor:pointer;
	background-image:url(../img/icon_CP_close_normal.3e736c2a.png)
}
.icon-close:hover {
	background-image:url(../img/icon_CP_close_hovered.79962e67.png)
}
.icon-suc {
	background-image:url(../img/icon_signin_success.c68f9cb2.png)
}
.icon-fail,.icon-suc {
	width:32px;
	height:32px
}
.icon-fail {
	background-image:url(../img/icon_signin_fail.fa9b79b5.png)
}
.icon-warn {
	width:32px;
	height:32px;
	background-image:url(../img/icon_signin_info.c0458082.png)
}
.icon-check {
	width:24px;
	height:24px;
	background-image:url(../img/uncheck.74414aa8.png)
}
.gray2 .icon-check,.gray .icon-check {
	background-image:url(../img/icon_KBS_checkbox_grey_unchecked.aff998a2.png)
}
.on .gray2 .icon-check,.on .icon-check {
	background-image:url(../img/check.591c9be4.png)
}
.on .gray .icon-check {
	background-image:url(../img/icon_KBS_checkbox_checked.3ff69551.png)
}
.icon-check2 {
	visibility:hidden;
	background-image:url(../img/tvicon_CP_checked.0967285c.png)
}
.icon-back2 {
	width:8px;
	height:8px;
	background-image:url(../img/icon_CP_back_normal.dc0445c1.png)
}
.login-region:hover .icon-back2 {
	background-image:url(../img/icon_CP_back_hovered.d7c79238.png)
}
.InMobile .login-region:hover .icon-back2 {
	background-image:url(../img/icon_CP_back_normal.dc0445c1.png)
}
.icon-fixed {
	width:24px;
	height:24px;
	background-image:url("../img/icon_CP_pin(web)_normal.79e7e6b0.png")
}
.icon-fixed:hover {
	background-image:url("../img/icon_CP_pin(web)_hovered.aabbfeb7.png")
}
.icon-fixed.on {
	background-image:url("../img/icon_CP_pin(web)_activated.980250cc.png")!important
}
.icon-fixedKey {
	width:24px;
	height:24px;
	background-image:url(../img/btn_runnning_hidekeyboard_normal.fae80fe4.png)
}
.icon-fixedKey:hover {
	background-image:url(../img/btn_runnning_hidekeyboard_hovered.275a9832.png)
}
.icon-fixedKey.on {
	background-image:url(../img/btn_runnning_hidekeyboard_activated.429d0365.png)!important
}
.icon-click {
	width:48px;
	height:48px;
	background-image:url(../img/icon_KBS_clickbutton_normal.0e899b80.png)
}
.icon-wheel {
	width:48px;
	height:48px;
	background-image:url(../img/icon_KBS_Wheel_normal.d7b79b38.png)
}
.icon-gamepad {
	width:48px;
	height:48px;
	background-image:url(../img/icon_CP_controller\ instruction.6658eaa0.png)
}
.icon-switch-keyboard {
	cursor:pointer;
	width:24px;
	height:24px;
	background-image:url(../img/icon_CP_keyboardsetting_normal.c51581da.png)
}
.onKeyboard .icon-switch-keyboard {
	background-image:url(../img/icon_CP_keyboardsetting_selected.62a5c97b.png)
}
.icon-switch-gamepad {
	cursor:pointer;
	width:24px;
	height:24px;
	background-image:url(../img/icon_CP_controllersetting_normal.0f58e5ca.png)
}
.onGamepad .icon-switch-gamepad {
	background-image:url(../img/icon_CP_controllersetting_selected.bef30d4f.png)
}
.controlpanel-con>li.disable .icon-wheel {
	background-image:url(../img/icon_KBS_Wheel_disabled.e812d540.png)!important
}
.controlpanel-head>span:first-of-type:hover .icon-back2 {
	background-image:url(../img/icon_CP_back_hovered.d7c79238.png)
}
.icon-fullwindowed {
	background-image:url(../img/icon_CP_full\ screen_normal.dae73f6a.png)
}
.icon-windowed {
	background-image:url(../img/icon_CP_windowed_normal.62cdbc52.png)
}
.icon_sound0 {
	background-image:url(../img/icon_CP_sound0_normal.3de68432.png)
}
.icon_sound50 {
	background-image:url(../img/icon_CP_sound50_normal.a4238f83.png)
}
.icon_sound100 {
	background-image:url(../img/icon_CP_sound_normal.556e2f44.png)
}
.icon_display_low {
	background-image:url(../img/icon_CP_display_low_normal.51b801a5.png)
}
.icon_display_middle {
	background-image:url(../img/icon_CP_display_middel_normal.e6a6009f.png)
}
.icon_display_high {
	background-image:url(../img/icon_CP_display_high_normal.4eee762f.png)
}
.icon_display_bluray {
	background-image:url(../img/icon_CP_display_bluray_normal.99d884d2.png)
}
.icon_mouse {
	background-image:url(../img/icon_CP_MouseS_normal.1d67e1ea.png)
}
.icon_keyboard {
	background-image:url(../img/icon_CP_Keyboard_normal.198c5a41.png)
}
.icon_exit {
	background-image:url(../img/icon_CP_ExitG_normal.866bbf36.png)
}
.icon_backhome {
	background-image:url(../img/icon_running_index_norm.8376125c.png)
}
.icon_cloudmenu {
	background-image:url(../img/icon_running_tool_norm.0c3e0a55.png)
}
.icon_options {
	background-image:url(../img/mobileicon_CP_setting_normal.724358e0.png)
}
.icon_hang {
	background-image:url(../img/icon_menu_afk_normal.44cb5c29.png)
}
.icon_playtogether {
	background-image:url(../img/icon_CP_playtogether_normal_54@2x.49194ee0.png)
}
.icon_gamepad {
	background-image:url(../img/icon_CP_controllerinstruction_normal.0b0421a1.png)
}
.icon_guide {
	background-image:url(../img/icon_CP_simujoystick_normal.565924de.png)
}
.icon_menu_check {
	background-image:url(../img/tvicon_CP_toggle_off.98efbe2b.png)
}
.icon_menu_gamekeyboard {
	background-image:url(../img/mobileicon_CP_game_normal_54@2x.36e9abd8.png)
}
.icon_menu_mouse {
	background-image:url(../img/mobileicon_CP_mouse_normal_54@2x.b0945756.png)
}
.icon_menu_keyboard {
	background-image:url(../img/mobileicon_CP_keyboardsetting_normal_54@2x.6b931696.png)
}
.controlpanel-con div:hover .icon-fullwindowed {
	background-image:url(../img/icon_CP_full\ screen_hovered.aff99a3e.png)
}
.controlpanel-con div:hover .icon-windowed {
	background-image:url(../img/icon_CP_windowed_hovered.629845d9.png)
}
.controlpanel-con div:hover .icon_sound0 {
	background-image:url(../img/icon_CP_sound0_hovered.a1fc1640.png)
}
.controlpanel-con div:hover .icon_sound50 {
	background-image:url(../img/icon_CP_sound50_hovered.3410f710.png)
}
.controlpanel-con div:hover .icon_sound100 {
	background-image:url(../img/icon_CP_sound_hovered.4ad19080.png)
}
.controlpanel-con div:hover .icon_display_low {
	background-image:url(../img/icon_CP_display_low_hovered.1885b7a0.png)
}
.controlpanel-con div:hover .icon_display_middle {
	background-image:url(../img/icon_CP_display_middle_hovered.f57da455.png)
}
.controlpanel-con div:hover .icon_display_high {
	background-image:url(../img/icon_CP_display_high_hovered.57b41f6d.png)
}
.controlpanel-con div:hover .icon_display_bluray {
	background-image:url(../img/icon_CP_display_bluray_hovered.df939c0e.png)
}
.controlpanel-con div:hover .icon_mouse {
	background-image:url(../img/icon_CP_MouseS_hovered.618f1198.png)
}
.controlpanel-con div:hover .icon_keyboard {
	background-image:url(../img/icon_CP_Keyboard_hovered.2ae5c569.png)
}
.controlpanel-con div:hover .icon_exit {
	background-image:url(../img/icon_CP_ExitG_hovered.bd6e244e.png)
}
.controlpanel-con div:hover .icon_backhome {
	background-image:url(../img/icon_running_index_hover.195ea119.png)
}
.controlpanel-con div:hover .icon_cloudmenu {
	background-image:url(../img/icon_running_tool_hover.6146dd6f.png)
}
.mobilemenu-list>li.in .icon_display_low,.mobilemenu-list>li.on .icon_display_low {
	background-image:url(../img/tvicon_CP_videoQ_SD_focused.65eceb2d.png)
}
.mobilemenu-list>li.in .icon_display_middle,.mobilemenu-list>li.on .icon_display_middle {
	background-image:url(../img/tvicon_CP_videoQ_HD_focused.7bd5f938.png)
}
.mobilemenu-list>li.in .icon_display_high,.mobilemenu-list>li.on .icon_display_high {
	background-image:url(../img/tvicon_CP_videoQ_UD_focused.f0bb07b7.png)
}
.mobilemenu-list>li.in .icon_display_bluray,.mobilemenu-list>li.on .icon_display_bluray {
	background-image:url(../img/tvicon_CP_videoQ_BD_focused.18f8e0b3.png)
}
.mobilemenu-list>li.in .icon_exit,.mobilemenu-list>li.on .icon_exit {
	background-image:url(../img/tvicon_CP_ExitG_focused.92685de1.png)
}
.mobilemenu-list>li.in .icon_options,.mobilemenu-list>li.on .icon_options {
	background-image:url(../img/tvicon_CP_settings_focused.a78f0868.png)
}
.mobilemenu-list>li.in .icon_hang,.mobilemenu-list>li.on .icon_hang {
	background-image:url(../img/icon_menu_afk_s_white.a478d4df.png)
}
.mobilemenu-list>li.in .icon_playtogether,.mobilemenu-list>li.on .icon_playtogether {
	background-image:url(../img/icon_CP_playtogether_normal_54@2x.49194ee0.png)
}
.mobilemenu-list>li.in .icon_gamepad,.mobilemenu-list>li.on .icon_gamepad {
	background-image:url(../img/icon_CP_controllerinstruction_focused.48855497.png)
}
.mobilemenu-list>li.in .icon_guide,.mobilemenu-list>li.on .icon_guide {
	background-image:url(../img/icon_CP_simujoystick_focused.20960661.png)
}
.mobilemenu-list>li.in .icon_cloudmenu,.mobilemenu-list>li.on .icon_cloudmenu {
	background-image:url(../img/icon_running_tool_hover.6146dd6f.png)
}
.mobilemenu-list>li.in .icon_menu_gamekeyboard,.mobilemenu-list>li.on .icon_menu_gamekeyboard {
	background-image:url(../img/mobileicon_CP_game_selected_54@2x.e0d65caf.png)
}
.mobilemenu-list>li.in .icon_menu_mouse,.mobilemenu-list>li.on .icon_menu_mouse {
	background-image:url(../img/mobileicon_CP_mouse_selected_54@2x.4167d8d9.png)
}
.mobilemenu-list>li.in .icon_menu_keyboard,.mobilemenu-list>li.on .icon_menu_keyboard {
	background-image:url(../img/mobileicon_CP_keyboardsetting_selected_54@2x.d2372ccd.png)
}
.mobilemenu-list2 li.in .icon_menu_check {
	background-image:url(../img/tvicon_CP_toggle_off_focused.a32a9356.png)
}
.mobilemenu-list2 li.on .icon_menu_check {
	background-image:url(../img/tvicon_CP_toggle_on.4b2b2943.png)
}
.mobilemenu-list2 li.on .icon-check2 {
	visibility:inherit
}
.mobilemenu-list2 li.on.in .icon_menu_check {
	background-image:url(../img/tvicon_CP_toggle_on_focused.a310a5f4.png)
}
.mobilemenu-list2 li.on.in .icon-check2 {
	background-image:url(../img/tvicon_CP_checked_focused.c90abbb8.png)
}
.InMobile .mobilemenu-list>li.in .icon_display_low,.InMobile .mobilemenu-list>li.on .icon_display_low {
	background-image:url(../img/icon_CP_display_low_hovered.1885b7a0.png)
}
.InMobile .mobilemenu-list>li.in .icon_display_middle,.InMobile .mobilemenu-list>li.on .icon_display_middle {
	background-image:url(../img/icon_CP_display_middle_hovered.f57da455.png)
}
.InMobile .mobilemenu-list>li.in .icon_display_high,.InMobile .mobilemenu-list>li.on .icon_display_high {
	background-image:url(../img/icon_CP_display_high_hovered.57b41f6d.png)
}
.InMobile .mobilemenu-list>li.in .icon_display_bluray,.InMobile .mobilemenu-list>li.on .icon_display_bluray {
	background-image:url(../img/icon_CP_display_bluray_hovered.df939c0e.png)
}
.InMobile .mobilemenu-list>li.in .icon_exit,.InMobile .mobilemenu-list>li.on .icon_exit {
	background-image:url(../img/icon_CP_ExitG_hovered.bd6e244e.png)
}
.InMobile .mobilemenu-list>li.in .icon_options,.InMobile .mobilemenu-list>li.on .icon_options {
	background-image:url(../img/mobileicon_CP_setting_selected.df25ca48.png)
}
.InMobile .mobilemenu-list>li.in .icon_hang,.InMobile .mobilemenu-list>li.on .icon_hang {
	background-image:url(../img/icon_menu_afk_pressed.5a61d7b7.png)
}
.InMobile .mobilemenu-list>li.in .icon_playtogether,.InMobile .mobilemenu-list>li.on .icon_playtogether {
	background-image:url(../img/icon_CP_playtogether_selected_54@2x.d2229204.png)
}
.icon-pf-android {
	width:24px;
	height:24px;
	background-image:url(../img/icon_GD_android.8e1ddde6.png)
}
.icon-pf-mac {
	width:24px;
	height:24px;
	background-image:url(../img/icon_GD_mac.2d5b9176.png)
}
.icon-pf-pc {
	width:24px;
	height:24px;
	background-image:url(../img/icon_GD_pc.f1e9a5b0.png)
}
.icon-pf-ps4 {
	width:24px;
	height:24px;
	background-image:url(../img/icon_GD_ps4.a04cba3e.png)
}
.icon-pf-xbox {
	width:24px;
	height:24px;
	background-image:url(../img/icon_GD_xbox.da701ddb.png)
}
.icon-ct-keyboard {
	width:24px;
	height:24px;
	background-image:url(../img/icon_GD_keyboard.bd83e5cf.png)
}
.icon-ct-mouse {
	width:24px;
	height:24px;
	background-image:url(../img/icon_GD_mouse.b6770152.png)
}
.icon-ct-controller {
	width:20px;
	height:32px;
	background-image:url(../img/icon_GD_controller.ee2fa3ff.png)
}
.icon-silder-next,.icon-silder-pre {
	width:32px;
	height:32px;
	cursor:pointer;
	background-image:url(../img/icon_GD_arrow_left_norm.aa475c50.png)
}
.icon-silder-next:hover,.icon-silder-pre:hover {
	background-image:url(../img/icon_GD_arrow_left_hovered.8c7cd0d4.png)
}
.icon-silder-next.disable,.icon-silder-pre.disable {
	cursor:default;
	background-image:url(../img/icon_GD_arrow_left_disabled.189f1b9b.png)!important
}
.icon-silder-next {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.icon-start {
	width:72px;
	height:32px;
	margin:0 4px;
	background-image:url(../img/tvicon_ingame_start.1d1de228.png)
}
.icon-hourglass {
	width:54px;
	height:48px;
	background-image:url(../img/icon_ingame_hourglass.a2571ed2.png)
}
.icon-paycheck {
	width:24px;
	height:24px;
	background-image:url(../img/icon_VIP_unselected.9a394abf.png)
}
.icon-paycheck2 {
	width:24px;
	height:24px;
	background-image:url(../img/icon_payment_unselected.be35c0e9.png)
}
.on .icon-paycheck,.on .icon-paycheck2 {
	background-image:url(../img/icon_payment_selected.c648e162.png)
}
.icon-alipay {
	width:24px;
	height:24px;
	background-image:url(../img/icon_payment_alipay.16737971.png)
}
.icon-wechat {
	width:24px;
	height:24px;
	background-image:url(../img/icon_payment_WeChat.b2c1172b.png)
}
.icon-qq2 {
	width:24px;
	height:24px;
	background-image:url(../img/icon_qq.8d0bd130.png)
}
.icon-comingsoon {
	width:36px;
	height:36px;
	background-image:url(../img/icon_VIP_ComingSoon.7931c50b.png)
}
.icon-faster {
	width:36px;
	height:36px;
	background-image:url(../img/icon_VIP_faster.93580fb8.png)
}
.icon-functionplus {
	width:36px;
	height:36px;
	background-image:url(../img/icon_VIP_functionPlus.a2a4225b.png)
}
.icon-timeless {
	width:36px;
	height:36px;
	background-image:url(../img/icon_VIP_timeless.48a20af8.png)
}
.icon-mobilevip {
	width:36px;
	height:36px;
	background-image:url(../img/icon_VIP_CloudPhone.46982daf.png)
}
.icon-vipclose {
	width:30px;
	height:30px;
	background-image:url(../img/icon_payment_close.8f82b909.png)
}
.icon-esc,.icon-menukey-esc {
	width:30px;
	height:28px;
	background-image:url(../img/img_toast_esc.c2d52703.png)
}
.icon-menukey-tab {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_tab.18c0d19a.png)
}
.icon-menukey-ctrl {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_ctrl.be78e43f.png)
}
.icon-menukey-alt {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_alt.213b34b5.png)
}
.icon-menukey-f1 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F1.666a053e.png)
}
.icon-menukey-f2 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F2.16146b8d.png)
}
.icon-menukey-f3 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F3.b3a5974d.png)
}
.icon-menukey-f4 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F4.3576b8d2.png)
}
.icon-menukey-f5 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F5.ac1ee7c9.png)
}
.icon-menukey-f6 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F6.b66f9ef5.png)
}
.icon-menukey-f7 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F7.a9ee3ccb.png)
}
.icon-menukey-f8 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F8.12e0b8a8.png)
}
.icon-menukey-f9 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F9.5c64bab5.png)
}
.icon-menukey-f10 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F10.e5946e3c.png)
}
.icon-menukey-f11 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F11.1f43f255.png)
}
.icon-menukey-f12 {
	width:30px;
	height:28px;
	background-image:url(../img/icon_ingame_F12.d21c6b0b.png)
}
.icon-nav-game {
	width:24px;
	height:24px;
	background-image:url(../img/icon_INDEX_tab_games_unselected.a4e4dd20.png)
}
a.active>.icon-nav-game {
	background-image:url(../img/icon_INDEX_tab_games_selected.86c701fd.png)
}
.icon-nav-checkin {
	width:24px;
	height:24px;
	background-image:url(../img/icon_INDEX_tab_gift_unselected.1f118e84.png)
}
a.active>.icon-nav-checkin {
	background-image:url(../img/icon_INDEX_tab_gift_selected.08c31af9.png)
}
.icon-nav-playtogether {
	width:24px;
	height:24px;
	background-image:url(../img/icon_INDEX_tab_playtogether_unselected.48bec9b3.png)
}
a.active>.icon-nav-playtogether {
	background-image:url(../img/icon_INDEX_tab_playtogether_selected.0457690c.png)
}
.icon-nav-center {
	width:24px;
	height:24px;
	background-image:url(../img/icon_INDEX_tab_user_unselected.dbe58dd7.png)
}
a.active>.icon-nav-center {
	background-image:url(../img/icon_INDEX_tab_user_selected.02629146.png)
}
.icon-me-feature-1 {
	width:18px;
	height:18px;
	background-image:url(../img/icon_ME_feature_1.7f4870d6.png)
}
.icon-me-feature-2 {
	width:18px;
	height:18px;
	background-image:url(../img/icon_ME_feature_2.8b64a0fe.png)
}
.icon-me-feature-3 {
	width:18px;
	height:18px;
	background-image:url(../img/icon_ME_feature_3.a52be7e2.png)
}
.icon-me-feature-4 {
	width:18px;
	height:18px;
	background-image:url(../img/icon_ME_feature_4.82b0d2fe.png)
}
.icon-me-feature-3-big {
	width:48px;
	height:48px;
	background-image:url(../img/icon_ME_feature3_big.28f9cd8c.png)
}
.icon-me-arrow {
	width:16px;
	height:16px;
	background-image:url(../img/icon_ME_arrow.9071f731.png)
}
.icon-me-exitgame {
	width:36px;
	height:36px;
	background-image:url(../img/icon_ME_exitgame.b9c23065.png)
}
.icon-me-qq {
	width:28px;
	height:28px;
	border-radius:50%;
	background-color:#35404c;
	background-image:url(../img/icon_ME_qq.02ef302a.png);
	background-size:60%
}
.user-qq .icon-me-qq {
	background-color:#8b969f;
	background-image:url(../img/icon_ME_qq_grey.1c7bf4fa.png)
}
.icon-history-viptag {
	width:48px;
	height:48px;
	background-image:url(../img/icon_History_viptag.ff4bde9b.png)
}
.icon-back3 {
	width:12px;
	height:20px;
	background-image:url(../img/icon_CP_back_hovered.d7c79238.png)
}
.icon-editfeedback {
	width:22px;
	height:22px;
	background-image:url(../img/icon_me_edit.430d9fa5.png)
}
.icon-edittime {
	width:15px;
	height:15px;
	background-image:url(../img/icon_ME_date.7946df21.png)
}
.icon-question {
	width:18px;
	height:18px;
	background-image:url(../img/icon_ME_questions_grey.9de2590b.png)
}
.icon-share {
	width:18px;
	height:18px;
	background-image:url(../img/icon_ME_share_grey.644b837d.png)
}
.icon-setting {
	width:18px;
	height:18px;
	background-image:url(../img/icon_ME_setting_grey.5b9489b7.png)
}
.icon-notice {
	width:20px;
	height:20px;
	background-image:url(../img/icon_notice.8074d0e3.png)
}
.icon-tagmenu {
	width:16px;
	height:16px;
	background-image:url(../img/icon_INDEX_more.7aad9212.png)
}
.icon-download-mobile {
	width:18px;
	height:18px;
	background-image:url(../img/icon_phone.c0b01356.png)
}
.icon-download-tv {
	width:18px;
	height:18px;
	background-image:url(../img/icon_tv.5077ceb2.png)
}
.icon-download-pc {
	width:18px;
	height:18px;
	background-image:url(../img/icon_pc.235c7bf5.png)
}
.icon-vip2 {
	width:20px;
	height:20px;
	background-image:url(../img/button_icon_vip_normal.a3acece8.png)
}
.icon-vip-pc {
	width:20px;
	height:20px;
	background-image:url(../img/button_icon_vip_pc_normal.102b2cc8.png)
}
.icon-liningup {
	width:176px;
	height:120px;
	background-image:url(../img/pic_liningup.18277571.png)
}
.icon-vip3 {
	background-image:url(../img/pic_vip.b6e94899.png)
}
.icon-error,.icon-vip3 {
	width:176px;
	height:120px
}
.icon-error {
	background-image:url(../img/img_error.594d719e.png)
}
.icon-alert {
	width:12px;
	height:12px;
	margin-right:4px;
	background-image:url(../img/icon_alert.fe150aa0.png)
}
.icon-timer {
	width:16px;
	height:16px;
	background-image:url(../img/icon_VIP_time_normal.f6b3937e.png)
}
.icon-viper {
	width:16px;
	height:16px;
	background-image:url(../img/icon_VIP_vipTag_normal.8eb7de28.png)
}
.controlpanel-time:hover .icon-timer {
	background-image:url(../img/icon_VIP_time_hovered.571ce294.png)
}
.controlpanel-time:hover .icon-viper {
	background-image:url(../img/icon_VIP_vipTag_hovered.5d83ce49.png)
}
.controlpanel-time:hover .icon-cloud {
	background-image:url(../img/icon_YunB_whiteBg.fd6e0591.png)
}
.icon-vip-tag {
	width:25px;
	height:25px;
	background-image:url(../img/icon_VIP_vipTag.1322b051.png)
}
.icon-vip-tag-disabled {
	width:25px;
	height:25px;
	background-image:url(../img/icon_VIP_vipTag_disable.e1f54f7f.png)
}
.icon-serach {
	width:16px;
	height:16px;
	background-image:url(../img/icon_search.affae7f9.png)
}
.InMobile .search-inputbox .icon-serach {
	background-image:url(../img/icon_search_grey.ef3c3075.png)
}
.icon-cancel {
	width:16px;
	height:16px;
	background-image:url(../img/icon_INDEX_search_delete03_normal.29e2b47b.png);
	opacity:.5;
	cursor:pointer
}
.icon-cancel:hover {
	opacity:1
}
.InMobile .icon-cancel:hover {
	opacity:.5
}
.icon-clear {
	width:16px;
	height:16px;
	background-image:url(../img/icon_INDEX_search_delete04_normal.ed3dd8ae.png);
	cursor:pointer
}
.icon-download {
	width:22px;
	height:22px;
	background-image:url(../img/icon_home_download.10be150f.png)
}
.icon-download-success {
	width:168px;
	height:97px;
	background-image:url(../img/img_download_success.10d3ec4d.png)
}
.icon-download-logo {
	width:144px;
	height:40px;
	background-image:url(../img/img_download_logo.9d7ea2e4.png)
}
.icon-login {
	width:56px;
	height:65px;
	background-image:url(../img/pic_login.cbcfb790.png)
}
.icon-cloud {
	width:16px;
	height:10px;
	overflow:hidden
}
.icon-cloud,.icon-cloud-small {
	background-image:url(../img/icon_CloudB.2d889c1a.png)
}
.icon-cloud-small {
	width:24px;
	height:15px
}
.icon-message {
	position:relative;
	width:20px;
	height:16px;
	background-image:url(../img/icon_index_message.6a2d7f2a.png)
}
.icon-message--active:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:6px;
	height:6px;
	background-color:#e40000;
	border-radius:50%
}
.icon-vip-pcgame {
	width:24px;
	height:24px;
	background-image:url(../img/icon_vip_pcgame.97fbc608.png)
}
.icon-qr-back {
	width:24px;
	height:24px;
	background-image:url(../img/icon_membership_collapse.f7e5c601.png)
}
.icon-qr-back2 {
	width:24px;
	height:24px;
	background-image:url(../img/icon_membership_extend.dfc36466.png)
}
.icon-logobtn {
	width:26px;
	height:20px;
	background-image:url(../img/icon_logoOnBtn.d9dcc4b5.png)
}
.icon-cloudpc {
	width:144px;
	height:88px;
	background-image:url(../img/pic_CloudComputer.fb2b5cc0.png)
}
.icon-cloudpc2 {
	width:16px;
	height:10px;
	overflow:hidden
}
.icon-cloudpc2,.icon-cloudpc-small {
	background-image:url(../img/icon_CloudComputer.aef796da.png)
}
.icon-cloudpc-small {
	width:21px;
	height:16px
}
.icon-customize {
	width:16px;
	height:16px;
	background-image:url(../img/icon_customize.b3a9ce4b.png)
}
.icon-question2 {
	width:12px;
	height:12px;
	background-image:url(../img/icon_PaymentDetai.1162517d.png)
}
.icon-tag-limit {
	width:28px;
	height:16px;
	background-image:url(../img/tag_limit.c50374b1.png)
}
.icon-warning {
	width:12px;
	height:12px;
	background-image:url(../img/icon_warning.dfe262e6.png)
}
.icon-feedback-tips {
	width:12px;
	height:12px;
	background-image:url(../img/icon_ME_feedback_alert.d202e7fe.png)
}
.icon-checkin {
	width:24px;
	height:24px;
	cursor:pointer;
	background-image:url(../img/icon_checkin.15b85652.png)
}
.InMobile .icon-checkin {
	width:20px;
	height:20px
}
.icon-checkin-info {
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../img/icon_checkin_info.0c151d84.png)
}
.icon-hot-pc {
	width:28px;
	height:12px
}
.icon-hot-mobile,.icon-hot-pc {
	background-image:url(../img/tag_hot2.bde12059.png)
}
.icon-hot-mobile {
	width:34px;
	height:16px
}
.icon-rtag-pc {
	width:26px;
	height:14px;
	background-image:url(../img/rtag_pc.b3f8957b.png)
}
.icon-rtag-cloudpc {
	width:36px;
	height:14px;
	background-image:url(../img/rtag_cloudpc.07458614.png)
}
.icon-rtag-cloudmobile {
	width:36px;
	height:14px;
	background-image:url(../img/rtag_cloudmobile.33bea972.png)
}
.icon-arrow-green-small {
	width:16px;
	height:16px;
	background-image:url(../img/icon_ME_arrow_small_green.259a8110.png)
}
.icon-edit-photo {
	width:28px;
	height:28px;
	background-image:url(../img/icon_ME_edit_photo.f8d2efef.png)
}
.icon-zoom-in {
	width:16px;
	height:16px;
	background-image:url(../img/icon_ME_avatar_zoomin.8ed7b85a.png)
}
.icon-zoom-out {
	width:16px;
	height:16px;
	background-image:url(../img/icon_ME_avatar_zoomout.47fd4124.png)
}
.icon-live-view {
	width:12px;
	height:8px;
	background-image:url(../img/icon_playtogether_view.a82b1e2f.png)
}
.icon-live-notready {
	width:138px;
	height:88px;
	background-image:url(../img/pic_live_notready.45fee011.png)
}
.icon-live-empty {
	width:138px;
	height:88px;
	background-image:url(../img/pic_live_empty.5feee924.png)
}
.icon-live-people {
	width:12px;
	height:12px;
	background-image:url(../img/icon_live_people.e4d62ecc.png)
}
.icon-search-playtogether {
	width:24px;
	height:24px;
	background-image:url(../img/icon_search_playtogether.f72fed1e.png)
}
.icon-create-room-close {
	width:24px;
	height:24px;
	background-image:url(../img/icon_payment_close.8f82b909.png)
}
.icon-create-room-selected {
	width:12px;
	height:12px;
	background-image:url(../img/icon_create_room_selected.c2ee0584.png)
}
.icon-live-menu-arrow {
	width:16px;
	height:16px;
	background-image:url(../img/icon_CP_arrow_right_grey_32@2x.02320dc9.png)
}
.icon-keyboard {
	width:40px;
	height:40px;
	background-image:url(../img/icon_keyboard\ shortcut.117f5cdd.png)
}
.icon_m_mouse_middle {
	width:12px;
	height:18px;
	background-image:url(../img/icon_keyselect_roller.c1f97f6d.png)
}
.icon_m_scroll_down {
	width:12px;
	height:18px;
	background-image:url(../img/icon_keyselect_rollerdown.7277940f.png)
}
.icon_m_scroll_up {
	width:12px;
	height:18px;
	background-image:url(../img/icon_keyselect_rollerup.784e9150.png)
}
.icon_m_mouse_right {
	width:12px;
	height:18px;
	background-image:url(../img/icon_keyselect_rightclick.d5153ee5.png)
}
.icon_m_mouse_left {
	width:12px;
	height:18px;
	background-image:url(../img/icon_keyselect_leftclick.ca45d8bb.png)
}
.icon_m_ball {
	width:30px;
	height:30px;
	background-size:100%;
	background-image:url(../img/gaming_icon_sj_wheel_normal.1869c50c.png)
}
.icon_close2 {
	width:16px;
	height:16px;
	background-image:url(../img/icon_CP_exit_grey_40@2x.b921f5ea.png)
}
.gamehistory.none {
	min-height:242px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	color:#8b969f
}
.gamehistory.none .icon-empty {
	margin-bottom:30px
}
.gamehistory h2 {
	color:#8b969f;
	font-weight:400;
	padding:16px 0
}
.gamehistory h2:first-of-type {
	padding-top:0
}
.gamehistory-item {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	padding-bottom:24px
}
.gamehistory-item:last-of-type {
	padding-bottom:0
}
.gamehistory-item.not {
	padding-bottom:32px
}
.gamehistory-item.not .gamehistory-img {
	border-color:transparent
}
.gamehistory-item.not .gamehistory-intr>h3>span {
	color:#61686f
}
.gamehistory-item.pc .gamehistory-img {
	position:relative;
	height:74px;
	width:52px;
	border-radius:10px
}
.gamehistory-item.pc .gamehistory-img:before {
	content:"pc";
	position:absolute;
	top:0;
	left:0;
	width:33px;
	height:16px;
	line-height:12px;
	background-size:100% 100%;
	background-image:url(../img/tag_pc.7ccf6d86.png);
	padding-left:7px;
	box-sizing:border-box;
	font-size:12px;
	color:#fff
}
.gamehistory-item.pc h3 {
	margin-top:10px
}
.gamehistory-img {
	width:52px;
	height:52px;
	border-radius:24%;
	overflow:hidden;
	margin-right:16px;
	border:1px solid #03c47e
}
.gamehistory-img img {
	width:100%;
	height:100%
}
.gamehistory-intr {
	color:#fff;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	margin-top:-4px
}
.gamehistory-intr>h3 {
	font-weight:400
}
.gamehistory-intr>h3>span {
	margin-left:4px;
	color:#03c47e
}
.gamehistory-intr>h3>span .icon {
	margin-top:-6px
}
.gamehistory-coutdown {
	margin-top:10px;
	color:#03c47e;
	-webkit-transform:scale(.9);
	transform:scale(.9);
	-webkit-transform-origin:left;
	transform-origin:left
}
.gamehistory-btns {
	margin-top:14px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.gamehistory-btns .g-Btn {
	padding:0;
	min-width:56px;
	height:24px;
	line-height:22px;
	margin-right:10px
}
.gamehistory-btns .g-Btn:last-child {
	margin-right:0
}
@media only screen and (max-width:768px) {
	.gamehistory-btns {
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start
}
.gamehistory-btns .g-Btn {
	min-width:96px;
	height:32px;
	line-height:30px
}
.gamehistory-btns .g-Btn:first-of-type {
	margin-right:16px
}
}.nav-history-dialog .gamehistory-list {
	padding:0 20px;
	max-height:430px;
	overflow:auto;
	box-sizing:border-box;
	margin-left:-20px;
	margin-right:-20px
}
.nav-history-dialog .gamehistory-more {
	line-height:40px;
	background:#304051;
	text-align:center;
	color:#8b969f;
	border-radius:0 0 4px 4px;
	cursor:pointer;
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:-24px
}
.nav-history-dialog .gamehistory-more:hover {
	color:#fff
}
.nav-history-dialog .gamehistory-more i {
	width:10px;
	height:12px;
	margin-left:6px;
	margin-top:-2px
}
.nav-history-dialog .gamehistory-btns {
	margin-top:10px
}
.nav-history-dialog .gamehistory-item-playing .gamehistory-img {
	position:relative;
	border-bottom-left-radius:10%
}
.nav-history-dialog .gamehistory-item-playing .gamehistory-img:before {
	content:"";
	position:absolute;
	left:-1px;
	bottom:-1px;
	z-index:1;
	width:18px;
	height:18px;
	background-size:100% 100%;
	background-image:url(../img/icon_playing.acf8538f.png)
}
.nav-history-dialog .gamehistory-item-playing .gamehistory-btns {
	margin-top:7px
}
.nav-history-dialog .gamehistory-item-playing .gamehistory-coutdown {
	margin-top:0
}
.nav-history-dialog h3 {
	max-width:120px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.gamehistory-confirm {
	width:600px;
	max-width:600px!important
}
.gamehistory-confirm .cofirm-cont {
	height:416px;
	overflow:auto
}
.gamehistory-confirm .gamehistory-item {
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:inline-flex;
	width:50%
}
.gamehistory-confirm .gamehistory-item h3 {
	margin-top:2px;
	max-width:160px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.gamehistory-confirm .gamehistory-more-dialog {
	font-size:0
}
.gamehistory-confirm .gamehistory-coutdown {
	margin-top:2px;
	color:#b4c0c9
}
.gamehistory-confirm .gamehistory-img {
	width:80px;
	height:80px
}
.gamehistory-confirm .gamehistory-empty {
	height:336px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	color:#8b969f
}
.gamehistory-confirm .gamehistory-empty .icon-empty {
	margin-bottom:30px
}
.gamehistory-confirm .gamehistory-btns {
	margin-top:10px
}
.gamehistory-confirm .gamehistory-btns .g-Btn {
	width:80px;
	height:32px;
	line-height:32px
}
.gamehistory-confirm .gamehistory-item.pc .gamehistory-img {
	width:56px;
	height:80px;
	margin-left:12px;
	margin-right:28px
}
.gamehistory-mobile {
	margin-top:20px;
	padding-bottom:20px;
	background-color:#28333d
}
.gamehistory-mobile.more i {
	display:inline-block
}
.gamehistory-mobile p {
	line-height:50px;
	padding-right:20px;
	padding-right:-webkit-calc(20px + env(safe-area-inset-right));
	padding-right:calc(20px + env(safe-area-inset-right));
	padding-left:20px;
	padding-left:-webkit-calc(20px + env(safe-area-inset-left));
	padding-left:calc(20px + env(safe-area-inset-left));
	color:hsla(0,0%,100%,.6);
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.gamehistory-mobile p span {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.gamehistory-mobile p i {
	display:none
}
.gamehistory-mobile ul {
	height:160px;
	padding-top:12px;
	box-sizing:border-box;
	white-space:nowrap;
	overflow-x:auto
}
.gamehistory-mobile ul::-webkit-scrollbar {
	display:none
}
.gamehistory-mobile .gamehistory-item {
	width:106px;
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:inline-flex;
	padding-bottom:0;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	text-align:center
}
.gamehistory-mobile .gamehistory-img {
	width:70px;
	height:70px;
	margin-right:0!important
}
.gamehistory-mobile .gamehistory-btns {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	margin-top:12px
}
.gamehistory-mobile h3 {
	margin-top:12px;
	line-height:1;
	max-width:106px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.gamehistory-mobile .g-Btn {
	width:70px;
	min-width:70px;
	height:28px;
	line-height:28px;
	margin-right:0!important
}
.gamehistory-mobile .gamehistory-empty {
	height:160px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	color:#8b969f
}
.gamehistory-mobile .gamehistory-empty .icon-empty {
	margin-bottom:30px
}
.gamehistory-detail {
	padding:30px 14px 0 14px
}
.gamehistory-detail .gamehistory-item {
	position:relative
}
.gamehistory-detail .gamehistory-item h3 {
	margin-top:18px;
	max-width:150px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.gamehistory-detail .gamehistory-coutdown {
	margin-top:8px;
	color:#b4c0c9
}
.gamehistory-detail .gamehistory-img {
	width:80px;
	height:80px
}
.gamehistory-detail .gamehistory-empty {
	height:336px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	color:#8b969f
}
.gamehistory-detail .gamehistory-empty .icon-empty {
	margin-bottom:30px
}
.gamehistory-detail .gamehistory-btns {
	position:absolute;
	right:0;
	top:22%;
	z-index:1;
	margin-top:0
}
.gamehistory-detail .gamehistory-btns .g-Btn {
	width:76px;
	min-width:76px;
	height:28px;
	line-height:28px;
	margin-right:0
}
.gamehistory-detail .gamehistory-intr {
	margin-left:-2px
}
.gamehistory-detail .gamehistory-item.pc .gamehistory-img {
	width:56px;
	height:80px;
	margin-left:12px;
	margin-right:28px
}
.user-detail {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.user-detail>.icon {
	width:40px;
	height:40px;
	-webkit-flex-shrink:0;
	flex-shrink:0
}
.user-detail>div {
	text-align:center
}
.user-detail>div h3 {
	color:#fff;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.user-detail>div h3.user-phone {
	letter-spacing:2px
}
.user-detail>div h3 span {
	display:inline-block;
	font-size:12px;
	line-height:1;
	padding:2px 6px;
	background:#c5c5c5;
	border-radius:10px;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	color:#1e2831
}
.user-detail>div p {
	color:#8b969f;
	word-break:break-all
}
.user-detail>div p i {
	vertical-align:-1px;
	margin-right:6px
}
.user-detail>div .g-Btn {
	margin-top:12px;
	box-shadow:0 2px 30px 0 rgba(7,171,127,.4)
}
.user-detail>div .btn-timeover {
	padding-top:4px;
	line-height:1
}
.user-detail>div .btn-timeover span {
	display:block;
	margin-top:2px;
	font-weight:400;
	font-size:12px;
	opacity:.8
}
.user-detail .icon-vip-tag,.user-detail .icon-vip-tag-disabled {
	margin-left:4px
}
.user-detail2 {
	-webkit-box-orient:inherit;
	-webkit-box-direction:inherit;
	-webkit-flex-direction:inherit;
	flex-direction:inherit;
	flex-direction:unset
}
.user-detail2>div {
	text-align:left
}
.user-detail2 h3 {
	-webkit-box-pack:start!important;
	-webkit-justify-content:flex-start!important;
	justify-content:flex-start!important
}
.user-detail2 .user-name {
	font-weight:400
}
.user-detail2 .user-phone2 {
	font-size:12px;
	color:#8b969f
}
.user-detail2 .user-setting {
	margin-left:8px;
	padding:0;
	background:transparent;
	border-radius:0;
	-webkit-transform:none;
	transform:none;
	color:#03c47e
}
.user-detail2 .user-follow {
	display:none
}
.center .user-detail2 {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.center .user-detail2 .user-avatar {
	margin-right:0
}
.center .user-detail2 .user-follow {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	margin-top:20px
}
.center .user-detail2 .user-follow>div {
	margin-right:50px
}
.center .user-detail2 .user-follow>div p:first-child {
	color:#b4c0c9
}
.user-list {
	margin-top:12px
}
.user-list>li {
	position:relative;
	height:60px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:1px solid hsla(0,0%,100%,.05);
	color:#b4c0c9;
	cursor:pointer
}
.user-list>li:hover {
	color:#fff
}
.user-list>li .icon {
	margin-right:12px
}
.user-list>li .tips {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-9px;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	-webkit-transform-origin:right center;
	transform-origin:right center;
	background-image:-webkit-gradient(linear,left top,right top,color-stop(20%,#f0a406),to(#be3812));
	background-image:linear-gradient(90deg,#f0a406 20%,#be3812);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.user-list>li .icon-hot-pc {
	-webkit-transform:translate(-2px,-8px);
	transform:translate(-2px,-8px)
}
.user-qq {
	background:#304051!important;
	height:28px!important;
	line-height:26px!important;
	margin:20px 39px 0;
	padding-right:8px!important
}
.user-qq .icon-me-qq {
	width:20px;
	height:20px
}
.user-message {
	position:absolute;
	top:37px;
	right:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	margin-top:16px!important
}
.user-detail2 .user-cloud-pc .cloud-pc-process {
	background:#304051
}
.user-detail3 {
	padding:16px 0
}
.user-detail3 .user-avatar {
	width:40px!important;
	height:40px!important
}
.user-cloud-pc {
	margin-top:4px;
	margin-left:1px;
	margin-right:2px
}
.user-cloud-pc.timeover .cloud-pc-process span {
	background:#e35043
}
.user-cloud-pc.timeover .cloud-pc-left {
	color:#e35043
}
.user-cloud-pc .cloud-pc-process {
	height:8px;
	border-radius:4px;
	background:#1e2831;
	margin-bottom:3px;
	text-align:left;
	font-size:0
}
.user-cloud-pc .cloud-pc-process span {
	height:100%;
	-webkit-transition:width .3s;
	transition:width .3s;
	display:inline-block;
	border-radius:4px;
	background:#03c37e
}
.user-cloud-pc .cloud-pc-left {
	float:left;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	-webkit-transform-origin:left;
	transform-origin:left;
	margin-right:-20px;
	color:#03c37e
}
.user-cloud-pc .cloud-pc-right {
	float:right;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	-webkit-transform-origin:right;
	transform-origin:right;
	margin-left:-20px
}
.user-cloud-pc .cloud-pc-middle {
	margin-right:-30px;
	-webkit-transform-origin:left;
	transform-origin:left;
	-webkit-transform:scale(.92);
	transform:scale(.92);
	color:#e35043
}
.header,.headerbox {
	height:80px
}
.headerbox {
	position:fixed;
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	z-index:996;
	top:0;
	-webkit-transition:background .3s cubic-bezier(.25,.8,.25,1);
	transition:background .3s cubic-bezier(.25,.8,.25,1)
}
.headerbox.collapsed {
	background:#304051
}
.headerbox.collapsed .nav-history,.headerbox.collapsed .nav-playing,.headerbox.collapsed .nav-search {
	padding:0;
	width:36px;
	background:hsla(0,0%,100%,.08)
}
.headerbox.collapsed .nav-history>span,.headerbox.collapsed .nav-playing>span,.headerbox.collapsed .nav-search>span {
	display:none
}
.headerbox.collapsed .nav-history>.icon,.headerbox.collapsed .nav-playing>.icon,.headerbox.collapsed .nav-search>.icon {
	margin-right:0
}
.headerbox.collapsed .nav-history:hover,.headerbox.collapsed .nav-playing:hover,.headerbox.collapsed .nav-search:hover {
	background:hsla(0,0%,100%,.14)
}
.InMobile .header {
	height:58px;
	height:-webkit-calc(58px + constant(safe-area-inset-top));
	height:calc(58px + constant(safe-area-inset-top));
	height:-webkit-calc(58px + env(safe-area-inset-top));
	height:calc(58px + env(safe-area-inset-top))
}
.InMobile .headerbox {
	background:#1e2831;
	height:58px;
	padding-top:constant(safe-area-inset-top);
	padding-top:env(safe-area-inset-top)
}
.InMobile .nav {
	position:relative
}
.InMobile .nav-logo {
	width:36px;
	height:36px;
	margin-left:10px;
	margin-right:0
}
.InMobile .nav-logo-big {
	width:114px;
	height:27px
}
.nav {
	max-width:1920px;
	padding:0 8%;
	margin:0 auto;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.nav-guide {
	top:0;
	position:absolute;
	width:42px;
	height:3px;
	overflow:hidden;
	background:#03c47e;
	box-shadow:0 2px 10px 0 #03c47e;
	-webkit-transition:left .3s ease-out;
	transition:left .3s ease-out
}
.nav-logo {
	width:127px;
	height:30px
}
.nav-logo img {
	width:100%
}
.nav-con {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.nav-con,.nav-list {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.nav-list {
	white-space:nowrap
}
.nav-list li {
	color:#fff;
	margin-left:40px;
	opacity:.6
}
.nav-list li:hover {
	opacity:1
}
.nav-list li.on {
	opacity:1;
	position:relative;
	font-weight:700
}
.nav-list li.on:before {
	position:absolute;
	top:-30px;
	content:"";
	width:42px;
	left:50%;
	margin-left:-21px;
	height:3px;
	overflow:hidden;
	background:#03c47e;
	box-shadow:0 2px 10px 0 #03c47e
}
.nav-list li:first-of-type {
	margin-left:64px
}
.nav-list+.nav-userinfo-item {
	white-space:nowrap;
	margin-right:32px
}
.nav-userinfo {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	margin-left:auto
}
.nav-userinfo>.g-Btn-green2 {
	margin-left:32px
}
.nav-message-item,.nav-userinfo-item {
	position:relative;
	margin-left:32px
}
.nav-message-item {
	width:36px;
	height:36px;
	border-radius:50%;
	background:hsla(0,0%,100%,.14);
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.nav-message-item:hover {
	background:hsla(0,0%,100%,.2)
}
.nav-checkin {
	width:36px;
	height:36px;
	border-radius:36px;
	background:hsla(0,0%,100%,.14);
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-animation-iteration-count:infinite!important;
	animation-iteration-count:infinite!important
}
.nav-checkin:hover {
	background:hsla(0,0%,100%,.2)
}
.nav-history {
	width:36px;
	height:36px;
	border-radius:36px;
	background:hsla(0,0%,100%,.14);
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.nav-history:hover {
	background:hsla(0,0%,100%,.2)
}
.nav-playing {
	padding:0 16px;
	color:#fff;
	height:36px;
	border-radius:36px;
	background:hsla(0,0%,100%,.14);
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.nav-playing .icon {
	margin-right:2px
}
.nav-playing:hover {
	background:hsla(0,0%,100%,.2)
}
.nav-search {
	width:36px;
	height:36px;
	border-radius:36px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	cursor:pointer
}
.nav-search+.g-Btn {
	margin-left:32px
}
.nav-dialog {
	position:absolute;
	top:46px;
	right:0;
	width:258px;
	border-top:4px solid #03c47e;
	border-radius:4px;
	padding:24px 20px;
	background-color:#28333d;
	box-shadow:0 4px 10px 0 rgba(0,0,0,.5);
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-size:100%
}
.nav-dialog>i {
	position:absolute;
	border-top:none;
	border-bottom:6px solid #03c47e;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	top:-8px;
	right:8px
}
.nav-dialog.nav-user-dialog {
	width:292px
}
.nav-closemenu {
	padding:24px 20px;
	-webkit-box-ordinal-group:-1;
	-webkit-order:-2;
	order:-2;
	width:100%;
	box-sizing:border-box
}
.nav-shadow {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:rgba(0,0,0,.5)
}
.nav-link {
	color:#fff!important;
	text-decoration:none;
	opacity:.5;
	cursor:pointer
}
.nav-link:hover {
	opacity:1
}
.nav-left {
	position:absolute;
	left:8px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.nav-left>div {
	padding:8px;
	margin-left:4px
}
.nav-left>div:first-child {
	margin-left:0
}
.nav-mobileOptions {
	margin-left:auto;
	margin-right:-8px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.nav-mobileOptions>div {
	padding:8px;
	margin-left:4px
}
.nav-pcsearch {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	max-width:400px;
	margin:0 auto
}
.nav-pcsearch .pcsearch {
	width:100%;
	margin:0
}
.nav-pcsearch2 {
	padding-left:32px
}
.nav-pcsearch2+.nav-userinfo {
	margin-left:0
}
.nav-mobilesearch {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	max-width:200px;
	margin-left:16px
}
@media only screen and (min-width:1919px) {
	.nav {
	padding:0 8%
}
}@media only screen and (max-width:1024px) {
	.nav-history,.nav-playing {
	padding:0;
	width:36px
}
.nav-history>span,.nav-playing>span {
	display:none
}
.nav-history>.icon,.nav-playing>.icon {
	margin-right:0
}
.nav-pcsearch2 .icon-cancel {
	display:block!important
}
}@media only screen and (max-width:768px) {
	.nav {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	padding:0 40px
}
.nav-logo {
	margin-left:auto;
	margin-right:auto
}
.nav-con {
	visibility:hidden;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	width:77.29468599%;
	min-width:320px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	background:#304051;
	z-index:99
}
.nav-con.on {
	visibility:inherit
}
.nav-con .nav-list {
	-webkit-box-ordinal-group:2;
	-webkit-order:1;
	order:1;
	width:100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.nav-con .nav-list li {
	margin:0;
	height:48px;
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding-left:16px;
	box-sizing:border-box;
	opacity:1;
	color:#8b969f
}
.nav-con .nav-list li.on {
	color:#fff;
	position:relative
}
.nav-con .nav-list li.on:before {
	content:"";
	position:absolute;
	top:25%;
	bottom:25%;
	width:2px;
	left:0;
	background:#03c47e;
	overflow:hidden
}
.nav-con .nav-list li:hover {
	background:#28333d
}
.nav-con .nav-userinfo {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	margin-left:0;
	width:100%;
	height:100%
}
.nav-con .nav-userinfo-item {
	width:100%;
	margin-left:0;
	position:inherit;
	position:unset
}
.nav-con .nav-userinfo-item:last-of-type {
	-webkit-box-ordinal-group:0;
	-webkit-order:-1;
	order:-1;
	margin-bottom:0;
	-webkit-box-flex:inherit;
	-webkit-flex:inherit;
	flex:inherit;
	-webkit-box-flex:unset;
	-webkit-flex:unset;
	flex:unset;
	overflow-y:inherit;
	overflow-y:unset
}
.nav-con .nav-userinfo-item>div:first-of-type {
	display:none
}
.nav-con .nav-dialog {
	position:inherit;
	position:unset;
	width:100%;
	background:none!important;
	box-shadow:inherit;
	box-shadow:unset;
	border:none;
	padding:18px 20px
}
.nav-con .nav-dialog>i {
	display:none
}
.nav-con .qr img {
	width:100px;
	height:100px
}
.nav-con .user-qq {
	border-top:0;
	position:absolute;
	left:0;
	right:0;
	bottom:20px;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
}.nav-checkin-dialog {
	max-height:610px;
	overflow-x:hidden;
	overflow-y:auto
}
@media only screen and (max-width:414px) {
	.nav {
	padding:0 16px
}
}@media only screen and (max-height:720px) {
	.InMobile .header {
	height:48px;
	height:-webkit-calc(48px + constant(safe-area-inset-top));
	height:calc(48px + constant(safe-area-inset-top));
	height:-webkit-calc(48px + env(safe-area-inset-top));
	height:calc(48px + env(safe-area-inset-top))
}
.InMobile .headerbox {
	height:48px
}
}.subnav {
	padding-top:20px
}
.subnav h2 {
	margin-right:48px;
	opacity:.5;
	font-size:14px;
	cursor:pointer;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	font-weight:400
}
.subnav h2.on,.subnav h2:hover {
	opacity:1;
	font-weight:700
}
.subnavBox {
	height:55px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:1px solid hsla(0,0%,100%,.06);
	position:relative
}
.subnav-active {
	position:absolute;
	content:"";
	width:0;
	height:3px;
	border-radius:1.5px;
	bottom:-2px;
	background:#03c47e;
	box-shadow:0 0 10px 0 #03c47e;
	overflow:hidden;
	-webkit-transition:left .2s ease-out;
	transition:left .2s ease-out
}
.subnav.collapsed .subnavScroll {
	background:#1e2831;
	padding-top:-webkit-calc(4px + constant(safe-area-inset-top));
	padding-top:calc(4px + constant(safe-area-inset-top));
	padding-top:-webkit-calc(4px + env(safe-area-inset-top));
	padding-top:calc(4px + env(safe-area-inset-top));
	position:fixed;
	top:58px;
	width:100%;
	left:0;
	box-sizing:border-box;
	padding-left:8%;
	padding-right:8%;
	z-index:2;
	box-shadow:0 4px 2px rgba(0,0,0,.5)
}
.subnav.collapsed .subnavScroll .subtags {
	padding-bottom:14px
}
.InMobile .subnav {
	padding-top:10px
}
.InMobile .subnav h2 {
	font-weight:400;
	margin-right:20px;
	font-size:16px
}
.InMobile .subnav h2:hover {
	opacity:.5
}
.InMobile .subnav h2.on {
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	font-weight:700
}
.InMobile .subnavBox {
	height:40px;
	border:none
}
.InMobile .subnav-active {
	bottom:0;
	border-radius:2px
}
.InMobile .subnav-search {
	display:none;
	padding-left:10px;
	margin-left:auto
}
.InMobile .subnavScroll.collapsed .subnav-search {
	display:block
}
.subtags {
	padding:14px 0 0;
	position:relative;
	height:24px
}
.subtags>ul {
	overflow-x:auto;
	white-space:nowrap
}
.subtags>ul::-webkit-scrollbar {
	display:none
}
.subtags>ul>li {
	display:inline-block;
	background:hsla(0,0%,84.7%,0);
	margin-right:10px
}
.subtags>ul>li>div {
	display:inline-block;
	padding:4px 16px;
	line-height:1;
	border:1px solid #40505d;
	border-radius:14px;
	color:#b4c0c9;
	font-size:13px
}
.subtags>ul>li.on>div {
	color:#03c47e;
	background:rgba(3,196,126,.1);
	border-color:#03c47e
}
.subtags>ul.on {
	position:absolute;
	z-index:9;
	white-space:normal;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	background:#1e2831;
	padding-bottom:14px;
	overflow:inherit
}
.subtags>ul.on>li {
	margin-top:14px
}
.subtags>ul.on>li:first-of-type {
	margin-top:0;
	width:100%
}
.subtags>ul.on:before {
	content:"";
	position:absolute;
	left:-100%;
	right:-100%;
	height:100%;
	top:0;
	box-shadow:0 4px 2px rgba(0,0,0,.5);
	background:#1e2831;
	z-index:-1;
	pointer-events:none
}
.subtagmenu {
	position:absolute;
	top:10px;
	right:0;
	width:32px;
	height:32px;
	background-image:-webkit-gradient(linear,right top,left top,from(#1e2831),to(rgba(30,40,49,0)));
	background-image:linear-gradient(270deg,#1e2831,rgba(30,40,49,0));
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	z-index:11
}
.subnav-pc,.subtagmenu {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.subnav-pc {
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	align-items:flex-end
}
.subnav-pc .subnavBox {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.subnav-pc-search>.subnavBox {
	display:none
}
.subnav-pc-search>div {
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	align-items:flex-end
}
.subnavBox2 {
	font-size:14px
}
.subnavBox2>p {
	opacity:.5
}
.subnavBox2>p:nth-child(2) {
	margin:0 16px;
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
.subnavBox2>p:first-child {
	cursor:pointer;
	white-space:nowrap
}
.subnavBox2>p:first-child span {
	margin-right:8px
}
.subnavBox2>h2,.subnavBox2>p:first-child:hover {
	opacity:1
}
@media only screen and (max-width:1920px) {
	.InMobile .subnavScroll.collapsed {
	padding-left:8%;
	padding-right:8%
}
}@media only screen and (max-width:768px) {
	.InMobile .subnavScroll.collapsed {
	padding-left:40px;
	padding-right:40px
}
}@media only screen and (max-width:414px) {
	.InMobile .subnavScroll.collapsed {
	padding-left:16px;
	padding-right:16px
}
}@media only screen and (max-height:720px) {
	.subnav.collapsed .subnavScroll {
	top:48px
}
}.gamelist {
	width:100%
}
.InMobile .gamelist {
	padding-top:20px
}
.gamelist-wrap {
	margin:-8px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.gameitem {
	width:16.66666667%;
	box-sizing:border-box;
	padding:8px;
	position:relative
}
.gamelist2 .gameitem {
	width:20%
}
.gameitem-loading .gameitem-cont {
	background:#263440
}
.gameitem-loading .gameitem {
	-webkit-animation:listloader-fade-in-out 1.4s linear infinite;
	animation:listloader-fade-in-out 1.4s linear infinite
}
.gameitem-loading .gameitem:nth-child(6n+1) {
	-webkit-animation-delay:.1s;
	animation-delay:.1s
}
.gameitem-loading .gameitem:nth-child(6n+2) {
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.gameitem-loading .gameitem:nth-child(6n+3) {
	-webkit-animation-delay:.3s;
	animation-delay:.3s
}
.gameitem-loading .gameitem:nth-child(6n+4) {
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.gameitem-loading .gameitem:nth-child(6n+5) {
	-webkit-animation-delay:.5s;
	animation-delay:.5s
}
.gameitem-loading .gameitem:nth-child(6n+6) {
	-webkit-animation-delay:.6s;
	animation-delay:.6s
}
.gameitem-loading .g-Btn,.gameitem-loading .gameitem-img {
	background-color:rgba(16,16,16,.25)
}
.gameitem-tag {
	width:52px;
	height:52px;
	background:url(../img/tag_hot.5477a4cc.png) 0 0 no-repeat;
	background-size:contain;
	position:absolute;
	top:2px;
	right:2px;
	z-index:1
}
.gameitem-tag.gameitem-hot {
	background-image:url(../img/tag_hot.5477a4cc.png)
}
.gameitem-tag.gameitem-high {
	background-image:url(../img/tag_high.75ad820b.png)
}
.gameitem-tag.gameitem-free {
	background-image:url(../img/tag_free.eb920a44.png)
}
.gameitem-tag.gameitem-accountfree {
	background-image:url(../img/tag_accountfree.d1317fef.png)
}
.gameitem-cont {
	background:#28333d;
	border-radius:4px;
	height:100%;
	padding:15%;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.gameitem-cont:hover {
	box-shadow:0 4px 16px 0 rgba(0,0,0,.5);
	background:#304051
}
.gameitem-cont.nohover {
	cursor:default
}
.gameitem-cont.nohover:hover {
	box-shadow:inherit;
	box-shadow:unset;
	background:#28333d
}
.gameitem-cont .g-Btn-green,.gameitem-cont .g-Btn-green2 {
	padding-left:0;
	padding-right:0;
	width:80px;
	max-width:100%;
	height:30px;
	line-height:28px;
	margin:0 auto
}
.gamelist-wrap_pc .gameitem-cont {
	padding:0;
	padding-bottom:15%
}
.gamelist-wrap_pc .gameitem-img {
	padding-bottom:141%;
	border-radius:4px
}
.gamelist-wrap_pc .gameitem-img>img {
	border-radius:4px
}
.gamelist-wrap_pc .gameitem-intr {
	margin:0 5% auto
}
.gamelist-wrap_other .gameitem-img.in {
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover
}
.gamelist-wrap_other .gameitem-img.in>img {
	display:none
}
.InMobile .gameitem-cont:hover {
	box-shadow:inherit;
	box-shadow:unset;
	background:#28333d
}
.gameitem-img {
	height:0;
	padding-bottom:100%;
	position:relative;
	box-sizing:border-box
}
.gameitem-img,.gameitem-img>img {
	width:100%;
	border-radius:24%
}
.gameitem-img>span {
	position:absolute;
	top:-10px;
	z-index:1;
	width:80%;
	max-width:78px;
	min-width:64px;
	color:#000;
	height:20px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	border-radius:10px;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#07e4b5),to(#03c47e));
	background-image:linear-gradient(#07e4b5,#03c47e);
	left:50%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing:subpixel-antialiased;
	-webkit-transform:translate3d(-50%,0,0) scale(1);
	transform:translate3d(-50%,0,0) scale(1)
}
.gameitem-img.on {
	box-shadow:0 0 0 2px #03c47e
}
.gameitem-img.on2 {
	box-shadow:0 0 0 2px #e3b407
}
.gameitem-img.on2 span {
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fac617),to(#e3b407));
	background-image:linear-gradient(#fac617,#e3b407)
}
.gameitem-intr {
	text-align:center;
	margin:0 -10% auto
}
.gameitem-intr>h2 {
	font-weight:400;
	padding:15% 0;
	font-size:13px
}
.gameitem-intr>p {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#8b969f
}
@media only screen and (min-width:1919px) {
	.gameitem {
	width:12.5%
}
.gamelist2 .gameitem {
	width:14.28571429%
}
.gameitem-loading .gameitem:nth-child(8n+1) {
	-webkit-animation-delay:.1s;
	animation-delay:.1s
}
.gameitem-loading .gameitem:nth-child(8n+2) {
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.gameitem-loading .gameitem:nth-child(8n+3) {
	-webkit-animation-delay:.3s;
	animation-delay:.3s
}
.gameitem-loading .gameitem:nth-child(8n+4) {
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.gameitem-loading .gameitem:nth-child(8n+5) {
	-webkit-animation-delay:.5s;
	animation-delay:.5s
}
.gameitem-loading .gameitem:nth-child(8n+6) {
	-webkit-animation-delay:.6s;
	animation-delay:.6s
}
.gameitem-loading .gameitem:nth-child(8n+7) {
	-webkit-animation-delay:.7s;
	animation-delay:.7s
}
.gameitem-loading .gameitem:nth-child(8n+8) {
	-webkit-animation-delay:.8s;
	animation-delay:.8s
}
}@media only screen and (max-width:1024px) {
	.gameitem {
	width:20%
}
.gamelist2 .gameitem {
	width:25%
}
.gameitem-loading .gameitem:nth-child(5n+1) {
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.gameitem-loading .gameitem:nth-child(5n+2) {
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.gameitem-loading .gameitem:nth-child(5n+3) {
	-webkit-animation-delay:.6s;
	animation-delay:.6s
}
.gameitem-loading .gameitem:nth-child(5n+4) {
	-webkit-animation-delay:.8s;
	animation-delay:.8s
}
.gameitem-loading .gameitem:nth-child(5n+5) {
	-webkit-animation-delay:1s;
	animation-delay:1s
}
}@media only screen and (max-width:768px) {
	.gameitem {
	width:25%
}
.gamelist2 .gameitem {
	width:33.33333333%
}
.gameitem-loading .gameitem:nth-child(4n+1) {
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.gameitem-loading .gameitem:nth-child(4n+2) {
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.gameitem-loading .gameitem:nth-child(4n+3) {
	-webkit-animation-delay:.6s;
	animation-delay:.6s
}
.gameitem-loading .gameitem:nth-child(4n+4) {
	-webkit-animation-delay:.8s;
	animation-delay:.8s
}
}@media only screen and (max-width:414px) {
	.gamelist-wrap {
	margin:-5px
}
.gameitem {
	width:33.33333333%;
	padding:5px
}
.gamelist2 .gameitem {
	width:50%
}
.gameitem-tag {
	width:40px;
	height:40px;
	top:1px;
	right:1px
}
.gameitem-loading .gameitem:nth-child(3n+1) {
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.gameitem-loading .gameitem:nth-child(3n+2) {
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.gameitem-loading .gameitem:nth-child(3n+3) {
	-webkit-animation-delay:.6s;
	animation-delay:.6s
}
}.input {
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	height:36px;
	padding:0 16px;
	position:relative;
	z-index:1
}
.input,.input label {
	box-sizing:border-box
}
.input label {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	border-radius:36px;
	background:#1e2831;
	z-index:-1;
	border:1px solid transparent;
	pointer-events:none
}
.input input {
	height:28px;
	line-height:28px;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.input input:focus~label {
	border-color:#03c47e
}
.input.error:before {
	content:attr(data-value);
	position:absolute;
	left:0;
	bottom:-22px;
	color:#e35043;
	font-size:12px;
	-webkit-animation-name:shake;
	animation-name:shake;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.input.error label {
	border-color:#e35043
}
.textarea {
	width:100%;
	position:relative
}
.textarea textarea {
	color:#fff;
	width:100%;
	resize:none;
	height:124px;
	padding:16px;
	box-sizing:border-box;
	border-radius:18px;
	background:#1e2831;
	border:1px solid transparent
}
.textarea textarea:focus {
	border-color:#03c47e
}
.textarea p {
	margin-top:4px;
	text-align:right
}
.textarea.error:before {
	content:attr(data-value);
	position:absolute;
	left:0;
	bottom:0;
	color:#e35043;
	font-size:12px;
	-webkit-animation-name:shake;
	animation-name:shake;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.textarea.error textarea {
	border-color:#e35043
}
.radio {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.radio a {
	color:#8b969f;
	text-decoration:none
}
.radio a:hover {
	color:#fff
}
.radio[data-title]:hover:after {
	opacity:1;
	-webkit-transition:all .1s ease .5s;
	transition:all .1s ease .5s;
	visibility:visible
}
.radio[data-title]:after {
	content:attr(data-title);
	position:absolute;
	padding:2px 6px;
	bottom:-2em;
	left:50%;
	white-space:nowrap;
	opacity:0;
	z-index:99999;
	visibility:hidden;
	color:#fff;
	background:#1e2831;
	border:1px solid #8b969f;
	box-shadow:0 0 1px 0 rgba(0,0,0,.35);
	border-radius:2px
}
.radio[data-title] {
	position:relative
}
.radio-check {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	width:24px;
	height:24px;
	margin-right:2px;
	cursor:pointer
}
.radio-check,.toast {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.toast {
	background-color:#304051;
	min-width:274px;
	max-width:90%;
	position:fixed;
	left:50%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing:antialiased;
	-webkit-transform:translate3d(-50%,0,0);
	transform:translate3d(-50%,0,0);
	color:#fff;
	padding-top:20px;
	border-radius:4px;
	box-sizing:border-box;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index:999
}
.toast p {
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	flex-grow:1;
	text-align:center;
	padding:0 32px 20px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.toast p .icon {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	display:inline-block;
	vertical-align:middle;
	margin-right:4px
}
.toast p span {
	min-width:0;
	display:block;
	text-align:justify
}
.toast .icon {
	margin:0 6px
}
.toast a {
	margin-left:auto;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	padding-left:64px;
	padding:0 32px 20px;
	max-width:100%;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.toast.preloading {
	height:80px;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	top:50%;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
	padding-top:0;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	width:472px
}
.toast.preloading p {
	display:inline;
	padding-bottom:0;
	white-space:inherit;
	white-space:unset
}
.toast.preloading p span {
	color:#03c47e;
	display:inline
}
.toast-progress,.toast-progress2 {
	height:4px;
	position:absolute;
	bottom:0;
	left:0;
	background:#03c47e;
	box-shadow:0 0 20px 0 rgba(3,196,126,.2);
	border-radius:2px
}
.toast-loading {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	width:472px;
	top:50%;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0)
}
.toast-loading .sk-circle {
	position:relative;
	width:40px;
	height:40px;
	top:0;
	left:0;
	-webkit-transform:inherit;
	transform:inherit;
	-webkit-transform:unset;
	transform:unset;
	margin-bottom:10px
}
.toast-progressBox {
	position:relative;
	height:7px
}
.toast-progressBox .toast-progress {
	height:100%
}
.confirm-shade {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,.7);
	z-index:998;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.cofirm {
	max-width:382px;
	min-width:320px;
	box-shadow:0 0 12px rgba(0,0,0,.5)
}
.cofirm h2 {
	font-weight:400;
	color:#fff
}
.InTV .cofirm {
	max-width:40%
}
.cofirm-head {
	padding:0 32px;
	background:#1e2831;
	border-radius:4px 4px 0 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	position:relative;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	align-items:flex-end
}
.cofirm-head+.cofirm-cont {
	border-radius:0 0 4px 4px
}
.cofirm-head h2 {
	text-align:center;
	padding:20px 0
}
.cofirm-head .icon {
	position:absolute;
	left:0;
	bottom:0
}
.cofirm-head .icon-close {
	right:-42px;
	top:0;
	left:inherit;
	left:unset;
	bottom:inherit;
	bottom:unset
}
.cofirm-cont {
	padding:24px 32px;
	border-radius:4px;
	background:#28333d;
	color:#8b969f
}
.cofirm-msg {
	min-height:48px;
	padding-top:8px;
	padding-bottom:16px
}
.confirm-mobile .cofirm-msg {
	max-height:30vw;
	padding:0 6px;
	margin-top:8px;
	margin-bottom:16px;
	overflow-y:auto
}
.confirm-transparent {
	box-shadow:none
}
.confirm-transparent,.confirm-transparent .cofirm-cont {
	background-color:transparent
}
@media (orientation:landscape) {
	.confirm-mobile .cofirm-msg {
	max-height:30vh
}
}.confirm-qq {
	line-height:2;
	font-size:14px
}
.confirm-qq.confirm-qq-overflow {
	height:150px;
	overflow-y:auto
}
.cofirm-btns {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.cofirm-btns a {
	display:block;
	margin:0 8px;
	white-space:nowrap
}
.cofirm-btns.double {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.cofirm-btns.double a {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	margin:0;
	padding:0
}
.cofirm-btns.double a:first-of-type {
	margin-right:16px;
	background:transparent
}
.cofirm-btns.double a:last-of-type {
	margin-left:16px
}
.confirm-qr {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.confirm-qr>div:last-of-type {
	margin-left:10px;
	max-width:120px;
	overflow:hidden
}
.confirm-qr>div:last-of-type img {
	display:block;
	width:100%;
	border-radius:4px
}
.confirm-qr p {
	margin-bottom:10px
}
.confirm-cloudmobile {
	line-height:2
}
.confirm-cloudmobile>p {
	padding-left:30px;
	text-indent:-30px
}
.confirm-cloudmobile>div {
	margin-top:10px;
	font-weight:700
}
.confirm-cloudmobile2 {
	line-height:2;
	text-align:left
}
.confirm-cloudmobile2>p {
	padding-left:14px;
	text-indent:-10px
}
.confirm-cloudmobile2>p b {
	margin-right:6px
}
.confirm-cloudmobile2>div {
	margin-top:10px;
	font-weight:700
}
.iosplaycofirm-confirm {
	max-width:100%!important;
	max-height:100%!important;
	width:100%!important;
	height:100%!important;
	background:url(../img/bg2.4f49ee8f.jpg) 0 0 no-repeat;
	background-size:cover
}
.iosplaycofirm-confirm .cofirm-cont {
	position:absolute;
	background:transparent;
	height:100%;
	width:100%;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	z-index:9999
}
.iosplaycofirm-confirm .cofirm-cont>div {
	margin-top:-94px;
	text-align:center
}
.iosplaycofirm-confirm .cofirm-cont>div .icon-welcome {
	margin-left:70px
}
.iosplaycofirm-confirm .cofirm-cont>div .g-Btn-green2 {
	display:block;
	margin:30px auto 0
}
.iosplaycofirm-confirm .cofirm-cont>div .g-Btn-green2 .icon {
	margin-right:6px
}
.gift-confirm .cofirm,.iframe-confirm .cofirm {
	max-width:100%;
	font-size:0
}
.gift-confirm .cofirm-cont,.iframe-confirm .cofirm-cont {
	padding:0
}
.iframe-confirm .confirm-main {
	position:relative
}
.iframe-confirm .confirm-main>.icon-close {
	position:absolute;
	right:-42px;
	top:0
}
.pcgameios-confirm P {
	color:#fff
}
.pcgameios-confirm img {
	margin-top:20px;
	max-width:100%
}
.pcgameios-confirm .cofirm-btns {
	margin:20px 0 10px
}
@media only screen and (max-width:768px) {
	.cofirm-head .icon-close {
	top:16px;
	right:16px
}
}@media only screen and (max-width:414px) {
	.cofirm {
	max-width:90%;
	min-width:90%
}
.cofirm-cont {
	padding:24px 16px
}
}@media only screen and (max-height:500px) {
	.pcgameios-confirm .cofirm-cont>div:first-of-type {
	height:150px;
	overflow-y:auto
}
}.login {
	width:382px
}
.login .cofirm-cont {
	padding:0;
	height:286px;
	position:relative;
	overflow:hidden
}
.login2 {
	padding:24px 16px;
	position:relative
}
.login3 .login-box {
	padding-top:108px
}
.login3 .login-avatar,.login3 .login-header {
	top:18px;
	height:72px
}
.login3 .login-header:before {
	content:"";
	position:absolute;
	width:90%;
	height:100%;
	z-index:1;
	box-shadow:inset 0 -15px 8px -8px rgba(30,40,49,.7)
}
.login-box {
	padding-top:84px;
	padding-left:24px;
	padding-left:-webkit-calc(16px + env(safe-area-inset-left));
	padding-left:calc(16px + env(safe-area-inset-left));
	padding-right:24px;
	padding-right:-webkit-calc(16px + env(safe-area-inset-right));
	padding-right:calc(16px + env(safe-area-inset-right));
	top:0;
	bottom:0;
	right:0;
	left:0;
	position:absolute;
	color:#a5a9ac
}
.login-box>.input {
	margin-top:16px;
	margin-bottom:32px;
	position:relative
}
.login-box>.input>.g-Btn {
	position:absolute;
	right:0;
	width:120px;
	padding:0;
	font-weight:400
}
.login-box>.g-Btn {
	width:100%;
	margin-bottom:10px
}
.login-avatar,.login-header {
	position:absolute;
	left:24px;
	left:-webkit-calc(16px + env(safe-area-inset-left));
	left:calc(16px + env(safe-area-inset-left));
	right:24px;
	right:-webkit-calc(16px + env(safe-area-inset-right));
	right:calc(16px + env(safe-area-inset-right));
	top:24px;
	height:60px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.login-avatar>.icon {
	position:absolute;
	top:0;
	left:0
}
.login-avatar>div {
	margin:0 auto;
	height:36px;
	border-radius:36px;
	background:#1e2831;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:0 16px
}
.login-avatar>div p {
	color:#fff;
	margin-left:5px
}
.login-header>h1 {
	color:#fff
}
.login-header .icon-login {
	margin-right:22px
}
.login-region {
	margin-right:10px;
	color:#b4c0c9;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.login-region:hover {
	color:#fff
}
.login-region .icon-back2 {
	margin-left:10px;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.login-regions {
	position:absolute;
	width:100%;
	top:102%;
	left:0;
	padding:6px 0;
	max-height:110px;
	overflow-y:auto;
	background-color:#304051;
	border-radius:4px
}
.login-regions li {
	padding:6px 0;
	margin:0 20px;
	border-bottom:1px solid hsla(0,0%,100%,.05);
	color:#b4c0c9;
	cursor:pointer
}
.login-regions li:hover {
	color:#fff
}
.login-regions li:last-of-type {
	border-bottom:none
}
.InMobile .login-region:hover,.InMobile .login-regions li:hover {
	color:#b4c0c9
}
@media (orientation:portrait) {
	.login-regions {
	max-height:200px
}
}@media only screen and (max-width:414px) {
	.login {
	width:80%
}
}.controlpanel {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,.8);
	min-width:320px;
	z-index:997
}
.controlpanel--status {
	position:inherit;
	position:unset;
	background:none;
	pointer-events:none;
	text-align:center
}
.controlpanel--status .controlpanel-head {
	border-bottom:none;
	height:auto;
	padding:2px 32px;
	display:inline-block;
	background-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(9%,rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.6)),color-stop(91%,rgba(0,0,0,.6)),to(transparent));
	background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.6) 9%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.6) 91%,transparent)
}
.controlpanel--status .controlpanel-head>span {
	padding-right:0
}
.controlpanel--status .controlpanel-head>span:first-of-type {
	padding-right:16px
}
.controlpanel--status .controlpanel-body {
	background:transparent;
	color:#fff;
	text-shadow:0 2px 2px rgba(0,0,0,.2);
	z-index:997
}
.InMobile .controlpanel--status .controlpanel-head {
	-webkit-transform-origin:top;
	transform-origin:top;
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
.controlpanel-body {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-380px;
	background:#1e2831;
	width:760px;
	min-width:320px;
	color:#8b969f;
	border-radius:0 0 4px 4px;
	z-index:3
}
.controlpanel-body.controlpanel-body-pc .radio:first-of-type:before {
	display:none
}
.controlpanel-head {
	height:40px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:1px solid #2f3c47;
	padding:0 32px
}
.controlpanel-head>span {
	padding-right:32px;
	min-width:32px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.controlpanel-head>span.keyboard-fix {
	margin-left:auto;
	padding-right:0
}
.controlpanel-head>span.keyboard-fixmap {
	padding-right:0
}
.controlpanel-head .icon-back2 {
	margin-right:4px;
	margin-top:-2px
}
.controlpanel-head>.radio:first-of-type {
	padding-right:16px;
	position:relative;
	margin-right:auto
}
.controlpanel-head>.radio:first-of-type:before {
	position:absolute;
	content:"";
	top:20%;
	bottom:20%;
	width:1px;
	overflow:hidden;
	background:#2f3c47;
	right:0
}
.controlpanel-con {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.controlpanel-con,.controlpanel-con>div {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.controlpanel-con>div {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	height:112px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	position:relative;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1
}
.controlpanel-con>div>.icon {
	width:32px;
	height:32px
}
.controlpanel-con>div>p {
	margin-top:16px
}
.controlpanel-con>div:hover {
	z-index:2;
	background:#28333d
}
.controlpanel-con>div:hover .controlpanel-sub {
	visibility:visible;
	opacity:1;
	-webkit-transition:opacity .1s linear;
	transition:opacity .1s linear
}
.controlpanel-con>div:hover>p {
	color:#03c47e
}
.controlpanel-con>div.disable {
	pointer-events:none;
	opacity:.3
}
.controlpanel-con>li.disable {
	opacity:.3
}
.controlpanel-sub {
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility .1s .1s,opacity .1s linear;
	transition:visibility .1s .1s,opacity .1s linear;
	position:absolute;
	width:100%;
	background:#28333d;
	height:228px;
	bottom:-228px;
	z-index:1;
	border-radius:0 0 4px 4px
}
.controlpanel-progress {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.controlpanel-pcmenu {
	height:369px;
	bottom:-369px
}
.controlpanel-pcmenu>div {
	padding-top:8px
}
.controlpanel-pcmenu>div>p {
	font-size:12px;
	color:#b4c0c9;
	text-align:center
}
.controlpanel-pcmenu ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:space-evenly;
	-webkit-justify-content:space-evenly;
	justify-content:space-evenly
}
.controlpanel-pcmenu ul li {
	min-width:36%;
	text-align:center;
	margin-top:16px
}
.controlpanel-pcmenu .g-Btn-white {
	text-transform:capitalize;
	width:100%;
	height:25px;
	padding:0;
	line-height:23px;
	font-size:12px
}
.controlpanel-pcmenu .g-Btn-white.on,.controlpanel-pcmenu .g-Btn-white:focus,.controlpanel-pcmenu .g-Btn-white:hover {
	border-color:#03c47e;
	color:#03c47e
}
.controlpanel-guide {
	position:absolute;
	bottom:-70px;
	padding:14px 32px;
	background:#304051;
	font-size:12px;
	color:#e7e7e7;
	white-space:nowrap;
	pointer-events:none
}
.controlpanel-guide:before {
	position:absolute;
	top:-18px;
	left:50%;
	margin-left:-5px;
	content:"";
	width:0;
	height:0;
	border:10px solid transparent;
	border-bottom:10px solid #304051
}
.controlpanel-list {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	width:100%;
	height:100%;
	text-align:center
}
.controlpanel-list,.controlpanel-list li {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.controlpanel-list li {
	cursor:pointer;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.controlpanel-list li:hover {
	color:#03c47e
}
.controlpanel-list li.on {
	color:#03c47e;
	font-weight:700
}
.controlpanel-close {
	width:32px;
	height:32px;
	position:absolute;
	left:50%;
	margin-left:390px;
	z-index:2
}
.controlpanel-close .icon {
	display:block
}
.controlpanel-red li:last-child,.controlpanel-red p,.controlpanel-red span,.controlpanel-s-red li:last-child,.controlpanel-s-red p,.controlpanel-s-red span {
	position:relative
}
.controlpanel-red li:last-child:after,.controlpanel-red p:after,.controlpanel-red span:after,.controlpanel-s-red li:last-child:after,.controlpanel-s-red p:after,.controlpanel-s-red span:after {
	content:"";
	position:absolute;
	top:0;
	right:-9px;
	z-index:2;
	width:6px;
	height:6px;
	background-color:#e35043;
	border-radius:50%
}
.controlpanel-red li:last-child:after,.controlpanel-s-red li:last-child:after {
	top:50%;
	right:50%;
	margin-right:-22px;
	margin-top:-10px
}
.quality-s-red p:after,.quality-s-red span:after {
	display:none
}
.controlpanel-red p:after,.controlpanel-red span:after {
	display:block
}
.controlpanel-red li:last-child:after {
	display:none
}
.controlpanel-time {
	background:#304051;
	border-radius:12px;
	color:#d6e0e7;
	padding:4px 8px;
	margin-left:14px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	cursor:pointer
}
.controlpanel-time>.icon {
	margin-right:4px
}
.controlpanel-time:hover {
	color:#fff;
	background:#03c47e
}
.controlpanel-time-vip {
	color:#dcb35e;
	background:-webkit-gradient(linear,left top,right top,color-stop(8%,#445568),color-stop(97%,#304051));
	background:linear-gradient(90deg,#445568 8%,#304051 97%)
}
.controlpanel-time-vip:hover {
	color:#fff;
	background:#dcb35e
}
@media only screen and (max-width:844px) {
	.controlpanel-close {
	top:162px;
	margin-left:348px
}
}@media only screen and (max-width:768px) {
	.controlpanel-body {
	width:100%;
	left:0;
	margin-left:0;
	z-index:3
}
.controlpanel-con>div {
	-webkit-flex-basis:33.33333333%;
	flex-basis:33.33333333%;
	height:80px
}
.controlpanel-con>div:nth-child(2) {
	-webkit-box-ordinal-group:5;
	-webkit-order:4;
	order:4
}
.controlpanel-con>div:nth-child(3) {
	-webkit-box-ordinal-group:6;
	-webkit-order:5;
	order:5
}
.controlpanel-con>div:nth-child(4) {
	-webkit-box-ordinal-group:7;
	-webkit-order:6;
	order:6
}
.controlpanel-close {
	top:210px;
	margin-left:-16px
}
}@media only screen and (max-width:546px) {
	.controlpanel-head>span {
	padding-right:8px!important
}
.controlpanel-head>span span:first-of-type {
	display:none
}
}.keylayout {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1
}
.keylayout img {
	display:none;
	width:100%;
	height:100%;
	object-fit:fill
}
.keylayout.notedit {
	pointer-events:none
}
.keylayout.del .keylayout-del {
	display:block
}
.keylayout input {
	opacity:0;
	height:0;
	width:0
}
.keylayout-pc {
	z-index:2;
	pointer-events:none;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.keylayout-pc>div {
	pointer-events:auto
}
.keylayout-tap {
	text-align:center;
	position:absolute;
	max-width:36px;
	max-height:36px;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
	background:url(../img/icon_KBS_keymapping_normal.4167b1f8.png) 0 0 no-repeat;
	background-size:100%
}
.keylayout-tap.on {
	background-image:url(../img/icon_KBS_keymapping_activated.06607a4c.png)!important
}
.keylayout-tap.error {
	background-image:url(../img/icon_KBS_keymapping_keyconflit.d7161387.png)!important
}
.keylayout-tap.disable {
	border-color:#8b969f!important
}
.keylayout-tap:hover {
	background-image:url(../img/icon_KBS_keymapping_hovered.1f409c48.png)
}
.keylayout-tap2 {
	width:46px;
	height:46px;
	margin-left:-23px;
	margin-top:-23px;
	font-size:12px;
	position:absolute;
	background:url(../img/icon_key_normalkey.21ba1564.png) 0 0 no-repeat;
	background-size:100%
}
.keylayout-tap2.on {
	background-image:url(../img/icon_key_normalkey_pressed.3860f93e.png)!important
}
.keylayout-tap2.onEdit {
	background-image:url(../img/icon_key_normalkey_selected.b2e4cdba.png)!important
}
.keylayout-tap2.inDisplay {
	width:30px;
	height:30px;
	position:relative;
	margin:0
}
.keylayout-tap2 .keylayout-value span {
	font-weight:400;
	text-decoration:none!important
}
.keylayout-value {
	width:100%;
	height:100%;
	border-radius:4em;
	color:#fff;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	overflow:hidden
}
.keylayout-value span {
	font-weight:700;
	text-transform:capitalize
}
.keylayout-value:hover span {
	text-decoration:underline
}
.keylayout-del {
	display:none;
	position:absolute;
	width:50%;
	height:50%;
	right:-22.22222222%;
	top:-44.44444444%;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#28333d),color-stop(98%,#4d6275));
	background-image:linear-gradient(-180deg,#28333d,#4d6275 98%);
	border-radius:100%;
	box-sizing:border-box;
	cursor:pointer
}
.keylayout-del:after,.keylayout-del:before {
	position:absolute;
	content:"";
	width:60%;
	left:20%;
	height:2px;
	background:#8b969f;
	top:48%;
	-webkit-transform-origin:center;
	transform-origin:center
}
.keylayout-del:before {
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg)
}
.keylayout-del:after {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.keylayout-del:hover {
	border:1.5px solid #fff
}
.keylayout-del:hover:after,.keylayout-del:hover:before {
	background:#fff
}
.keylayout-wheel {
	position:absolute;
	max-width:132px;
	max-height:132px;
	background:url(../img/icon_KBS_wheel2.7d176a15.png) 50% no-repeat;
	background-size:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing:antialiased;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0)
}
.keylayout-wheel.keylayout-wheel_inGamepad {
	max-width:80px;
	max-height:126px;
	background-image:url(../img/icon_KBS_controller_leftjoystick.6a967cf6.png)
}
.keylayout-eye {
	position:absolute;
	max-width:132px;
	max-height:132px;
	background:url(../img/icon_KBS_perspective.012fc3db.png) 50% no-repeat;
	background-size:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing:subpixel-antialiased;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0)
}
.keylayout-eye.keylayout-eye_inGamepad {
	max-width:80px;
	max-height:126px;
	background-image:url(../img/icon_KBS_controller_rightjoystick.fd88e9f7.png)
}
.keylayout-tips {
	white-space:nowrap;
	position:absolute;
	-webkit-transform:translate3d(-50%,-200%,0);
	transform:translate3d(-50%,-200%,0);
	background:#304051;
	color:#fff;
	padding:10px;
	border-radius:4px
}
.keylayout-ball {
	width:100px;
	height:100px;
	margin-left:-50px;
	margin-top:-50px;
	border-radius:100%;
	position:absolute
}
.keylayout-ball.on {
	background:rgba(0,0,0,.5)
}
.keylayout-ball.on .keylayout-ball-pos,.keylayout-ball.on .keylayout-ball-t {
	display:block
}
.keylayout-ball.inEdit {
	background:rgba(0,0,0,.5);
	box-shadow:0 0 0 1px hsla(0,0%,59.2%,.5)
}
.keylayout-ball.inEdit .keylayout-ball-pos {
	display:block
}
.keylayout-ball.onEdit {
	box-shadow:0 0 0 1px #03c47e
}
.keylayout-ball.inDisplay {
	background:rgba(0,0,0,.5);
	position:relative;
	margin-left:0;
	margin-top:0;
	color:#979797;
	box-shadow:0 0 0 1px hsla(0,0%,59.2%,.5)
}
.keylayout-ball.inDisplay .keylayout-ball-pos {
	display:block
}
.keylayout-ball-s {
	position:absolute;
	width:32px;
	height:32px;
	left:50%;
	top:50%;
	margin-left:-16px;
	margin-top:-16px;
	border-radius:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.keylayout-ball-t {
	display:none;
	position:absolute;
	width:112.8%;
	height:112.8%;
	top:-6.4%;
	left:-6.4%;
	background:url(../img/gaming_icon_sj_arrow_pressed.212b90a1.png) top no-repeat;
	background-size:50%
}
.keylayout-ball-pos {
	width:100%;
	height:100%;
	display:none
}
.keylayout-ball-g {
	width:20px;
	height:20px;
	position:absolute;
	font-size:12px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.keylayout-ball-g:first-child,.keylayout-ball-g:nth-child(3) {
	left:50%;
	margin-left:-10px
}
.keylayout-ball-g:nth-child(2),.keylayout-ball-g:nth-child(4) {
	top:50%;
	margin-top:-10%
}
.keylayout-ball-g:nth-child(2) {
	right:0
}
.keylayout-ball-g:nth-child(3) {
	bottom:0
}
.keylayout-position {
	width:1px;
	height:1px;
	position:absolute
}
.keylayout-position>div {
	position:absolute;
	width:26px;
	height:32px;
	background:url(../img/icon_key_directionkeys.2868739a.png);
	background-size:100%
}
.keylayout-position>div.on {
	background-image:url(../img/icon_key_directionkeys_pressed.253cfcc9.png)
}
.keylayout-position>div.onEdit {
	background-image:url(../img/icon_key_directionkeys_selected.2ce9b0a1.png)
}
.keylayout-position>div:first-child {
	top:-40px;
	left:-13px
}
.keylayout-position>div:nth-child(2) {
	left:8px;
	top:-16px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.keylayout-position>div:nth-child(3) {
	top:8px;
	left:-13px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.keylayout-position>div:nth-child(4) {
	left:-34px;
	top:-13px;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.keylayout-keyboard {
	width:100%;
	height:100%
}
.keylayout-keyboard-con {
	position:absolute;
	left:0;
	right:0;
	padding:6px;
	bottom:0;
	background:rgba(0,0,0,.5)
}
.keylayout-keyboard-con table {
	width:100%;
	table-layout:fixed;
	border-spacing:4px
}
.keylayout-keyboard-con table td,.keylayout-keyboard-con table tr {
	margin:0;
	padding:0
}
.keylayout-td,.keylayout-td2 {
	text-align:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	height:30px;
	border-radius:2px;
	background:hsla(0,0%,100%,.16);
	font-size:12px
}
.keylayout-td2.on,.keylayout-td.on {
	background:hsla(0,0%,100%,.5)
}
.keylayout-td2>p,.keylayout-td>p {
	font-size:12px;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	margin-top:4px;
	color:#b4c0c9;
	white-space:nowrap
}
.keylayout-td2 {
	height:100%;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.keylayout-td2 .keylayout-td-pos {
	position:relative;
	width:100px;
	height:100px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.keylayout-shortcut {
	position:absolute;
	right:20px;
	bottom:10px
}
.keylayout-switch {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.keylayout-switch>span {
	margin-left:6px;
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
.keylayout-edit {
	width:100%;
	height:100%;
	position:absolute;
	z-index:2
}
.keylayout-edit-head {
	width:85%;
	padding:0 24px;
	background:rgba(40,51,61,.95);
	position:absolute;
	left:7.5%;
	box-sizing:border-box;
	border-radius:0 0 8px 8px;
	z-index:2;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-transition:-webkit-transform .2s ease-in-out;
	transition:-webkit-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
	transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
.keylayout-edit-head.on {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}
.keylayout-edit-head.on .keylayout-up .icon {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.keylayout-edit-head>header {
	padding:12px 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:1px solid #384b60
}
.keylayout-edit-head>header .g-Btn {
	padding:0 16px;
	font-size:12px;
	height:26px;
	line-height:24px
}
.keylayout-edit-head>header .g-Btn:nth-child(2) {
	margin-left:auto;
	margin-right:12px
}
.keylayout-edit-head>header>div:last-child {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:10px;
	margin-right:-10px;
	margin-left:8px
}
.keylayout-edit-tips {
	padding:12px 0
}
.keylayout-up {
	position:absolute;
	top:100%;
	left:50%;
	width:40px;
	height:20px;
	border-radius:0 0 40px 40px;
	background:rgba(40,51,61,.95);
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	margin-top:-4px
}
.keylayout-contextmenu {
	position:absolute;
	background:#fff;
	border-radius:8px;
	color:#1e2831;
	margin-left:-24px
}
.keylayout-contextmenu:before {
	width:0;
	height:0;
	border:6px solid transparent;
	border-top:6px solid #fff;
	position:absolute;
	content:"";
	top:100%;
	left:50%;
	margin-left:-6px;
	margin-top:-2px
}
.keylayout-contextmenu.onBot:before {
	border:6px solid transparent;
	border-bottom:6px solid #fff;
	top:-8px
}
.keylayout-contextmenu>div {
	padding:6px 12px;
	font-size:12px;
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
.keylayout-contextmenu>div:first-child {
	border-bottom:1px solid #e7e7e7;
	white-space:nowrap
}
.keylayout-choice {
	background:#000;
	width:100%;
	height:100%;
	position:absolute;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.keylayout-choice .subnavBox h2 {
	font-size:12px;
	font-weight:400;
	margin-left:16px;
	opacity:.5
}
.keylayout-choice .subnavBox h2.on {
	opacity:1
}
.keylayout-choice .keylayout-td {
	text-transform:capitalize
}
.keylayout-choice-head {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	height:54px;
	background:rgba(40,51,61,.9);
	padding:0 16px;
	font-size:12px;
	color:#e7e7e7
}
.keylayout-choice-head>div {
	padding:10px
}
.keylayout-choice-con {
	width:100%;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-transition:-webkit-transform .3s;
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s,-webkit-transform .3s
}
.keylayout-choice-con>div {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.keylayout-choice-con .keylayout-keyboard {
	width:auto;
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.keylayout-choice-con .keylayout-keyboard-con {
	position:unset
}
@media only screen and (max-width:1024px) {
	.keylayout-tap {
	max-width:4.6875%
}
.keylayout-tap .f12 {
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
}@media only screen and (max-width:760px) {
	.keylayout-tap {
	max-width:4.6875%
}
.keylayout-tap span {
	-webkit-transform:scale(.6);
	transform:scale(.6)
}
}@media only screen and (max-width:540px) {
	.keylayout-tap {
	-webkit-transform:translate3d(-50%,-50%,0) scale(.4);
	transform:translate3d(-50%,-50%,0) scale(.4)
}
}.video {
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	position:absolute;
	margin:0 auto;
	z-index:2
}
.video.ingamepad {
	cursor:none
}
.video img {
	width:100%;
	pointer-events:none
}
.video>img {
	position:absolute;
	top:0;
	left:0;
	height:100%
}
@media (orientation:landscape) {
	.InMobile .video {
	overflow:hidden
}
}video {
	left:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.videoInput,video {
	position:absolute;
	top:0
}
.videoInput {
	opacity:0;
	left:-10%;
	pointer-events:none;
	z-index:-1
}
.videoInput input:focus {
	color:transparent;
	caret-color:transparent
}
.videoTip {
	padding:0 8%;
	position:absolute;
	bottom:-130px;
	left:0;
	color:#8b969f
}
.videoTip2 {
	text-align:center;
	color:#8b969f
}
@media (orientation:landscape) {
	.videoTip {
	display:none
}
}html:-webkit-full-screen .video {
	width:100%;
	max-width:inherit;
	max-width:unset
}
html:-ms-fullscreen .video {
	width:100%;
	max-width:inherit;
	max-width:unset
}
html:fullscreen .video {
	width:100%;
	max-width:inherit;
	max-width:unset
}
html:-webkit-full-screen .video-wrap {
	height:100%;
	padding-bottom:0
}
html:-ms-fullscreen .video-wrap {
	height:100%;
	padding-bottom:0
}
html:fullscreen .video-wrap {
	height:100%;
	padding-bottom:0
}
.FullScreen .video {
	width:100%;
	max-width:inherit;
	max-width:unset
}
.FullScreen .video-wrap {
	height:100%;
	padding-bottom:0
}
video::-webkit-media-controls-fullscreen-button,video::-webkit-media-controls-play-button {
	display:none
}
video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-timeline {
	display:none
}
video::-webkit-media-controls-mute-button,video::-webkit-media-controls-time-remaining-display {
	display:none
}
video::-webkit-media-controls-toggle-closed-captions-button,video::-webkit-media-controls-volume-slider {
	display:none
}
video::-internal-media-controls-download-button {
	display:none
}
video::-webkit-media-controls-enclosure {
	overflow:hidden
}
video::-webkit-media-controls-panel {
	width:-webkit-calc(100% + 30px);
	width:calc(100% + 30px)
}
.jdebug {
	top:20px;
	right:0;
	background:rgba(0,0,0,.5);
	color:#fff
}
.InMobile .redcont,.jdebug {
	position:absolute;
	pointer-events:none
}
.InMobile .redcont {
	width:100%;
	height:100%;
	z-index:99
}
.InMobile .redcont .flyme,.InMobile .redcont .flyme *,.InMobile .redcont .mobilemenu,.InMobile .redcont .mobilemenu * {
	pointer-events:all
}
.video-redsdk {
	width:100%;
	height:100%
}
.video-redsdk video {
	position:relative
}
.video-redsdk #gameBox .toast,.video-redsdk .bottominfo {
	display:none!important
}
.video-redsdk #gameBox video {
	object-fit:contain
}
.video-tips {
	width:100%;
	height:100%
}
.cursor,.video-tips {
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	pointer-events:none
}
.cursor {
	height:32px;
	width:32px;
	background:url(../img/mouse.440ecdd2.png) 0 0 no-repeat;
	background-size:contain
}
.InMobile .cursor {
	width:20px;
	height:20px
}
.progress {
	width:12px;
	height:196px;
	position:relative
}
.progress-con {
	width:4px;
	margin:0 auto;
	height:100%;
	border-radius:2px;
	background:#a5a9ac;
	overflow:hidden;
	position:relative;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.progress-ing {
	width:100%;
	bottom:0
}
.progress-drag,.progress-ing {
	position:absolute;
	background:#03c47e
}
.progress-drag {
	cursor:pointer;
	left:50%;
	margin-left:-5px;
	margin-top:-5px;
	width:10px;
	height:10px;
	border-radius:100%;
	-webkit-transition:-webkit-transform .2s ease-in-out;
	transition:-webkit-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
	transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
	-webkit-transform:translateY(5px);
	transform:translateY(5px);
	z-index:1
}
.progress-drag.on,.progress-drag:hover {
	-webkit-transform:scale(1.5);
	transform:scale(1.5)
}
.progress-tag {
	position:absolute;
	width:68px;
	height:36px;
	text-align:center;
	padding-left:5px;
	line-height:30px;
	left:50%;
	margin-left:10px;
	-webkit-transform:translateY(18px);
	transform:translateY(18px);
	color:#03c47e;
	background:url(../img/icon_controlpanel_indicator.0738e62f.png) 0 0 no-repeat;
	background-size:contain
}
.InTV .progress {
	width:20px
}
.keyboard .controlpanel-head {
	padding:0
}
.keyboard .controlpanel-head>span {
	padding:0 30px;
	position:relative;
	cursor:default
}
.keyboard .controlpanel-head>span:first-of-type {
	margin-right:auto;
	color:#8b969f
}
.keyboard .controlpanel-head>span:first-of-type:before {
	display:none
}
.keyboard .controlpanel-head>span:hover {
	color:#fff;
	cursor:pointer
}
.keyboard .controlpanel-head>span.keyboard-save {
	color:rgba(139,150,159,.5);
	cursor:default
}
.keyboard .controlpanel-head>span.keyboard-save.on {
	color:#03c47e;
	cursor:pointer
}
.keyboard .controlpanel-head>span:before {
	position:absolute;
	content:"";
	top:20%;
	bottom:20%;
	width:1px;
	overflow:hidden;
	background:#2f3c47;
	left:0
}
.keyboard .controlpanel-con>li {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	width:50%;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	box-sizing:border-box;
	height:112px
}
.keyboard .controlpanel-con>li.full {
	width:100%
}
.keyboard .controlpanel-con>li.full:before {
	display:none
}
.keyboard .controlpanel-con>li.disable p:first-of-type {
	color:#8b969f!important
}
.keyboard .controlpanel-con>li>div {
	margin-left:8px
}
.keyboard .controlpanel-con>li p:first-of-type {
	color:#fff
}
.keyboard .controlpanel-con>li:first-of-type {
	position:relative
}
.keyboard .controlpanel-con>li:first-of-type:before {
	position:absolute;
	content:"";
	top:30%;
	bottom:30%;
	width:1px;
	overflow:hidden;
	background:#2f3c47;
	right:0
}
.keyboard-fold {
	position:absolute;
	width:26px;
	height:26px;
	line-height:20px;
	text-align:center;
	border-radius:100%;
	top:126px;
	left:50%;
	margin-left:-13px;
	z-index:4;
	cursor:pointer
}
.keyboard-fold.on {
	line-height:30px;
	top:-10px;
	background:#1e2831
}
.keyboard-fold.on .icon {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.keyboard-fold.on:hover {
	background:#28333d
}
.keyboard-switch {
	height:28px;
	border:1px solid #2f3c47;
	border-radius:14px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:0 8px;
	position:relative;
	margin-right:16px
}
.keyboard-switch span {
	width:40px;
	color:#fff;
	box-sizing:content-box
}
.keyboard-switch:before {
	position:absolute;
	content:"";
	z-index:-1;
	background:#4d6275;
	border-radius:12px;
	top:2px;
	height:24px;
	width:64px
}
.keyboard-switch.onKeyboard span {
	text-align:left;
	padding-left:2px
}
.keyboard-switch.onKeyboard:before {
	left:2px
}
.keyboard-switch.onGamepad span {
	text-align:right;
	padding-right:2px
}
.keyboard-switch.onGamepad:before {
	right:2px
}
.InTV .keyboard-switch {
	font-size:12px
}
.keyboard-transparency {
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	position:relative
}
.keyboard-transparency p {
	padding:0 30px;
	position:relative
}
.keyboard-transparency p:before {
	position:absolute;
	content:"";
	top:30%;
	bottom:30%;
	width:1px;
	overflow:hidden;
	background:#2f3c47;
	left:0
}
.keyboard-transparency:hover {
	background:#28333d
}
.keyboard-transparency:hover .controlpanel-sub {
	visibility:visible;
	opacity:1;
	-webkit-transition:opacity .1s linear;
	transition:opacity .1s linear
}
@media only screen and (max-width:760px) {
	.controlpanel-con>li {
	padding-left:0!important;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.controlpanel-con>li>div {
	margin-left:0!important
}
.controlpanel-con>li p {
	margin-top:8px
}
.controlpanel-con>li p:last-child {
	display:none
}
}.feedback {
	padding:64px 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.feedback.no {
	padding:128px 0
}
.feedback>h2 {
	margin-top:26px;
	font-size:16px;
	color:#e3e7eb
}
.feedback>p {
	margin-top:16px;
	color:#8b969f;
	font-size:14px
}
.feedback>.g-Btn {
	margin-top:32px;
	height:40px;
	line-height:38px;
	border-radius:40px
}
.feedbackcofrim {
	width:382px
}
.feedbackcofrim .cofirm-cont {
	padding:40px 24px
}
.feedback-box>.input {
	margin-top:16px;
	margin-bottom:40px
}
.InMobile .feedback {
	padding:42px 0
}
.InMobile .feedback>.g-Btn {
	font-size:14px
}
@media only screen and (max-width:414px) {
	.feedbackcofrim {
	width:90%;
	min-width:320px
}
}@media only screen and (max-height:500px) {
	.feedback,.feedback.no {
	padding:0
}
}.badnetworkconfrim {
	width:382px
}
.badnetworkconfrim .cofirm-cont {
	padding:40px 24px
}
.badnetwork-box {
	padding-bottom:24px
}
.badnetwork-box table {
	width:100%;
	border-spacing:0;
	border-top:1px solid #304051;
	border-left:1px solid #304051
}
.badnetwork-box td {
	height:40px;
	text-align:center;
	border-right:1px solid #304051;
	border-bottom:1px solid #304051
}
.badnetwork-box td.error {
	color:#e35043
}
.badnetwork-box td.on {
	color:#fff
}
.badnetwork-box tr:nth-of-type(odd) {
	background:rgba(48,64,81,.5)
}
.badnetwork-box p {
	line-height:2
}
.badnetwork-box>div {
	margin-top:16px
}
.badnetwork-box>div:first-of-type {
	margin-top:0
}
@media only screen and (max-width:414px) {
	.badnetworkconfrim {
	width:90%;
	min-width:320px
}
}.mobilemenu {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,.8);
	z-index:997
}
.mobilemenu-box {
	width:25%;
	min-width:180px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	background:#1e2831;
	-webkit-flex-direction:column;
	flex-direction:column;
	box-sizing:border-box
}
.mobilemenu-box,.mobilemenu-box>ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal
}
.mobilemenu-box>ul {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	-webkit-flex-direction:column;
	flex-direction:column
}
.mobilemenu-box-right {
	left:auto;
	left:unset;
	right:0
}
.mobilemenu-box-right .mobilemenu-list2 {
	left:inherit;
	left:unset;
	right:100%;
	border-radius:4px 0 0 4px
}
.mobilemenu-user {
	width:100%;
	box-sizing:border-box;
	text-align:center;
	padding:10px 5px;
	word-wrap:break-word;
	color:#61686f;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.mobilemenu-stats {
	height:84px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	text-align:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:1px solid #2f3c47;
	-webkit-flex-shrink:0;
	flex-shrink:0
}
.mobilemenu-list li,.mobilemenu-stats span {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	color:#8b969f
}
.mobilemenu-list li {
	padding-left:18%;
	max-height:96px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.mobilemenu-list>li {
	position:relative
}
.mobilemenu-list>li.on {
	background:#28333d;
	box-shadow:0 0 16px 0 rgba(0,0,0,.5)
}
.mobilemenu-list>li.in {
	background:#03c47e;
	text-shadow:0 2px 4px rgba(0,0,0,.2)
}
.mobilemenu-list>li.in,.mobilemenu-list>li.on {
	color:#fff
}
.mobilemenu-list>li.in .mobilemenu-list2,.mobilemenu-list>li.on .mobilemenu-list2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.mobilemenu-list>li.in>.icon,.mobilemenu-list>li.on>.icon {
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
	text-shadow:0 2px 4px rgba(0,0,0,.2)
}
.mobilemenu-list>li>.icon {
	width:24px;
	height:24px;
	margin-right:15px
}
.mobilemenu-list>li.mobilemenu-itemother {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	padding-left:0;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	margin-top:auto
}
.mobilemenu-list>li.mobilemenu-itemother .controlpanel-time {
	margin:0;
	padding-top:2px;
	padding-bottom:2px
}
.mobilemenu-list2 {
	display:none;
	position:absolute;
	left:100%;
	top:0;
	background:#28333d;
	border-radius:0 4px 4px 0
}
.mobilemenu-list2>li {
	padding:0 24px;
	white-space:nowrap
}
.mobilemenu-list2>li.in {
	color:#fff!important;
	background:#03c47e;
	text-shadow:0 2px 4px rgba(0,0,0,.2)
}
.mobilemenu-list2>li>.icon {
	width:20px;
	height:20px;
	margin-right:12px
}
.mobilemenu-list2>li>span {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.mobilemenu-list2>li>.icon-live-menu-arrow {
	width:16px;
	height:16px;
	margin-left:20px;
	margin-right:0
}
.mobilemenu-list2>li .mobilemenu-list2-trg {
	margin-left:24px;
	font-size:12px;
	-webkit-transform:scale(.9);
	transform:scale(.9);
	padding:10px 0
}
.mobilemenu-list2>li .mobilemenu-list2-trg .icon {
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);
	margin-left:4px
}
.mobilemenu-list2.mobilemenu-gamequality>li {
	text-align:right
}
.InMobile .mobilemenu-stats {
	height:40px
}
.InMobile .mobilemenu-list li {
	max-height:72px
}
.InMobile .mobilemenu-list>li {
	box-shadow:inherit;
	box-shadow:unset
}
.InMobile .mobilemenu-list>li.in {
	background:#28333d;
	color:#04ba66
}
.InMobile .mobilemenu-list>li.in>.icon,.InMobile .mobilemenu-list>li.on>.icon {
	-webkit-transform:inherit;
	transform:inherit;
	-webkit-transform:unset;
	transform:unset
}
.InMobile .mobilemenu-list>li>.icon {
	width:20px;
	height:20px;
	margin-right:12px
}
.InMobile .mobilemenu-gamequality li.on {
	color:#04ba66
}
.fadein {
	-webkit-animation:animate_in .45s;
	animation:animate_in .45s
}
.fadeout {
	-webkit-animation:animate_out .25s;
	animation:animate_out .25s;
	opacity:0
}
@-webkit-keyframes animate_in {
	0% {
	opacity:0
}
to {
	opacity:1
}
}@keyframes animate_in {
	0% {
	opacity:0
}
to {
	opacity:1
}
}@-webkit-keyframes animate_out {
	0% {
	opacity:1
}
to {
	opacity:0
}
}@keyframes animate_out {
	0% {
	opacity:1
}
to {
	opacity:0
}
}.animated {
	-webkit-animation-duration:.4s;
	animation-duration:.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
to {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
to {
	opacity:1
}
}.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-duration:.1s;
	animation-duration:.1s
}
@-webkit-keyframes fadeOut {
	0% {
	opacity:1
}
to {
	opacity:0
}
}@keyframes fadeOut {
	0% {
	opacity:1
}
to {
	opacity:0
}
}.fadeOut {
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut;
	-webkit-animation-duration:.1s;
	animation-duration:.1s
}
@-webkit-keyframes slideInLeft2 {
	0% {
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes slideInLeft2 {
	0% {
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}.slideInLeft2 {
	-webkit-animation-name:slideInLeft2;
	animation-name:slideInLeft2
}
@-webkit-keyframes slideInRight2 {
	0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}
}@keyframes slideInRight2 {
	0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}
}.slideInRight2 {
	-webkit-animation-name:slideInRight2;
	animation-name:slideInRight2
}
@-webkit-keyframes slideInLeft {
	0% {
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes slideInLeft {
	0% {
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	visibility:visible
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}.slideInLeft {
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
	0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
}@keyframes slideInRight {
	0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
}.slideInRight {
	-webkit-animation-name:slideInRight;
	animation-name:slideInRight
}
@-webkit-keyframes slideInBottom {
	0% {
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes slideInBottom {
	0% {
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}.slideInBottom {
	-webkit-animation-name:slideInBottom;
	animation-name:slideInBottom
}
@-webkit-keyframes shake {
	0%,to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
20% {
	-webkit-transform:translate3d(30px,0,0);
	transform:translate3d(30px,0,0)
}
40% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
50% {
	-webkit-transform:translate3d(20px,0,0);
	transform:translate3d(20px,0,0)
}
60% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
70% {
	-webkit-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0)
}
80% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
90% {
	-webkit-transform:translate3d(5px,0,0);
	transform:translate3d(5px,0,0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes shake {
	0%,to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
20% {
	-webkit-transform:translate3d(30px,0,0);
	transform:translate3d(30px,0,0)
}
40% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
50% {
	-webkit-transform:translate3d(20px,0,0);
	transform:translate3d(20px,0,0)
}
60% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
70% {
	-webkit-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0)
}
80% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
90% {
	-webkit-transform:translate3d(5px,0,0);
	transform:translate3d(5px,0,0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}.shake {
	-webkit-animation-name:shake;
	animation-name:shake
}
.animate-jump {
	-webkit-animation:jump 2.5s ease 0s infinite normal;
	animation:jump 2.5s ease 0s infinite normal
}
@-webkit-keyframes jump {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
10% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
20% {
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px)
}
30% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
40% {
	-webkit-transform:translateY(-5px);
	transform:translateY(-5px)
}
50% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes jump {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
10% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
20% {
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px)
}
30% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
40% {
	-webkit-transform:translateY(-5px);
	transform:translateY(-5px)
}
50% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}.animation-filter {
	-webkit-animation:an-filter 1s linear 0s normal;
	animation:an-filter 1s linear 0s normal
}
@-webkit-keyframes an-filter {
	0% {
	-webkit-filter:blur(15px);
	filter:blur(15px)
}
to {
	-webkit-filter:blur(0);
	filter:blur(0)
}
}@keyframes an-filter {
	0% {
	-webkit-filter:blur(15px);
	filter:blur(15px)
}
to {
	-webkit-filter:blur(0);
	filter:blur(0)
}
}.animation-scale {
	-webkit-animation:an-scale .3s linear normal;
	animation:an-scale .3s linear normal;
	-webkit-transform-origin:top right;
	transform-origin:top right
}
@-webkit-keyframes an-scale {
	0% {
	-webkit-transform:scale(0);
	transform:scale(0)
}
to {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes an-scale {
	0% {
	-webkit-transform:scale(0);
	transform:scale(0)
}
to {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}.animation-scale2 {
	-webkit-animation:an-scale .3s linear normal;
	animation:an-scale .3s linear normal;
	-webkit-transform-origin:top center;
	transform-origin:top center
}
@-webkit-keyframes an-scale2 {
	0% {
	-webkit-transform:scale(0);
	transform:scale(0)
}
to {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes an-scale2 {
	0% {
	-webkit-transform:scale(0);
	transform:scale(0)
}
to {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}.animation-playing {
	-webkit-animation:an-playing 1.5s ease normal;
	animation:an-playing 1.5s ease normal
}
.animation-playing:hover {
	background:#03c47e!important
}
@-webkit-keyframes an-playing {
	15% {
	color:hsla(0,0%,100%,0)
}
40% {
	width:48px;
	padding:0
}
60% {
	width:48px;
	padding:0
}
70% {
	color:hsla(0,0%,100%,0)
}
to {
	width:100%;
	color:#fff
}
}@keyframes an-playing {
	15% {
	color:hsla(0,0%,100%,0)
}
40% {
	width:48px;
	padding:0
}
60% {
	width:48px;
	padding:0
}
70% {
	color:hsla(0,0%,100%,0)
}
to {
	width:100%;
	color:#fff
}
}.sk-circle {
	width:120px;
	height:120px;
	position:absolute;
	pointer-events:none;
	top:50%;
	left:50%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing:subpixel-antialiased;
	-webkit-transform:translate3d(-50%,-50%,0) scale(1);
	transform:translate3d(-50%,-50%,0) scale(1)
}
.sk-circle2 {
	width:80px;
	height:80px;
	position:fixed
}
.sk-circle .sk-child {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0
}
.sk-circle .sk-child:before {
	content:"";
	display:block;
	margin:0 auto;
	width:15%;
	height:15%;
	background-color:#03c47e;
	border-radius:100%;
	-webkit-animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;
	animation:sk-circleBounceDelay 1.2s ease-in-out infinite both
}
.sk-circle .sk-circle2 {
	-webkit-transform:rotate(30deg);
	transform:rotate(30deg)
}
.sk-circle .sk-circle3 {
	-webkit-transform:rotate(60deg);
	transform:rotate(60deg)
}
.sk-circle .sk-circle4 {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.sk-circle .sk-circle5 {
	-webkit-transform:rotate(120deg);
	transform:rotate(120deg)
}
.sk-circle .sk-circle6 {
	-webkit-transform:rotate(150deg);
	transform:rotate(150deg)
}
.sk-circle .sk-circle7 {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.sk-circle .sk-circle8 {
	-webkit-transform:rotate(210deg);
	transform:rotate(210deg)
}
.sk-circle .sk-circle9 {
	-webkit-transform:rotate(240deg);
	transform:rotate(240deg)
}
.sk-circle .sk-circle10 {
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg)
}
.sk-circle .sk-circle11 {
	-webkit-transform:rotate(300deg);
	transform:rotate(300deg)
}
.sk-circle .sk-circle12 {
	-webkit-transform:rotate(330deg);
	transform:rotate(330deg)
}
.sk-circle .sk-circle2:before {
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s
}
.sk-circle .sk-circle3:before {
	-webkit-animation-delay:-1s;
	animation-delay:-1s
}
.sk-circle .sk-circle4:before {
	-webkit-animation-delay:-.9s;
	animation-delay:-.9s
}
.sk-circle .sk-circle5:before {
	-webkit-animation-delay:-.8s;
	animation-delay:-.8s
}
.sk-circle .sk-circle6:before {
	-webkit-animation-delay:-.7s;
	animation-delay:-.7s
}
.sk-circle .sk-circle7:before {
	-webkit-animation-delay:-.6s;
	animation-delay:-.6s
}
.sk-circle .sk-circle8:before {
	-webkit-animation-delay:-.5s;
	animation-delay:-.5s
}
.sk-circle .sk-circle9:before {
	-webkit-animation-delay:-.4s;
	animation-delay:-.4s
}
.sk-circle .sk-circle10:before {
	-webkit-animation-delay:-.3s;
	animation-delay:-.3s
}
.sk-circle .sk-circle11:before {
	-webkit-animation-delay:-.2s;
	animation-delay:-.2s
}
.sk-circle .sk-circle12:before {
	-webkit-animation-delay:-.1s;
	animation-delay:-.1s
}
@-webkit-keyframes sk-circleBounceDelay {
	0%,80%,to {
	-webkit-transform:scale(0);
	transform:scale(0)
}
40% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes sk-circleBounceDelay {
	0%,80%,to {
	-webkit-transform:scale(0);
	transform:scale(0)
}
40% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@-webkit-keyframes bounceIn {
	50% {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
to {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}@-webkit-keyframes bounceOut {
	to {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
}@keyframes bounceOut {
	to {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
}@-webkit-keyframes flash {
	0%,50%,to {
	opacity:0
}
25%,75% {
	opacity:1
}
}@keyframes flash {
	0%,50%,to {
	opacity:0
}
25%,75% {
	opacity:1
}
}@-webkit-keyframes listloader-fade-in-out {
	0% {
	opacity:.9
}
20% {
	opacity:.4
}
40% {
	opacity:.9
}
}@keyframes listloader-fade-in-out {
	0% {
	opacity:.9
}
20% {
	opacity:.4
}
40% {
	opacity:.9
}
}.marquee {
	-webkit-animation:marquee 6s linear 4s;
	animation:marquee 6s linear 4s
}
@-webkit-keyframes marquee {
	0% {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
to {
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%)
}
}@keyframes marquee {
	0% {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
to {
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%)
}
}.animation-bounceIn {
	-webkit-animation:bounceIn .75s;
	animation:bounceIn .75s
}
@keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:0;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
20% {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
60% {
	opacity:1;
	-webkit-transform:scale3d(1.03,1.03,1.03);
	transform:scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform:scale3d(.97,.97,.97);
	transform:scale3d(.97,.97,.97)
}
to {
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}.animation-swing {
	-webkit-animation:swing .75s;
	animation:swing .75s
}
@-webkit-keyframes swing {
	20% {
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg)
}
40% {
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg)
}
60% {
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg)
}
80% {
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg)
}
to {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}@keyframes swing {
	20% {
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg)
}
40% {
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg)
}
60% {
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg)
}
80% {
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg)
}
to {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}.animation-swing-delay {
	-webkit-animation:swing-delay 2.75s;
	animation:swing-delay 2.75s
}
@-webkit-keyframes swing-delay {
	0%,to {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
10% {
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg)
}
20% {
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg)
}
30% {
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg)
}
40% {
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg)
}
50% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}@keyframes swing-delay {
	0%,to {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
10% {
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg)
}
20% {
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg)
}
30% {
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg)
}
40% {
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg)
}
50% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}@-webkit-keyframes bgFadeIn {
	0% {
	background-color:transparent
}
to {
	background-color:rgba(0,0,0,.7)
}
}@keyframes bgFadeIn {
	0% {
	background-color:transparent
}
to {
	background-color:rgba(0,0,0,.7)
}
}@-webkit-keyframes slideInTop {
	0% {
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes slideInTop {
	0% {
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
to {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}.slideInTop {
	-webkit-animation-name:slideInTop;
	animation-name:slideInTop
}
@-webkit-keyframes slideInBot {
	0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
to {
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
}@keyframes slideInBot {
	0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
to {
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
}.slideInBot {
	-webkit-animation-name:slideInBot;
	animation-name:slideInBot
}
.preloadingApp {
	width:1440px;
	height:720px;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-720px;
	margin-top:-360px;
	border-radius:8px;
	background:rgba(40,51,61,.9);
	position:relative;
	font-size:30px!important
}
.preloadingApp2 {
	height:200px;
	margin-top:-100px
}
.preloadingApp2 .preloadingAppBox {
	background:none
}
.preloadingApp2 .preloadingAppBox p {
	position:unset;
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.preloadingAppBad,.preloadingAppBox {
	height:100%
}
.preloadingAppBox {
	background:url(../img/tvimg_loading_controllerguide.c5d0a8db.png) 85% 25% no-repeat;
	background-size:963px 534px
}
.preloadingAppBox p {
	position:absolute;
	bottom:9%;
	width:100%;
	text-align:center;
	color:#8b969f
}
.preloadingAppBox p span {
	color:#ee6723
}
.preloadingAppBox p span.red {
	color:#03c47e
}
.preloadingAppBad {
	color:#fff
}
.preloadingAppBad .cofirm-head {
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start
}
.preloadingAppBad .cofirm-head h2 {
	padding:30px 0;
	text-align:left;
	padding-left:240px
}
.preloadingAppBad .cofirm-head .icon {
	width:336px;
	height:224px;
	left:43px
}
.preloadingAppBad .badnetwork-box {
	padding:4%;
	color:#8b969f;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.preloadingAppBad .badnetwork-box td {
	height:112px;
	width:25%
}
.preloadingAppBad .badnetwork-box>div {
	margin-top:0
}
.preloadingAppBad .badnetwork-box>div:first-of-type {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	margin-right:5.3%
}
.preloadingAppBad .badnetwork-box>div:last-of-type {
	width:44%;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	color:#fff;
	font-size:26px!important
}
.preloadingAppBad-btns {
	text-align:center
}
.preloadingAppBad-btns a {
	font-size:30px!important;
	width:240px;
	height:72px!important;
	line-height:72px!important;
	height:50px;
	line-height:50px;
	padding-left:60PX;
	padding-right:60PX;
	border-radius:50px;
	margin:0 3%
}
.start {
	opacity:0;
	position:absolute;
	top:0;
	top:env(safe-area-inset-top);
	left:0;
	padding-left:20px;
	padding-right:80px;
	height:60px;
	border-radius:0 0 120px 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	background-image:linear-gradient(269deg,transparent,rgba(3,196,126,.36) 44%,#03c47e 98%);
	z-index:999;
	-webkit-animation:flash 8s ease-in-out;
	animation:flash 8s ease-in-out;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	pointer-events:none
}
.start .icon {
	margin:0 6px
}
.start.start-center {
	white-space:nowrap;
	left:50%;
	-webkit-transform:translate3d(-50%,0,0) scale(1);
	transform:translate3d(-50%,0,0) scale(1);
	border-radius:0;
	padding-left:80px;
	background-image:linear-gradient(86deg,rgba(3,196,126,0),rgba(3,196,126,.53) 20%,rgba(3,196,126,.8) 50%,rgba(3,196,126,.53) 77%,rgba(3,196,126,0) 98%)
}
.start.start-one {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.start.start-time {
	opacity:1;
	-webkit-animation:animate_out 2s ease-in-out 3s;
	animation:animate_out 2s ease-in-out 3s
}
.start.start-countdown {
	-webkit-animation:none;
	animation:none;
	opacity:1;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.start.start-countdown .g-Btn {
	margin-top:6px;
	box-shadow:0 2px 10px 0 rgba(0,0,0,.3);
	font-size:14px;
	padding-left:20px;
	padding-right:20px;
	pointer-events:auto
}
@media only screen and (max-width:600px) {
	.start.start-countdown,.start.start-time {
	width:80%;
	height:auto;
	padding:16px 20px;
	white-space:normal
}
}.flyme {
	position:absolute;
	width:50px;
	height:50px;
	z-index:989;
	opacity:.6;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.flyme.on {
	opacity:1
}
.flyme.on .flyme-out {
	-webkit-transform:scale3d(2,2,1);
	transform:scale3d(2,2,1)
}
.flyme.move {
	-webkit-transition:left .5s,top .5s;
	transition:left .5s,top .5s
}
.flyme.new:before {
	content:"";
	position:absolute;
	top:-20px;
	left:100%;
	width:36px;
	height:20px;
	background-image:url(../img/icon_tag_new.20bf8419.png);
	background-size:100% 100%
}
.flyme.new.right:before {
	left:auto;
	right:100%;
	background-image:url(../img/icon_tag_new_right.3eddb3aa.png)
}
.flyme-in,.flyme-out {
	border-radius:100%
}
.flyme-in {
	width:20px;
	height:20px;
	background:#04ba66;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;
	z-index:999;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.flyme-out {
	width:100%;
	height:100%;
	background:#1e2831
}
.botnav {
	height:56px;
	height:-webkit-calc(56px + constant(safe-area-inset-top));
	height:calc(56px + constant(safe-area-inset-top));
	height:-webkit-calc(56px + env(safe-area-inset-top));
	height:calc(56px + env(safe-area-inset-top))
}
.botnav .botnav-fixed {
	position:fixed;
	bottom:0;
	z-index:1;
	width:100%;
	height:56px;
	background:#1e2831;
	box-shadow:0 -1px 0 rgba(0,0,0,.5);
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom)
}
.botnav .botnav-fixed,.botnav .botnav-fixed>a {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.botnav .botnav-fixed>a {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	text-decoration:none;
	color:#8b969f
}
.botnav .botnav-fixed>a.active {
	color:#03c47e
}
.botnav .botnav-fixed .icon {
	margin-bottom:2px
}
@media only screen and (max-height:720px) {
	.botnav {
	height:46px;
	height:-webkit-calc(46px + constant(safe-area-inset-top));
	height:calc(46px + constant(safe-area-inset-top));
	height:-webkit-calc(46px + env(safe-area-inset-top));
	height:calc(46px + env(safe-area-inset-top))
}
.botnav .botnav-fixed {
	height:46px
}
.botnav .botnav-fixed .icon {
	width:22px;
	height:22px
}
.botnav .botnav-fixed span {
	margin-top:-2px
}
}.pay {
	width:768px;
	max-width:90%
}
.pay .cofirm-head {
	-webkit-box-pack:left;
	-webkit-justify-content:left;
	justify-content:left
}
.pay .cofirm-head>h2 {
	text-align:left;
	margin-left:100px;
	font-weight:800
}
.pay .cofirm-cont {
	position:relative;
	padding:0;
	overflow:hidden
}
.paybox {
	padding:24px;
	padding-bottom:0
}
.paybox.paypopup {
	padding:0 16px
}
.paybox.paypopup .pay-logs {
	border:none;
	font-size:12px
}
.paybox.paypopup .pay-banner {
	max-width:100%
}
.pay-users {
	margin-bottom:20px
}
.pay-title,.pay-users {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pay-title {
	margin-top:20px;
	margin-bottom:16px;
	font-size:14px;
	color:#b6b6b6
}
.pay-title span {
	font-size:12px;
	margin-left:auto
}
.pay-title span .icon {
	width:16px;
	height:16px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	margin-left:-4px;
	margin-top:-1px
}
.pay-title sub {
	bottom:0
}
.pay-logs {
	margin-left:auto;
	width:80px;
	height:24px;
	border:1px solid #8b969f;
	border-radius:24px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	color:#8b969f;
	cursor:pointer
}
.pay-logs .icon {
	width:16px;
	height:16px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	margin-left:-4px
}
.pay-logs:hover {
	color:#fff;
	border-color:#fff
}
.pay-logs:hover .icon {
	background-image:url(../img/back_hover.18ccb83f.png)
}
.pay-historys {
	position:absolute;
	width:55%!important;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.5);
	z-index:999;
	padding-left:45%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.pay-historys,.pay-historys .nav-closemenu {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.pay-historys .nav-closemenu {
	background:#28333d
}
.pay-historys .nav-closemenu>nav {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.pay-historys .nav-closemenu>nav div {
	font-size:14px;
	margin:0 12px;
	cursor:pointer
}
.pay-historys .nav-closemenu>nav div.on {
	color:#fff;
	font-weight:700;
	font-size:16px
}
.pay-historycon {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	background:#28333d;
	overflow-y:auto
}
.pay-conten {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.pay-cards {
	-webkit-box-flex:422;
	-webkit-flex:422;
	flex:422;
	border-right:1px solid #182128;
	position:relative
}
.pay-cards>div {
	padding-right:37px;
	height:324px;
	overflow-y:auto
}
.pay-cards.more:before {
	pointer-events:none;
	content:"";
	position:absolute;
	height:70px;
	width:100%;
	bottom:0;
	z-index:99;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(40,51,61,0)),to(#28333d));
	background:linear-gradient(180deg,rgba(40,51,61,0),#28333d)
}
.pay-cards.more>div {
	padding-bottom:20px;
	box-sizing:border-box
}
.pay-cards_pc {
	padding-right:24px
}
.pay-cards_pc>div {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	padding-right:0;
	height:309px;
	overflow:hidden
}
.pay-cards_pc .pc-pccard>div:hover {
	background:rgba(3,196,126,.07);
	border-color:#04c47f
}
.pay-cards_pc .pc-pccard>div:hover .pay-pccard-add {
	background:linear-gradient(-45deg,#177251,#5ecfa6)
}
.pay-qr {
	-webkit-box-flex:326;
	-webkit-flex:326;
	flex:326;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.pay-qr .qrcodebox {
	width:68%;
	background:rgba(3,196,126,.04);
	padding-bottom:4.30107527%;
	color:#fff
}
.pay-qr .qrcodebox .qrcode-img {
	padding:8.60215054%;
	padding-bottom:4.30107527%
}
.pay-qr .icon {
	width:16px;
	height:16px;
	margin-right:6px
}
.pay-qr span {
	margin-left:4px;
	font-weight:700
}
.pay-qr>p {
	margin-top:16px
}
.pay-qr>p a {
	color:#8b969f;
	margin:0 4px;
	text-decoration:none
}
.pay-qr>p a:hover {
	color:#fff
}
.pay-qr .qrcode-text {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pay-card,.pay-qr .qrcode-text {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.pay-card {
	height:88px;
	position:relative;
	background-image:linear-gradient(135deg,#888b99,#4d5061);
	margin-top:16px;
	border-radius:4px;
	color:#fff
}
.pay-card.on {
	background:url(../img/pic_vip_cardLight.f7fc4345.png) 100% 0 no-repeat,linear-gradient(-45deg,#177251,#5ecfa6);
	background-size:contain
}
.pay-card.on .pay-card-money {
	background-image:linear-gradient(-45deg,#177251,#5ecfa6)
}
.pay-card:first-of-type {
	margin-top:12px
}
.pay-card .g-tag {
	position:absolute;
	right:0;
	top:-4px;
	font-weight:700
}
.pay-card-money {
	-webkit-box-flex:104;
	-webkit-flex:104;
	flex:104;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	background-image:linear-gradient(135deg,#888b99,#4d5061);
	border-radius:4px 0 0 4px
}
.pay-card-money>span {
	margin-left:4px;
	font-weight:700
}
.pay-card-money>b {
	margin-top:10px
}
.pay-card-con {
	-webkit-box-flex:206;
	-webkit-flex:206;
	flex:206;
	padding-left:16px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.pay-card-con>h2 {
	margin-bottom:16px
}
.pay-card-check,.pay-card-con>h2 {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pay-card-check {
	-webkit-box-flex:56;
	-webkit-flex:56;
	flex:56
}
.pay-card-check,.pay-card-tag {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.pay-card-tag {
	margin-left:8px;
	padding:0 2px;
	height:15px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	background-image:linear-gradient(212deg,#383939,#676767);
	border-radius:15px;
	color:#e2bb7c
}
.pay-card-tag span {
	font-size:12px;
	-webkit-transform:scale(.83);
	transform:scale(.83)
}
.pay-privileges {
	margin-top:20px;
	background:#1e2831;
	margin-left:-24px;
	margin-right:-24px;
	padding-left:24px;
	padding-right:24px;
	position:relative
}
.pay-privilege-left,.pay-privilege-right,.pay-privilegescon {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.pay-privilege-left,.pay-privilege-right {
	position:absolute;
	width:16px;
	height:100%;
	background:#1e2831;
	box-shadow:-2px 0 11px 0 rgba(26,26,26,.49);
	top:0;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	cursor:pointer;
	z-index:99
}
.pay-privilege-left>.icon,.pay-privilege-right>.icon {
	width:12px;
	height:12px
}
.pay-privilege-left {
	left:0
}
.pay-privilege-left>.icon {
	margin-left:2px
}
.pay-privilege-right {
	right:0
}
.pay-privilege-right>.icon {
	margin-right:2px;
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg)
}
.pay-privilege {
	width:25%;
	-webkit-flex-shrink:0;
	flex-shrink:0
}
.pay-privilege>div {
	padding:16px;
	height:100%;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pay-privilege>div .icon {
	margin-right:8px
}
.pay-privilege>div p {
	color:#939393;
	font-size:12px
}
.pay-privilege>div p:first-of-type {
	font-size:14px;
	color:#b6b6b6;
	margin-bottom:4px
}
.pay-privilege_pc {
	width:33.33%
}
.pay-privilege_pc:nth-child(3n+1)>div:before {
	display:none
}
.pay-privilege_pc>div {
	position:relative;
	padding-left:40px
}
.pay-privilege_pc>div:before {
	content:"";
	position:absolute;
	top:16px;
	bottom:16px;
	left:0;
	width:1px;
	background:#182128
}
.pay-privilege_pc>div:after {
	position:absolute;
	content:attr(data-num);
	left:16px;
	font-size:66px;
	color:#03c37e;
	opacity:.07
}
.pay-privilege_pc>div p {
	color:hsla(0,0%,71.4%,.6)
}
.pay-privilege_pc>div p:first-of-type {
	color:rgba(3,195,126,.6)
}
.pay-mobilecards {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	margin-left:-8px;
	margin-right:-8px;
	margin-bottom:16px;
	padding-top:10px;
	margin-top:-10px
}
.pay-mobilecards .pay-card {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	height:156px;
	margin-top:0;
	margin-left:8px;
	margin-right:8px
}
.pay-mobilecards .pay-card.on {
	background-size:cover;
	background-position:30% 0
}
.pay-mobilecards .g-tag {
	margin-top:-6px;
	font-size:12px
}
.pay-mobilecards.more {
	overflow-x:auto
}
.pay-mobilecards.more::-webkit-scrollbar {
	display:none
}
.pay-mobilecards.more .pay-card {
	-webkit-box-flex:unset;
	-webkit-flex:unset;
	flex:unset;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:26%;
	height:130px;
	min-width:110px
}
.pay-mobilecard {
	padding:16px 8px 8px;
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.pay-mobilecard-tag {
	margin-top:auto
}
.pay-mobilecard-tag span {
	font-size:10px;
	color:#e2bb7c;
	height:18px;
	padding:0 6px;
	background-image:linear-gradient(212deg,#383939,#676767);
	border-radius:18px
}
.pay-moilecard-money {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:baseline;
	-webkit-align-items:baseline;
	align-items:baseline
}
.pay-moilecard-money b {
	margin-right:4px
}
.pay-moilecard-money .icon {
	width:14px;
	height:14px;
	margin-left:auto
}
.pay-popup {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,.55);
	z-index:997;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	align-items:flex-end
}
.pay-popup>div {
	text-align:center;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	padding:16px 32px 40px;
	background:#304051;
	border-radius:6px 6px 0 0;
	position:relative
}
.pay-popup .g-Btn {
	margin-top:20px;
	width:100%;
	height:48px;
	line-height:46px;
	border-radius:48px
}
.pay-popup .icon-vipclose {
	position:absolute;
	top:16px;
	right:16px
}
.pay-popup .qrcodebox {
	width:60%;
	margin-left:auto;
	margin-right:auto
}
.pay-popup .qrcodebox .icon {
	margin:0 4px
}
.pay-btns {
	height:182px;
	text-align:center;
	color:#8b969f
}
.pay-btns>div {
	position:fixed;
	height:182px;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(30,40,49,0)),color-stop(28%,#1e2831));
	background-image:linear-gradient(180deg,rgba(30,40,49,0),#1e2831 28%);
	left:0;
	right:0;
	padding:0 20%;
	bottom:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	z-index:995
}
.pay-btns>div>div {
	margin-top:auto
}
.pay-btns a {
	color:#8b969f;
	margin:0 4px
}
.pay-btns a:hover {
	color:#03c47e
}
.pay-btns .g-Btn {
	margin-top:16px;
	font-size:16px;
	border-radius:48px;
	height:48px;
	line-height:46px;
	width:100%;
	letter-spacing:2px;
	padding:0
}
.pay-type {
	padding:10px 0;
	margin-bottom:20px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.pay-type p {
	margin-left:16px;
	margin-right:auto
}
.pay-mobileprivileges>p {
	font-size:14px;
	margin-top:24px;
	text-align:center;
	color:#b6b6b6
}
.pay-mobileprivileges .icon-back {
	width:18px;
	height:18px;
	margin-left:4px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	margin-top:5px
}
.pay-mobileprivileges.on .icon-back {
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	margin-top:-10px
}
.pay-mobileprivileges.on .pay-privilege {
	display:none
}
.pay-mobileprivileges.on .pay-privilege:first-child,.pay-mobileprivileges.on .pay-privilege:nth-child(2),.pay-mobileprivileges.on .pay-privilege:nth-child(3),.pay-mobileprivileges.on .pay-privilege:nth-child(4) {
	display:block
}
.pay-mobileprivilegescon {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.pay-mobileprivilegescon .pay-privilege {
	width:50%;
	margin-bottom:8px
}
.pay-mobileprivilegescon .pay-privilege>div {
	padding:20px 14px;
	background:#182128
}
.pay-mobileprivilegescon .pay-privilege:nth-child(odd)>div {
	margin-right:4px
}
.pay-mobileprivilegescon .pay-privilege:nth-child(2n)>div {
	margin-left:4px
}
.pay-tip {
	white-space:nowrap;
	color:#b6b6b6;
	margin-top:16px;
	margin-bottom:10px;
	opacity:.3
}
.pay-tip2 {
	font-size:12px;
	color:rgba(139,150,159,.6);
	margin-top:10px
}
.pay-banner {
	max-width:354px;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	margin:0 auto;
	height:56px;
	background:#252e35 url(../img/banner_PaymentGift.ff8b99d1.png) 0 no-repeat;
	background-size:cover;
	border-radius:56px;
	cursor:pointer
}
.pay-banner,.pay-banner>div {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.pay-banner>div {
	margin-left:auto;
	margin-right:26px;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pay-banner>div>p:last-of-type {
	color:#fff;
	opacity:.54;
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
.pay-banner>div .g-tag-gree {
	font-size:12px;
	margin-top:12px
}
.pay-banner>div>img {
	width:24px;
	height:24px;
	margin-bottom:4px
}
.pay-banner+.pay-logs {
	margin-left:0
}
.pay-nav {
	height:35px;
	background:rgba(30,40,49,.4)
}
.pay-nav,.pay-nav>li {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pay-nav>li {
	height:100%;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	text-align:center;
	color:#8b969f
}
.pay-nav>li.on {
	color:#03c37e;
	background:#1e2831
}
.pay-nav>li>span {
	margin-left:12px
}
.pay-cards_pc_4,.pay-mobilecards_pc_4 {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-content:flex-start;
	align-content:flex-start
}
.pay-cards_pc_4>div,.pay-mobilecards_pc_4>div {
	width:50%
}
.pay-cards_pc_4>div:nth-child(2n),.pay-mobilecards_pc_4>div:nth-child(2n) {
	padding-left:8px
}
.pay-cards_pc_4>div:nth-child(odd),.pay-mobilecards_pc_4>div:nth-child(odd) {
	padding-right:8px
}
.pay-cards_pc_4>div>div,.pay-mobilecards_pc_4>div>div {
	height:118px
}
.pay-cards_pc_4 .pay-pccard-money,.pay-mobilecards_pc_4 .pay-pccard-money {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:baseline;
	-webkit-align-items:baseline;
	align-items:baseline
}
.pay-cards_pc_4 .pay-pccard-money p,.pay-mobilecards_pc_4 .pay-pccard-money p {
	margin:0 4px
}
.pay-cards_pc_4 .pay-pccard-money del,.pay-mobilecards_pc_4 .pay-pccard-money del {
	vertical-align:middle;
	margin-top:-8px;
	display:inline-block
}
.pay-cards_pc_4,.pay-cards_pc_more {
	box-sizing:border-box
}
.pay-cards_pc_4 .pc-pccard,.pay-cards_pc_more .pc-pccard {
	padding-top:20px
}
.pay-cards_pc_more {
	padding-top:2px
}
.pay-cards_pc_3>div {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	padding-top:0;
	-webkit-align-self:center;
	align-self:center
}
.pay-cards_pc_3>div:nth-child(2) {
	margin:0 16px
}
.pay-cards_pc_3>div>div {
	height:150px
}
.pay-cards_pc_more,.pay-mobilecards_pc_more {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-content:flex-start;
	align-content:flex-start;
	margin-left:-8px;
	margin-right:-8px
}
.pay-cards_pc_more>div,.pay-mobilecards_pc_more>div {
	width:33.33%;
	padding-left:8px;
	padding-right:8px
}
.pay-cards_pc_more>div>div,.pay-mobilecards_pc_more>div>div {
	height:128px
}
.pay-cards_pc_more .pay-pccard-money p,.pay-mobilecards_pc_more .pay-pccard-money p {
	line-height:1;
	margin-bottom:6px;
	margin-top:2px
}
.pay-cards_pc_more .pay-pccard-money p:first-of-type,.pay-mobilecards_pc_more .pay-pccard-money p:first-of-type {
	margin-bottom:0;
	margin-top:0
}
.pc-pccard {
	padding-top:16px;
	position:relative;
	box-sizing:border-box
}
.pc-pccard>div {
	cursor:pointer;
	position:relative;
	background:linear-gradient(135deg,rgba(136,139,153,.07),rgba(77,80,97,.08));
	border:1px solid rgba(106,108,115,.24);
	border-radius:2px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	color:#fff
}
.pc-pccard>div.on {
	background:rgba(3,196,126,.07);
	border-color:#04c47f
}
.pc-pccard>div.on .pay-pccard-add {
	background:linear-gradient(-45deg,#177251,#5ecfa6)
}
.pc-pccard>div>p {
	font-size:16px;
	margin-top:16px
}
.pc-pccard .g-tag {
	position:absolute;
	right:-1px;
	top:-11px;
	font-weight:700
}
.pay-pccard-money {
	color:#03c37e;
	margin-top:auto;
	margin-bottom:auto;
	text-align:center
}
.pay-pccard-money span {
	margin-left:6px
}
.pay-pccard-money del {
	color:#8b969f;
	font-size:14px
}
.pay-pccard-money b {
	vertical-align:middle;
	margin-top:-8px;
	display:inline-block
}
.pay-pccard-add {
	margin-bottom:0;
	width:100%;
	height:24px;
	line-height:24px;
	text-align:center;
	font-size:12px;
	background:hsla(0,0%,100%,.1);
	border-radius:0 0 2px 2px
}
.pay-yunbi {
	width:68%;
	width:-webkit-calc(68% + 8px);
	width:calc(68% + 8px);
	margin-bottom:18px;
	color:#b6b6b6;
	background-image:linear-gradient(135deg,rgba(136,139,153,.07),rgba(77,80,97,.08));
	border:1px solid rgba(106,108,115,.24);
	border-radius:24px
}
.pay-yunbi-head {
	color:#b6b6b6;
	height:32px
}
.pay-yunbi-head,.pay-yunbi-head>p {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pay-yunbi-head>p {
	margin-right:auto;
	margin-left:auto;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.pay-yunbi-head>p>span {
	color:#ebcf9e;
	margin:0 6px;
	font-weight:500
}
.pay-yunbi-head>p>span.g-color {
	color:#03c47e
}
.pay-yunbi-head .icon-question2 {
	width:12px;
	height:12px;
	margin-left:4px;
	margin-top:-2px
}
.pay-yunbi2 {
	width:100%
}
.pay-yunbi2 .pay-yunbi-head {
	height:48px;
	width:100%
}
.pay-yunbi2 .pay-yunbi-head>p {
	margin-left:8px
}
.pay-yunbi2 .pay-yunbi-head>p:last-of-type {
	font-size:12px;
	color:#b6b6b6;
	margin-right:26px;
	margin-left:auto
}
.pay-yunbi2 .icon-back {
	width:16px;
	height:16px;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	margin-left:4px;
	margin-top:-8px;
	background-image:url(../img/back.508cc8b5.png)!important
}
.pay-yunbi2 .g-circle-gray {
	width:48px;
	height:48px
}
.pay-yunbi2 .g-circle-gray .icon {
	width:24px;
	height:24px
}
.pay-yunbi2.on {
	width:auto;
	margin-left:24px;
	border-radius:0 24px 24px 24px
}
.pay-yunbi2.on .pay-yunbi-head {
	margin-left:-24px
}
.pay-yunbi2.on .pay-yunbi-head>p:last-of-type {
	margin-right:0
}
.pay-yunbi2.on .icon-back {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	margin-top:10px
}
.pay-yunbi-con {
	border-top:1px solid rgba(106,108,115,.24);
	margin:0 30px;
	padding:16px 0;
	line-height:24px;
	font-size:12px;
	color:#8b969f
}
.pay-yunbi-con>p:first-of-type {
	font-size:14px;
	margin-bottom:4px;
	color:#b6b6b6
}
.pay-yunbi-con>p span {
	margin-left:2px;
	margin-right:8px
}
.pay-yunbi-con .pay-strong,.pay-yunbi-con>p span {
	color:rgba(3,196,126,.6)
}
.pay-yunbi-detail {
	padding:24px 20px
}
.pay-yunbi-detail>h2 {
	font-size:14px;
	color:#03c37e
}
.pay-yunbi-detail>p {
	margin-top:10px;
	font-size:14px;
	color:#b4c0c9;
	margin-bottom:40px
}
.pay-mobilecards_pc {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom:16px;
	margin-top:-16px
}
.pay-mobilecards_pc .g-tag {
	font-size:12px
}
.pay-mobilecards_pc_more>div>div {
	height:137px
}
.pay .subnav {
	padding:0;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.pay .subnav .subnavBox {
	height:auto;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.pay .subnav .subnavBox h2 {
	position:relative;
	font-size:16px;
	margin:0 20px
}
.pay .subnav .subnavBox h2.disable {
	font-weight:400;
	opacity:.5;
	cursor:default;
	margin-left:60px;
	margin-right:4px
}
.g-tag-new,.g-tag-purple {
	border-radius:10px;
	height:14px;
	line-height:14px;
	overflow:hidden;
	padding:1px 6px;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	-webkit-transform-origin:left center;
	transform-origin:left center
}
.g-tag-new,.g-tag-new span,.g-tag-purple span {
	color:#1e2831
}
.g-tag-new {
	position:absolute;
	top:50%;
	left:100%;
	margin-top:-10px;
	margin-left:8px;
	background-color:#e4bf84;
	display:inline-block;
	-webkit-transform:scale(.57);
	transform:scale(.57);
	line-height:13px;
	vertical-align:-4px;
	margin-left:4px;
	font-weight:400;
	padding:4px 6px
}
.InMobile .subnav2 .subnavBox h2 {
	position:relative;
	margin-right:38px
}
.InMobile .pay-cloudpc-card:hover {
	border:1px solid rgba(106,108,115,.24);
	background-color:rgba(136,139,153,.07)
}
.InMobile .pay-cloudpc-card:hover.on {
	border-color:#04c47f;
	background:rgba(3,196,126,.07)
}
.pay-cloudpc-title {
	margin-bottom:16px
}
.pay-cloudpc-title sub {
	bottom:0
}
.pay-pc-title {
	margin-bottom:-4px
}
.pay-cloudpc-card {
	border:1px solid rgba(106,108,115,.24);
	background-color:rgba(136,139,153,.07);
	border-radius:2px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	margin-bottom:24px;
	height:52px
}
.pay-cloudpc-card.on,.pay-cloudpc-card:hover {
	border-color:#04c47f;
	background:rgba(3,196,126,.07)
}
.pay-cloudpc-storage {
	height:68px;
	padding-left:16px;
	padding-right:8px
}
.pay-cloudpc-cuurent,.pay-cloudpc-storage {
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pay-cloudpc-cuurent {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.pay-cloudpc-all {
	font-size:20px;
	font-weight:700;
	color:#03c47e;
	margin-right:4px
}
.pay-cloudpc-use {
	background:#1e2831;
	border-radius:16px;
	font-size:12px;
	color:#b6b6b6;
	padding:0 8px 1px;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	-webkit-flex-shrink:0;
	flex-shrink:0
}
.pay-cloudpc-now {
	font-size:12px;
	color:#fff
}
.pay-cloudpc-add {
	margin-left:auto;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	margin-left:6px;
	-webkit-flex-shrink:0;
	flex-shrink:0
}
.pay-cloudpc-add>p {
	margin-right:8px;
	color:#8b969f
}
.pay-cloudpc-add>p.g-color-red {
	color:#e35043
}
.pay-cloudpc-add>div {
	cursor:pointer;
	border:1px solid #8b969f;
	font-size:12px;
	color:#8b969f;
	border-radius:12px;
	padding:2px 14px
}
.pay-cloudpc-add>div:hover {
	color:#fff;
	border-color:#fff
}
.pay-cloudpc-date {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.pay-cloudpc-date>div {
	width:50%;
	box-sizing:border-box
}
.pay-cloudpc-date.off>div:nth-child(2n) {
	padding-right:12px
}
.pay-cloudpc-date.off>div:nth-child(odd) {
	padding-left:12px
}
.pay-cloudpc-date.off>div:first-child {
	display:none
}
.pay-cloudpc-date.on>div:nth-child(2n) {
	padding-left:12px
}
.pay-cloudpc-date.on>div:nth-child(odd) {
	padding-right:12px
}
.pay-cloudpc-date.on>div:nth-child(4) {
	display:none
}
.pay-cloudpc-date.on>div:nth-child(5) {
	padding-right:0;
	padding-left:12px
}
.pay-cloudpc-card {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	font-size:16px;
	color:#03c37e;
	cursor:pointer
}
.pay-cloudpc-card .icon-customize {
	margin-left:4px
}
.pay-cloudpc-input {
	position:relative;
	padding:0 16px
}
.pay-cloudpc-input.error>p {
	color:#e35043
}
.pay-cloudpc-input.error>i {
	background-color:#8b969f
}
.pay-cloudpc-input>div {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.pay-cloudpc-input input {
	width:100%;
	color:#03c47e;
	caret-color:#03c47e
}
.pay-cloudpc-input>i,.pay-cloudpc-input>span {
	-webkit-flex-shrink:0;
	flex-shrink:0
}
.pay-cloudpc-input>span {
	margin:0 8px;
	color:#8b969f
}
.pay-cloudpc-input>i {
	width:36px;
	height:18px;
	color:#fff;
	background:#03c47e url(../img/icon_confirm.5d9eb656.png) 50% no-repeat;
	background-size:50%;
	border-radius:12px
}
.pay-cloudpc-input>p {
	position:absolute;
	bottom:-24px;
	left:0;
	color:#03c47e;
	font-size:12px
}
.pay-none {
	height:404px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	text-align:center
}
.pay-none>div>div,.pay-none>div>p {
	margin-top:20px
}
.paypopup .pay-none p {
	color:#8b969f
}
.pay-choiceCon {
	background:#28333d;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.pay-choiceCon>div {
	padding:16px 24px
}
.pay-choiceCon .toast-progressBox {
	background:#1e2831;
	height:8px;
	border-radius:8px;
	margin-bottom:10px
}
.pay-choiceCon .toast-progressBox .toast-progress {
	box-shadow:none;
	background:#304051
}
.pay-choiceCon .toast-progressBox .toast-progress2 {
	right:0;
	left:inherit;
	background:#03c47e
}
.pay-addStorage {
	margin:40px 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	height:54px
}
.pay-addStorage>div,.pay-addStorage>p {
	border-radius:2px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	font-size:16px;
	color:#03c37e
}
.pay-addStorage>div {
	font-size:20px;
	width:52px;
	background-image:linear-gradient(135deg,rgba(136,139,153,.07),rgba(77,80,97,.08));
	border:1px solid rgba(106,108,115,.24);
	cursor:pointer
}
.pay-addStorage>div:hover {
	border-color:#04c47f
}
.pay-addStorage>div.disable {
	cursor:not-allowed;
	color:#8b969f;
	border:1px solid rgba(106,108,115,.24)!important
}
.pay-addStorage>p {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	margin:0 22px;
	background:rgba(3,196,126,.07);
	border:1px solid #04c47f
}
.pay-addTips {
	line-height:2
}
.pay-coinscloudpc {
	position:relative;
	z-index:1
}
.pay-coinscloudpc .pay-yunbi-con {
	width:465px;
	position:absolute;
	background:rgba(0,0,0,.89);
	right:0;
	padding:0;
	margin:0;
	margin-top:12px;
	border-radius:4px
}
.pay-coinscloudpc .pay-yunbi-con:before {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-bottom:8px solid rgba(0,0,0,.89);
	top:-8px;
	right:106px
}
.pay-cloudpcintr {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin:0 10px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.pay-cloudpcintr>p:first-of-type {
	cursor:pointer
}
.pay-cloudpcintr>p:last-of-type {
	color:#ebcf9e
}
.pay-cloudpcintr span {
	margin-right:3px
}
.pay-priceDetails {
	padding:16px;
	color:#8b969f;
	font-size:14px
}
.pay-priceDetails span {
	font-weight:400;
	margin:0
}
.pay-priceDetails .g-color-white>b {
	font-weight:400;
	margin-right:8px
}
.pay-priceDetails .pay-priceintr {
	margin-bottom:16px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.pay-priceDetails .pay-priceintr .f18 {
	margin-right:8px
}
.pay-priceDetails .pay-priceintr2 {
	margin-bottom:10px
}
.pay-priceDetails .pay-priceintr2>p:first-of-type {
	margin-bottom:6px
}
.pay-priceDetails .pay-priceintr-title {
	line-height:34px;
	background:rgba(235,207,158,.07);
	margin:-16px -16px 8px -16px;
	border-radius:4px 4px 0 0
}
.pay-priceDetails .pay-priceintr-title p {
	-webkit-transform:scale(.8);
	transform:scale(.8);
	text-align:center;
	color:#ebcf9e
}
.InMobile .pay-priceDetails .pay-priceintr-title {
	position:relative;
	height:30px;
	margin:-16px -30px 8px -30px;
	border-radius:0
}
.InMobile .pay-priceDetails .pay-priceintr-title p {
	position:absolute;
	top:-2px;
	left:-40px;
	right:-40px;
	font-size:12px!important;
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
.InMobile .pay-priceDetails .pay-priceintr-title p del {
	font-size:12px!important
}
.pay-priceDetails2 {
	padding:0
}
.pay-priceDetails2 .pay-priceintr {
	margin-bottom:10px
}
.pay-priceDetails2 .pay-priceintr .f18 {
	font-size:14px!important
}
.pay-priceDetails2 .pay-priceintr .f12 {
	font-size:12px!important
}
.pay-priceDetails2 .pay-priceintr2 .g-color {
	display:block;
	font-size:12px!important
}
.pay-priceDetails2 .pay-priceintr2 .pay-strong {
	color:rgba(3,196,126,.6)
}
.pay-priceDetails2 .pay-priceintr2>p {
	color:#b6b6b6;
	margin-bottom:0
}
.pay-priceDetails2 .pay-priceintr2>div {
	font-size:12px!important
}
.pay-popup2 {
	background:rgba(0,0,0,.85)
}
.pay-popup2>div {
	padding:0
}
.pay-popup2 .pay-yunbi {
	position:absolute;
	width:80%;
	margin-left:10%;
	top:-80px
}
.pay-popup-head {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	height:56px;
	padding:0 16px
}
.pay-popup-head>div {
	border:1px solid #03c37e;
	border-radius:12px;
	font-size:12px;
	color:#03c37e;
	padding:2px 16px;
	position:absolute;
	right:16px
}
.pay-progress {
	position:relative;
	background:#1e2831
}
.pay-progress .toast-progressBox {
	height:16px
}
.pay-progress .toast-progress {
	box-shadow:unset;
	border-radius:0;
	background:#8b969f
}
.pay-progress .toast-progress2 {
	right:0;
	left:unset;
	background:#03c37e
}
.pay-progress>p {
	position:absolute;
	right:0;
	height:16px;
	top:0
}
.pay-progress>p,.pay-tips {
	font-size:12px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pay-tips {
	background:#304051;
	border-radius:4px;
	padding:2px 8px 2px 6px;
	color:#fff
}
.pay-tips .icon {
	width:12px!important;
	height:12px!important;
	margin-right:4px!important;
	margin-top:2px!important;
	margin-left:0!important
}
.InMobile .pay-tips {
	width:100%;
	margin-top:-8px
}
@media only screen and (max-height:600px) {
	.pay-cards>div {
	padding-right:37px;
	height:224px
}
}@media only screen and (max-width:768px) {
	.pay {
	max-width:100%;
	height:100%
}
.pay .cofirm-head {
	padding-top:30px
}
.pay .cofirm-cont {
	height:-webkit-calc(100% - 94px);
	height:calc(100% - 94px);
	overflow-y:auto
}
.pay-conten {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.pay-qr {
	-webkit-box-ordinal-group:0;
	-webkit-order:-1;
	order:-1;
	position:relative
}
.pay-qr .qrcodebox {
	max-width:190px
}
.pay-qr .pay-yunbi {
	max-width:198px
}
.pay-qr .pay-coinscloudpc {
	position:unset
}
.pay-qr .pay-coinscloudpc .pay-yunbi-con {
	width:100%
}
.pay-qr .pay-coinscloudpc .pay-yunbi-con:before {
	right:50%;
	margin-right:-20px
}
.pay-cards {
	border:none;
	margin-top:16px;
	padding-bottom:16px
}
.pay-cards>div {
	height:auto;
	padding-bottom:0
}
.pay-cards.more:before {
	position:unset;
	opacity:0
}
.pay-cards.more>div {
	padding-bottom:0
}
.pay-cards_pc_3 {
	padding-top:16px
}
.pay-users .pay-banner {
	display:none
}
.pay-users .pay-banner+.pay-logs {
	margin-left:auto
}
}@media only screen and (min-width:600px) {
	.paybox.paypopup .pay-banner {
	max-width:400px
}
}@media only screen and (max-width:530px) {
	.pay .subnav .disable,.pay .subnav .g-tag-purple {
	display:none
}
}@media only screen and (max-width:375px) {
	.pay-banner>div {
	margin-right:20px
}
}.helpBg,.helpBg2,.helpBg2 body,.helpBg body {
	background:#28333d
}
.helpBg2 #app {
	height:100%
}
.helpBg2 .topnav {
	-webkit-flex-shrink:0;
	flex-shrink:0
}
.pagehelp {
	padding:20px 16px 40px;
	padding-left:-webkit-calc(16px + env(safe-area-inset-left));
	padding-left:calc(16px + env(safe-area-inset-left));
	padding-right:-webkit-calc(16px + env(safe-area-inset-right));
	padding-right:calc(16px + env(safe-area-inset-right));
	color:#8b969f
}
.pagehelp .g-Btn {
	width:100%;
	margin-top:12px
}
.help {
	width:600px;
	max-width:90%
}
.help .help-list>li {
	width:18.4%;
	margin-right:2%
}
.help .help-list>li:nth-of-type(3n-3) {
	margin-right:2%
}
.help .help-list>li:nth-of-type(5n-5) {
	margin-right:0
}
.help .cofirm-btns {
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end
}
.helpbox>p {
	margin-bottom:12px
}
.helpbox>div {
	margin-bottom:20px
}
.helpbox .textarea textarea {
	border-radius:8px
}
.help-list {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom:12px
}
.help-list,.help-list>li {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.help-list>li {
	width:32%;
	margin-right:2%;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	height:36px;
	border:1px solid transparent;
	background:#1e2831;
	border-radius:36px;
	color:#b4c0c9;
	margin-bottom:8px;
	box-sizing:border-box;
	cursor:pointer
}
.help-list>li:nth-of-type(3n-3) {
	margin-right:0
}
.help-list>li.on {
	border-color:#03c47e;
	background:rgba(3,196,126,.1);
	color:#03c47e
}
.help-guide {
	position:relative;
	background:#304051;
	box-shadow:0 0 2px 0 rgba(0,0,0,.02);
	padding:12px;
	border-radius:4px;
	font-size:12px;
	color:#b4c0c9
}
.help-guide i {
	margin-right:4px;
	vertical-align:-1px
}
.help-guide .help-guide-text {
	line-height:20px
}
.help-guide .help-guide-btns a {
	width:76px;
	height:20px;
	margin-top:10px;
	line-height:18px;
	padding:0;
	font-weight:400;
	font-size:12px
}
.help-guide:before {
	content:"";
	position:absolute;
	top:-6px;
	left:14%;
	z-index:1;
	border-bottom:6px solid #304051;
	border-left:6px solid transparent;
	border-right:6px solid transparent
}
.help .help-guide {
	padding:6px 1px 6px 8px
}
.help .help-guide:before {
	left:8%
}
.help .help-guide .help-guide-text {
	float:left
}
.help .help-guide .help-guide-btns {
	font-size:0;
	text-align:right
}
.help .help-guide .help-guide-btns a {
	margin-top:0
}
.InMobile .help-guide .help-guide-btns {
	text-align:right
}
.InMobile .help-guide .help-guide-btns a {
	margin-left:10px
}
.InMobile .help-guide .help-guide-btns a:first-child {
	margin-left:0
}
@media only screen and (max-height:720px) {
	.help .cofirm-cont {
	max-height:400px;
	overflow-y:auto
}
}.qr {
	text-align:center;
	color:#8b969f
}
.qr img {
	width:173px;
	height:173px;
	display:block;
	margin:0 auto 16px
}
.qrcode {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index:10;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.qrcodebox {
	width:19.375%;
	padding-bottom:1.66666667%;
	border:2px solid #304051;
	background-size:cover;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	text-align:center;
	font-size:12px;
	position:relative;
	background:rgba(48,64,81,.9);
	color:#fff
}
.qrcodebox2 {
	position:fixed;
	top:2px;
	right:2px;
	width:11.25%;
	z-index:999
}
.qrcode-loading img {
	opacity:0
}
.qrcode-img {
	padding:8.60215054%
}
.qrcode-img img {
	width:100%;
	display:block;
	border:8px solid #fff;
	box-sizing:border-box;
	-webkit-transition:opacity .2s;
	transition:opacity .2s
}
.qrcodebox-b {
	position:absolute;
	width:16.66666667%;
	height:0;
	padding-bottom:20%
}
.qrcodebox-b:first-child {
	top:-4px;
	left:-4px;
	border-left:2px solid #03c47e;
	border-top:2px solid #03c47e
}
.qrcodebox-b:nth-child(2) {
	top:-4px;
	right:-4px;
	border-right:2px solid #03c47e;
	border-top:2px solid #03c47e
}
.qrcodebox-b:nth-child(3) {
	bottom:-4px;
	left:-4px;
	border-left:2px solid #03c47e;
	border-bottom:2px solid #03c47e
}
.qrcodebox-b:nth-child(4) {
	bottom:-4px;
	right:-4px;
	border-right:2px solid #03c47e;
	border-bottom:2px solid #03c47e
}
.qrConfirm {
	width:75%;
	max-width:unset!important
}
.qrConfirm .cofirm-cont {
	background:linear-gradient(211deg,#34495f 7%,#28333d 85%)
}
.qrConfirm .cofirm-cont>h2 {
	text-align:center
}
.qrConfirm .cofirm-cont .qrcodebox {
	margin:30px auto;
	width:25.55555556%;
	background:rgba(3,196,126,.04);
	color:#8b969f
}
.qrPay {
	position:fixed;
	right:0;
	top:120px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-transition:-webkit-transform 1s;
	transition:-webkit-transform 1s;
	transition:transform 1s;
	transition:transform 1s,-webkit-transform 1s;
	z-index:999;
	color:#b4c0c9
}
.qrPay.out {
	color:#fff
}
.qrPay-head {
	cursor:pointer;
	background:rgba(30,40,49,.64);
	padding:6px 8px;
	border-radius:48px 0 0 48px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.qrPay-head>.icon {
	cursor:pointer;
	margin-right:4px
}
.qrPay-head .g-Btn {
	margin-left:20px;
	height:32px;
	line-height:30px
}
.qrPay-tips {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	border-radius:4px;
	margin-left:38px;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#34495f),to(#28333d));
	background-image:linear-gradient(0deg,#34495f 0,#28333d);
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	overflow:hidden
}
.qrPay-tips>div {
	background-image:-webkit-gradient(linear,left bottom,left top,from(#f3e1ba),to(#e4bf84));
	background-image:linear-gradient(0deg,#f3e1ba 0,#e4bf84);
	color:#664a1a;
	padding:5px 10px
}
.qrPay-tips>span {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	text-align:center
}
.qrPay-tips>span b {
	font-size:16px;
	color:#ebcf9e;
	margin:0 4px
}
.qrPay-con {
	margin-left:90px;
	padding:24px 30px;
	width:212px;
	background:rgba(30,40,49,.64);
	box-sizing:border-box;
	border-radius:0 0 4px 4px
}
.qrPay-con .qrcodebox {
	width:100%
}
.qrPay-con .qrcodebox .icon {
	width:16px;
	height:16px;
	margin-right:6px
}
.qrPay-con .qrcodebox>p:first-of-type {
	margin-bottom:6px
}
.cursorlocktip {
	position:absolute;
	max-width:318px;
	width:22.08333333%;
	height:0;
	padding-bottom:4.44444444%;
	background:url(../img/img_notice_tilde.b0af2147.png) 0 0 no-repeat;
	background-size:contain;
	z-index:999;
	top:2.77777778%;
	left:50%;
	margin-left:-11.04166667%
}
.vipcard {
	height:174px;
	border-radius:8px;
	background-color:#39605a;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.vipcard.pc {
	height:138px
}
.vipcard.pc.other .vipcard-tab:first-child {
	padding-top:4px!important;
	color:#b4c0c9
}
.vipcard.pc.other .vipcard-tab:first-child:hover {
	color:#fff
}
.vipcard.pc.other .vipcard-tab:last-child {
	color:#fff!important
}
.vipcard.pc.other .vipcard-bottom:after {
	margin-right:-3px
}
.vipcard.pc .vipcard-top {
	height:28px;
	margin-top:-4px
}
.vipcard.pc .vipcard-bottom {
	background-size:252px 142px
}
.vipcard.pc .vipcard-bottom:before {
	height:28px;
	top:-28px
}
.vipcard.pc .vipcard-bottom:after {
	top:-28px;
	margin-left:-3px;
	border-bottom:28px solid #3da37e
}
.vipcard.pc .vipcard-bottom .icon-cloud-small {
	width:18px;
	height:11px;
	margin-right:4px
}
.vipcard.pc .vipcard-bottom .icon-vip-tag {
	width:19px;
	height:19px;
	margin-right:2px
}
.vipcard.pc .vipcard-tab:last-child {
	padding-top:4px!important;
	color:#b4c0c9
}
.vipcard.pc .vipcard-tab:last-child:hover {
	color:#fff
}
.vipcard.pc .vipcard-main {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	padding:0 15px
}
.vipcard.pc .vipcard-feature {
	width:auto
}
.vipcard.pc .vipcard-feature li {
	margin-right:16px
}
.vipcard.pc .vipcard-feature .icon {
	width:14px;
	height:14px;
	margin-right:4px
}
.vipcard.pc .vipcard-viptips {
	margin-top:4px
}
.vipcard.pc .vipcard-bar {
	width:100%;
	height:28px;
	box-sizing:border-box;
	padding-right:0;
	font-size:12px
}
.vipcard.pc .vipcard-bar a {
	width:78px;
	height:26px;
	line-height:26px;
	display:inline-block;
	border-radius:8px 0 8px 0;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	color:#379c77;
	font-weight:700
}
.vipcard.other .vipcard-top .vipcard-tab:first-child {
	padding-top:8px;
	font-size:14px
}
.vipcard.other .vipcard-top .vipcard-tab:last-child {
	padding-top:0;
	font-size:16px
}
.vipcard.other .vipcard-bottom:before {
	left:auto;
	right:0;
	background-position:100% 0
}
.vipcard.other .vipcard-bottom:after {
	left:auto;
	right:50%;
	margin-left:0;
	margin-right:-2px;
	border-top-left-radius:0;
	border-top-right-radius:28px;
	border-left:14px solid transparent;
	border-right:0
}
.vipcard .vipcard-top {
	position:relative;
	z-index:2;
	height:40px;
	margin-top:-6px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.vipcard .vipcard-top .vipcard-tab {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	font-size:16px;
	cursor:pointer
}
.vipcard .vipcard-top .vipcard-tab:last-child {
	padding-top:6px;
	font-size:14px
}
.vipcard .vipcard-top .vipcard-tag {
	font-size:12px;
	border-radius:8px;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	margin-top:2px
}
.vipcard .vipcard-bottom {
	position:relative;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	border-radius:0 0 8px 8px;
	background-image:url(../img/pic_webcard_month_selected.5bb68986.jpg);
	background-color:#3da37e;
	background-position:100% 100%;
	background-size:-webkit-calc(100vw - 32px) 180px;
	background-size:calc(100vw - 32px) 180px
}
.vipcard .vipcard-bottom:before {
	content:"";
	position:absolute;
	top:-40px;
	left:0;
	z-index:1;
	height:40px;
	width:50%;
	border-radius:8px 8px 0 0;
	background:inherit;
	background-position:0 0
}
.vipcard .vipcard-bottom:after {
	content:"";
	position:absolute;
	top:-40px;
	left:50%;
	width:0;
	height:0;
	margin-left:-2px;
	border-top-left-radius:28px;
	border-bottom:40px solid #3da37e;
	border-right:14px solid transparent
}
.vipcard .vipcard-main {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.vipcard .vipcard-bar,.vipcard .vipcard-main {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.vipcard .vipcard-bar {
	height:40px;
	background:hsla(0,0%,100%,.15);
	border-radius:0 0 8px 8px;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:0 15px;
	font-size:13px;
	color:#fff
}
.vipcard .vipcard-bar .bar-left,.vipcard .vipcard-body {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.vipcard .vipcard-body {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	padding-left:16px
}
.vipcard .vipcard-feature {
	width:180px;
	margin-bottom:-14px;
	font-size:0
}
.vipcard .vipcard-feature li {
	display:inline-block;
	margin-right:16px;
	margin-bottom:14px;
	line-height:14px;
	font-size:13px;
	color:#fff
}
.vipcard .vipcard-feature li:nth-child(2n) {
	margin-right:0
}
.vipcard .vipcard-feature li i,.vipcard .vipcard-feature li span {
	vertical-align:middle
}
.vipcard .vipcard-feature li i {
	margin-right:5px
}
.vipcard .vipcard-btn {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding-right:16px
}
.vipcard .vipcard-btn.timeover a {
	padding:9px 22px
}
.vipcard .vipcard-btn a {
	display:block;
	min-width:64px;
	line-height:18px;
	padding:11px 22px;
	border-radius:20px;
	background:#fff;
	box-shadow:0 0 7px hsla(0,0%,100%,.3);
	text-align:center;
	text-decoration:none;
	font-weight:700;
	cursor:pointer;
	color:#379c77
}
.vipcard .vipcard-btn span {
	margin-top:4px;
	font-weight:400;
	font-size:12px;
	color:#d8ece5
}
.vipcard .vipcard-vip {
	font-size:16px;
	color:#fff
}
.vipcard .vipcard-vip i {
	margin-right:3px
}
.vipcard .vipcard-viptips {
	margin-top:8px;
	padding:0 8px;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(37,119,92,.2)),to(rgba(16,66,47,.2)));
	background-image:linear-gradient(180deg,rgba(37,119,92,.2),rgba(16,66,47,.2));
	border-radius:4px;
	line-height:24px;
	text-align:center;
	font-size:12px
}
.vipcard .vipcard-viptips.viptimeover {
	opacity:.5
}
.vipcard .vipcard-viptips span {
	display:inline-block;
	line-height:1;
	padding:3px;
	margin-right:-5px;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	background:#e54e3d;
	border-radius:4px;
	font-weight:lighter;
	font-size:12px;
	color:#fff
}
@media only screen and (max-width:374px) {
	.vipcard {
	height:224px
}
.vipcard .vipcard-bottom {
	background-size:-webkit-calc(100vw - 32px) 230px;
	background-size:calc(100vw - 32px) 230px
}
.vipcard .vipcard-main {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.vipcard .vipcard-body,.vipcard .vipcard-main {
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.vipcard .vipcard-body {
	padding:0
}
.vipcard .vipcard-btn {
	padding:0 0 16px 0
}
}@media only screen and (max-width:768px) {
	.vipcard.pc .vipcard-bottom {
	background-size:-webkit-calc(77.29469vw - 40px) 122px;
	background-size:calc(77.29469vw - 40px) 122px
}
}@media only screen and (max-width:414px) {
	.vipcard.pc .vipcard-bottom {
	background-size:280px 122px
}
}.menulist {
	padding-left:22px;
	padding-left:-webkit-calc(12px + env(safe-area-inset-left));
	padding-left:calc(12px + env(safe-area-inset-left));
	padding-right:22px;
	padding-right:env(safe-area-inset-right);
	background:#28333d
}
.menulist li {
	position:relative;
	line-height:61px;
	padding-right:20px;
	border-bottom:1px solid #2f3c47;
	color:#b4c0c9
}
.menulist li a {
	display:block;
	width:100%;
	height:100%;
	color:#b4c0c9;
	text-decoration:none
}
.menulist li:last-child {
	border-bottom:0
}
.menulist li i:first-child {
	margin-right:16px
}
.menulist li i:last-child {
	float:right;
	margin-top:23px
}
.menulist li i,.menulist li span {
	vertical-align:middle
}
.menulist li .tips {
	position:absolute;
	right:14px;
	top:2px;
	-webkit-transform-origin:right center;
	transform-origin:right center;
	background-image:-webkit-gradient(linear,left top,right top,color-stop(20%,#f0a406),to(#be3812));
	background-image:linear-gradient(90deg,#f0a406 20%,#be3812);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.menulist li .icon-hot-mobile {
	-webkit-transform:translate(-2px,-10px);
	transform:translate(-2px,-10px)
}
.menulist .icon_options {
	width:18px;
	height:18px
}
@media (orientation:landscape) {
	.menulist li {
	line-height:48px
}
.menulist li i:last-child {
	margin-top:18px
}
}@media only screen and (max-width:375px) {
	.menulist li {
	line-height:58px
}
.menulist li i:last-child {
	margin-top:22px
}
}@media only screen and (max-width:320px) {
	.menulist li {
	line-height:48px
}
.menulist li i:last-child {
	margin-top:18px
}
}.keepplay {
	height:72px;
	border-radius:4px;
	background:#304051;
	background-size:cover;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:0 20px;
	box-shadow:0 0 20px 0 rgba(0,0,0,.2)
}
.keepplay>img {
	width:40px;
	height:40px;
	margin-right:7px;
	object-fit:cover;
	border-radius:24%
}
.keepplay>span {
	width:100px;
	height:36px;
	line-height:36px;
	border-radius:18px;
	margin-right:8px;
	text-align:center;
	text-decoration:none
}
.keepplay .keepplay-info {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	margin-right:8px
}
.keepplay .keepplay-info>p {
	max-width:32vw;
	line-height:20px;
	font-size:14px;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.keepplay .keepplay-info .keepplay-time {
	margin-top:2px;
	color:#03c47e
}
@media only screen and (max-width:375px) {
	.keepplay {
	padding:0 10px
}
.keepplay>a {
	width:80px;
	height:34px;
	line-height:34px;
	border-radius:18px
}
}@media only screen and (max-width:320px) {
	.keepplay .keepplay-time span {
	display:none
}
}.keepplay-wrap {
	height:72px
}
.keepplay {
	position:fixed;
	left:16px;
	right:16px;
	bottom:68px;
	bottom:-webkit-calc(68px + constant(safe-area-inset-bottom));
	bottom:calc(68px + constant(safe-area-inset-bottom));
	bottom:-webkit-calc(68px + env(safe-area-inset-bottom));
	bottom:calc(68px + env(safe-area-inset-bottom));
	z-index:20
}
@media only screen and (max-height:720px) {
	.keepplay {
	bottom:58px;
	bottom:-webkit-calc(58px + constant(safe-area-inset-bottom));
	bottom:calc(58px + constant(safe-area-inset-bottom));
	bottom:-webkit-calc(58px + env(safe-area-inset-bottom));
	bottom:calc(58px + env(safe-area-inset-bottom))
}
}.qqgroup {
	height:36px;
	line-height:34px;
	display:inline-block;
	border-radius:36px;
	border:1px solid #35404c;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding-left:4px;
	padding-right:12px;
	color:#8b969f;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.qqgroup>i {
	margin-right:8px
}
.viphistory ul>li {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	padding:16px
}
.viphistory ul>li:last-child .history-con {
	border-bottom:0
}
.viphistory .g-circle-gray {
	width:48px;
	height:48px
}
.viphistory .g-circle-gray .icon {
	width:24px;
	height:24px
}
.history-con {
	margin-left:16px;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	position:relative
}
.history-con:before {
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background:#182128;
	overflow:hidden;
	bottom:-16px
}
.history-con>div:last-child {
	text-align:right;
	white-space:nowrap;
	margin-left:10px
}
.history-img {
	width:48px
}
.history-img img {
	width:100%;
	display:block
}
.history-name {
	color:#fff
}
.history-time {
	margin-top:8px;
	color:#8b969f
}
.history-price {
	color:#fff
}
.history-empty {
	padding:20px 0;
	text-align:center;
	color:#ccc
}
.topnav {
	height:60px;
	height:-webkit-calc(60px + constant(safe-area-inset-top));
	height:calc(60px + constant(safe-area-inset-top));
	height:-webkit-calc(60px + env(safe-area-inset-top));
	height:calc(60px + env(safe-area-inset-top))
}
.topnav .topnav-fixed {
	position:fixed;
	top:0;
	z-index:100;
	width:100%;
	line-height:60px;
	height:60px;
	padding-top:constant(safe-area-inset-top);
	padding-top:env(safe-area-inset-top);
	background:#1e2831
}
.topnav .topnav-fixed .topnav-back {
	position:absolute;
	padding:0 20px;
	height:60px;
	z-index:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.topnav .topnav-fixed .icon-vipclose {
	width:24px;
	height:24px
}
.topnav .topnav-fixed h1 {
	margin:0;
	padding:0 30px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.topnav .topnav-fixed>nav {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.topnav .topnav-fixed>nav>div {
	margin:0 16px;
	font-size:12px
}
.topnav .topnav-fixed>nav .on {
	font-size:14px;
	font-weight:700
}
.topnav .subnav {
	padding-left:52px;
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.topnav .subnav h2 {
	font-size:14px
}
.topnav .subnav .g-tag-purple {
	-webkit-transform:scale(.8);
	transform:scale(.8);
	margin-left:-14px
}
.statusbar {
	position:fixed;
	top:0;
	left:2px;
	right:2px;
	color:#fff;
	z-index:2;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	font-size:14px;
	z-index:999
}
.statusbar div {
	-webkit-transform:scale(.8);
	transform:scale(.8)
}
.faq {
	padding:30px 0
}
.faq .menulist li {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	color:#ebebeb
}
.faq .menulist li:last-child {
	border-top:1px solid #2f3c47;
	margin-top:50px
}
.faq .menulist p {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.faq .menulist .icon {
	margin-top:0;
	-webkit-flex-shrink:0;
	flex-shrink:0
}
.InMobile .menulist li:last-child {
	border-bottom:1px solid #2f3c47
}
.faq-title {
	height:22px;
	font-weight:400;
	font-size:14px;
	color:#a5a9ac;
	padding-left:22px;
	padding-left:-webkit-calc(12px + env(safe-area-inset-left));
	padding-left:calc(12px + env(safe-area-inset-left));
	margin-bottom:10px;
	overflow:hidden
}
.faq-feedback {
	top:0;
	bottom:0;
	right:0;
	cursor:pointer
}
.standalone .faq-feedback {
	top:env(safe-area-inset-top)
}
.faq-detail {
	padding:30px 20px;
	padding-left:-webkit-calc(20px + env(safe-area-inset-left));
	padding-left:calc(20px + env(safe-area-inset-left));
	padding-right:-webkit-calc(20px + env(safe-area-inset-right));
	padding-right:calc(20px + env(safe-area-inset-right));
	font-weight:400!important;
	color:#b4c0c9;
	line-height:1.8
}
.faq-detail h2 {
	color:#fff;
	font-weight:400
}
.faq-detail h2:first-of-type+p {
	color:#a5a9ac;
	margin-bottom:20px
}
.faq-detail h2:first-of-type+p .icon {
	margin-right:4px;
	margin-top:-2px
}
.faq-detail p {
	margin-top:10px
}
.faq-detail p span {
	color:#03c47e
}
.faq-detail img {
	max-width:100%
}
.faq-confirm {
	width:600px;
	max-width:90%
}
.faq-confirm .menulist li:last-child {
	margin-top:0
}
.faq-confirm .menulist li:hover {
	color:#fff;
	cursor:pointer
}
.faq-confirm .menulist2 {
	margin-top:20px
}
.faq-confirm .menulist2 li {
	border-top:1px solid #2f3c47;
	border-bottom:1px solid #2f3c47
}
.faq-confirm .faq-detail {
	padding:20px 10px
}
.InMobile .faq-confirm .cofirm-head h2 {
	opacity:1;
	-webkit-flex-shrink:inherit;
	flex-shrink:inherit
}
.faq-scroll {
	height:400px;
	overflow-y:auto
}
.faq-feedbackcon {
	padding-top:36px;
	text-align:center
}
.faq-feedbackcon .g-Btn {
	margin-top:16px
}
.faq-feedbackcon .icon {
	margin-left:4px
}
@media only screen and (max-height:674px) {
	.faq-scroll {
	height:300px
}
}@media only screen and (max-height:400px) {
	.faq-scroll {
	height:140px
}
}.topic {
	margin-right:38px;
	background:#28333d;
	border-radius:4px;
	overflow:hidden;
	position:-webkit-sticky;
	position:sticky;
	top:120px
}
.topic>div {
	display:block;
	height:70px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding-left:24px;
	padding-right:24px;
	color:#fff;
	opacity:.5;
	cursor:pointer
}
.topic>div span {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.topic>div.on,.topic>div:hover {
	opacity:1;
	background:#304051
}
.topic>div.on {
	font-weight:700
}
@media only screen and (max-width:1024px) {
	.topic {
	margin-right:20px
}
.topic>div {
	padding-right:16px;
	padding-left:16px
}
}@media only screen and (max-width:768px) {
	.topic {
	margin-right:10px
}
.topic>div {
	padding-right:10px;
	padding-left:10px
}
}.guide {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index:10
}
.pagesetting .menulist {
	margin-top:30px
}
.pagesetting .setting-logo {
	margin-top:48px;
	text-align:center
}
.pagesetting .setting-logo img {
	width:80px;
	height:80px;
	border-radius:10px;
	box-shadow:0 0 20px 0 rgba(0,0,0,.2)
}
.pagesetting .setting-text {
	margin-top:8px;
	line-height:24px;
	text-align:center;
	color:#8b969f
}
.pagesetting .setting-exit {
	margin-top:40px;
	padding-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:center
}
.pagesetting .setting-exit span {
	width:240px;
	height:40px;
	line-height:40px;
	border-radius:20px
}
.pagesetting .setting-qq {
	margin-top:20px;
	display:inline-block
}
.pageabout {
	min-height:100vh;
	background:#28333d;
	box-sizing:border-box
}
.pageabout .about-main {
	padding:30px 20px
}
.pageabout .about-title {
	color:#fff
}
.pageabout li,.pageabout p {
	line-height:1.5;
	letter-spacing:1px
}
.pageabout p {
	margin-top:14px;
	color:#b4c0c9
}
.pageabout ol {
	padding:0;
	list-style-position:inside
}
.pageabout li,.pageabout ol {
	margin-top:5px
}
.pageabout span {
	color:#03c47e
}
.pagedownload {
	max-width:1080px;
	margin-left:auto;
	margin-right:auto
}
.pagedownload .download-switch {
	height:64px;
	margin-top:50px;
	background-image:linear-gradient(122deg,rgba(53,74,96,.15),rgba(48,64,81,.4) 83%);
	box-shadow:0 2px 50px 0 rgba(0,0,0,.1);
	border-radius:4px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pagedownload .download-switch .switch-icon {
	width:244px;
	margin-right:38px
}
.pagedownload .download-switch .switch-text {
	width:436px
}
.pagedownload .download-switch .switch-text-small {
	width:242px;
	display:none
}
.pagedownload ul {
	margin-top:52px;
	margin-bottom:100px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.pagedownload li {
	width:31.11111111%;
	min-width:304px;
	height:450px;
	background-image:radial-gradient(50% 100% at 0 0,#354a60 39%,#304051 100%);
	box-shadow:0 2px 50px 0 rgba(0,0,0,.1);
	border-radius:4px;
	padding-top:36px;
	box-sizing:border-box;
	text-align:center
}
.pagedownload .platform-name {
	line-height:20px;
	color:#b4c0c9
}
.pagedownload .platform-name i {
	margin-right:4px;
	vertical-align:middle
}
.pagedownload .platform-name span {
	vertical-align:middle
}
.pagedownload .platform-text {
	margin-top:32px;
	line-height:25px;
	color:#03c47e
}
.pagedownload .platform-img {
	height:186px;
	box-sizing:border-box
}
.pagedownload .platform-img .platform-code {
	width:112px;
	margin-top:26px
}
.pagedownload .platform-img .platform-code-text {
	display:block;
	margin-top:2px;
	color:#b4c0c9
}
.pagedownload .platform-img .platform-tv {
	width:208px;
	margin-top:24px
}
.pagedownload .platform-btns a {
	width:208px;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-decoration:none
}
.pagedownload .platform-btns a:first-of-type {
	margin-top:0
}
.pagedownload .platform-btns a.g-Btn-white {
	border:1px solid #61686f;
	color:#8b969f;
	cursor:default
}
.pagedownload .platform-btns span {
	display:block;
	margin-top:12px;
	line-height:18px;
	color:#b4c0c9
}
.pagedownload .platform-pc {
	margin-top:26px!important
}
@media only screen and (max-width:1140px) {
	.pagedownload li {
	width:48.5%;
	margin-bottom:20px
}
}@media only screen and (max-width:860px) {
	.pagedownload li {
	width:100%;
	margin-bottom:16px
}
.pagedownload .download-switch {
	height:172px;
	padding-bottom:16px;
	box-sizing:border-box;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end
}
.pagedownload .download-switch .switch-text {
	display:none
}
.pagedownload .download-switch .switch-text-small {
	display:inline-block;
	margin-top:16px
}
}.ticketConfirm {
	width:320px
}
.ticketConfirm .cofirm-cont {
	position:relative;
	border-top:8px solid #04ba66;
	padding-top:16px;
	padding-bottom:40px;
	background-image:linear-gradient(211deg,#34495f 7%,#28333d 85%)
}
.ticketConfirm .cofirm-msg {
	padding-top:0;
	padding-bottom:0
}
.ticketConfirm.ticketConfirm_loading {
	width:374px
}
.ticketConfirm.ticketConfirm_loading .cofirm-cont {
	padding-top:42px;
	padding-bottom:8px;
	border-top:0;
	border-bottom:7px solid #28333d;
	position:relative
}
.ticketConfirm.ticketConfirm_loading .cofirm-msg {
	text-align:center
}
.ticketConfirm.ticketConfirm_loading .cofirm-msg>p {
	margin-top:16px;
	margin-bottom:42px;
	font-size:18px;
	color:#fff
}
.ticketConfirm.ticketConfirm_loading .cofirm-msg>p span {
	background:#2f3c47;
	border-radius:24px;
	font-size:12px;
	color:#b4c0c9;
	padding:4px 12px;
	margin-left:8px;
	margin-right:8px;
	cursor:pointer
}
.ticketConfirm.ticketConfirm_loading .toast-progressBox {
	position:absolute;
	height:7px;
	width:100%;
	left:0;
	bottom:-7px
}
.ticketConfirm2 {
	width:320px
}
.ticketConfirm2 .cofirm-cont {
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(2%,#313f4c),to(#405971));
	background-image:linear-gradient(180deg,#313f4c 2%,#405971)
}
.ticketConfirm3 {
	width:320px
}
.ticketConfirm3 .cofirm-cont {
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(2%,#313f4c),to(#405971));
	background-image:linear-gradient(180deg,#313f4c 2%,#405971);
	padding:40px 0 0 0
}
.ticketConfirm3 .cofirm-cont .cofirm-msg {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.ticketConfirm3 .cofirm-cont .cofirm-btns,.ticketConfirm3 .cofirm-cont .cofirm-msg {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.ticketConfirm3 .cofirm-cont .cofirm-btns {
	height:80px;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	background-color:#fff;
	margin-top:46px;
	padding:0 8px;
	border-radius:0 0 4px 4px;
	background-size:144px 34px;
	background-image:url(../img/);
	background-position:16px;
	background-repeat:no-repeat
}
.ticketConfirm3 .cofirm-cont .cofirm-btns .g-Btn {
	width:96px;
	height:40px;
	line-height:38px;
	padding:0
}
.ticketConfirm4 {
	width:320px
}
.ticketConfirm4 .cofirm-cont {
	background-size:60px 60px,auto;
	background-image:url(../img/icon_flash.90bf429b.png),-webkit-gradient(linear,left top,left bottom,color-stop(2%,#313f4c),to(#405971));
	background-image:url(../img/icon_flash.90bf429b.png),linear-gradient(180deg,#313f4c 2%,#405971);
	background-position:center 30px,50%;
	background-repeat:no-repeat;
	padding-top:116px;
	text-align:center
}
.ticketConfirm4 .cofirm-cont .cofirm-msg {
	margin-top:12px;
	line-height:28px;
	color:#b4c0c9
}
.ticketConfirm4 .cofirm-cont .cofirm-msg span {
	display:inline-block;
	padding:2px;
	vertical-align:middle;
	line-height:1;
	border:1px solid #8b969f;
	border-radius:8px;
	-webkit-transform:scale(.66);
	transform:scale(.66)
}
.ticketConfirm4 .cofirm-cont .cofirm-btns {
	margin-top:30px
}
.ticket-subtitle {
	text-align:center
}
.ticket-subtitle>.icon {
	margin-bottom:32px
}
.ticket-subtitle.ticket-subtitle2>h2 {
	color:#e7c68e
}
.ticket-subtitle.ticket-subtitle2 .icon-vip {
	width:20px;
	height:20px;
	margin-top:-2px;
	margin-right:4px
}
.ticket-subtitle.ticket-subtitle2>p {
	text-align:left;
	margin-top:8px;
	font-size:14px
}
.ticket-btns {
	margin-top:34px;
	margin-bottom:-8px
}
.ticket-btns>li {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	cursor:pointer
}
.ticket-btns>li.btn-1 {
	position:relative;
	height:48px;
	background-image:linear-gradient(172deg,#efdcb3,#e7c68e);
	border-radius:24px;
	font-weight:700;
	font-size:16px;
	color:#2d3d4c
}
.ticket-btns>li.btn-1:hover {
	background:#efdcb3
}
.ticket-btns>li.btn-1 span {
	position:absolute;
	top:-10px;
	right:0;
	background:#03c47e;
	border-radius:10.5px 10.5px 10.5px 0;
	padding:2px 8px;
	font-weight:400;
	font-size:12px;
	color:#fff
}
.ticket-btns>li.btn-2 {
	height:40px;
	margin-top:16px;
	background:#2f3c47;
	border-radius:20px;
	font-weight:700;
	font-size:16px;
	color:#03c47e
}
.ticket-btns>li.btn-2:hover {
	background-color:#304051
}
.ticket-btns>li.btn-3 {
	height:20px;
	margin-top:16px;
	font-size:14px;
	color:#8b969f
}
.ticket-btns>li.btn-4 {
	height:48px;
	border-radius:24px;
	font-size:16px
}
.ticket-btns>li .icon-vip2,.ticket-btns>li .icon-vip-pc {
	margin-right:4px
}
.ticket-btns2 {
	margin-top:35px
}
.ticket-btns2 a {
	width:100%;
	height:36px;
	line-height:36px;
	border-radius:18px;
	margin-bottom:16px;
	display:block
}
.ticket-btns2 a:last-of-type {
	margin-bottom:0
}
.ticket-btns2 a:last-of-type.btn-exit {
	height:20px;
	line-height:20px;
	border:0
}
.ticket-btns2 i {
	vertical-align:-7px;
	margin-right:6px
}
.ticket-tag {
	padding:1px 6px;
	border-radius:20px;
	display:inline-block;
	background:#03c47e;
	margin-right:2px;
	color:#fff
}
.ticket-tag span {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	width:100%;
	height:100%;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.ticket-tips {
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:rgba(4,186,102,.1);
	font-size:12px;
	padding:6px
}
.ticket-message,.ticket-tips {
	color:#03c47e;
	text-align:center
}
.ticket-message {
	padding-top:8px;
	padding-bottom:40px;
	font-size:14px
}
.ticket-img {
	width:56px;
	height:56px;
	border-radius:4px;
	margin-top:20px;
	margin-bottom:16px
}
.ticket-message2 {
	line-height:2;
	color:#b4c0c9;
	padding:8px 0;
	margin-top:16px;
	margin-bottom:28px;
	text-align:center;
	background:#304051;
	border-radius:8px
}
.ticketConfirm5 {
	width:320px
}
.ticketConfirm5.btn-reverse .cofirm-btns {
	-webkit-box-orient:vertical;
	-webkit-box-direction:reverse;
	-webkit-flex-direction:column-reverse;
	flex-direction:column-reverse
}
.ticketConfirm5 .cofirm-cont {
	background-size:238px 102px,auto;
	background-image:url(../img/img_membership_Oops.1cca1118.png),linear-gradient(211deg,#34495f 7%,#28333d 85%);
	background-position:center 30px,50%;
	background-repeat:no-repeat;
	padding-top:150px;
	text-align:center
}
.ticketConfirm5 .cofirm-cont h2 {
	margin-top:4px
}
.ticketConfirm5 .cofirm-cont .cofirm-msg {
	margin-top:6px;
	line-height:20px;
	min-height:0;
	color:#b4c0c9
}
.ticketConfirm5 .cofirm-cont .cofirm-btns {
	margin-top:26px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.ticketConfirm5 .cofirm-cont .cofirm-btns a {
	margin:16px 0 0 0
}
.ticketConfirm5 .cofirm-cont .cofirm-btns a:first-of-type {
	margin-top:0
}
.ticketConfirm5 .cofirm-cont .cofirm-btns .radio {
	margin-top:12px
}
.ticket-text {
	margin-top:8px;
	line-height:24px;
	text-align:center;
	font-size:14px;
	color:#b4c0c9
}
.ticket-btns3 {
	height:36px;
	margin-top:24px;
	margin-bottom:16px;
	border-radius:18px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	font-weight:700;
	cursor:pointer
}
.ticket-btns4 {
	margin:32px
}
.ticket-exit {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.ticket-exit,.ticket-exit span {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.ticket-exit span {
	height:36px;
	background:#2f3c47;
	padding:0 20px;
	border-radius:18px;
	color:#b4c0c9;
	cursor:pointer;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.ticket-exit span i {
	margin-right:4px
}
.ticket-exit span:hover {
	background:#3b4a58;
	color:#fff
}
.ticket-exit span:first-of-type {
	color:#e7c68e;
	margin-right:8px
}
.ticket-exit span:first-of-type:hover {
	color:#f4e1ba
}
.ticketConfirm6 {
	width:320px
}
.ticketConfirm6 .cofirm-cont {
	background-size:72px 72px,auto;
	background-image:url(../img/icon_menu_afk_l_white.636b7e86.png),linear-gradient(211deg,#34495f 7%,#28333d 85%);
	background-position:center 24px,50%;
	background-repeat:no-repeat;
	padding-top:120px;
	text-align:center
}
.ticketConfirm6 .cofirm-cont .cofirm-msg {
	line-height:24px;
	min-height:0;
	color:#b4c0c9
}
.ticketConfirm6 .cofirm-cont .cofirm-btns {
	margin-top:14px
}
.ticketConfirm6 .cofirm-cont .cofirm-btns a {
	width:240px;
	height:48px;
	line-height:48px;
	border-radius:24px
}
.liveConfirm .cofirm-cont {
	position:relative;
	padding-top:40px;
	text-align:center
}
.liveConfirm .cofirm-cont>p {
	max-width:234px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	line-height:24px;
	text-align:center;
	font-size:14px;
	color:#b4c0c9
}
.liveConfirm .cofirm-cont .code {
	width:192px;
	height:211px;
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/pic_vrcodeBG.6cb4d218.png);
	background-size:100% 100%;
	text-align:center
}
.liveConfirm .cofirm-cont .code img {
	width:160px;
	height:160px;
	margin-top:16px
}
.liveConfirm .cofirm-cont .code p {
	margin-top:4px;
	font-size:12px;
	color:#8b969f
}
.liveConfirm .cofirm-cont .icon-close {
	position:absolute;
	right:-40px;
	top:0
}
.liveMobileComfirm .cofirm-cont {
	padding-bottom:32px
}
.liveMobileComfirm .cofirm-cont .ticket-btns2 {
	margin-top:32px
}
.liveMobileComfirm .cofirm-cont p {
	max-width:250px;
	text-align:left
}
.liveMobileComfirm .cofirm-cont .g-Btn {
	height:40px;
	text-decoration:none;
	font-size:16px
}
.liveMobileComfirm .cofirm-cont .btn-2 {
	background:#2f3c47
}
.liveMobileComfirm .cofirm-cont .btn-2:hover {
	background-color:#304051
}
.pagesearch {
	padding:16px;
	padding-top:0
}
.pagesearch .search-hot {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pagesearch .search-hot>li {
	width:50%;
	position:relative
}
.pagesearch .search-hot>li:nth-child(2n) div {
	margin-left:32px
}
.pagesearch .search-hot>li:nth-child(2n):before {
	position:absolute;
	content:"|";
	color:#304051;
	left:0;
	top:50%;
	margin-top:-8px
}
.pagesearch .search-hot>li:nth-child(odd) div {
	margin-right:16px
}
.search-input>div {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.search-cancel {
	margin-left:14px
}
.search-inputbox {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding-left:16px;
	padding-right:8px
}
.search-inputbox>.icon {
	-webkit-flex-shrink:0;
	flex-shrink:0
}
.search-inputbox form {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	margin:0 8px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.search-inputbox input {
	width:100%;
	color:#fff;
	font-size:14px;
	caret-color:#03c47e
}
.search-inputbox input::-webkit-input-placeholder {
	color:hsla(0,0%,100%,.3);
	font-size:14px;
	line-height:normal
}
.search-mobile {
	margin-bottom:50px;
	padding-top:16px;
	padding-top:-webkit-calc(16px + env(safe-area-inset-top,20px));
	padding-top:calc(16px + env(safe-area-inset-top,20px));
	height:36px
}
.search-mobile>div {
	background:#1e2831;
	position:fixed;
	top:0;
	width:100%;
	left:0;
	padding:16px;
	padding-top:-webkit-calc(16px + env(safe-area-inset-top,20px));
	padding-top:calc(16px + env(safe-area-inset-top,20px));
	box-sizing:border-box;
	z-index:2
}
.search-mobile .search-inputbox {
	height:36px;
	background:#2c3946;
	border-radius:28px
}
.search-mobile .search-inputbox input::-webkit-input-placeholder {
	color:#899cb0
}
.search-mobile-nav .search-inputbox {
	pointer-events:none;
	background:#2c3946;
	border-radius:28px;
	height:32px
}
.search-mobile-nav .search-inputbox input::-webkit-input-placeholder {
	color:#899cb0
}
.search-pc .search-inputbox {
	height:38px;
	border:1px solid transparent;
	background:rgba(0,0,0,.16);
	border-radius:4px
}
.search-pc.on .search-inputbox {
	border-color:#03c47e
}
.search-title {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	color:#8b969f
}
.search-history {
	margin-top:16px;
	margin-bottom:24px;
	max-height:72px;
	overflow:hidden
}
.search-history>li {
	font-size:12px;
	color:#b4c0c9;
	display:inline-block;
	padding:4px 16px;
	background:#304051;
	border-radius:14px;
	margin-bottom:14px;
	margin-right:8px;
	cursor:pointer
}
.search-history>li:hover {
	background:#03c47e;
	color:#fff
}
.search-hot {
	margin-top:14px
}
.search-hot>li {
	font-size:13px;
	color:#fff
}
.search-hot>li:first-of-type .search-num {
	color:#f43a3a
}
.search-hot>li:nth-child(2) .search-num {
	color:#f3ae1f
}
.search-hot>li:nth-child(3) .search-num {
	color:#03c47e
}
.search-hotkey {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:6px 0
}
.search-num {
	font-size:16px;
	color:#8b969f;
	font-weight:700;
	margin-right:12px
}
.search-tag {
	color:#fff;
	border-radius:8px;
	padding:0 6px;
	height:16px;
	display:inline-block;
	line-height:14px;
	margin-left:4px
}
.search-tag span {
	font-size:12px;
	font-style:italic
}
.search-tag-hot {
	background:#c02222
}
.search-tag-new {
	background:#00ad6e
}
.searchitem {
	margin-top:24px
}
.searchitem:first-of-type {
	margin-top:18px
}
.searchitem>div {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.searchitem .g-Btn {
	margin-left:auto;
	padding-left:0;
	padding-right:0;
	width:80px;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	height:32px;
	line-height:30px;
	font-size:14px
}
.searchitem h2 {
	font-weight:400
}
.searchitem h2+p {
	margin-top:10px
}
.searchitem h2 p {
	font-size:12px
}
.searchitem-img {
	width:24%;
	max-width:80px;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.searchitem-img img {
	width:100%;
	border-radius:24%
}
.searchitem-img_pc {
	position:relative
}
.searchitem-img_pc img {
	border-radius:0
}
.searchitem-img_pc:before {
	content:"pc";
	position:absolute;
	top:0;
	left:0;
	width:33px;
	height:16px;
	line-height:12px;
	background-size:100% 100%;
	background-image:url(../img/tag_pc.7ccf6d86.png);
	padding-left:7px;
	box-sizing:border-box;
	font-size:12px;
	color:#fff
}
.searchitem-intr {
	margin-left:16px;
	margin-right:16px
}
.searchitem-intr p {
	color:#b4c0c9
}
.pcsearch {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	margin-left:16px;
	height:40px;
	width:394px;
	position:relative
}
.pcsearch-dialog {
	position:absolute;
	top:56px;
	width:100%;
	background:#28333d;
	box-shadow:0 4px 10px 0 rgba(0,0,0,.5);
	border-radius:4px;
	z-index:3
}
.pcsearch-dialog>div {
	padding:24px 16px 8px
}
.pcsearch-dialog .search-hot {
	cursor:pointer
}
.pcsearch-dialog .search-hot>li {
	margin-left:-16px;
	margin-right:-16px;
	padding-left:16px;
	padding-right:16px
}
.pcsearch-dialog .search-hot>li:hover {
	background:#304051
}
.pcpagesearch .searh-result {
	padding-top:56px;
	min-height:320px
}
.pcpagesearch .searh-result>ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.pcpagesearch .searh-result>ul>li {
	width:50%;
	box-sizing:border-box;
	margin-top:0;
	margin-bottom:16px
}
.pcpagesearch .searh-result>ul>li:nth-child(2n) {
	padding-left:8px
}
.pcpagesearch .searh-result>ul>li:nth-child(odd) {
	padding-right:8px
}
.pcpagesearch .searh-result>ul>li>div {
	padding:40px;
	height:100%;
	box-sizing:border-box;
	background:#28333d;
	border-radius:4px
}
.pcpagesearch .search-title {
	display:none
}
.pc-serachicon {
	position:relative;
	cursor:pointer;
	margin-top:-46px;
	margin-left:-20px
}
@media only screen and (max-width:1024px) {
	.pcsearch {
	width:340px
}
.pcpagesearch .searh-result>ul>li>div {
	padding-left:24px;
	padding-right:24px
}
}@media only screen and (max-width:768px) {
	.subnavBox2 {
	display:none
}
.pcsearch {
	margin-left:0;
	width:100%;
	margin-top:18px
}
.pcsearch .icon-cancel {
	display:block!important
}
.pcpagesearch .searh-result>ul>li {
	width:100%;
	padding-right:0!important;
	padding-left:0!important
}
}@media only screen and (max-width:414px) {
	.pcpagesearch .searh-result>ul>li>div {
	padding-left:24px;
	padding-right:24px
}
}.message .message-list {
	margin-left:20px
}
.message .message-item {
	position:relative;
	padding:20px 20px 20px 0;
	border-bottom:1px solid #2f3c47;
	cursor:pointer
}
.message .message-item:last-child {
	border-bottom:0
}
.message .message-item--readed .message-desc,.message .message-item--readed .message-title {
	color:#8b969f
}
.message .message-title {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right:80px;
	line-height:22px;
	font-size:16px;
	color:#fff
}
.message .message-time {
	position:absolute;
	top:21px;
	right:20px;
	line-height:22px;
	font-size:14px;
	color:#a5a9ac
}
.message .message-desc {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-top:8px;
	line-height:22px;
	font-size:14px;
	color:#b4c0c9;
	height:44px
}
.message-detail {
	padding:30px 20px;
	padding-left:-webkit-calc(20px + env(safe-area-inset-left));
	padding-left:calc(20px + env(safe-area-inset-left));
	padding-right:-webkit-calc(20px + env(safe-area-inset-right));
	padding-right:calc(20px + env(safe-area-inset-right));
	font-weight:400!important;
	color:#b4c0c9;
	line-height:1.8
}
.message-detail h2 {
	position:relative;
	color:#fff;
	font-weight:400
}
.message-detail h2:first-of-type+p {
	color:#a5a9ac;
	margin-bottom:20px
}
.message-detail h2:first-of-type+p .icon {
	margin-right:4px;
	margin-top:-2px
}
.message-detail h2 .icon-back-menu {
	position:absolute;
	top:7px;
	left:-20px;
	width:16px;
	height:16px
}
.message-detail p {
	margin-top:10px
}
.message-detail p span {
	color:#03c47e
}
.message-detail img {
	max-width:100%
}
.message-empty {
	line-height:60px;
	text-align:center
}
.message-confirm {
	width:600px;
	height:528px;
	max-width:none
}
.message-confirm .cofirm-cont {
	padding:0 32px
}
.message-confirm .message-dialog {
	height:464px;
	overflow:auto
}
.message-confirm .message-item:hover .message-desc,.message-confirm .message-item:hover .message-title {
	color:#fff
}
.message-confirm .detail-main {
	height:296px;
	overflow:auto
}
.pcgame-confirm {
	text-align:center
}
.pcgame-confirm .cofirm-head {
	height:56px;
	background-image:url(../img/img_title_light.25c0c9e8.png);
	background-size:100% 100%
}
.pcgame-confirm .cofirm-head h2 {
	padding:16px 0;
	font-size:18px;
	color:#fff
}
.pcgame-confirm .cofirm-cont {
	overflow:hidden
}
.pcgame-confirm .game-cover {
	position:relative;
	width:90px;
	height:128px;
	margin:0 auto
}
.pcgame-confirm .game-cover:before {
	content:"pc";
	position:absolute;
	top:0;
	left:0;
	width:33px;
	height:16px;
	line-height:12px;
	background-size:100% 100%;
	background-image:url(../img/tag_pc.7ccf6d86.png);
	box-sizing:border-box;
	font-size:12px;
	color:#fff
}
.pcgame-confirm .game-cover img {
	width:100%;
	height:100%;
	border-radius:4px
}
.pcgame-confirm .confirm-main p {
	margin-top:20px;
	font-size:16px;
	color:#03c47e
}
.pcgame-confirm .confirm-main p i.icon-cloud-small {
	width:20px;
	height:12px;
	margin-right:4px
}
.pcgame-confirm .confirm-main p i.icon-tag-limit {
	margin-left:6px
}
.pcgame-confirm .confirm-main p:last-child {
	margin-top:0;
	font-size:12px;
	color:#c9d2d9
}
.pcgame-confirm .confirm-main span {
	color:#8b969f;
	text-decoration:line-through;
	line-height:28px;
	margin-left:4px
}
.pcgame-confirm .cofirm-btns {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.pcgame-confirm .cofirm-btns .g-Btn {
	width:240px;
	height:36px;
	margin-top:20px
}
.pcgame-confirm .cofirm-btns .radio {
	margin-top:12px
}
.pcgame-confirm-tip,.pcgame-confirm-tip2 {
	margin-top:-20px;
	margin-bottom:16px;
	margin-left:-32px;
	margin-right:-32px;
	height:28px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	font-size:12px;
	color:#1e2831
}
.pcgame-confirm-tip2 {
	background-image:-webkit-gradient(linear,left top,right top,from(#08e3b5),to(#03c47e));
	background-image:linear-gradient(90deg,#08e3b5,#03c47e)
}
.pcgame-confirm-tip {
	background-image:-webkit-gradient(linear,left top,right top,from(#00f0ff),to(#00abff));
	background-image:linear-gradient(90deg,#00f0ff,#00abff)
}
.pcgame-confirm-html {
	font-size:12px;
	margin-top:20px
}
.pcgame-confirm-html h1 {
	font-size:14px;
	margin:4px 0
}
.pcgame-confirm-html .htmltext {
	margin-top:20px;
	line-height:1.8
}
@media only screen and (max-height:500px) {
	.pcgame-confirm-html .htmltext {
	max-height:100px;
	overflow-y:auto
}
}.hang-scroll {
	overflow:auto;
	padding-bottom:200px;
	padding-top:100px
}
.hang-confirm {
	position:relative;
	width:320px
}
.hang-confirm.tips p {
	margin-top:16px
}
.hang-confirm.tips .cofirm-btns {
	margin-top:20px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.hang-confirm h2 {
	padding-left:32px;
	background-image:url(../img/icon_menu_afk_s_white.a478d4df.png);
	background-size:24px 24px;
	background-position:0;
	background-repeat:no-repeat
}
.hang-confirm .cofirm-cont {
	padding:20px
}
.hang-confirm .hang-form {
	margin-top:16px
}
.hang-confirm .hang-input {
	margin-top:12px;
	height:48px
}
.hang-confirm .hang-input label {
	border-radius:4px
}
.hang-confirm .hang-input:before {
	top:108%;
	bottom:auto;
	display:none
}
.hang-confirm .cofirm-btns {
	margin-top:18px;
	margin-left:-8px;
	margin-right:-8px
}
.hang-confirm .cofirm-btns a {
	height:48px;
	line-height:46px;
	border-radius:24px;
	padding:0;
	text-align:center
}
.hang-confirm .cofirm-btns a:first-of-type {
	width:104px
}
.hang-confirm .cofirm-btns a:last-of-type {
	width:160px!important
}
.hang-confirm .cofirm-btns a[disabled] {
	opacity:.5;
	cursor:not-allowed
}
.hang-confirm .cofirm-btns .radio {
	margin-top:14px
}
.hang-confirm .icon-close {
	position:absolute;
	top:0;
	left:104%;
	width:24px;
	height:24px
}
.hang-confirm .icon-close.port {
	top:106%;
	left:50%;
	margin-left:-12px
}
.hang-confirm .hang-error {
	margin-top:4px;
	-webkit-animation-name:shake;
	animation-name:shake;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	color:#e35043
}
@media only screen and (max-width:414px) {
	.hang-confirm {
	min-width:0
}
}.slide-box,.slide-wrap {
	position:relative
}
.slide-wrap {
	overflow:hidden;
	border-radius:4px
}
.slide-list {
	width:768px;
	height:352px;
	white-space:nowrap;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	font-size:0
}
.slide-item {
	width:100%;
	height:100%;
	display:inline-block;
	vertical-align:top
}
.slide-item img {
	width:100%;
	height:100%;
	object-fit:cover
}
.slide-close {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:32px;
	height:32px;
	border:0;
	border-radius:50%;
	background-image:url(../img/icon_CP_close_normal.3e736c2a.png);
	background-size:100% 100%;
	background-color:transparent;
	-webkit-transform:translateX(56px);
	transform:translateX(56px);
	cursor:pointer;
	font-size:0
}
.slide-close:hover {
	background-image:url(../img/icon_CP_close_hovered.79962e67.png)
}
.slide-trigger {
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:10;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	white-space:nowrap;
	font-size:0
}
.slide-trigger span {
	width:8px;
	height:8px;
	display:inline-block;
	border-radius:50%;
	margin:0 3px;
	background:#fff;
	vertical-align:middle;
	opacity:.3;
	cursor:pointer
}
.slide-trigger span.active {
	opacity:1
}
.slide-next,.slide-prev {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	cursor:pointer
}
.slide-next.slide-prev,.slide-prev.slide-prev {
	left:32px;
	background-image:url(../img/banner_arrow_left_normal.e697abf4.png)
}
.slide-next.slide-next,.slide-prev.slide-next {
	right:32px;
	background-image:url(../img/banner_arrow_right_normal.1b1f7058.png)
}
.slide-next:hover.slide-prev,.slide-prev:hover.slide-prev {
	left:32px;
	background-image:url(../img/banner_arrow_left_hover.2496f950.png)
}
.slide-next:hover.slide-next,.slide-prev:hover.slide-next {
	right:32px;
	background-image:url(../img/banner_arrow_right_hover.37d2b90a.png)
}
.slide-animation-prev {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.slide-animation-next,.slide-animation-prev {
	-webkit-transition:-webkit-transform .3s;
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s,-webkit-transform .3s
}
.slide-animation-next {
	-webkit-transform:translateX(-200%);
	transform:translateX(-200%)
}
.slide-animation-reset {
	-webkit-transition:-webkit-transform .3s;
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s,-webkit-transform .3s
}
.slide-content {
	position:relative;
	height:100%;
	border-radius:4px;
	background-color:#28333d;
	background-size:cover;
	background-position:50%;
	overflow:hidden
}
.slide-recommendation .slide-tag {
	position:absolute;
	top:0;
	left:0;
	z-index:12;
	width:123px;
	height:40px;
	background-size:100% 100%;
	line-height:40px;
	padding-left:16px;
	box-sizing:border-box;
	color:#fff
}
.slide-recommendation .slide-tag.slide-tag-pc {
	background-image:url(../img/icon_popup_tag_bg_pc.f142eaee.png)
}
.slide-recommendation .slide-tag.slide-tag-mobile {
	background-image:url(../img/icon_popup_tag_bg_mobile.eaa1de56.png)
}
.slide-recommendation .slide-info {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:12;
	line-height:1.1;
	box-sizing:border-box;
	padding:57px 216px 40px 32px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(58%,rgba(0,0,0,.6)),to(rgba(0,0,0,.81)));
	background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 58%,rgba(0,0,0,.81))
}
.slide-recommendation .slide-info h4 {
	font-weight:400;
	color:#fff;
	text-shadow:0 2px 4px rgba(0,0,0,.5)
}
.slide-recommendation .slide-info p {
	margin-top:16px;
	color:#b4c0c9;
	text-shadow:0 2px 4px rgba(0,0,0,.5)
}
.slide-recommendation .slide-info button {
	position:absolute;
	right:32px;
	bottom:40px;
	width:160px;
	height:56px;
	padding:0;
	border-radius:28px;
	font-weight:400;
	text-align:center;
	color:#fff
}
.slide-advertisement {
	cursor:pointer
}
.slide.mobile .slide-list {
	width:80vw;
	height:36.66666667vw
}
.slide.mobile .slide-wrap {
	margin-right:20px
}
.slide.mobile .slide-close {
	background-image:url(../img/icon_CP_close_hovered.79962e67.png);
	border:2px solid #b4c0c9;
	-webkit-transform:translateX(26px);
	transform:translateX(26px)
}
.slide.mobile .slide-trigger span {
	width:6px;
	height:6px
}
.slide.mobile .slide-banner {
	font-size:16px
}
.slide.popup.mobile.lock-portrait,.slide.popup.mobile.portrait {
	padding-bottom:20px
}
.slide.mobile.lock-portrait .slide-list,.slide.mobile.portrait .slide-list {
	width:80vw;
	height:104.09638554vw
}
.slide.mobile.lock-portrait .slide-wrap,.slide.mobile.portrait .slide-wrap {
	margin-right:0
}
.slide.mobile.lock-portrait .slide-close,.slide.mobile.portrait .slide-close {
	top:100%;
	right:50%;
	-webkit-transform:translate(50%,20px);
	transform:translate(50%,20px);
	background-image:url(../img/icon_CP_close_hovered.79962e67.png);
	border:2px solid #b4c0c9
}
.slide.mobile.lock-portrait .slide-recommendation .slide-tag,.slide.mobile.portrait .slide-recommendation .slide-tag {
	width:93px;
	height:34px;
	line-height:34px;
	padding-left:10px
}
.slide.mobile.lock-portrait .slide-recommendation .slide-info,.slide.mobile.portrait .slide-recommendation .slide-info {
	height:auto;
	-webkit-box-pack:start;
	-webkit-justify-content:start;
	justify-content:start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:12px 20px 30px 20px;
	text-align:center
}
.slide.mobile.lock-portrait .slide-recommendation .slide-info p,.slide.mobile.portrait .slide-recommendation .slide-info p {
	margin-top:11px
}
.slide.mobile.lock-portrait .slide-recommendation .slide-info button,.slide.mobile.portrait .slide-recommendation .slide-info button {
	position:static;
	height:46px;
	margin-top:22px
}
.slide.mobile.landscape.lock-portrait .slide-list {
	width:61.48148148vh;
	height:80vh
}
.slide.mobile.landscape.lock-portrait .slide-close {
	width:28px;
	height:28px;
	-webkit-transform:translate(50%,10px);
	transform:translate(50%,10px)
}
@media only screen and (max-width:768px) {
	.slide.mobile.lock-portrait .slide-list,.slide.mobile.portrait .slide-list {
	width:78vw;
	height:101.4939759vw
}
}.slide.banner {
	margin-bottom:16px
}
.slide.banner .slide-wrap {
	height:0;
	padding-top:18%
}
.slide.banner .slide-wrap .slide-list {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
}
.slide.banner .slide-wrap .slide-list .slide-content {
	border-radius:0
}
.slide.banner.mobile {
	margin-bottom:8px
}
.slide.banner.mobile .slide-wrap {
	padding-top:36%;
	margin-right:0
}
.slide.banner.mobile .slide-trigger {
	bottom:4px;
	z-index:0
}
.slide-banner {
	background-size:cover
}
.slide-banner .info {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	bottom:0;
	background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(53%,rgba(0,0,0,.4)),to(rgba(0,0,0,.8)));
	background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.4) 53%,rgba(0,0,0,.8));
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	text-shadow:1px 1px 3px rgba(0,0,0,.4);
	font-size:28px;
	color:#fff
}
@media only screen and (max-width:1440px) {
	.slide-banner .info {
	font-size:24px
}
}@media only screen and (max-width:1280px) {
	.slide-banner .info {
	font-size:18px
}
}@media only screen and (max-width:1024px) {
	.slide-banner .info {
	font-size:16px
}
}@media only screen and (max-width:600px) {
	.slide-banner .info {
	font-weight:700
}
}.pick {
	overflow:hidden;
	width:100%;
	text-align:center;
	height:220px;
	position:relative
}
.pick li,.pick ul {
	padding:0;
	list-style:none;
	margin:0
}
.pick-ul {
	position:relative
}
.pick-line,.pick-list,.pick-wheel {
	position:absolute;
	left:0;
	right:0;
	top:88px
}
.pick-line {
	z-index:3
}
.pick-list {
	z-index:2
}
.pick-wheel {
	z-index:1
}
.pick-list {
	height:44px;
	-webkit-transform:translateZ(110px);
	transform:translateZ(110px);
	background:#1e2831;
	overflow:hidden
}
.pick-list-item {
	color:#03c37e
}
.pick-list-item,.pick-wheel-item {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:44px;
	font-size:18px
}
.pick-list-item.hidden,.pick-wheel-item.hidden {
	visibility:hidden;
	opacity:0
}
.pick-wheel {
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	height:44px
}
.pick-wheel-item {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	position:absolute;
	top:0;
	width:100%;
	color:hsla(0,0%,100%,.5)
}
.pick-tips {
	background:rgba(3,195,126,.3);
	font-size:14px;
	color:#03c37e;
	padding:4px 10px
}
.pick-tip2 {
	position:absolute;
	width:50%;
	top:88px;
	height:44px;
	z-index:10;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	color:#8b969f
}
.pick-tip2 span {
	margin-left:20px;
	margin-right:20px
}
.nav-userinfo-item .nav-dialog {
	background-color:#1e2831
}
.checkin-confirm .cofirm-cont {
	position:relative
}
.checkin-confirm .cofirm-cont:before {
	content:"";
	position:absolute;
	right:0;
	bottom:36px;
	z-index:0;
	width:150px;
	height:170px;
	background:url(../img/img_checkin_pattern2.e2d16a7d.png) 100% 100% no-repeat;
	background-size:contain;
	opacity:.24
}
.checkin-confirm .cofirm-cont h2 {
	color:#03c47e;
	font-size:17px!important
}
.checkin-confirm .cofirm-cont .confirm-main .section {
	margin-top:16px;
	padding-bottom:16px;
	border-bottom:1px solid #2f3c47
}
.checkin-confirm .cofirm-cont .confirm-main .section:last-child {
	border-bottom:0 none
}
.checkin-confirm .cofirm-cont .confirm-main .section .title {
	font-size:12px;
	color:#b4c0c9;
	line-height:17px
}
.checkin-confirm .cofirm-cont .confirm-main .section .text {
	margin-top:10px
}
.checkin-confirm .cofirm-cont .confirm-main .section .text:nth-child(2) {
	margin-top:6px
}
.checkin-confirm .cofirm-cont .confirm-main .section .text .subtitle {
	font-size:14px;
	color:#fff;
	line-height:21px
}
.checkin-confirm .cofirm-cont .confirm-main .section .text .info {
	margin-top:2px;
	font-size:12px;
	color:#b4c0c9;
	line-height:17px
}
.checkin-confirm .cofirm-cont .confirm-main .section.vip .text .subtitle,.checkin-confirm .cofirm-cont .confirm-main .section.vip .title span {
	color:#e4bf84;
	-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#f3e1ba),to(#e4bf84))
}
.checkin-confirm .cofirm-cont .cofirm-btns {
	position:relative;
	z-index:1
}
.checkin-confirm .cofirm-cont .cofirm-btns.double {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.checkin-confirm .cofirm-cont .cofirm-btns.double a {
	width:132px;
	max-width:132px;
	height:40px;
	line-height:38px
}
.checkin-confirm .cofirm-cont .cofirm-btns.double a:first-child {
	border-color:#61686f;
	color:#e4bf84;
	-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#f3e1ba),to(#e4bf84));
	font-weight:400
}
.checkin-confirm .cofirm-cont .cofirm-btns.double a:last-child {
	margin-left:0
}
.checkin-confirm .cofirm-cont .cofirm-btns .g-Btn {
	min-width:120px
}
.gift-nav span {
	margin:0 10px;
	position:relative;
	cursor:pointer
}
.gift-nav span:after {
	content:"";
	width:80%;
	height:3px;
	background:#03c47e;
	box-shadow:0 -2px 10px 0 #03c47e;
	position:absolute;
	bottom:-21px;
	left:10%;
	opacity:0
}
.gift-nav span.on {
	font-weight:700;
	color:#fff
}
.gift-nav span.on:after {
	opacity:1
}
.all-gift-nav {
	padding:0 18px
}
.all-gift-nav .gift-nav {
	height:41px;
	border-bottom:1px solid hsla(0,0%,100%,.06)
}
.all-gift-nav span {
	margin:0 20px 0 0
}
.gift-main {
	padding:18px 0;
	box-sizing:border-box
}
.allGiftMobile,.allGiftPc {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	max-height:438px;
	padding:18px;
	overflow-y:auto
}
.allGiftMobile .gift-mobile-item,.allGiftPc .gift-mobile-item {
	background:#2e3b47;
	width:358px;
	padding:15px;
	box-sizing:border-box;
	margin-bottom:16px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	position:relative;
	max-height:84px
}
.allGiftMobile .gift-mobile-item .game-icon,.allGiftPc .gift-mobile-item .game-icon {
	width:50px;
	border-radius:4px
}
.allGiftMobile .gift-mobile-item .game-desc,.allGiftPc .gift-mobile-item .game-desc {
	margin:0 18px;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	width:164px;
	overflow:hidden
}
.allGiftMobile .gift-mobile-item .game-desc p:first-child,.allGiftPc .gift-mobile-item .game-desc p:first-child {
	font-size:14px;
	font-weight:700;
	color:#fff
}
.allGiftMobile .gift-mobile-item .game-desc p:nth-child(2),.allGiftPc .gift-mobile-item .game-desc p:nth-child(2) {
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#dadada;
	font-size:12px
}
.allGiftMobile .gift-mobile-item:after,.allGiftPc .gift-mobile-item:after {
	content:"";
	width:52px;
	height:52px;
	position:absolute;
	right:-6px;
	top:-6px;
	background:url(../img/tag_hot.5477a4cc.png) no-repeat;
	background-size:100% 100%;
	display:none
}
.allGiftMobile .gift-mobile-item.hot:after,.allGiftPc .gift-mobile-item.hot:after {
	display:block
}
.gift-none {
	margin:80px auto 0
}
.gift-none p {
	font-size:16px;
	color:#61686f;
	text-align:center;
	margin-top:16px
}
.gift-none .icon {
	display:block;
	margin:0 auto
}
.gift-btn {
	background:#03c47e;
	border-radius:17px;
	width:80px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#fff;
	letter-spacing:1.5px;
	text-align:center;
	cursor:pointer;
	z-index:1
}
.gift-btn:hover {
	background-image:radial-gradient(ellipse farthest-corner at bottom,#aafced 0,#03c47e 65%);
	color:#fff
}
.gift-btn.disabled,.gift-btn.disabled:hover {
	background:#8b969f
}
.gift-btn.overd,.gift-btn.overd:hover {
	border:1px solid #03c47e;
	background:#2e3b47;
	color:#03c47e
}
.copyCodeCss {
	height:36px;
	line-height:36px;
	text-align:center;
	margin:20px auto;
	background:rgba(3,196,126,.07);
	border-radius:2px;
	font-size:14px;
	color:#03c47e;
	letter-spacing:1.75px;
	cursor:pointer
}
.copyCodeCss i {
	width:1px;
	height:12px;
	margin:0 10px;
	display:inline-block;
	vertical-align:middle;
	background:#03c47e;
	cursor:pointer
}
.giftTipsConfirm .cofirm-cont {
	width:300px;
	padding:24px 15px;
	margin:0 auto
}
.giftTipsConfirm h2 {
	font-size:18px;
	color:#fff
}
.giftTipsConfirm h2 img {
	width:20px;
	vertical-align:middle;
	margin:-2px 10px 0 0;
	font-weight:700;
	border-radius:4px
}
.giftTipsConfirm span {
	margin:10px 0
}
.myGiftMobile,.myGiftPc {
	height:438px;
	padding:18px;
	overflow-y:auto;
	font-size:12px
}
.myGiftMobile .myGiftItem,.myGiftPc .myGiftItem {
	width:100%;
	padding:10px;
	box-sizing:border-box;
	background:#2e3b47;
	margin-bottom:10px
}
.myGiftMobile .myGiftHead,.myGiftPc .myGiftHead {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.myGiftMobile .myGiftHead,.myGiftMobile .myGiftHead .myGiftHeadFlex,.myGiftPc .myGiftHead,.myGiftPc .myGiftHead .myGiftHeadFlex {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.myGiftMobile .myGiftHead .myGiftHeadFlex .copyCodeCss,.myGiftPc .myGiftHead .myGiftHeadFlex .copyCodeCss {
	padding:0 10px
}
.myGiftMobile .myGiftHead .myGiftHeadFlex p,.myGiftPc .myGiftHead .myGiftHeadFlex p {
	color:#fff;
	font-size:14px;
	margin-left:15px
}
.myGiftMobile .myGiftHead .myGiftHeadFlex a,.myGiftPc .myGiftHead .myGiftHeadFlex a {
	margin-left:15px
}
.myGiftMobile .myGiftHead img,.myGiftPc .myGiftHead img {
	width:50px;
	min-height:50px;
	border-radius:4px
}
.myGiftMobile .myGiftTitle,.myGiftPc .myGiftTitle {
	color:#8b969f
}
.myGiftMobile .myGiftDesc,.myGiftPc .myGiftDesc {
	font-size:12px;
	color:#dadada;
	letter-spacing:.3px;
	text-align:justify;
	line-height:20px
}
.myGiftMobile .copyCodeCss,.myGiftPc .copyCodeCss {
	font-size:12px
}
.pagegift .gift-nav {
	font-weight:400;
	text-align:center;
	border-bottom:0
}
.pagegift .gift-nav span:after {
	bottom:-10px
}
.pagegift .allGiftBox .gift-nav,.pagegift .mygiftbox .gift-nav {
	text-align:left;
	height:auto;
	margin-top:10px
}
.pagegift .allGiftBox .gift-nav span,.pagegift .mygiftbox .gift-nav span {
	background:hsla(0,0%,84.7%,0);
	border:1px solid #40505d;
	border-radius:14px;
	padding:4px 14px;
	font-size:12px;
	margin-right:10px
}
.pagegift .allGiftBox .gift-nav span.on,.pagegift .mygiftbox .gift-nav span.on {
	background:rgba(3,196,126,.1);
	border:1px solid #03c47e;
	color:#03c47e
}
.pagegift .allGiftBox .gift-nav span:after,.pagegift .mygiftbox .gift-nav span:after {
	display:none
}
.pagegift .myGiftHead {
	position:relative
}
.pagegift .myGiftHead .myGiftHeadFlex {
	width:100%
}
.pagegift .myGiftHead .myGiftHeadFlex .copyCodeCss {
	width:100%;
	padding:0 10px;
	position:relative;
	margin:10px auto
}
.pagegift .myGiftHead .myGiftHeadFlex span {
	position:absolute;
	right:10px
}
.pagegift .myGiftHead .myGiftHeadFlex i {
	display:none
}
.pagegift .myGiftHead .gift-btn {
	position:absolute;
	right:0;
	top:15px
}
.pagegift .allGiftMobile,.pagegift .allGiftPc {
	height:auto;
	max-height:100%
}
.pagegift .allGiftMobile .game-desc,.pagegift .allGiftPc .game-desc {
	margin:0 10px
}
.pagegift .myGiftMobile,.pagegift .myGiftPc {
	height:auto
}
.mobile .allGiftMobile .gift-mobile-item,.mobile .allGiftPc .gift-mobile-item {
	width:100%
}
.mobile .giftTipsConfirm .cofirm-cont {
	width:100%;
	box-sizing:border-box
}
.mobile .copyCodeCss {
	font-size:12px
}
.notice {
	height:40px
}
.notice>div {
	background:rgba(0,0,0,.1);
	border-radius:4px;
	color:#f3ae1f;
	padding:8px 16px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	overflow:hidden;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	position:relative
}
.notice>div .icon-notice {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	margin-right:8px
}
.notice-text {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	height:24px;
	line-height:24px;
	overflow:hidden;
	position:relative
}
.notice-text span {
	position:absolute;
	white-space:nowrap;
	font-size:12px
}
.InMobile .notice {
	height:32px;
	margin-bottom:8px
}
.InMobile .notice>div {
	padding:4px 16px;
	background:#322e28
}
.recommend-main {
	padding-top:16px
}
.recommend-fot {
	padding:48px 0 40px;
	text-align:center;
	font-size:12px
}
.recommend-fot>p {
	color:#b4c0c9;
	margin-bottom:10px
}
.recommend-fot>.g-Btn {
	font-size:12px
}
.recommend-none {
	padding:30px 0;
	text-align:center
}
.recommed-list {
	padding:30px 16px
}
.recommed-list ul {
	margin-bottom:20px
}
.recommed-list li {
	margin-bottom:32px
}
.recommed-list li:last-child {
	margin-bottom:0
}
.recommed-list li .g-Btn {
	padding:0;
	width:64px;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	height:28px;
	line-height:26px
}
.recommed-list li .icon {
	position:absolute;
	top:0;
	left:0
}
.recommend-flex {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.recommend {
	margin-bottom:40px
}
.recommend>header>h2 {
	font-size:18px
}
.recommend>header>p {
	font-size:12px;
	color:#8b969f;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	margin-left:16px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.recommend>header>p>.icon {
	margin-left:2px;
	width:10px;
	height:10px
}
.recommend .g-Btn {
	padding:0;
	width:64px;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	height:28px;
	line-height:26px
}
.recommend.recommend2 {
	padding:16px;
	padding-bottom:24px;
	background:#28333d;
	border-radius:4px
}
.recommend.recommend2 .recommend-intr>h3 {
	font-weight:700;
	color: #fff;
}
.recommend.recommend3 .recommend-con {
	overflow:hidden
}
.recommend.recommend3 .swiper-container {
	height:auto
}
.recommend .swiper-container {
	width:100%;
	height:260px;
	margin:0 auto;
	padding-top:20px;
	margin-top:-20px;
	position:relative
}
.recommend .swiper-container .swiper-slide .recommend-mode5 {
	position:relative
}
.recommend .swiper-container .swiper-slide .recommend-mode5:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:99
}
.recommend .swiper-container .swiper-slide.swiper-slide-active .recommend-mode5:before {
	display:none
}
.recommend-con {
	padding-top:16px
}
.recommend-con .icon {
	position:absolute;
	top:0;
	left:0;
	z-index:1
}
.recommend-img {
	width:56px;
	height:56px;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	box-sizing:border-box;
	border-radius:12px;
	position:relative
}
.recommend-img img {
	width:100%;
	height:100%;
	border-radius:12px
}
.recommend-img>span {
	position:absolute;
	top:-10px;
	left:50%;
	width:60px;
	color:#28333d;
	font-size:12px;
	height:20px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing:subpixel-antialiased;
	-webkit-transform:translate3d(-50%,0,0) scale(.8);
	transform:translate3d(-50%,0,0) scale(.8);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#00baeb),to(#2dff81)),radial-gradient(#c9fd37,rgba(2,177,218,.1));
	background-image:linear-gradient(#00baeb,#2dff81),radial-gradient(#c9fd37,rgba(2,177,218,.1));
	border-radius:8px
}
.recommend-img .icon {
	border-radius:12px 0 0 0
}
.recommend-img.on {
	box-shadow:0 0 0 2px #03c47e
}
.recommend-imgbox {
	height:0!important;
	padding-top:46.5%;
	position:relative
}
.recommend-imgbox>div {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.recommend-img-big {
	height:100%;
	overflow:hidden;
	position:relative
}
.recommend-img-big img {
	border-radius:4px 4px 0 0;
	display:block;
	object-fit:cover;
	object-position:center;
	width:100%;
	height:100%
}
.recommend-intr {
	margin:0 16px;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	overflow:hidden
}
.recommend-intr>h3 {
	font-size:16px;
	font-weight:400;
	margin-bottom:4px
}
.recommend-intr>p {
	color:#b4c0c9;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.recommend-tags {
	position:absolute;
	right:0;
	bottom:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end
}
.recommend-tags>li {
	margin-bottom:6px;
	margin-right:6px;
	background:rgba(0,0,0,.4);
	border:1px solid hsla(0,0%,100%,.1);
	border-radius:8px;
	padding:0 4px
}
.recommend-tags>li span {
	font-size:12px;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	display:block
}
.recommend-tip {
	position:absolute;
	top:12px;
	right:16px;
	left:30px;
	text-align:right;
	font-size:16px;
	z-index:2
}
.recommend-mode1>li {
	margin-bottom:32px
}
.recommend-mode1>li:last-child {
	margin-bottom:0
}
.recommend-mode2 {
	width:94%!important;
	max-width:327px;
	background:#28333d;
	border-radius:4px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	position:relative
}
.recommend-mode2>.icon {
	border-radius:4px 0 0 0
}
.recommend-mode2-con {
	padding:12px 16px;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.recommend-mode2-con .recommend-intr>h3 {
	font-weight:700
}
.recommend-mode2-con .recommend-intr>p {
	font-size:12px
}
.recommend-mode2-con.recommend-mode2-con-pc {
	padding:8px 16px
}
.recommend-mode2-con.recommend-mode2-con-pc .recommend-img {
	height:64px
}
.recommend-mode2-con.recommend-mode2-con-pc .recommend-img img {
	width:46px;
	border-radius:0
}
.recommend-mode3,.recommend-mode4 {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	overflow-x:auto
}
.recommend-mode3::-webkit-scrollbar,.recommend-mode4::-webkit-scrollbar {
	display:none
}
.recommend-mode3>li,.recommend-mode4>li {
	padding:24px 8px;
	width:104px;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	margin-right:8px;
	background:#28333d;
	border-radius:4px;
	text-align:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	position:relative
}
.recommend-mode3>li:last-child,.recommend-mode4>li:last-child {
	margin-right:0
}
.recommend-mode3>li>.icon,.recommend-mode4>li>.icon {
	border-radius:4px 0 0 0
}
.recommend-mode3 .recommend-img,.recommend-mode4 .recommend-img {
	margin:0 auto
}
.recommend-mode3 .recommend-intr,.recommend-mode4 .recommend-intr {
	margin:6px 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.recommend-mode3 .recommend-intr>h3,.recommend-mode4 .recommend-intr>h3 {
	font-size:14px;
	margin-bottom:0
}
.recommend-mode4 {
	padding:10px 2px 0;
	margin:-10px -2px 0
}
.recommend-mode4>li {
	padding:0;
	width:128px;
	background:none
}
.recommend-mode4>li:last-child {
	padding-right:2px
}
.recommend-mode4 .recommend-img {
	width:100%;
	height:180px;
	border-radius:4px
}
.recommend-mode4 .recommend-img img {
	height:100%;
	border-radius:4px
}
.recommend-mode4 .recommend-img>span {
	width:70px;
	height:25px;
	font-size:14px;
	top:-12px
}
.recommend-mode5 {
	width:128px;
	height:260px;
	background:#28333d;
	text-align:center;
	border-radius:4px;
	margin:0 auto
}
.recommend-mode5 .recommend-img {
	width:100%;
	height:180px;
	border-radius:4px
}
.recommend-mode5 .recommend-img img {
	height:100%;
	border-radius:4px
}
.recommend-mode5 .recommend-intr {
	margin:0;
	width:100%;
	padding:8px 8px 6px;
	box-sizing:border-box
}
.recommend-mode5 .recommend-intr>h3 {
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.live-roomlist {
	padding-bottom:16px
}
.live-roomlist.living {
	padding-bottom:100px
}
.live-roomlist .sticky .sticky-box {
	background-color:#1e2831;
	-webkit-transition:background-color .3s,box-shadow .3s;
	transition:background-color .3s,box-shadow .3s
}
.live-roomlist .sticky.fixed-status .sticky-box {
	background-color:#28333d;
	box-shadow:0 12px 14px 0 rgba(0,0,0,.2)
}
.live-roomlist .sk-circle {
	width:30px!important;
	height:30px!important
}
.live-roomlist .headerbox {
	height:auto;
	padding:16px;
	padding-top:-webkit-calc(16px + env(safe-area-inset-top));
	padding-top:calc(16px + env(safe-area-inset-top));
	box-sizing:border-box;
	background-color:transparent
}
.live-roomlist .headerbox .g-Btn {
	width:90px;
	font-size:14px;
	padding:0 16px;
	margin-left:8px;
	text-decoration:none
}
.live-roomlist .search {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	height:36px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	background:#28333d;
	border-radius:28px;
	font-size:14px;
	color:#899cb0
}
.live-roomlist .search .icon {
	margin-left:13px;
	margin-right:3px
}
.live-roomlist .nav-sticky {
	margin-bottom:12px
}
.live-roomlist .nav-sticky.single .subnav-active {
	width:0!important
}
.live-roomlist .subnavBox {
	height:40px
}
.live-roomlist .subnavBox h2 {
	margin-right:22px!important;
	font-weight:400;
	font-size:16px;
	opacity:.5
}
.live-roomlist .subnavBox h2.on {
	opacity:1
}
.live-roomlist .empty-status {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	line-height:24px;
	text-align:center;
	font-size:12px;
	color:#8b969f
}
.live-roomlist .empty-status .icon-live-notready {
	margin-bottom:10px
}
.live-roomlist .empty-status .empty-recommend {
	width:343px;
	height:319px;
	background:url(../img/pic_live_empty_banner.84939cad.png) no-repeat;
	background-size:100% 100%;
	margin-top:40px;
	padding-top:230px;
	box-sizing:border-box
}
.live-roomlist .empty-status .empty-recommend p {
	border-top:1px solid #2f3e4e;
	width:200px;
	padding-top:10px;
	margin:0 auto
}
.live-roomlist .headerbox {
	position:static;
	padding-left:8%;
	padding-right:8%
}
@media only screen and (max-width:768px) {
	.live-roomlist .headerbox {
	padding-left:40px;
	padding-right:40px
}
}@media only screen and (max-width:414px) {
	.live-roomlist .headerbox {
	padding-left:16px;
	padding-right:16px
}
}.roomlist {
	font-size:0
}
.roomlist li {
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:inline-flex;
	width:48%;
	margin-right:4%;
	margin-bottom:14px;
	font-size:14px;
	vertical-align:middle;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	background:#28333d;
	border-radius:4px;
	cursor:pointer
}
.roomlist li:nth-child(2n) {
	margin-right:0
}
.roomlist li.notready .cover img {
	height:75%;
	object-fit:contain;
	object-position:center -7px
}
.roomlist li .cover {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.54761905%;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#28333d),color-stop(98%,#4d6275));
	background-image:linear-gradient(180deg,#28333d,#4d6275 98%);
	border-radius:4px
}
.roomlist li .cover img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:4px;
	object-fit:cover
}
.roomlist li .tag {
	position:absolute;
	top:0;
	right:0;
	background:#03c47e;
	border-radius:0 4px 0 4px;
	padding:3px 7px;
	font-size:12px;
	color:#fff
}
.roomlist li .bar {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:32px;
	padding:0 8px;
	border-radius:0 0 4px 4px;
	box-sizing:border-box;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(11%,transparent),to(rgba(0,0,0,.4)));
	background-image:linear-gradient(180deg,transparent 11%,rgba(0,0,0,.4));
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding-top:4px;
	font-size:12px;
	color:#b4c0c9
}
.roomlist li .bar .game {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	word-break:keep-all;
	text-overflow:ellipsis;
	overflow:hidden
}
.roomlist li .bar .view {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	color:#b4c0c9
}
.roomlist li .bar .view .icon {
	margin-right:3px
}
.roomlist li .info {
	padding:8px
}
.roomlist li .name {
	font-weight:700;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.roomlist li .user {
	margin-top:7px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.roomlist li .user img {
	width:20px;
	height:20px;
	border-radius:50%;
	margin-right:4px
}
.roomlist li .user span {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:12px;
	color:#b4c0c9
}
.neplayer {
	position:relative;
	background-color:#000
}
.neplayer .vjs-loading-spinner {
	display:none!important
}
.neplayer video {
	position:static
}
.neplayer .cover {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#28333d),color-stop(98%,#4d6275));
	background-image:linear-gradient(180deg,#28333d,#4d6275 98%);
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.neplayer .cover img {
	width:276px;
	height:176px
}
.neplayer .cover p {
	max-width:80%;
	margin-top:20px;
	margin-bottom:100px;
	text-align:center;
	font-size:14px
}
.neplayer .cover.videoReady {
	opacity:0;
	background-image:none
}
.neplayer .cover.videoReady img,.neplayer .cover.videoReady p {
	display:none
}
.live-detail {
	position:fixed;
	width:100%;
	height:100%
}
.live-detail video {
	object-fit:contain
}
.keeplive {
	position:fixed;
	left:16px;
	right:16px;
	bottom:68px;
	bottom:-webkit-calc(68px + constant(safe-area-inset-bottom));
	bottom:calc(68px + constant(safe-area-inset-bottom));
	bottom:-webkit-calc(68px + env(safe-area-inset-bottom));
	bottom:calc(68px + env(safe-area-inset-bottom));
	z-index:20;
	height:72px;
	border-radius:4px;
	background:#304051;
	background-size:cover;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	padding:0 20px;
	box-shadow:0 0 20px 0 rgba(0,0,0,.2)
}
.keeplive,.keeplive .keeplive-info {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.keeplive .keeplive-info {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.keeplive .keeplive-avatar {
	margin-right:10px
}
.keeplive .keeplive-name {
	margin-bottom:4px;
	text-overflow:ellipsis;
	overflow:hidden
}
.keeplive .keeplive-btns {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.keeplive .keeplive-btns i {
	margin-left:6px
}
@media only screen and (max-width:375px) {
	.keeplive {
	padding:0 10px
}
}@media only screen and (max-height:720px) {
	.keeplive {
	bottom:58px;
	bottom:-webkit-calc(58px + constant(safe-area-inset-bottom));
	bottom:calc(58px + constant(safe-area-inset-bottom));
	bottom:-webkit-calc(58px + env(safe-area-inset-bottom));
	bottom:calc(58px + env(safe-area-inset-bottom))
}
}.followlivelist {
	font-size:0
}
.followlivelist li {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	margin-bottom:30px
}
.followlivelist li:last-child {
	margin-bottom:0
}
.followlivelist li .avatar {
	margin-right:12px
}
.followlivelist li .avatar img {
	border:1px solid hsla(0,0%,100%,.4)
}
.followlivelist .user {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.followlivelist .user .name {
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:14px;
	color:#fff
}
.followlivelist .user .game {
	text-overflow:ellipsis;
	overflow:hidden;
	margin-top:4px;
	font-size:12px;
	color:#b4c0c9
}
.followlivelist .user .game span {
	margin-right:4px
}
.followlivelist .user .game.host span,.followlivelist .user .game.join span {
	border-radius:9px;
	line-height:18px;
	padding:0 8px;
	font-size:12px;
	color:#28333d
}
.followlivelist .user .game.host span {
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ff606f),to(#ffa342));
	background-image:linear-gradient(180deg,#ff606f,#ffa342)
}
.followlivelist .user .game.join span {
	background-image:-webkit-gradient(linear,left top,left bottom,from(#2084ff),to(#0affd3)),radial-gradient(0 228% at 0 0,#37fddf 100%,rgba(2,186,218,0) 0);
	background-image:linear-gradient(180deg,#2084ff,#0affd3),radial-gradient(0 228% at 0 0,#37fddf 100%,rgba(2,186,218,0) 0)
}
.followlivelist .entry a {
	width:70px;
	height:30px;
	line-height:30px;
	padding:0 16px;
	font-size:12px
}
.live-search-resutl .search-title {
	margin-bottom:16px
}
.live-search-resutl .empty-status {
	height:330px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	line-height:24px;
	text-align:center;
	font-size:12px;
	color:#8b969f
}
.live-search-resutl .empty-status .icon-live-empty {
	margin-bottom:10px
}
.createliveroom {
	-webkit-animation:bgFadeIn .3s;
	animation:bgFadeIn .3s;
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	align-items:flex-end
}
.createliveroom .content-box {
	position:relative;
	width:100%;
	height:90vh;
	background:#28333d;
	border-radius:4px 4px 0 0;
	-webkit-animation:slideInBottom .3s;
	animation:slideInBottom .3s;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.createliveroom .content-body {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	overflow:auto
}
.createliveroom .content-body::-webkit-scrollbar {
	display:none
}
.createliveroom .content-footer {
	padding:14px 20px 38px 20px;
	background:#28333d;
	box-sizing:border-box
}
.createliveroom .content-footer .g-Btn {
	width:100%;
	height:40px
}
.createliveroom .sticky .sticky-box {
	background-color:#28333d;
	border-radius:4px 4px 0 0
}
.createliveroom .btn-close {
	position:absolute;
	top:16px;
	right:16px;
	z-index:102
}
.choosegame .current-game,.searchgame .current-game {
	height:54px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	padding:0 16px
}
.choosegame .current-game span,.searchgame .current-game span {
	max-width:52%;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:keep-all
}
.choosegame .subnav2,.searchgame .subnav2 {
	position:relative;
	padding:0 16px
}
.choosegame .subnav2 .icon,.searchgame .subnav2 .icon {
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	margin-right:4px
}
.choosegame .game-list,.searchgame .game-list {
	padding:26px 16px;
	font-size:0
}
.choosegame .game-list li,.searchgame .game-list li {
	display:inline-block;
	vertical-align:top;
	margin-bottom:24px
}
.choosegame .game-list li:nth-child(4n),.searchgame .game-list li:nth-child(4n) {
	margin-right:0!important
}
.choosegame .game-list li.active .icon,.searchgame .game-list li.active .icon {
	display:block
}
.choosegame .game-list li.active .game-cover img,.searchgame .game-list li.active .game-cover img {
	border:2px solid #07e4b5
}
.choosegame .game-list li.active .game-name,.searchgame .game-list li.active .game-name {
	color:#03c47e
}
.choosegame .game-list li.mobile,.searchgame .game-list li.mobile {
	width:22%;
	margin-right:4%
}
.choosegame .game-list li.mobile .icon,.searchgame .game-list li.mobile .icon {
	border-radius:0 12px 0 12px
}
.choosegame .game-list li.mobile .game-cover,.searchgame .game-list li.mobile .game-cover {
	padding-bottom:100%
}
.choosegame .game-list li.mobile .game-cover img,.searchgame .game-list li.mobile .game-cover img {
	border-radius:24%
}
.choosegame .game-list li.pc,.searchgame .game-list li.pc {
	width:22%;
	margin-right:4%
}
.choosegame .game-list li.pc .icon,.searchgame .game-list li.pc .icon {
	border-radius:0 4px 0 4px
}
.choosegame .game-list li.pc .game-wrap,.searchgame .game-list li.pc .game-wrap {
	width:80%;
	margin-left:auto;
	margin-right:auto
}
.choosegame .game-list li.pc .game-cover,.searchgame .game-list li.pc .game-cover {
	padding-bottom:142.85714286%
}
.choosegame .game-list li.pc .game-cover img,.searchgame .game-list li.pc .game-cover img {
	border-radius:10%
}
.choosegame .game-list li .icon,.searchgame .game-list li .icon {
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	width:20px;
	height:20px;
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-position:50%;
	background-color:#07e4b5;
	display:none
}
.choosegame .game-list li .game-cover,.searchgame .game-list li .game-cover {
	position:relative;
	height:0;
	overflow:hidden
}
.choosegame .game-list li .game-cover img,.searchgame .game-list li .game-cover img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	box-sizing:border-box;
	border:2px solid transparent
}
.choosegame .game-list li .game-name,.searchgame .game-list li .game-name {
	white-space:nowrap;
	word-break:keep-all;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-top:8px;
	text-align:center;
	font-size:12px;
	color:#fff
}
.createform .form-title {
	height:54px;
	padding:0 16px;
	line-height:54px;
	text-align:center;
	color:#fff
}
.createform .choose {
	margin-top:6px;
	padding:0 16px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.createform .choose p {
	font-size:14px;
	color:#a5a9ac
}
.createform .choose img {
	width:64px;
	height:64px;
	border-radius:24%;
	margin-top:16px
}
.createform .choose span {
	margin-top:8px;
	font-size:14px;
	color:#fff
}
.createform .form {
	padding:0 16px 26px 16px
}
.createform .form p {
	margin-top:32px;
	margin-bottom:12px;
	color:#a5a9ac
}
.createform .form .color-normal {
	color:#8b969f
}
.createform .textarea {
	position:relative
}
.createform .textarea textarea {
	border-radius:8px
}
.createform .textarea p {
	position:absolute;
	right:15px;
	bottom:11px;
	margin:0;
	font-size:12px!important;
	color:#8b969f
}
.createform .g-Btn {
	width:100%;
	margin:30px 0
}
.searchgame .search-mobile {
	height:auto;
	margin:0;
	padding:0
}
.searchgame .search-mobile>div {
	position:static;
	background-color:transparent;
	padding-top:10px
}
.searchgame .search-mobile .search-inputbox {
	background-color:#304051
}
.searchgame .search-title {
	margin-top:26px;
	margin-bottom:0
}
.searchgame .search-history,.searchgame .search-title {
	padding-left:16px;
	padding-right:16px
}
.searchgame .game-list {
	padding-top:24px
}
.live-code-confirm {
	margin-bottom:50%
}
.live-code-confirm .cofirm-cont {
	padding-left:32px;
	padding-right:32px
}
.live-code-confirm .input {
	margin-top:12px;
	background:#1e2831;
	border:0 solid #03c47e;
	border-radius:18px
}
.live-code-confirm .cofirm-msg {
	padding-top:0;
	padding-bottom:27px
}
.live-banner .slide-wrap {
	border-radius:0!important
}
.live-education .slide-box {
	padding:10% 8% 14% 8%;
	background:#28333d;
	border-radius:4px;
	box-shadow:0 0 12px rgba(0,0,0,.5)
}
.live-education .slide-box:before {
	content:"";
	position:absolute;
	top:-18px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:136px;
	height:36px;
	background-image:url(../img/pic_title@3x.ecd2aee3.png);
	background-size:100%
}
.live-education .slide-list {
	width:66vw!important;
	height:100.546875vw!important
}
.live-education .slide-content {
	background-size:100% auto;
	background-position:top;
	background-repeat:no-repeat;
	background-color:transparent
}
.live-education .slide-trigger {
	bottom:30px
}
.live-education.landscape.lock-portrait .slide-box {
	padding:5% 3%
}
.live-education.landscape.lock-portrait .slide-list {
	width:39.38461538vh!important;
	height:60vh!important
}
.live-education.landscape.lock-portrait .slide-trigger {
	bottom:16px
}
.live-education.landscape.lock-portrait .slide-close {
	width:28px;
	height:28px;
	-webkit-transform:translate(50%,12px);
	transform:translate(50%,12px)
}
.pulldownrefresh {
	position:relative
}
.pulldownrefresh.end-status {
	-webkit-transition:-webkit-transform .3s ease-out;
	transition:-webkit-transform .3s ease-out;
	transition:transform .3s ease-out;
	transition:transform .3s ease-out,-webkit-transform .3s ease-out
}
.pulldownrefresh .pulldown-loading {
	pointer-events:none;
	position:absolute;
	top:0;
	left:50%;
	z-index:100;
	width:20px;
	height:20px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	opacity:0;
	font-size:0
}
.pulldownrefresh .pulldown-loading .sk-circle {
	width:30px;
	height:30px
}
.pulldownrefresh .pulldown-loading.end-status {
	-webkit-transition-property:opacity,-webkit-transform;
	transition-property:opacity,-webkit-transform;
	transition-property:opacity,transform;
	transition-property:opacity,transform,-webkit-transform;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}
.pageuserinfo .topnav a {
	position:absolute;
	bottom:0;
	right:20px;
	right:-webkit-calc(20px + env(safe-area-inset-right));
	right:calc(20px + env(safe-area-inset-right))
}
.pageuserinfo .topnav a[disabled] {
	color:#b6b6b6
}
.userinfo-content {
	padding-left:20px;
	padding-right:20px;
	padding-left:-webkit-calc(20px + env(safe-area-inset-left));
	padding-left:calc(20px + env(safe-area-inset-left));
	padding-right:-webkit-calc(20px + env(safe-area-inset-right));
	padding-right:calc(20px + env(safe-area-inset-right))
}
.userinfo-mobile ul li {
	min-height:60px;
	box-sizing:border-box;
	padding-top:16px;
	padding-bottom:16px;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	border-bottom:1px solid #2f3c47;
	color:#b4c0c9
}
.userinfo-mobile .item-right,.userinfo-mobile ul li {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.userinfo-mobile .item-right {
	color:#8b969f
}
.userinfo-mobile .item-right .icon-avatar3 {
	width:48px;
	height:48px
}
.userinfo-mobile .item-right .icon-qr-back {
	margin-left:4px
}
.userinfo-mobile .item-right .realname-tag {
	display:inline-block;
	width:44px;
	height:20px;
	line-height:20px;
	margin-left:4px;
	background:rgba(3,196,126,.2);
	border:1px solid #03c47e;
	border-radius:4px;
	font-size:12px;
	color:#03c47e;
	text-align:center
}
.userinfo-editname .label {
	margin-top:24px;
	margin-bottom:12px
}
.userinfo-editname .count {
	margin-top:8px;
	text-align:right
}
.userinfo-editname .count.color-normal {
	color:#8b969f
}
.userinfo-editavatar .pCanvas-container {
	border:1px solid #888!important;
	border-radius:50%;
	overflow:hidden
}
.userinfo-editavatar .pCanvas-container canvas {
	border-radius:50%
}
.userinfo-editavatar .action-bar {
	border-top:none!important
}
.userinfo-editavatar .action-bar .btn-cancel {
	margin-left:20px;
	margin-left:-webkit-calc(20px + env(safe-area-inset-left));
	margin-left:calc(20px + env(safe-area-inset-left))
}
.userinfo-editavatar .action-bar .btn-ok {
	margin-right:20px;
	margin-right:-webkit-calc(20px + env(safe-area-inset-right));
	margin-right:calc(20px + env(safe-area-inset-right));
	color:#03c47e!important
}
.userinfo-editavatar-loading {
	z-index:999
}
@media (orientation:portrait) {
	.userinfo-editavatar .clipper-part,.userinfo-editavatar .gesture-mask {
	bottom:100px!important;
	bottom:-webkit-calc(100px + env(safe-area-inset-bottom))!important;
	bottom:calc(100px + env(safe-area-inset-bottom))!important
}
.userinfo-editavatar .action-bar {
	height:100px!important;
	height:-webkit-calc(100px + env(safe-area-inset-bottom))!important;
	height:calc(100px + env(safe-area-inset-bottom))!important
}
}.userinfo-editavatar-pc {
	width:240px;
	margin-left:auto;
	margin-right:auto
}
.userinfo-editavatar-pc .avatar-canvas {
	position:relative;
	width:240px;
	height:240px
}
.userinfo-editavatar-pc .zoom-in-out {
	margin-top:16px
}
.userinfo-editavatar-pc .avatar-submit {
	margin-top:48px;
	text-align:center
}
.userinfo-editavatar-pc .pCanvas-container {
	border:1px solid #888!important;
	border-radius:50%;
	overflow:hidden
}
.userinfo-editavatar-pc .pCanvas-container canvas {
	border-radius:50%
}
.userinfo-editavatar-pc .clipper-part,.userinfo-editavatar-pc .gesture-mask {
	bottom:0!important
}
.userinfo-editavatar-pc .action-bar {
	display:none
}
.userinfo-confirm {
	width:382px
}
.userinfo-confirm .form-avatar {
	margin:48px auto 40px auto;
	display:block;
	cursor:pointer
}
.userinfo-confirm .form-avatar .icon-edit-photo {
	position:absolute;
	right:-2px;
	bottom:-2px
}
.userinfo-confirm .form-label {
	color:#a5a9ac
}
.userinfo-confirm .form-text {
	margin-top:16px;
	margin-bottom:30px;
	color:#fff
}
.userinfo-confirm .form-input {
	margin-top:10px;
	margin-bottom:24px
}
.userinfo-confirm .form-btns {
	margin-top:48px;
	text-align:right
}
.userinfo-confirm .form-btns .g-Btn-white {
	background-color:transparent
}
.userinfo-confirm .form-btns .g-Btn-green2 {
	margin-left:16px
}
.userinfo-confirm .form-btns .g-Btn-green2[disabled] {
	opacity:.5;
	cursor:not-allowed
}
.userinfo-confirm .edit-avatar .edit-title {
	margin-bottom:24px;
	text-align:center;
	color:#a5a9ac
}
.realname-confirm .cofirm-head .icon-close {
	top:11px;
	right:8px
}
.realname-confirm .cofirm-head h2 {
	padding:14px 0
}
.realname-confirm .cofirm-cont {
	padding-top:0;
	padding-bottom:40px
}
.realname-confirm .cofirm-cont .tips {
	line-height:16px;
	background:#322e28;
	padding:8px 16px;
	margin:0 -16px;
	font-size:12px;
	color:#f3ae1f
}
.realname-confirm .form-item p {
	margin-top:23px;
	margin-bottom:12px;
	font-size:14px;
	color:#a5a9ac
}
.realname-confirm .cofirm-btns {
	margin-top:32px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	color:#8b969f
}
.realname-confirm .cofirm-btns a {
	margin:0;
	color:#b4c0c9
}
.realname-confirm .cofirm-btns .g-Btn {
	margin-top:8px
}
.user-avatar {
	position:relative;
	display:inline-block
}
.user-avatar .avatar-frame {
	position:absolute;
	top:-13%;
	left:-13%;
	right:-13%;
	bottom:-13%;
	background-size:100% 100%
}
.user-avatar img {
	width:100%;
	height:100%;
	border-radius:50%;
	border:2px solid #fff;
	box-sizing:border-box;
	object-fit:cover
}
.zoom-in-out {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.zoom-in-out,.zoom-in-out .zoom-bar {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.zoom-in-out .zoom-bar {
	position:relative;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	height:4px;
	background:#1e2831;
	border-radius:2px;
	margin-left:4px;
	margin-right:4px
}
.zoom-in-out .zoom-bar .zoom-point {
	width:16px;
	height:16px;
	border-radius:50%;
	background:#03c47e;
	cursor:pointer
}
.pagewithdraw .topnav a {
	position:absolute;
	top:0;
	right:20px;
	right:-webkit-calc(20px + env(safe-area-inset-right));
	right:calc(20px + env(safe-area-inset-right));
	color:#8b969f
}
.pagewithdraw .withdraw-label {
	margin-top:32px;
	font-size:14px;
	color:#a5a9ac
}
.pagewithdraw .withdraw-radio {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	margin-top:12px;
	font-size:0
}
.pagewithdraw .withdraw-radio li {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	height:32px;
	box-sizing:border-box;
	background:#1e2831;
	border:1px solid transparent;
	border-radius:16px;
	margin-right:8px;
	vertical-align:middle;
	font-size:12px;
	color:#b4c0c9
}
.pagewithdraw .withdraw-radio li.on {
	background:rgba(3,196,126,.1);
	border:1px solid #03c47e;
	color:#03c47e
}
.pagewithdraw .withdraw-radio li:last-child {
	margin-right:0
}
.pagewithdraw .input {
	margin-top:12px
}
.pagewithdraw .input a {
	font-size:12px
}
.pagewithdraw .withdraw-btn {
	margin-top:32px
}
.pagewithdraw .withdraw-btn button {
	width:100%
}
.follow-box {
	padding:20px;
	box-sizing:border-box
}
.follow-item {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin-bottom:20px
}
.follow-item,.follow-item .follow-nickinfo {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.follow-item .follow-nickinfo {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	width:70%
}
.follow-item .user-avatar {
	margin-right:10px
}
.follow-item .user-avatar img {
	border-width:1px!important
}
.follow-item a.g-Btn {
	width:56px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:12px;
	font-weight:400;
	padding:0
}
.follow-item a.g-Btn.g-Btn-long {
	width:80px
}
.follow-item p {
	font-size:14px;
	color:#fff;
	width:80%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.follow-none {
	margin:80px auto 0
}
.follow-none p {
	font-size:14px;
	color:#61686f;
	text-align:center;
	margin-top:16px
}
.follow-none .icon {
	display:block;
	margin:0 auto
}
.income-wrap {
	box-sizing:border-box
}
.income-wrap .subnav {
	padding:0 20px 10px
}
.income-wrap .subnav .sticky-box {
	background:#28333d
}
.income-padding {
	padding:30px 20px 10px
}
.income-balance {
	width:100%;
	background:#304051;
	box-sizing:border-box;
	padding:37px 20px;
	border-radius:4px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.income-balance .income-balance-desc p:first-child {
	font-size:24px
}
.income-balance .income-balance-desc p:last-child {
	color:#8b969f
}
.income-balance .income-balance-desc p:last-child i {
	margin-left:5px;
	width:14px;
	height:14px
}
.income-box .income-time {
	width:100%;
	height:24px;
	line-height:24px;
	padding:0 20px;
	box-sizing:border-box;
	background:#1e2831;
	font-size:12px;
	color:#8b969f
}
.income-box .income-desc {
	padding:0 20px
}
.income-box .income-item {
	border-bottom:1px solid #2f3c47;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding:10px 0
}
.income-box .income-gift {
	color:#b4c0c9
}
.income-box .income-add {
	color:#03c47e;
	text-align:right
}
.income-box .income-reduce {
	color:#1bb9ff;
	text-align:right
}
.income-box .income-desc-time,.income-box .income-left {
	font-size:12px;
	color:#8b969f
}
.income-none {
	margin:80px auto 0
}
.income-none p {
	font-size:14px;
	color:#61686f;
	text-align:center;
	margin-top:16px
}
.income-none .icon {
	display:block;
	margin:0 auto
}
.switch {
	width:32px;
	height:16px;
	background:rgba(180,192,201,.48);
	border:1px solid #b4c0c9;
	border-radius:16px;
	position:relative;
	-webkit-transition:background-color .3s ease;
	transition:background-color .3s ease;
	-webkit-transition:border-color .3s;
	transition:border-color .3s
}
.switch:before {
	content:"";
	width:16px;
	height:16px;
	position:absolute;
	top:0;
	left:0;
	border-radius:14px;
	background-color:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.2);
	-webkit-transition:left .3s;
	transition:left .3s
}
.switch.on {
	background:#03c47e;
	border-color:#03c47e
}
.switch.on:before {
	left:16px
}
#NIE-copyRight {
	color:#8b969f;
	padding:30px 0;
	position:relative
}
#NIE-copyRight .g-color,#NIE-copyRight a {
	color:#8b969f
}
#NIE-copyRight .g-color:hover,#NIE-copyRight a:hover {
	color:#03c47e
}
#NIE-copyRight .nie-copyright-new-inner {
	width:auto;
	text-align:center
}
#NIE-copyRight .nie-cn-part2 p {
	display:none
}
#NIE-copyRight .nie-cn-nav {
	text-align:left
}
.netease-tips {
	display:none!important
}
.InMobile #NIE-copyRight {
	display:none
}
.notevent {
	pointer-events:none
}
.right,.right {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.center {
	padding-top:constant(safe-area-inset-top);
	padding-top:env(safe-area-inset-top)
}
.center-block {
	margin-left:16px;
	margin-right:16px;
	border-radius:8px
}
.user-detail2 {
	padding-top:30px;
	margin:0 16px 36px
}
.vipcard {
	margin:0 16px
}
.menulist {
	margin-top:20px;
	margin-bottom:50px;
	padding-left:-webkit-calc(20px + env(safe-area-inset-left));
	padding-left:calc(20px + env(safe-area-inset-left));
	padding-right:-webkit-calc(20px + env(safe-area-inset-right));
	padding-right:calc(20px + env(safe-area-inset-right))
}
.menulist li {
	padding-right:0
}
.menulist li:last-child {
	border-bottom:0
}
.bottips {
	position:fixed;
	left:50%;
	bottom:72px;
	bottom:-webkit-calc(72px + constant(safe-area-inset-bottom));
	bottom:calc(72px + constant(safe-area-inset-bottom));
	bottom:-webkit-calc(72px + env(safe-area-inset-bottom));
	bottom:calc(72px + env(safe-area-inset-bottom));
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:10
}
.version {
	text-align:center;
	margin-top:16px;
	font-family:SourceHanSansCN-Normal;
	font-size:14px;
	color:#35404c
}
@media (orientation:landscape) {
	.user-detail2 {
	margin-bottom:20px;
	margin-left:-webkit-calc(12px + env(safe-area-inset-left));
	margin-left:calc(12px + env(safe-area-inset-left))
}
.menulist {
	margin-bottom:76px
}
}@media only screen and (max-width:375px) {
	.user-detail2 {
	margin-bottom:30px
}
}@media only screen and (max-width:320px) {
	.user-detail2 {
	margin-bottom:20px
}
}@media only screen and (max-height:720px) {
	.bottips {
	bottom:62px;
	bottom:-webkit-calc(62px + constant(safe-area-inset-bottom));
	bottom:calc(62px + constant(safe-area-inset-bottom));
	bottom:-webkit-calc(62px + env(safe-area-inset-bottom));
	bottom:calc(62px + env(safe-area-inset-bottom))
}
}#content {
	overflow:hidden;
	padding-top:10px;
	color: #fff;
}
.follow-list .follow-item {
	margin-top:16px;
	margin-bottom:0;
	background:#28333d;
	padding:4px 8px;
	border-radius:4px;
	cursor:pointer
}
.pagecheckin .nav-logo-big {
	margin:15px auto 0
}
.pagecheckin .nav-logo-big img {
	width:100%;
	display:block
}
.rule {
	position:absolute;
	top:0;
	top:constant(safe-area-inset-top);
	top:env(safe-area-inset-top);
	right:0;
	padding:0 18px;
	height:60px;
	z-index:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.code-box {
	padding-top:54px
}
.code-box .faq {
	text-align:right;
	font-size:12px;
	line-height:17px;
	padding:14px 0 30px
}
.code-box .faq i,.code-box .faq span {
	vertical-align:middle
}
.code-box .faq i {
	width:14px;
	height:14px;
	margin-right:4px
}
.gamepad {
	position:relative
}