::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-track {
  display: none;
}

::-webkit-scrollbar-thumb {
 display: none;
}
*,
body {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-style: normal;
	font-weight: 400
}

body {
	color: #aaa;
	font-size: 14px;
	line-height: 1.6
}

dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
li,
ol,
ul {
	margin: 0;
	padding: 0;
	border: none
}

li,
ul {
	list-style: none outside none
}

a,
button,
input,
label,
select,
textarea {
	font-size: 14px;
	line-height: 1.6;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	-webkit-appearance: none;
	outline: 0
}

a,
a:hover,
a:link,
a:visited {
	color: #aaa;
	text-decoration: none
}

.mtop10 {
	margin-top: 10px
}

.startup {
	position: absolute;
	bottom: 0;
	height: 100%;
	background: url(../images/icons/apple-launch-1125x2436.jpg) 50% no-repeat;
	background-size: 100% 100%
}

.startup,
header.navbar {
	left: 0;
	top: 0;
	right: 0;
	width: 100%
}

header.navbar {
	position: fixed;
	z-index: 999;
	height: 56px;
	background: #26292f;
	max-width: 520px;
	margin: 0 auto;
}

header.navbar .leadingbox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 0;
	font-size: 0
}

header.navbar .titlebox {
	line-height: 56px;
	color: #fff;
	text-align: center;
	font-size: 16px
}

header.navbar .detail-titlebox {
	line-height: 56px;
	color: #fff;
	text-align: center;
	font-size: 16px
}


header.navbar .actionbox {
	position: absolute;
	right: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

header.navbar .actionbox,
header.navbar a {
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 0;
	font-size: 0
}

header.navbar a {
	display: inline-block;
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

header.navbar a.back {
	padding: 0 15px
}

header.navbar a.back img {
	width: 8px;
	height: 14px
}

header.navbar a.search {
	padding: 0 15px
}

header.navbar a.search img {
	width: 18px;
	height: 18px
}

header.navbar a.text {
	padding: 0 15px;
	font-size: 14px;
	font-weight: 300;
	color: #fff
}

header.navbar .tabbox {
	overflow: hidden;
	text-align: center
}

header.navbar .tabbox a {
	display: inline-block;
	height: 56px;
	position: relative;
	padding: 0 15px;
	text-align: center;
	line-height: 56px
}
	
header.navbar .tabbox a h6 {
	position: relative;
	margin-top: 4px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #aaa
}

header.navbar .tabbox a h6.active {
	color: #fff
}

header.navbar .tabbox a h6.active:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 60%;
	height: 3px;
	margin-left: -30%;
	content: ".";
	font-size: 0;
	background-color: #ff3d6f
}


.startup,
header.user-navbar {
	left: 0;
	top: 0;
	right: 0;
	width: 100%
}

header.user-navbar {
	position: fixed;
	z-index: 999;
	height: 56px;
	max-width: 520px;
    margin: 0 auto;
}

header.user-navbar .leadingbox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 0;
	font-size: 0
}

header.user-navbar .titlebox {
	line-height: 56px;
	color: #fff;
	text-align: center;
	font-size: 16px
}

header.user-navbar .actionbox {
	position: absolute;
	right: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

header.user-navbar .actionbox,
header.navbar a {
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 0;
	font-size: 0
}

header.user-navbar a {
	display: inline-block;
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

header.user-navbar a.back {
	padding: 0 15px
}

header.user-navbar a.back img {
	width: 8px;
	height: 14px
}

header.user-navbar a.search {
	padding: 0 15px
}

header.user-navbar a.search img {
	width: 18px;
	height: 18px
}

header.user-navbar a.text {
	padding: 0 15px;
	font-size: 14px;
	font-weight: 300;
	color: #fff
}

header.user-navbar .tabbox {
	overflow: hidden;
	text-align: center
}

header.user-navbar .tabbox a {
	display: inline-block;
	height: 56px;
	position: relative;
	padding: 0 15px;
	text-align: center;
	line-height: 56px
}

header.user-navbar .tabbox a h6 {
	position: relative;
	margin-top: 4px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #aaa
}

header.user-navbar .tabbox a h6.active {
	color: #fff
}

header.user-navbar .tabbox a h6.active:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 60%;
	height: 3px;
	margin-left: -30%;
	content: ".";
	font-size: 0;
	background-color: #ff3d6f
}

.pad50 {
	height: 50px
}

.pad56 {
	height: 56px
}

.pad66 {
	height: 66px
}


.list-item-2 {
	overflow: hidden
}

.list-item-2 li {
	width: 50%;
	float: left;
	margin-top: 15px
}

.list-item-2 li:nth-child(-n+2) {
	margin-top: 0
}

.list-item-2 dl {
	margin: 0 5px;
	overflow: hidden
}

.list-item-2 dt {
	width: 100%;
	height: 0;
	float: none;
	overflow: visible;
	padding-top: 61%;
	position: relative
}

.list-item-2 dt img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 15px
}

.list-item-2 dt i {
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
	border-radius: 9px 0 9px 0
}

.list-item-2 dt cite {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 17px
}

.list-item-2 dt cite.p720 {
	background: url(../images/icons/720p.png) 100% no-repeat;
	background-size: 50px 17px
}

.list-item-2 dt cite.p1080 {
	background: url(../images/icons/1080p.png) 100% no-repeat;
	background-size: 50px 17px
}

.list-item-2 dt strong {
	position: absolute;
	right: 0;
	top: 0;
	width: 38px;
	height: 38px;
	background: url(../images/icons/label_xm.png) 100% no-repeat;
	background-size: 38px 38px
}

.list-item-2 dt strong.vip {
	background: url(../images/icons/label_vip.png) 100% no-repeat;
	background-size: 38px 38px
}

.list-item-2 dt strong.money {
	background: url(../images/icons/label_money.png) 100% no-repeat;
	background-size: 38px 38px
}

.list-item-2 dt em {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 35px;
	height: 35px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../images/icons/icon_play.png) 50% no-repeat;
	background-size: 35px 35px
}

.list-item-2 dd {
	margin-top: 5px
}

.list-item-2 dd h3 {
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.list-item-2 dd h4 {
	height: 18px;
	text-align: center
}

.list-item-2 dd h4 span {
	display: inline-block;
	height: 20px;
	padding: 0 0 0 15px;
	line-height: 22px;
	font-size: 12px;
	background-color: #14161a;
	background: url(../images/icons/icon_pf.png) 0 no-repeat;
	background-size: 12px 11px;
	border-radius: 10px;
	color: #929397;
	text-align: center
}

.list-item-2 li.paster {
	width: 100%;
	margin-top: 0
}

.pasterbox {
	padding: 10px 0
}

.pasterbox img {
	width: 100%;
	border-radius: 10px
}
#app{
	max-width: 520px;
	margin: 0 auto;
	background-color: #1b1e23;
	-webkit-box-shadow: 0 0 4px rgb(0 0 0 / 0.12);
    box-shadow: 0 0 4px rgb(0 0 0 / 0.12);
	
}
.indexbox {
    color: #fff;
    overflow-y: scroll; 
    padding: 0px 0 66px 0;
	min-height:calc(100vh)
}

.indexbox,
.searchbox {
	background: url(../images/icons/index_bg.png) 0 0 no-repeat;
	background-size: 100%;

	
	
}

.searchbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	z-index: 999;
	width: 100%;
	max-width: 520px;
}

.searchbox li.logo {
	padding: 10px 10px
}

.searchbox li.logo img {
	width: 30px;
	height: 30px;
	display: block
}

.searchbox a.schinput {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.searchbox li.gkjl {
	padding: 10px 10px
}

.searchbox li.gkjl img {
	width: 30px;
	height: 30px;
	display: block
}

.searchbox a.schinput input {
	display: block;
	height: 30px;
	padding-left: 30px;
	border: none;
	background: #9b3663;
	width: 100%;
	border-radius: 10px;
	font-size: 14px;
	color: #efa6c6
}

.searchbox a.schinput input::-webkit-input-placeholder {
	color: #efa6c6
}

.searchbox a.schinput i {
	position: absolute;
	left: 10px;
	top: 7px;
	width: 16px;
	height: 16px;
	background: url(../images/icons/icon_search2.png) 50% no-repeat;
	background-size: 100%
}

.index-grid {
	margin-top: 10px;
	overflow: hidden;
	position: relative
}

.index-grid li {
	float: left;
	width: 25%;
	padding-top: 25%;
	position: relative
}

.index-grid li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #686a6c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.index-grid li a img {
	width: 50px;
	height: 50px
}

.index-grid li a span {
	line-height: 1.5;
	text-align: center
}

.index-grid li a span h6 {
	font-weight: 400;
	font-size: 14px
}

.index-grid li a span i {
	font-size: 14px;
	color: #686a6c
}

.list-caption {
	height: 30px;
	position: relative;
	font-size: 14px;
	text-indent: 20px;
	line-height: 30px;
	background: url(../images/icons/icon_caption.png) 0 no-repeat;
	background-size: 15px 15px
}

.list-caption em {
	font-size: 16px
}

.list-caption span {
	position: absolute;
	right: 10px
}

.list-caption span a {
	color: #929397;
	font-size: 14px;
	padding: 0 12px;
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 12px
}

.list-caption span a.likechange {
	padding: 0 0 0 20px;
	background: url(../images/icons/icon_hyp.png) 0 no-repeat;
	background-size: 16px 16px
}

.list-item-1 {
	overflow: hidden
}

.list-item-1 li {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 61%;
	margin-top: 20px
}

.list-item-1 li:first-child {
	margin-top: 0
}

.list-item-1 li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.list-item-1 li img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 15px
}

.list-item-1 li h3 {
	position: absolute;
	left: 15px;
	bottom: 5px;
	right: 15px;
	height: 26px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.list-item-1 li i {
	position: absolute;
	bottom: 9px;
	right: 10px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
	border-radius: 9px 0 9px 0
}

.list-item-1 li cite {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 17px
}

.list-item-1 li cite.p720 {
	background: url(../images/icons/720p.png) 100% no-repeat;
	background-size: 50px 17px
}

.list-item-1 li cite.p1080 {
	background: url(../images/icons/1080p.png) 100% no-repeat;
	background-size: 50px 17px
}

.list-item-1 li strong {
	position: absolute;
	right: 0;
	top: 0;
	width: 38px;
	height: 38px;
	background: url(../images/icons/label_xm.png) 100% no-repeat;
	background-size: 38px 38px
}

.list-item-1 li strong.vip {
	background: url(../images/icons/label_vip.png) 100% no-repeat;
	background-size: 38px 38px
}

.list-item-1 li strong.money {
	background: url(../images/icons/label_money.png) 100% no-repeat;
	background-size: 38px 38px
}

.list-item-1 li em {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 55px;
	height: 55px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../images/icons/icon_play.png) 50% no-repeat;
	background-size: 55px 55px
}

.todays {
	margin: 10px 10px 0 10px
}

.latests {
	margin: 10px 5px 0 5px
}

.paster-box {
	padding: 10px
}

.paster-box img {
	width: 100%;
	border-radius: 10px
}

.swiper-box {
	margin-top: 10px;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 40%
}

.swiper-box-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}

.swiper-box-wrapper,
.swiper-box .swiper-container {
	width: 100%;
	height: 100%
}

.swiper-box .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px
}

.swiper-pagination-box {
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden
}

.swiper-pagination-box .swiper-pagination {
	width: 100%;
}

.swiper-pagination-box .swiper-pagination-bullet {
	background: #9b919a;
	margin-left: 6px;
	margin-right: 6px;
	width: 8px;
	height: 8px;
	opacity: 1
}

.swiper-pagination-box .swiper-pagination-bullet-active {
	width: 30px;
	height: 8px;
	background: #fff;
	border-radius: 10px
}

.marquee {
	width: 100%;
	color: #fff;
	background-color: #434343;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.marquee,
.marquee_title {
	height: 26px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.marquee_title {
	padding: 4px 5px 4px 10px
}

.marquee_title img {
	height: 18px;
	width: auto
}

.marquee_box {
	display: block;
	position: relative;
	width: calc(100% - 43px);
	height: 26px;
	overflow: hidden
}

.marquee_list {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.marquee_top {
	-webkit-transition: all .5s;
	transition: all .5s;
	margin-top: 3px;
    font-size: 12px;
	width: calc(100%);
}

.marquee_list li {
	height: 26px;
	line-height: 26px;
	font-size: 10px
}

.active_icon {
	position: fixed;
	bottom: 100px;
	right: 0;
	width: 66px;
	height: auto;
	z-index: 999
}

.active_box {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0
}

.active_box .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 998;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7)
}

.active_box .content {
	position: absolute;
	width: 80%;
	height: auto;
	z-index: 999;
	top: 50%;
	left: 10%;
	margin-top: -210px
}

.active_box .content .banner {
	width: 100%;
	height: auto
}

.active_box .content .close {
	position: absolute;
	top: -15px;
	right: 7.5px;
	width: 24px;
	height: 24px
}

.hot_game_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #2e2e2e
}

.hot_game_box .hgb_left {
	margin: 0 16px 0 13px
}

.hot_game_box .hgb_left img {
	width: 59px
}

.hot_game_box .hgb_right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
	overflow-x: auto
}

.hot_game_box .hgb_right .game_cell {
	padding: 12px 0;
	margin: 0 10px 0 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.hot_game_box .hgb_right .game_cell .imgbox img {
	width: 42px;
	height: 42px;
	border-radius: 50%
}

.specialbox {
	padding: 56px 0 66px 0;
    min-height:calc(100vh)
	/* overflow: scroll; */
	/* -webkit-overflow-scrolling: touch */
}

.actorbox {
	background: #212429;
	padding: 10px 0
}

.actorbox ul {
	overflow: hidden;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch
}

.actorbox ul::-webkit-scrollbar {
	display: none
}

.actorbox li {
	display: inline-block;
	margin: 0 10px
}

.actorbox li:first-child {
	margin-left: 15px
}

.actorbox li a {
	display: block
}

.actorbox li a>div {
	display: block;
	position: relative;
	width: 65px;
	height: 65px;
	padding: 2px;
	color: #aaa
}

.actorbox li a img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.actorbox li a cite {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: transparent url(../images/icons/actor_avatar_bg.png) 50% no-repeat;
	background-size: 65px 65px
}

.actorbox li a i {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 17px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 12px
}

.actorbox li a h6 {
	margin-top: 5px;
	font-weight: 300;
	font-size: 12px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tag-container {
	overflow: hidden;
	margin-top: 5px
}

.tagbox {
	padding: 10px 5px
}

.vodbox {
	margin-top: 10px
}

.label-list-caption {
	height: 30px;
	position: relative;
	color: #fff;
	font-size: 14px;
	text-indent: 20px;
	line-height: 30px;
	background: url(../images/icons/icon_xmfh.png) 0 no-repeat;
	background-size: 15px 15px
}

.label-list-caption em {
	font-size: 16px
}

.label-list-caption span {
	position: absolute;
	right: 10px
}

.label-list-caption span a {
	color: #929397;
	padding: 0 12px;
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 12px
}

.tabminivodlist[data-v-45fef089] {
	height: calc(100vh - 56px);
	overflow: hidden
}

.videobox[data-v-45fef089] {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	overflow: hidden
}

.videobox video[data-v-45fef089] {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	-o-object-fit: cover;
	object-fit: cover
}

.videobox .videoinfo[data-v-45fef089] {
	position: absolute;
	left: 15px;
	right: 0;
	bottom: 100px;
	text-align: left;
	color: #fff
}

.videobox .videoinfo h1[data-v-45fef089] {
	font-size: 16px;
	margin-top: 5px
}

.videobox .videoinfo h2[data-v-45fef089] {
	font-size: 14px
}

.videobox .videoinfo h6[data-v-45fef089] {
	font-size: 12px
}

.videobox .videoinfo h6 a[data-v-45fef089] {
	color: #fff;
	font-size: 12px;
	background-color: rgba(51, 51, 51, .6392156862745098);
	padding: 2px 5px;
	border-radius: 2px;
	display: inline;
	margin-right: 5px
}

.videobox .axdinfo[data-v-45fef089] {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 100px;
	text-align: left;
	color: #fff
}

.videobox .axdinfo h3[data-v-45fef089] {
	font-size: 16px
}

.videobox .axdinfo h3 a[data-v-45fef089] {
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 5px 5px;
	border-radius: 2px;
	background: -webkit-gradient(linear, left top, right top, from(#c10fd1), to(#f66b4e));
	background: linear-gradient(90deg, #c10fd1, #f66b4e)
}

.play-popbox[data-v-45fef089] {
	width: 100%;
	background: transparent;
	padding: 0 20px
}

.play-tips[data-v-45fef089] {
	width: 100%;
	height: 200px;
	overflow: hidden;
	text-align: center;
	color: #333;
	font-size: 14px;
	background: #fff url(../images/icons/icon_key.png) center 10px no-repeat;
	background-size: 55px 55px;
	border-radius: 10px
}

.play-tips dl[data-v-45fef089] {
	margin-top: 70px;
	color: #333;
	padding: 0 10px
}

.play-tips dt[data-v-45fef089] {
	font-size: 16px;
	font-weight: 700
}

.play-tips dd[data-v-45fef089] {
	font-size: 12px;
	margin-top: 5px
}

.play-tips a[data-v-45fef089] {
	display: block;
	margin: 15px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 5px 5px;
	border-radius: 2px;
	background: -webkit-gradient(linear, left top, right top, from(#c10fd1), to(#f66b4e));
	background: linear-gradient(90deg, #c10fd1, #f66b4e)
}

.mint-popup[data-v-45fef089] {
	position: absolute !important
}

.swiper-box2,
.swiper-box2-wrapper {
	width: 100%;
	height: 100%
}

.swiper-box2-wrapper {
	overflow: hidden
}

.swiper-box2 .swiper-container {
	width: 100%;
	height: 100%
}

.swiper-box2 .swiper-slide a {
	display: block
}

.swiper-box2 .swiper-slide img {
	display: block;
	border-radius: 10px
}

.swiper-box2 .swiper-slide img.hide {
	display: none
}



.hotlistbox header.navbar{
	position: fixed;
    z-index: 999;
    height: 56px;
    background: #26292f;
}

.list-item-3 {
	overflow: hidden
}

.list-item-3 li {
	margin-top: 20px
}

.list-item-3 li:first-child {
	margin-top: 0
}

.list-item-3 li dt {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 61%
}

.list-item-3 li dt img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 15px
}

.list-item-3 li dt i {
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
	border-radius: 9px 0 9px 0
}

.list-item-3 li dt cite {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 17px
}

.list-item-3 li dt cite.p720 {
	background: url(../images/icons/720p.png) 100% no-repeat;
	background-size: 50px 17px
}

.list-item-3 li dt cite.p1080 {
	background: url(../images/icons/1080p.png) 100% no-repeat;
	background-size: 50px 17px
}

.list-item-3 li strong {
	position: absolute;
	right: 0;
	top: 0;
	width: 38px;
	height: 38px;
	background: url(../images/icons/label_xm.png) 100% no-repeat;
	background-size: 38px 38px
}

.list-item-3 li strong.vip {
	background: url(../images/icons/label_vip.png) 100% no-repeat;
	background-size: 38px 38px
}

.list-item-3 li strong.money {
	background: url(../images/icons/label_money.png) 100% no-repeat;
	background-size: 38px 38px
}

.list-item-3 li dt em {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 55px;
	height: 55px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../images/icons/icon_play.png) 50% no-repeat;
	background-size: 55px 55px
}

.list-item-3 li dd {
	margin-top: 10px
}

.list-item-3 li dd h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 26px;
	color: #fff;
	font-size: 16px;
	line-height: 26px
}

.list-item-3 li dd h3 em {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.list-item-3 li dd h3 span {
	display: inline-block;
	margin-top: 5px;
	height: 16px;
	text-align: right;
	font-size: 14px;
	line-height: 16px;
	color: #aaa
}

.list-item-3 li dd h3 span time {
	display: inline-block;
	padding-right: 10px;
	border-right: 1px solid #45474b
}

.list-item-3 li dd h3 span cite {
	display: inline-block;
	margin-left: 10px;
	padding-left: 20px;
	height: 16px;
	background: url(../images/icons/icon_dzs.png) 0 no-repeat;
	background-size: 15px 15px
}

.tabminivodtop[data-v-3db1458c] {
	padding: 66px 15px 66px 15px;
	height: 100vh;
	overflow: scroll;
	-webkit-overflow-scrolling: touch
}

.listbox[data-v-3db1458c] {
	min-height: 300px
}

.minivodlist[data-v-374ec2a6] {
	color: #fff
}

.minivodlist header.navbar[data-v-374ec2a6] {
	z-index: 999;
	background: transparent
}

header.navbar .tabbox li h6[data-v-374ec2a6] {
	color: #fff
}

.tabhotlist {
	padding: 66px 15px 66px 15px;
}

.listbox {
	min-height: 300px
}

.discoverlist[data-v-7249dcb9] {
	padding: 66px 15px 66px 15px;
	height: 100vh;
	overflow: scroll;
	-webkit-overflow-scrolling: touch
}

.listbox[data-v-7249dcb9] {
	min-height: 300px
}

.recommendlist[data-v-4474dd22] {
	padding: 66px 15px 66px 15px;
	height: 100vh;
	overflow: scroll;
	-webkit-overflow-scrolling: touch
}

.listbox[data-v-4474dd22] {
	min-height: 300px
}

.hotlistbox {
	min-height:calc(100vh);
	color: #fff;
	overflow: scroll;
}

.hotlistbox header.navbar {
	z-index: 1
}

.app[data-v-0983dce2] {
	padding: 15px 7.5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.app .cell[data-v-0983dce2] {
	margin: 0 7.5px;
	position: relative
}

.app .cell img[data-v-0983dce2] {
	width: 100%;
	height: auto
}

.app .cell span[data-v-0983dce2] {
	position: absolute;
	right: 15px;
	top: 12px;
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px
}

.box[data-v-0983dce2] {
	border-radius: 16px 16px 0 0;
	background: #313131;
	-webkit-box-shadow: 0 -4px 9px 0 rgba(243, 160, 146, .24705882352941178);
	box-shadow: 0 -4px 9px 0 rgba(243, 160, 146, .24705882352941178);
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.box .box_left[data-v-0983dce2] {
	width: 52px;
	margin-right: 15px
}

.box .box_left .cell[data-v-0983dce2] {
	border-radius: 16px;
	background: hsla(0, 0%, 100%, .2);
	-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .14901960784313725);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .14901960784313725);
	width: 52px;
	height: 52px;
	margin: 0 0 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.box .box_left .cell.cur[data-v-0983dce2] {
	border-radius: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f3ab8e), to(#e834b7));
	background: linear-gradient(180deg, #f3ab8e, #e834b7)
}

.box .box_left .cell img[data-v-0983dce2] {
	width: 20px;
	height: 20px
}

.box .box_left .cell span[data-v-0983dce2] {
	font-size: 12px;
	font-weight: 700;
	height: 14px;
	line-height: 14px;
	margin: 4px 0 0 0;
	color: #fff
}

.box .box_right[data-v-0983dce2] {
	max-height: calc(100vh - 176px);
	overflow-y: auto
}

.box .box_right .game_list_box[data-v-0983dce2] {
	margin: 0 0 30px 0
}

.box .box_right .game_list_box .game_list_box_title[data-v-0983dce2] {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin: 0 0 15px 0
}

.box .box_right .game_list_box .game_list_box_content[data-v-0983dce2] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.box .box_right .game_list_box .game_list_box_content .game_cell[data-v-0983dce2] {
	width: calc(50% - 7.5px);
	text-align: center;
	margin: 0 0 15px 0
}

.box .box_right .game_list_box .game_list_box_content .game_cell .imgbox[data-v-0983dce2] {
	border-radius: 12px;
	overflow: hidden;
	background: url(/static/images/game/gamebg.png) no-repeat 0 0;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 7.5px 0;
	width: 100%;
	height: 0;
	padding-bottom: 65%;
	position: relative
}

.box .box_right .game_list_box .game_list_box_content .game_cell img[data-v-0983dce2] {
	border-radius: 12px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.box .box_right .game_list_box .game_list_box_content .game_cell span[data-v-0983dce2] {
	font-size: 12px;
	color: #fff
}

.box .box_right .game_list_box .game_list_box_content_empty[data-v-0983dce2] {
	margin: 0 0 15px 0
}

.help[data-v-0983dce2] {
	border-radius: 16px;
	background: #404040;
	padding: 30px 15px 5px 15px;
	margin: 30px 0 60px 0;
	position: relative
}

.help .help_title[data-v-0983dce2] {
	width: 180px;
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -90px
}

.help .help_title img[data-v-0983dce2] {
	width: 100%;
	height: auto
}

.help p[data-v-0983dce2] {
	margin: 0 0 10px 0;
	color: hsla(0, 0%, 100%, .7);
	font-size: 12px;
	text-align: center
}

.help p b.yellow[data-v-0983dce2] {
	color: #ff0
}

.help p b.red[data-v-0983dce2] {
	color: red
}

.help .text[data-v-0983dce2] {
	margin: 0 0 15px 0
}

.popup_enter_box[data-v-0983dce2] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.popup_enter_box .mask[data-v-0983dce2] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7)
}

.popup_enter_box .content[data-v-0983dce2] {
	width: calc(100% - 60px);
	border-radius: 16px;
	background: #313131;
	-webkit-box-shadow: 0 -4px 9px 0 rgba(243, 160, 146, .24705882352941178);
	box-shadow: 0 -4px 9px 0 rgba(243, 160, 146, .24705882352941178);
	position: absolute;
	left: 30px;
	top: 120px;
	padding: 150px 30px 30px 30px
}

.popup_enter_box .enter_title[data-v-0983dce2] {
	position: absolute;
	width: 246px;
	left: 50%;
	margin-left: -123px;
	top: -90px
}

.popup_enter_box .enter_title img[data-v-0983dce2] {
	width: 100%;
	height: auto
}

.popup_enter_box p[data-v-0983dce2] {
	margin: 0 0 10px 0;
	color: hsla(0, 0%, 100%, .8);
	font-size: 14px
}

.popup_enter_box p span[data-v-0983dce2] {
	color: #f7bc94;
	font-weight: 700;
	font-size: 24px;
	margin: 0 15px 0 0
}

.popup_enter_box p b.yellow[data-v-0983dce2] {
	color: #ff0
}

.popup_enter_box p b.red[data-v-0983dce2] {
	color: red
}

.popup_enter_box .btn_box[data-v-0983dce2] {
	text-align: center
}

.popup_enter_box .btn_box button[data-v-0983dce2] {
	border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4b58a), to(#ea4cb0));
	background: linear-gradient(180deg, #f4b58a, #ea4cb0);
	border: none;
	width: 146px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 15px;
	font-weight: 700
}

.marquee[data-v-0983dce2] {
	width: 100%;
	color: #fff;
	background-color: #434343;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.marquee[data-v-0983dce2],
.marquee_title[data-v-0983dce2] {
	height: 26px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.marquee_title[data-v-0983dce2] {
	padding: 4px 5px 4px 10px
}

.marquee_title img[data-v-0983dce2] {
	height: 18px;
	width: auto
}

.marquee_box[data-v-0983dce2] {
	display: block;
	position: relative;
	width: calc(100% - 43px);
	height: 26px;
	overflow: hidden
}

.marquee_list[data-v-0983dce2] {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.marquee_top[data-v-0983dce2] {
	-webkit-transition: all .5s;
	transition: all .5s;
	margin-top: -26px
}

.marquee_list li[data-v-0983dce2] {
	height: 26px;
	line-height: 26px;
	font-size: 10px
}

.dating_box[data-v-11711b4c] {
	position: fixed;
	height: calc(100% - 61px);
	left: 0;
	top: 0;
	width: 100%
}

.dating_box iframe[data-v-11711b4c] {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.mybox {
    color: #fff;
    padding: 0px 0 66px 0;
	min-height:calc(100vh);
}

.mybox header.navbar {
	background: transparent;
	position: relative
}

.avatar-container {
	padding: 0 0 40px 0;
	background-image: url(../images/icons/my_bg.png);
	background-repeat: no-repeat;
	background-size: cover
}

.avatarbox {
	margin: 20px 10px 0 10px;
	position: relative;
	display: block
}

.avatarbox dl {
	overflow: hidden;
	margin-left: 5px
}

.avatarbox dt {
	width: 50px;
	height: 50px;
	float: left
}

.avatarbox dt img {
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.avatarbox dd {
	height: 50px;
	margin-left: 60px
}

.avatarbox dd h1 {
	font-size: 16px;
	line-height: 25px;
	color: #fff
}

.avatarbox dd h2 {
	font-size: 14px;
	line-height: 25px;
	color: #928f95
}

.medalbox {
	height: 50px;
	position: absolute;
	right: 10px;
	top: 5px;
	text-align: right
}

.medalbox a {
	display: inline-block;
	margin-left: 5px;
	font-size: 0;
	line-height: 0
}

.medalbox a img {
	width: 40px;
	height: 40px;
	font-size: 0;
	line-height: 0
}

.walletbox {
	position: relative;
	height: 70px;
	background: #191a1f
}

.walletbox .coinbox,
.walletbox .coinshow {
	width: 50%;
	float: left;
	height: 70px
}

.walletbox .coinshow h5 {
	margin-top: 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #9b9b9c;
	font-size: 14px
}

.walletbox .coinshow h5 i {
	color: #9b9b9c;
	margin: 0 5px;
	font-weight: 300
}

.walletbox .coinshow h5 em {
	font-size: 18px;
	color: #fff;
	vertical-align: bottom
}

.walletbox .coinshow h5 img {
	width: 20px;
	height: 20px;
	vertical-align: middle
}

.walletbox .coinshow h6 {
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #9b9b9c;
	font-size: 12px;
	font-weight: 300
}

.walletbox .coinbox h5 {
	margin-top: 12px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #ffbb26
}

.walletbox .coinbox h5 a {
	display: inline-block;
	padding: 0 15px;
	font-size: 12px;
	line-height: 24px;
	border: 1px solid #ffbb26;
	border-radius: 15px;
	color: #ffbb26
}

.walletbox .coinbox h6 {
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #9b9b9c;
	font-size: 12px;
	font-weight: 300
}

.walletbox span {
	position: absolute;
	left: 50%;
	top: 15px;
	width: 1px;
	height: 40px;
	background: #2f3236
}

.usercenter {
	background: #212429
}

.user-list-caption {
	padding-top: 10px;
	height: 40px;
	position: relative;
	font-size: 12px;
	text-indent: 10px;
	line-height: 30px
}

.user-list-caption em {
	font-size: 14px;
	color: #fff
}

.user-list-caption span {
	position: absolute;
	right: 10px
}

.user-list-caption span a {
	color: #929397;
	padding: 0 12px;
	font-size: 12px;
	font-weight: 300;
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 12px
}

.bannerbox {
	padding: 10px 0
}

.bannerbox a {
	font-size: 0
}

.bannerbox img {
	width: 100%;
	display: block
}

.swiper-bannerbox {
	margin: 10px 0;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 23%
}

.swiper-bannerbox-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.swiper-bannerbox .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px
}

.swiper-bannerbox .swiper-pagination-box {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.user-infobox {
	position: relative;
	height: 70px
}

.user-infobox .signbox,
.user-infobox .viewbox {
	width: 33.33%;
	float: left;
	height: 70px
}

.user-infobox .viewbox h5 {
	margin-top: 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #9b9b9c;
	font-size: 14px
}

.user-infobox .viewbox h5 em {
	font-size: 20px;
	color: #fff
}

.user-infobox .viewbox h6 {
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #9b9b9c;
	font-size: 12px;
	font-weight: 300
}

.user-infobox .signbox h5 {
	margin-top: 12px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #ff3d6f;
	font-size: 14px
}

.user-infobox .signbox h5 a {
	display: inline-block;
	padding: 0 15px;
	line-height: 22px;
	font-size: 12px;
	border: 1px solid #90314c;
	border-radius: 15px;
	color: #ff3d6f
}

.user-infobox .signbox h5 a.signed {
	color: #aaa;
	border-color: #aaa
}

.user-infobox .signbox h6 {
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #9b9b9c;
	font-size: 12px;
	font-weight: 300
}

.user-infobox span {
	left: 33.33%
}

.user-infobox span.s2,
.user-infobox span {
	position: absolute;
	top: 15px;
	width: 1px;
	height: 40px;
	background: #2f3236
}

.user-infobox span.s2 {
	left: 66.66%
}

.gridbox {
	overflow: hidden;
	position: relative;
	background: #212429
}

.gridbox li {
	float: left;
	width: 33.33%;
	padding-top: 28%;
	position: relative;
	border-left: 1px solid #2f3236;
	border-top: 1px solid #2f3236
}

.gridbox li:nth-child(3n-2) {
	border-left: 0
}

.gridbox li:nth-child(-n+3) {
	border-top: 0
}

.gridbox li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #aaa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.gridbox li a img {
	width: 35px;
	height: 35px
}

.gridbox li a span {
	line-height: 1.5;
	text-align: center;
	position: relative
}

.gridbox li a span h6 {
	font-weight: 400;
	font-size: 12px;
	margin-top: 5px;
	font-weight: 300
}

.gridbox li a span i {
	font-size: 12px;
	color: #aaa
}

.gridbox li a span p {
	position: absolute;
	bottom: -16px;
	left: -75%;
	width: 250%;
	font-size: 12px
}

.domain {
	text-align: center;
	opacity: .1;
	padding: 30px 0 15px 0;
	color: #666
}

.fr_box {
	position: fixed;
	right: 0;
	bottom: 100px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe678), to(#ffba66));
	background-image: linear-gradient(#ffe678, #ffba66);
	height: 30px;
	line-height: 30px;
	border-radius: 15px 0 0 15px;
	padding: 0 15px;
	z-index: 999
}

.fr_box a {
	color: #672121;
	font-weight: 700
}

.fr_box span {
	margin: 0 7.5px 0 0;
	color: #672121;
	font-weight: 700
}

footer.tabbar {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
	width: 100%;
	background: #26292f;
	height: 56px;
	height: calc(constant(safe-area-inset-bottom) + 56px);
	height: calc(env(safe-area-inset-bottom) + 56px);
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	max-width: 520px;
    margin: 0 auto;
}

footer.tabbar ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

footer.tabbar a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	text-align: center;
	line-height: 0
}

footer.tabbar a img {
	display: inline-block;
	margin-top: 6px;
	width: 25px;
	height: 25px;
	font-size: 0
}

footer.tabbar a h6 {
	margin-top: 3px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #797a7c
}

footer.tabbar a h6.active {
	color: #ff3d6f;
	background-color: transparent
}

footer.tabbar li b.vip {
	background: url(../images/icons/tab_yx_vip.png);
	position: absolute;
	top: 0;
	right: 5px;
	background-size: 100% auto;
	display: inline-block;
	width: 24px;
	height: 18px
}

footer.tabbar li b.dating {
	background: url(../images/icons/tab_yp_dating.png);
	position: absolute;
	top: 0;
	right: 5px;
	background-size: 100% auto;
	display: inline-block;
	width: 24px;
	height: 18px
}

.fullscreen-box {
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.fullscreen-box img {
	width: 100%;
	height: 100%
}

.fullscreen-box span {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #797a7c;
	color: #aaa;
	border-radius: 50%;
	text-align: center
}

.saveBox {
	width: 100%
}

.saveBox.mint-popup {
	background: transparent
}

.popbox {
	margin: 0 15px 5px 15px;
	height: 55px;
	position: relative;
	color: #444;
	font-size: 16px
}

.popbox h6 {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	background: #fff;
	border-radius: 10px;
	text-align: left
}

.popbox cite {
	position: absolute;
	bottom: 8px;
	left: 50%;
	margin-left: -8px;
	display: block;
	width: 15px;
	height: 15px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.popbox img {
	width: 26px;
	height: 26px;
	vertical-align: middle
}

.popbox img.homelogo {
	margin-right: 10px
}

.popbox2 {
	margin: 0 30px 5px 30px;
	position: relative;
	color: #444;
	font-size: 16px;
	background: url(/static/images/screen/bg.png) no-repeat 0 0;
	background-size: 100% auto;
	padding: 22px 0 36px 0;
	text-align: center
}

.popbox2 .img1 {
	width: 200px;
	height: auto;
	display: inline-block
}

.popbox2 .img2 {
	position: absolute;
	width: 42px;
	height: auto;
	left: 50%;
	margin-left: -21px;
	bottom: 30px
}

.popbox2 .close {
	position: absolute;
	width: 24px;
	height: 24px;
	top: -36px;
	right: 0
}

.upgradeBox {
	width: 100%;
	height: 160px
}

.upgradeBox.mint-popup {
	background: transparent
}

.appStorebox {
	margin: 0 15px 5px 15px;
	height: 155px;
	position: relative;
	color: #444;
	font-size: 16px;
	background: #fff;
	border-radius: 10px
}

.appStorebox h6 {
	display: block;
	padding: 0 10px;
	text-align: left;
	font-size: 16px
}

.appStorebox h5 {
	padding-top: 20px;
	display: block;
	text-align: center;
	font-size: 16px
}

.appStorebox img {
	width: 32px;
	height: 32px;
	vertical-align: middle
}

.appStorebox img.AppStorelogo {
	margin-right: 10px
}

.appStorebox h6 a {
	color: #fff;
	font-size: 16px;
	text-align: center;
	display: block;
	background: #ad2e5a;
	border-radius: 8px;
	padding: 8px 0
}

.popup_enter_box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-width: 520px;
    margin: 0 auto;
	z-index: 999;
	display: none;
}

.popup_enter_box .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 1000
}

.popup_enter_box .content {
	width: calc(100% - 60px);
	border-radius: 16px;
	background: #313131;
	-webkit-box-shadow: 0 -4px 9px 0 rgba(243, 160, 146, .24705882352941178);
	box-shadow: 0 -4px 9px 0 rgba(243, 160, 146, .24705882352941178);
	position: absolute;
	left: 30px;
	top: 120px;
	padding: 105px 30px 30px 30px;
	z-index: 1001
}

.popup_enter_box .content .text {
	margin: 0 0 15px 0
}

.popup_enter_box .enter_title {
	position: absolute;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	top: -90px
}

.popup_enter_box .enter_title img {
	width: 100%;
	height: auto
}

.popup_enter_box p {
	margin: 0 0 10px 0;
	color: hsla(0, 0%, 100%, .8);
	font-size: 14px
}

.popup_enter_box p span {
	color: #f7bc94;
	font-weight: 700;
	font-size: 24px;
	margin: 0 15px 0 0
}

.popup_enter_box p b.yellow {
	color: #ff0
}

.popup_enter_box p b.red {
	color: red
}

.popup_enter_box .btn_box {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.popup_enter_box .btn_box button {
	border-radius: 8px;
	border: none;
	width: 146px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	margin: 0 15px
}

.popup_enter_box .btn_box button.ok {
	background: #737373
}

.popup_enter_box .btn_box button.go {
	background: -webkit-gradient(linear, left top, left bottom, from(#f4b58a), to(#ea4cb0));
	background: linear-gradient(180deg, #f4b58a, #ea4cb0)
}

.vodlistbox {
	min-height:calc(100vh);
	color: #fff;
	overflow-y: scroll;
}

.vodlist-header {
	background: #272727;
	padding: 0 0 10px 0;
	overflow: hidden;
}

.filter-swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.vodlist-header ul {
	display: flex;
}

.vodlist-header li {
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	white-space: nowrap;
	font-size: 14px
}

.vodlist-header div:first-child {
	margin-top: 0
}

.vodlist-header li::-webkit-scrollbar {
	display: none
}

.vodlist-header li a {
	display: inline-block;
	margin: 0 10px;
	padding: 0 5px;
	color: #aaa
}

.vodlist-header li a.active {
	padding: 0 15px;
	background: #7a2e45;
	border-radius: 15px;
	color: #fff
}

.vodrow-box {
	margin: 20px 5px 10px 5px
}

.vodshowbox {
	overflow: hidden
}

.headerbox {
	position: fixed;
	top: 40px;
	z-index: 99;
	width: 100%;
	height: 0;
	background: #000;
	max-width: 520px;
	margin: 0 auto;
}

.playbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 61%;
}

.headerbox>a {
	display: inline-block;
	width: 50px;
	height: 40px;
	z-index: 100;
	position: absolute;
	left: 0;
	top: 30px;
	background: url(../images/icons/back.png) 50% no-repeat;
	background-size: 8px 14px
}

.playbox>div,
/*.playbox img,*/
.playbox video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.playbox .playdeny {
	width: 100%;
	height: 100%;
	padding: 0 15px;
	color: #fff;
	font-size: 14px;
	background: #2f2f2f
}

.deny_top,
.playbox .playdeny {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.deny_top {
	margin: 0 0 18px 0
}

.deny_top img {
	width: 72px;
	height: 72px
}

.deny_top .info h3 {
	color: #ff5170;
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 10px 0;
	text-align: center;
}

.deny_top .info p {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	
}

.deny_bottom {
	text-align: center
}

.deny_bottom button {
	background: #ff5170;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border: 0;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	border-radius: 16px
}

.infobox {
	margin-top: 50px;
	padding: 0 10px;
	padding-top: 61%
}

.infobox h1 {
	position: relative;
	line-height: 26px;
	padding-right: 50px;
	font-size: 18px;
	color: #fff
}

.infobox h1 em {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
	width: 50px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #929193;
	background: url(../images/icons/icon_arrow2.png) 100% no-repeat;
	background-size: 18px 18px
}

.infobox h2 {
	height: 26px;
	margin-top: 10px;
	line-height: 26px;
	font-size: 14px;
	color: #5e5f61
}

.infobox h2 em {
	display: inline-block;
	padding-left: 15px;
	color: #ffba00;
	background: url(../images/icons/icon_pf.png) 0 no-repeat;
	background-size: 12px 11px
}

.infobox h2 time {
	display: inline-block;
	padding-left: 15px;
	margin-left: 15px;
	background: url(../images/icons/icon_gxsj.png) 0 no-repeat;
	background-size: 11px 12px
}

.infobox h2 i {
	display: inline-block;
	padding-left: 15px;
	margin-left: 15px;
	background: url(../images/icons/icon_bfrs.png) 0 no-repeat;
	background-size: 12px 11px
}

.infobox h2 img {
	height: 24px;
	float: right
}

.infobox h3 {
	height: 55px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px
}

.infobox h3 a {
	display: inline-block;
	height: 55px;
	padding-top: 35px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	font-size: 16px;
	color: #aaa
}

.infobox h3 a.upnum {
	line-height: 20px;
	background: url(../images/icons/icon_dz.png) top no-repeat;
	background-size: 27px 27px
}

.infobox h3 a.downnum {
	line-height: 20px;
	background: url(../images/icons/icon_cai.png) top no-repeat;
	background-size: 27px 27px
}

.infobox h3 a.downmp4 {
	line-height: 20px;
	background: url(../images/icons/icon_xz.png) top no-repeat;
	background-size: 27px 27px
}

.infobox h3 a.fav {
	line-height: 20px;
	background: url(../images/icons/icon_sc.png) top no-repeat;
	background-size: 27px 27px
}

.infobox h3 a.fav.active {
	line-height: 20px;
	background: url(../images/icons/icon_sc2.png) top no-repeat;
	background-size: 27px 27px
}

.infobox h3 a.fav.isfavorite {
	color: #444
}

.infobox h3 a.share {
	line-height: 20px;
	background: url(../images/icons/icon_fx.png) top no-repeat;
	background-size: 27px 27px
}

.play-tagbox {
	margin: 10px 5px 0 2px;
	font-size: 16px
}

.play-tagbox a {
	display: inline-block;
	font-size: 14px;
	margin: 5px 8px;
	padding: 2px 15px;
	border-radius: 15px;
	background: #35242d;
	color: #ae4a64
}

.play-list-caption {
	height: 30px;
	position: relative;
	font-size: 14px;
	text-indent: 20px;
	line-height: 30px;
	background: url(../images/icons/icon_caption.png) 0 no-repeat;
	background-size: 15px 15px
}

.play-list-caption em {
	font-size: 16px;
	color: #fff
}

.play-list-caption span {
    position: absolute;
    right: 0;
}

.play-list-caption span a {
	color: #929397;
	padding: 0 12px
}

.play-list-caption span a.active {
	color: #fff
}

.commentbox {
	overflow: hidden
}

.commentbox ul {
	overflow: hidden;
	margin: 0 10px
}

.commentbox li {
	margin-top: 10px;
	color: #aaa;
	position: relative;
	padding-bottom: 10px
}

.commentbox li:after {
	position: absolute;
	left: 40px;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #333;
	content: ".";
	font-size: 0
}

.commentbox dl.mainlist {
	overflow: hidden
}

.commentbox dl.mainlist dt {
	width: 40px;
	float: left;
	position: relative
}

.commentbox dl.mainlist dt img {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.commentbox dl.mainlist dd {
	margin-left: 45px;
	min-height: 40px;
	font-size: 12px
}

.commentbox dl.mainlist dd h2 {
	position: relative;
	height: 20px;
	line-height: 20px;
	font-size: 12px
}

.commentbox dl.mainlist dd h3 {
	line-height: 20px;
	color: #aaa;
	font-size: 12px
}

.commentbox dl.mainlist dd>div {
	margin-top: 10px;
    line-height: 20px;
    color: #aaa;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.commentbox blockquote {
	margin-left: 20px !important
}

.commentbox dl.replylist {
	overflow: hidden;
	margin-top: 15px
}

.commentbox dl.replylist dt img {
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%
}

.commentbox dl.replylist dt h2 {
	position: relative;
	margin-left: 30px;
	display: block;
	font-size: 12px
}

.commentbox dl.replylist dd {
	margin-top: 5px;
	margin-left: 30px;
	font-size: 12px
}

.commentbox h2>em.isvip {
	color: #ff3d6f
}

.commentbox h2>i {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle
}

.commentbox h2>i.V1 {
	background: url(../images/icons/v1.png) 0 no-repeat;
	background-size: 20px 20px
}

.commentbox h2>i.V2 {
	background: url(../images/icons/v2.png) 0 no-repeat;
	background-size: 20px 20px
}

.commentbox h2>i.V3 {
	background: url(../images/icons/v3.png) 0 no-repeat;
	background-size: 20px 20px
}

.commentbox h2>i.V4 {
	background: url(../images/icons/v4.png) 0 no-repeat;
	background-size: 20px 20px
}

.commentbox h2>i.V5 {
	background: url(../images/icons/v5.png) 0 no-repeat;
	background-size: 20px 20px
}

.commentbox h2>i.isvip {
	background: url(../images/icons/gcion_isvip.png) 0 no-repeat;
	background-size: 20px 20px;
	margin-bottom: 5px;
}

.commentbox h2>span {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	line-height: 20px
}

.commentbox h2>span>a {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 12px
}

.commentbox h2>span>a.zan {
	padding-right: 18px;
	background: url(../images/icons/icon_dzs.png) 100% no-repeat;
	background-size: 15px 15px
}

.commentbox h2>span>a.reply {
	margin-left: 10px;
	padding-left: 18px;
	background: url(../images/icons/icon_reply.png) 0 no-repeat;
	background-size: 15px 15px
}

.commentform {
	width: 100%;
	background: #212429;
	z-index: 1;
	padding: 10px 15px;
	margin-top: 15px
}

.commentform dl {
	overflow: hidden;
	margin-top: 10px
}

.commentform dt {
	width: 40px;
	float: left;
	position: relative
}

.commentform dt img {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.commentform dd {
	margin-left: 50px;
	min-height: 40px;
	font-size: 12px;
    display: flex;
}

.commentform dd input.text {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 10px 0 10px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #1f2128;
	background: #111;
	color: #fff;
	caret-color: #fff;
	font-size: 12px;
	border-radius: 5px
}

.commentform dd .btn {
    width: 3.4rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: #fff;
    background-color: #ff3d6f;
    margin-left:10px;
    border-radius: 0.25rem;
}

.commentform dd input.text:focus {
	border-color: #333
}

.paster-box {
	padding: 10px
}

.paster-box img {
	width: 100%;
	border-radius: 10px
}

.paster-playbox {
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.paster-playbox img {
	width: 100%
}

.paster-playbox span {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #797a7c;
	color: #aaa;
	border-radius: 50%;
	text-align: center
}

.paster-playbox .vipgo {
	position: absolute;
	top: 60px;
	right: 0
}

.paster-playbox .vipgo img {
	height: 38px;
	width: auto
}

.share-popbox {
	width: 100%;
	background: transparent
}

.share-success {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: url(../images/icons/pop-bg.png) 50% no-repeat;
	background-size: 285px 60px
}

.special-detail {
	min-height:calc(100vh);
	overflow: hidden
}

.special-detail header.navbar {
	background: transparent
}

.special-detail header .titlebox {
	display: none
}

.header-box {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 61%
}

.avatar-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.avatar-box img {
	width: 100%;
	height: 100%
}

.avatar-box dl {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.avatar-box dt {
	padding: 0 60px 10px 10px;
	color: #fff;
	line-height: 22px
}

.avatar-box dt h1 {
	font-size: 20px;
	font-weight: 800
}

.avatar-box dt h1 em {
	display: inline-block;
	margin-left: 2px;
	padding: 1px 10px;
	border: 1px solid #ff3d6f;
	border-radius: 20px;
	color: #ff3d6f;
	font-size: 14px
}

.avatar-box dt h2 {
	margin-top: 5px;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	line-height: 18px
}

.avatar-box dd {
	position: absolute;
	min-width: 40px;
	right: 10px;
	bottom: 10px
}

.avatar-box dd em {
	display: block;
	height: 40px;
	padding-top: 22px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: url(../images/icons/icon_special_zan.png) top no-repeat;
	background-size: 26px 24px
}

.rowbox {
	margin: 15px 5px 10px 5px
}

.label-searchbox {
	min-height:calc(100vh);
	color: #fff;
    overflow-y: scroll;
}

.label-searchbox header {
	height: 50px;
	background: #26292f;
}

.label-searchform {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #26292f;
	max-width: 520px;
	margin: 0 auto;
}

.label-searchform li {
	height: 50px
}

.label-searchform li.backbox {
	width: 45px;
	height: 50px
}

.label-searchform li.backbox a.back {
	display: block;
	width: 100%;
	height: 100%
}

.label-searchform li.backbox a.back img {
	margin-top: 18px;
	margin-left: 15px;
	width: 8px;
	height: 14px
}

.label-searchform li.schinput {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.label-searchform li.schinput input {
	display: block;
	margin: 10px 0;
	height: 30px;
	padding-left: 30px;
	border: none;
	background: #16191d;
	width: 100%;
	border-radius: 10px;
	font-size: 12px;
	color: #aaa
}

.label-searchform li.schinput input::-webkit-input-placeholder {
	color: #aaa
}

.label-searchform li.schinput i {
	position: absolute;
	left: 10px;
	top: 17px;
	width: 16px;
	height: 16px;
	background: url(../images/icons/icon_search3.png) 50% no-repeat;
	background-size: 100%
}

.label-searchform button.text{
	padding: 0 15px;
	line-height: 50px;
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	border: none;
    background: border-box;
}

.hot-search {
	padding: 15px;
	background: #212429
}

.hot-search h2 {
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #aaa
}

.hot-search ul {
	overflow: hidden
}

.hot-search li {
	float: left;
	margin-right: 10px;
	margin-top: 8px
}

.hot-search a {
	display: inline-block;
	padding: 3px 15px;
	font-size: 12px;
	color: #946c4b;
	background: #302f2d;
	border-radius: 10px
}

.history {
	padding-bottom: 0
}

.history a {
	color: #ae4a64;
	background: #382730
}

.hotvods {
	margin: 5px
}

.vod-searchbox {
	min-height:calc(100vh);
	padding: 0px 0 10px 0;
	color: #fff;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.vod-searchbox header {
	height: 50px;
	background: #26292f
}

.searchform {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #26292f;
	max-width: 520px;
	margin: 0 auto;
}

.searchform li {
	height: 50px
}

.searchform li.backbox {
	width: 45px;
	height: 50px
}

.searchform li.backbox a.back {
	display: block;
	width: 100%;
	height: 100%
}

.searchform li.backbox a.back img {
	margin-top: 18px;
	margin-left: 15px;
	width: 8px;
	height: 14px
}

.searchform li.schinput {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.searchform li.schinput input {
	display: block;
	margin: 10px 0;
	height: 30px;
	padding-left: 30px;
	border: none;
	background: #16191d;
	width: 100%;
	border-radius: 10px;
	font-size: 12px;
	color: #aaa
}

.searchform li.schinput input::-webkit-input-placeholder {
	color: #aaa
}

.searchform li.schinput i {
	position: absolute;
	left: 10px;
	top: 17px;
	width: 16px;
	height: 16px;
	background: url(../images/icons/icon_search3.png) 50% no-repeat;
	background-size: 100%
}


.searchform button.text{
	padding: 0 15px;
	line-height: 50px;
	font-size: 12px;
	font-weight: 300;
	color: #fff;
	border: none;
    background: border-box;
}


.search-listbox {
	margin-top: 10px;
	min-height: 300px
}

.search-listbox>h2 {
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	font-size: 12px
}

.search-listbox>h2 em {
	color: #c7375d
}

.search-listbox>h2.noresult {
	margin-top: 100px;
	color: #aaa;
	text-align: center
}

.resultbox {
	overflow: hidden
}

.resultbox ul {
	overflow: hidden;
	margin: 0 10px
}

.resultbox li,
.resultbox li:first-child {
	margin-top: 15px
}

.resultbox dl {
	height: 100px;
	overflow: hidden
}

.resultbox dt {
	width: 160px;
	height: 100px;
	position: relative;
	float: left
}

.resultbox dt img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 15px
}

.resultbox dt i {
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
	border-radius: 9px 0 9px 0
}


.resultbox dt strong {
	position: absolute;
	right: 0;
	top: 0;
	width: 33px;
	height: 33px;
	background: url(../images/icons/label_xm.png) 100% no-repeat;
	background-size: 33px 33px
}

.resultbox dt strong.vip {
	background: url(../images/icons/label_vip.png) 100% no-repeat;
	background-size: 33px 33px
}

.resultbox dt strong.money {
	background: url(../images/icons/label_money.png) 100% no-repeat;
	background-size: 33px 33px
}

.resultbox dd {
	margin-left: 170px
}

.resultbox dd h2 {
	height: 22px;
	line-height: 22px;
	color: #fff;
	font-size: 16px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.resultbox dd h3 {
	height: 60px;
	overflow: hidden
}

.resultbox dd h3 em {
	display: inline-block;
	margin: 3px 5px;
	padding: 3px 15px;
	font-size: 12px;
	border-radius: 15px;
	background: #35242d;
	color: #ae4a64
}

.resultbox dd h4 {
	height: 18px;
	line-height: 18px;
	color: #aaa;
	font-size: 12px
}

.resultbox dd h4 em {
	display: inline-block;
	padding-left: 18px;
	background: url(../images/icons/icon_dzrs.png) 0 no-repeat;
	background-size: 15px 14px
}

.resultbox dd h4 cite {
	display: inline-block;
	margin-left: 10px;
	padding-left: 18px;
	background: url(../images/icons/icon_bfrs.png) 0 no-repeat;
	background-size: 15px 12px
}

.loginbox {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background-image: url(../images/icons/login_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	max-width: 520px;
    margin: 0 auto;
}


.middlebox {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.middlebox>div {
	width: 100%;
	margin-top: -100px
}

.middlebox h1 {
	width: 100%;
	height: 90px;
	color: #fff;
	font-size: 16px;
	padding-top: 60px;
	line-height: 30px;
	font-weight: 300;
	text-align: center;
	background: url(../images/icons/logo_login.png) top no-repeat;
	background-size: 62px 60px
}

.middlebox .formbox {
	margin-top: 30px;
	padding: 0 50px
}

.middlebox .formbox h2 {
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 18px;
	padding-left: 30px;
	line-height: 40px;
	background: url(../images/icons/icon_hy.png) 0 no-repeat;
	background-size: 21px 18px
}

.middlebox .formbox li {
	margin-top: 10px;
	height: 40px;
	position: relative
}

.middlebox .formbox li em {
	position: absolute;
	left: 10px;
	top: 10px;
	display: block;
	width: 21px;
	height: 21px
}

.middlebox .formbox li em.mobiprefix {
	top: 0;
	color: #fff;
	width: 60px
}

.middlebox .formbox li em.user {
	background: url(../images/icons/icon_user.png) 0 no-repeat;
	background-size: 21px 21px
}

.middlebox .formbox li em.verify {
	background: url(../images/icons/user_code.png) 0 no-repeat;
	background-size: 21px 21px
}

.middlebox .formbox li em.pass {
	background: url(../images/icons/icon_key.png) 0 no-repeat;
	background-size: 21px 21px
}

.middlebox .formbox input.text {
	width: 100%;
	height: 40px;
	padding: 0 10px 0 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #1f2128;
	background: #1f2128;
	color: #fff;
	caret-color: #ff3d6f;
	font-size: 14px;
	border-radius: 5px
}

.middlebox .formbox input.text:focus {
	border-color: #ff3d6f
}

.middlebox .formbox input.submit {
	width: 100%;
	height: 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #17191e;
	text-align: center;
	font-size: 16px;
	border-radius: 5px
}

.middlebox .formbox li a {
	display: inline-block;
	line-height: 40px;
	color: #8d2d49
}

.middlebox .formbox li a:last-child {
	float: right
}

.fr_item {
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	height: 40px;
	z-index: 999
}

.tab {
	margin: 30px 0 0 0
}

.tab span {
	opacity: .5;
	margin: 0 15px 0 0
}

.tab span.cur {
	opacity: 1
}

.ecyz {
	position: fixed;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	top: 0;
	background: hsla(0, 0%, 100%, .1);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 999
}

.chat_fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	padding: 15px;
	z-index: 99
}

.chat_fixed img {
	width: 45px;
	height: auto
}

.regbox {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background-image: url(../images/icons/login_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	max-width: 520px;
    margin: 0 auto;
}


.regform {
	margin-top: 66px
}

.regform .formbox {
	margin-top: 30px;
	padding: 0 50px
}

.regform .formbox li {
	margin-top: 10px;
	height: 40px;
	position: relative
}

.regform .formbox li em {
	position: absolute;
	left: 10px;
	top: 10px;
	display: block;
	width: 64px;
	height: 21px;
	line-height: 21px
}

.regform .formbox li em.pass,
.regform .formbox li em.user {
	color: #fff
}

.regform .formbox li em sup {
	margin-left: 2px;
	color: red;
	vertical-align: top
}

.regform .formbox input.text {
	width: 100%;
	height: 40px;
	padding: 0 10px 0 75px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #1f2128;
	background: rgba(31, 33, 40, .75);
	color: #fff;
	caret-color: #ff3d6f;
	font-size: 14px;
	border-radius: 3px
}

.regform .formbox input.text:focus {
	border-color: #ff3d6f
}

.regform .formbox input.submit {
	width: 100%;
	height: 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #17191e;
	text-align: center;
	font-size: 16px;
	border-radius: 5px
}

.regform .formbox li.smsbox a {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 10px;
	line-height: 40px;
	color: #aaa
}

.regform .formbox li.captcha img {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 40px
}

.regform .formbox li.submitbox {
	margin-top: 20px
}

.regform .formbox li.tosbox {
	margin-top: 0;
	line-height: 40px;
	font-size: 12px;
	color: #aaa
}

.regform .formbox li.tosbox a {
	color: #8d2d49;
	font-size: 12px
}

.regform .formbox li.tosbox label {
	display: inline-block;
	font-size: 12px;
	position: relative;
	height: 100%;
	line-height: 40px
}

.regform .formbox li.tosbox label input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.regform .formbox li.tosbox label input+i {
	float: left;
	position: relative;
	margin-top: 13px;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	border: 1px solid #545558;
	border-radius: 50%;
	white-space: nowrap;
	overflow: visible;
	line-height: 20px;
	text-indent: 23px
}

.regform .formbox li.tosbox label input+i:before {
	position: absolute;
	display: none;
	left: 2px;
	top: 2px;
	width: 8px;
	height: 8px;
	content: ".";
	font-size: 0;
	background: red;
	border-radius: 50%
}

.regform .formbox li.tosbox label input:checked+i {
	border: 1px solid #ff3d6f;
	color: #fff
}

.regform .formbox li.tosbox label input:checked+i:before {
	display: block
}

.regform .formbox li.logtips {
	text-align: center
}

.regform .formbox li.logtips a {
	font-size: 14px;
	color: #ff3d6f
}

.regform .formbox li.downloadbox {
	margin-top: 20px;
	color: #fff;
	margin-bottom: 50px
}

.regform .formbox a.submit2 {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border-radius: 20px
}

.ecyz {
	position: fixed;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	top: 0;
	background: hsla(0, 0%, 100%, .1);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 999
}
#forget_box{
	height: 100vh;
    overflow-y: scroll;
}
.forget_box {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background-image: url(../images/icons/login_bg.png);
	background-repeat: no-repeat;
	background-size: 100%
}

.forgetform {
	margin-top: 66px
}

.forgetform .formbox {
	margin-top: 30px;
	padding: 0 50px
}

.forgetform .formbox li {
	margin-top: 10px;
	height: 40px;
	position: relative
}

.forgetform .formbox li em {
	position: absolute;
	left: 10px;
	top: 10px;
	display: block;
	width: 64px;
	height: 21px;
	line-height: 21px
}

.forgetform .formbox li em.pass,
.forgetform .formbox li em.user {
	color: #fff
}

.forgetform .formbox li em sup {
	margin-left: 2px;
	color: red;
	vertical-align: top
}

.forgetform .formbox input.text {
	width: 100%;
	height: 40px;
	padding: 0 10px 0 75px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #1f2128;
	background: rgba(31, 33, 40, .75);
	color: #fff;
	caret-color: #ff3d6f;
	font-size: 14px;
	border-radius: 3px
}

.forgetform .formbox input.text:focus {
	border-color: #ff3d6f
}

.forgetform .formbox input.submit {
	width: 100%;
	height: 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #17191e;
	text-align: center;
	font-size: 16px;
	border-radius: 5px
}

.forgetform .formbox li.smsbox a {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 10px;
	line-height: 40px;
	color: #aaa
}

.forgetform .formbox li.captcha img {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 40px
}

.forgetform .formbox li.submitbox {
	margin-top: 20px
}

.forgetform .formbox li.tosbox {
	margin-top: 0;
	line-height: 40px;
	font-size: 12px;
	color: #aaa
}

.forgetform .formbox li.tosbox a {
	color: #8d2d49;
	font-size: 12px
}

.forgetform .formbox li.tosbox label {
	display: inline-block;
	font-size: 12px;
	position: relative;
	height: 100%;
	line-height: 40px
}

.forgetform .formbox li.tosbox label input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.forgetform .formbox li.tosbox label input+i {
	float: left;
	position: relative;
	margin-top: 13px;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	border: 1px solid #545558;
	border-radius: 50%;
	white-space: nowrap;
	overflow: visible;
	line-height: 20px;
	text-indent: 23px
}

.forgetform .formbox li.tosbox label input+i:before {
	position: absolute;
	display: none;
	left: 2px;
	top: 2px;
	width: 8px;
	height: 8px;
	content: ".";
	font-size: 0;
	background: red;
	border-radius: 50%
}

.forgetform .formbox li.tosbox label input:checked+i {
	border: 1px solid #ff3d6f;
	color: #fff
}

.forgetform .formbox li.tosbox label input:checked+i:before {
	display: block
}

.forgetform .formbox li.logtips {
	text-align: center
}

.forgetform .formbox li.logtips a {
	font-size: 14px;
	color: #ff3d6f
}

.forgetform .formbox li.downloadbox {
	margin-top: 20px;
	color: #fff;
	margin-bottom: 50px
}

.forgetform .formbox a.submit2 {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border-radius: 20px
}

.ecyz {
	position: fixed;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	top: 0;
	background: hsla(0, 0%, 100%, .1);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 999
}

.playlogbox {
	min-height:calc(100vh);
	color: #fff;
    overflow-y: scroll;
}

.playlogbox header.navbar {
    position: fixed;
    z-index: 999;
    height: 56px;
    background: #26292f;
}

header.tabbar {
	position: fixed;
	left: 0;
	top: 56px;
	right: 0;
	z-index: 999;
	width: 100%;
	height: 46px;
	background: #1b1e23
}

header.tabbar ul {
	overflow: hidden;
	text-align: center
}

header.tabbar li {
	display: inline-block;
	height: 46px;
	position: relative;
	padding: 0 15px;
	text-align: center;
	line-height: 56px
}

header.tabbar li h6 {
	margin-top: 4px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #aaa
}

header.tabbar li h6.active {
	color: #fff;
	border-bottom: 3px solid #ff3d6f
}

.pad102 {
	height: 120px
}

.plays-listbox {
	min-height: calc(100vh - 56px);
	
}

.plays-listbox ul {
	overflow: hidden;
	margin: 0 10px
}

.plays-listbox li {
	margin-top: 10px;
	position: relative
}

.plays-listbox li .checkbox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.plays-listbox li .checkbox.checkboxOpened {
	display: block
}

.plays-listbox li .checkbox input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.plays-listbox li .checkbox input+i {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/icons/check_nom.png) 0 no-repeat;
	background-size: 20px 20px
}

.plays-listbox li .checkbox input:checked+i {
	background-image: url(../images/icons/check_sel.png)
}

.plays-listbox dl {
	height: 90px;
	overflow: hidden;
	margin-left: 0
}

.plays-listbox dl.checkboxOpened,
.plays-listbox dl {
	-webkit-transition: margin-left .1s linear;
	transition: margin-left .1s linear
}

.plays-listbox dl.checkboxOpened {
	margin-left: 40px
}

.plays-listbox dt {
	width: 150px;
	height: 90px;
	position: relative;
	float: left
}

.plays-listbox dt strong {
	position: absolute;
	right: 0;
	top: 0;
	width: 33px;
	height: 33px;
	background: url(../images/icons/label_xm.png) 100% no-repeat;
	background-size: 33px 33px
}

.plays-listbox dt strong.vip {
	background: url(../images/icons/label_vip.png) 100% no-repeat;
	background-size: 33px 33px
}

.plays-listbox dt strong.money {
	background: url(../images/icons/label_money.png) 100% no-repeat;
	background-size: 33px 33px
}

.plays-listbox dt img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 15px
}

.plays-listbox dt i {
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
	border-radius: 9px 0 9px 0
}

.plays-listbox dd {
	margin-left: 160px
}

.plays-listbox dd h2 {
	height: 66px;
	line-height: 22px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis
}

.plays-listbox dd h4 {
	height: 24px;
	line-height: 24px;
	color: #aaa;
	font-size: 14px
}

.checkpad {
	height: 40px
}

.checkbar {
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: fixed;
	z-index: 10;
	bottom: 0;
	text-align: center;
	background: #212429;
	max-width: 520px;
    margin: 0 auto;
}

.checkbar a {
	float: left;
	width: 50%;
	line-height: 40px;
	color: #aaa;
	font-weight: 300
}

.checkbar a:last-child {
	color: #ff3d6f
}

.checkbar span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
	height: 30px;
	margin-top: -15px;
	background: #2f3236
}

.favlogbox {
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.favs-listbox {
	min-height: 300px
}

.favs-listbox ul {
	overflow: hidden;
	margin: 0 10px
}

.favs-listbox li {
	margin-top: 10px;
	position: relative
}

.favs-listbox li .checkbox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.favs-listbox li .checkbox.checkboxOpened {
	display: block
}

.favs-listbox li .checkbox input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.favs-listbox li .checkbox input+i {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/icons/check_nom.png) 0 no-repeat;
	background-size: 20px 20px
}

.favs-listbox li .checkbox input:checked+i {
	background-image: url(../images/icons/check_sel.png)
}

.favs-listbox dl {
	height: 90px;
	overflow: hidden;
	margin-left: 0
}

.favs-listbox dl.checkboxOpened,
.favs-listbox dl {
	-webkit-transition: margin-left .1s linear;
	transition: margin-left .1s linear
}

.favs-listbox dl.checkboxOpened {
	margin-left: 40px
}

.favs-listbox dt {
	width: 150px;
	height: 90px;
	position: relative;
	float: left
}

.favs-listbox dt img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 15px
}

.favs-listbox dt i {
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 12px;
	border-radius: 9px 0 9px 0
}

.favs-listbox dd {
	margin-left: 160px
}

.favs-listbox dd h2 {
	height: 66px;
	line-height: 22px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis
}

.favs-listbox dd h4 {
	height: 24px;
	line-height: 24px;
	color: #aaa;
	font-size: 14px
}


.msgbox {
	color: #fff;
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.pad102 {
	height: 120px
}

.message-listbox {
	min-height: 300px
}

.message-listbox ul {
	overflow: hidden;
	margin: 0 10px
}

.message-listbox li {
	padding: 10px 0
}

.message-listbox dl {
	height: 50px
}

.message-listbox dt {
	width: 50px;
	height: 50px;
	float: left
}

.message-listbox dt img {
	display: block;
	width: 100%;
	height: 100%
}

.message-listbox dd {
	margin-left: 60px;
	min-height: 50px;
	position: relative
}

.message-listbox dd:after {
	content: " ";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	height: 1px;
	background: #2f3236
}

.message-listbox dd h2 {
	height: 26px;
	position: relative;
	padding-right: 70px;
	line-height: 26px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.message-listbox dd h4 {
	height: 24px;
	line-height: 24px;
	color: #aaa;
	font-size: 12px;
	font-weight: 300;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.message-listbox dd h2 span {
	position: absolute;
	right: 0;
	font-size: 12px;
	font-weight: 300;
	color: #aaa
}

.msgbox[data-v-73d2a21d] {
	color: #fff;
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.pad102[data-v-73d2a21d] {
	height: 120px
}

.listbox[data-v-73d2a21d] {
	min-height: 300px
}

.listbox ul[data-v-73d2a21d] {
	overflow: hidden;
	margin: 0 10px
}

.listbox li[data-v-73d2a21d] {
	padding: 10px 0
}

.listbox dl[data-v-73d2a21d] {
	height: 50px
}

.listbox dt[data-v-73d2a21d] {
	width: 50px;
	height: 50px;
	float: left
}

.listbox dt img[data-v-73d2a21d] {
	display: block;
	width: 100%;
	height: 100%
}

.listbox dd[data-v-73d2a21d] {
	margin-left: 60px;
	min-height: 50px;
	position: relative
}

.listbox dd[data-v-73d2a21d]:after {
	content: " ";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	height: 1px;
	background: #2f3236
}

.listbox dd h2[data-v-73d2a21d] {
	height: 26px;
	position: relative;
	padding-right: 70px;
	line-height: 26px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.listbox dd h4[data-v-73d2a21d] {
	height: 24px;
	line-height: 24px;
	color: #aaa;
	font-size: 12px;
	font-weight: 300;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.listbox dd h2 span[data-v-73d2a21d] {
	position: absolute;
	right: 0;
	font-size: 12px;
	font-weight: 300;
	color: #aaa
}

.playbox {
	color: #fff
}

header.tabbar {
	position: fixed;
	left: 0;
	top: 56px;
	right: 0;
	z-index: 999;
	width: 100%;
	height: 46px;
	background: #1b1e23
}

header.tabbar ul {
	overflow: hidden;
	text-align: center
}

header.tabbar li {
	display: inline-block;
	height: 46px;
	position: relative;
	padding: 0 15px;
	text-align: center;
	line-height: 56px
}

header.tabbar li h6 {
	margin-top: 4px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #aaa
}

header.tabbar li h6.active {
	color: #fff;
	border-bottom: 3px solid #ff3d6f
}

.artbox {
	margin: 66px 10px 0 10px
}

.artbox h1 {
	font-size: 16px;
	color: #ff3d6f;
	padding-top: 10px
}

.artbox h2 {
	font-size: 12px;
	color: #aaa;
	margin-top: 10px
}

.artbox .textblock {
	font-size: 14px;
	color: #aaa;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #aaa
}

.detailbox[data-v-2b80a32d] {
	color: #fff
}

.showbox[data-v-2b80a32d] {
	margin: 66px 10px 0 10px
}

.showbox h1[data-v-2b80a32d] {
	font-size: 16px;
	color: #ff3d6f;
	padding-top: 10px
}

.showbox h2[data-v-2b80a32d] {
	font-size: 12px;
	color: #aaa;
	margin-top: 10px
}

.showbox .textblock[data-v-2b80a32d] {
	font-size: 14px;
	color: #aaa;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #aaa
}

.feedbackbox {
	color: #fff;
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.pad76 {
	height: 76px
}

.feedback dt {
	background: #212429;
	padding: 10px 15px
}

.feedback dd {
	background: #212429;
	margin-top: 10px
}

.feedback h1 {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #aaa
}

.feedback h2 {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #aaa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.feedback h2 label {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.feedback h2 label input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.feedback h2 label input+i {
	float: left;
	position: relative;
	margin-top: 10px;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border: 1px solid #545558;
	border-radius: 50%;
	white-space: nowrap;
	overflow: visible;
	line-height: 20px;
	text-indent: 23px
}

.feedback h2 label input+i:before {
	position: absolute;
	display: none;
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	content: ".";
	font-size: 0;
	background: red;
	border-radius: 50%
}

.feedback h2 label input:checked+i {
	border: 1px solid #ff3d6f;
	color: #fff
}

.feedback h2 label input:checked+i:before {
	display: block
}

.feedback dd textarea {
	padding: 15px;
	width: 100%;
	height: 160px;
	outline: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	color: #fff;
	font-size: 14px
}

.feedback h3 {
	height: 40px;
	padding: 0 40px;
	margin-top: 40px
}

.feedback h3 input.submit {
	width: 100%;
	height: 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #17191e;
	text-align: center;
	font-size: 16px;
	border-radius: 5px
}

.feedback-listbox {
	margin-top: 40px;
	min-height: 300px
}

.feedback-listbox>h2 {
	height: 26px;
	line-height: 26px;
	text-indent: 15px;
	font-size: 14px;
	color: #aaa
}

.feedback-listbox ul {
	margin-top: 10px;
	background: #212429
}

.feedback-listbox li {
	padding: 0 15px
}

.feedback-listbox li dl {
	padding: 15px 0;
	position: relative
}

.feedback-listbox li dl:before {
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: ".";
	font-size: 0;
	background: #2f3236
}

.feedback-listbox li:first-child dl:before {
	display: none
}

.feedback-listbox li dt {
	width: 50px;
	height: 50px;
	float: left
}

.feedback-listbox li dt img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.feedback-listbox li dd {
	margin-left: 60px;
	font-size: 14px;
	line-height: 22px
}

.feedback-listbox li dd .textblock {
	font-size: 14px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.feedback-listbox li dd h6 {
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #aaa
}

.feedback-listbox li dd blockquote {
	margin-top: 5px;
	padding: 5px 10px;
	color: #ff3d6f;
	background: #272a30;
	border-radius: 5px
}

.detailbox[data-v-9badba64] {
	color: #fff
}

.showbox[data-v-9badba64] {
	margin: 66px 0 0 0
}

.showbox dl[data-v-9badba64] {
	margin-top: 10px;
	padding: 10px 10px 0 10px;
	background: #212429
}

.showbox dt h1[data-v-9badba64] {
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	padding-top: 10px
}

.showbox dt h2[data-v-9badba64] {
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #aaa;
	margin-top: 10px
}

.showbox dt .textblock[data-v-9badba64] {
	padding: 5px 0 10px 0;
	line-height: 22px;
	font-size: 14px;
	color: #fff
}

.showbox dd[data-v-9badba64] {
	padding: 10px 0;
	border-top: 1px solid #2f3236;
	color: #ff3d6f;
	line-height: 22px;
	font-size: 14px
}

.showlist ul[data-v-9badba64] {
	padding: 0 15px;
	background: #212429
}

.showlist li[data-v-9badba64] {
	overflow: hidden;
	font-size: 14px;
	border-top: 1px solid #2f3236
}

.showlist li[data-v-9badba64]:first-child {
	border-top: 0
}

.showlist li label[data-v-9badba64] {
	float: left;
	width: 4.5em;
	height: 45px;
	line-height: 45px;
	color: #fff
}

.showlist li span[data-v-9badba64] {
	display: block;
	margin-left: 4.5em;
	height: 45px;
	line-height: 45px;
	color: #aaa;
	text-align: right
}

.showlist li span em[data-v-9badba64] {
	display: inline-block;
	padding-right: 10px;
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 13px
}

.showlist .introbox[data-v-9badba64] {
	margin-top: 10px;
	padding: 10px 15px;
	font-size: 14px;
	color: #aaa;
	background: #212429
}

.uploadbox[data-v-9badba64] {
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	background: #212429
}

.uploadbox img[data-v-9badba64] {
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 15px
}

.replytext[data-v-9badba64] {
	padding: 10px 15px;
	color: #ff3d6f;
	line-height: 22px;
	font-size: 14px
}

.taskbox[data-v-48c6f2ee] {
	color: #fff
}

.tasklist[data-v-48c6f2ee] {
	margin-top: 56px
}

.tasklist li[data-v-48c6f2ee] {
	position: relative;
	height: 80px;
	padding-left: 75px;
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: 50px
}

.tasklist li[data-v-48c6f2ee]:after {
	position: absolute;
	left: 75px;
	bottom: 0;
	right: 0;
	height: 1px;
	content: ".";
	font-size: 0;
	background: #2f3236
}

.tasklist .V1[data-v-48c6f2ee] {
	background: url(../images/icons/icon_gk.png) 15px no-repeat;
	background-size: 50px 50px
}

.tasklist .V2[data-v-48c6f2ee] {
	background: url(../images/icons/icon_scx.png) 15px no-repeat;
	background-size: 50px 50px
}

.tasklist .V3[data-v-48c6f2ee] {
	background: url(../images/icons/icon_dj.png) 15px no-repeat;
	background-size: 50px 50px
}

.tasklist .V4[data-v-48c6f2ee] {
	background: url(../images/icons/icon_pl.png) 15px no-repeat;
	background-size: 50px 50px
}

.tasklist .V5[data-v-48c6f2ee] {
	background: url(../images/icons/icon_ewm.png) 15px no-repeat;
	background-size: 50px 50px
}

.tasklist li h3[data-v-48c6f2ee] {
	font-size: 14px;
	color: #fff;
	line-height: 25px
}

.tasklist li h4[data-v-48c6f2ee] {
	font-size: 12px;
	color: #aaa;
	line-height: 25px
}

.tasklist li em[data-v-48c6f2ee] {
	color: #ff3d6f
}

.tasklist li span[data-v-48c6f2ee] {
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	line-height: 70px
}

.tasklist li span i[data-v-48c6f2ee] {
	font-size: 12px;
	color: #aaa
}

.tasklist li span a[data-v-48c6f2ee] {
	margin-left: 10px;
	display: inline-block;
	padding: 0 10px;
	line-height: 22px;
	font-size: 12px;
	border: 1px solid #90314c;
	border-radius: 15px;
	color: #ff3d6f
}

.tasklist li span a.done[data-v-48c6f2ee] {
	color: #ae4a64;
	background: #32212b;
	border-color: #32212b
}

.vippkgbox[data-v-3d484a62] {
	color: #fff
}

.planbox[data-v-3d484a62] {
	margin: 66px 0 0 0
}

.planbox dl[data-v-3d484a62] {
	margin-top: 10px;
	padding-bottom: 10px;
	background: #212429
}

.planbox dt[data-v-3d484a62] {
	padding: 15px 15px
}

.planbox dt h1[data-v-3d484a62] {
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
	font-size: 14px;
	color: #fff;
	padding-left: 35px;
	background: url(../images/icons/icon_zgvip.png) 0 no-repeat;
	background-size: 28px 22px
}

.planbox dt h1 em[data-v-3d484a62] {
	display: inline-block;
	line-height: 32px;
	font-style: italic
}

.planbox dt h1 cite[data-v-3d484a62] {
	display: inline-block;
	margin-left: 10px;
	padding-left: 5px;
	width: 206px;
	height: 28px;
	font-size: 12px;
	line-height: 28px;
	font-weight: 300;
	background: url(../images/icons/vip_plan_bg.png) 0 no-repeat;
	background-size: 206px 20px
}

.planbox dt h2[data-v-3d484a62] {
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #aaa;
	margin-top: 10px
}

.planbox dt .textblock[data-v-3d484a62] {
	padding: 5px 0 10px 0;
	line-height: 22px;
	font-size: 14px;
	color: #fff
}

.planbox dd[data-v-3d484a62] {
	padding: 0 10px
}

.planbox dd ul[data-v-3d484a62] {
	overflow: hidden
}

.planbox dd li[data-v-3d484a62] {
	width: 33.33%;
	height: 0;
	padding-top: 33.33%;
	position: relative;
	float: left
}

.planbox dd li a[data-v-3d484a62] {
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	bottom: 5px;
	right: 5px
}

.planbox dd li input[data-v-3d484a62] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.planbox dd li input+i[data-v-3d484a62] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #382730;
	cursor: pointer;
	border: 1px solid #90314c
}

.planbox dd li input:checked+i[data-v-3d484a62] {
	border: 0;
	background: url(../images/icons/vip_plan_sel.png) 50% no-repeat;
	background-size: 100% 100%
}

.planbox dd li span[data-v-3d484a62] {
	display: block;
	font-size: 14px;
	color: #fff
}

.planbox dd li span p[data-v-3d484a62] {
	font-size: 18px
}

.planbox dd li span p[data-v-3d484a62]:last-child {
	margin-top: 10px;
	font-size: 24px;
	color: #ff3d6f;
	font-weight: 700
}

.planbox dd li em[data-v-3d484a62] {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 44px;
	height: 19px;
	background: url(../images/icons/vip_tj.png) 50% no-repeat;
	background-size: 44px 19px
}

.paybox[data-v-3d484a62] {
	margin-top: 10px;
	background: #212429
}

.paybox h2[data-v-3d484a62] {
	height: 46px;
	line-height: 40px;
	color: #fff;
	background: #212429;
	overflow: hidden;
	border-bottom: 1px solid #2f3236
}

.paybox h2 a[data-v-3d484a62] {
	float: left;
	height: 46px;
	line-height: 40px;
	padding: 0 15px;
	color: #aaa;
	font-weight: 300;
	position: relative
}

.paybox h2 a.active[data-v-3d484a62] {
	color: #fff;
	font-weight: 500
}

.paybox h2 a.active[data-v-3d484a62]:after {
	position: absolute;
	left: 50%;
	bottom: 5px;
	content: ".";
	font-size: 0;
	width: 30px;
	height: 3px;
	margin-left: -15px;
	background: #ff3d6f;
	border-radius: 1px
}

.paybox h2 span[data-v-3d484a62] {
	float: right;
	height: 46px;
	line-height: 46px
}

.paybox h2 span a[data-v-3d484a62] {
	color: #f53c6b;
	line-height: 46px;
	font-size: 12px;
	background: url(../images/icons/icon_czbz.png) 0 no-repeat;
	background-size: 14px 14px
}

.paybox .cspay[data-v-3d484a62],
.paybox .olpay[data-v-3d484a62] {
	display: none
}

.paybox .cspay.show[data-v-3d484a62],
.paybox .olpay.show[data-v-3d484a62] {
	display: block
}

.paybox li[data-v-3d484a62] {
	padding: 0 15px;
	position: relative
}

.paybox dl[data-v-3d484a62] {
	overflow: hidden;
	font-size: 14px
}

.paybox dt[data-v-3d484a62] {
	float: left;
	width: 40px;
	height: 60px
}

.paybox dt img[data-v-3d484a62] {
	margin-top: 10px;
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.paybox dd[data-v-3d484a62] {
	position: relative;
	height: 60px;
	margin-left: 50px;
	line-height: 60px
}

.paybox dd[data-v-3d484a62]:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #2f3236;
	content: ".";
	font-size: 0
}

.paybox li:last-child dd[data-v-3d484a62]:after {
	display: none
}

.paybox li input[data-v-3d484a62] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.paybox li input+i[data-v-3d484a62] {
	position: absolute;
	top: 20px;
	right: 15px;
	width: 20px;
	height: 20px;
	border: 1px solid #545558;
	border-radius: 50%
}

.paybox li input+i[data-v-3d484a62]:before {
	position: absolute;
	display: none;
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	content: ".";
	font-size: 0;
	background: red;
	border-radius: 50%
}

.paybox li input:checked+i[data-v-3d484a62] {
	border: 1px solid #ff3d6f;
	color: #fff
}

.paybox li input:checked+i[data-v-3d484a62]:before {
	display: block
}

.paybox .csintro[data-v-3d484a62],
.paybox .olintro[data-v-3d484a62] {
	padding: 15px;
	font-size: 12px;
	line-height: 16px;
	color: #aaa
}

.list-caption[data-v-3d484a62] {
	height: 50px;
	position: relative;
	font-size: 14px;
	text-indent: 15px;
	line-height: 50px;
	background: #212429
}

.list-caption em[data-v-3d484a62] {
	font-size: 14px;
	color: #fff
}

.list-caption span[data-v-3d484a62] {
	position: absolute;
	right: 10px
}

.list-caption span a[data-v-3d484a62] {
	color: #f53c6b;
	padding: 0 10px;
	font-size: 12px;
	font-weight: 300;
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 12px
}

.paybar-pad[data-v-3d484a62] {
	height: 56px
}

.paybar[data-v-3d484a62] {
	width: 100%;
	height: 56px;
	position: fixed;
	z-index: 99;
	bottom: 0;
	font-size: 14px;
	line-height: 56px;
	background: #26292f
}

.paybar dl[data-v-3d484a62] {
	overflow: hidden
}

.paybar dt[data-v-3d484a62] {
	width: 50%;
	float: left;
	padding-left: 15px
}

.paybar dd[data-v-3d484a62] {
	width: 50%;
	float: left
}

.paybar dt h3[data-v-3d484a62] {
	margin-top: 8px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #fff
}

.paybar dt h3 em[data-v-3d484a62] {
	color: #f53c6c;
	font-size: 16px
}

.paybar dt h4[data-v-3d484a62] {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #aaa
}

.paybar dd a.submit[data-v-3d484a62] {
	display: block;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: -webkit-gradient(linear, left top, right top, from(#e90fa8), to(#fc6b49));
	background: linear-gradient(90deg, #e90fa8, #fc6b49)
}

.paybar ul[data-v-3d484a62] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.paybar li[data-v-3d484a62] {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #fff;
	text-align: center
}

.paybar li a[data-v-3d484a62] {
	color: #fff
}

.paybar li cite[data-v-3d484a62],
.paybar li em[data-v-3d484a62] {
	display: inline-block;
	padding-left: 18px
}

.paybar li em[data-v-3d484a62] {
	background: url(../images/icons/icon_ddcx.png) 0 no-repeat;
	background-size: 15px 16px
}

.paybar li cite[data-v-3d484a62] {
	background: url(../images/icons/icon_czfk.png) 0 no-repeat;
	background-size: 15px 16px
}

.paybar li a.submit[data-v-3d484a62] {
	display: block;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: -webkit-gradient(linear, left top, right top, from(#e90fa8), to(#fc6b49));
	background: linear-gradient(90deg, #e90fa8, #fc6b49)
}

.paybackbox[data-v-3d484a62] {
	width: 100%;
	background: transparent
}

.payback-confirm[data-v-3d484a62] {
	overflow: hidden;
	margin: 0 50px
}

.payback-confirm dd[data-v-3d484a62],
.payback-confirm dt[data-v-3d484a62] {
	width: 50%;
	float: left;
	text-align: center
}

.payback-confirm a[data-v-3d484a62] {
	display: inline-block;
	border-radius: 20px;
	line-height: 30px;
	color: #fff
}

.payback-confirm dt a[data-v-3d484a62] {
	margin-right: 10px;
	background: #9e9e9e;
	padding: 5px 20px
}

.payback-confirm dd a[data-v-3d484a62] {
	margin-left: 10px;
	background: #673ab7;
	padding: 5px 20px
}

.payurlbox[data-v-3d484a62] {
	width: 100%;
	height: 100%;
	background: transparent
}

.payurl-confirm[data-v-3d484a62] {
	overflow: hidden;
	height: 100%;
	text-align: center
}

.payurl-confirm a[data-v-3d484a62] {
	display: block;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.payurl-confirm a em[data-v-3d484a62] {
	display: inline-block;
	border-radius: 20px;
	line-height: 30px;
	color: #fff;
	background: #f53c6b;
	padding: 10px 20px
}

.vippkgbox[data-v-0c8fb4f7] {
	color: #fff
}

.planbox[data-v-0c8fb4f7] {
	margin: 66px 0 0 0
}

.planbox dl[data-v-0c8fb4f7] {
	margin-top: 10px;
	padding-bottom: 10px;
	background: #212429
}

.planbox dt[data-v-0c8fb4f7] {
	padding: 15px 15px
}

.planbox dt h1[data-v-0c8fb4f7] {
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
	font-size: 14px;
	color: #fff;
	padding-left: 35px;
	background: url(../images/icons/icon_zgvip.png) 0 no-repeat;
	background-size: 28px 22px
}

.planbox dt h1 em[data-v-0c8fb4f7] {
	display: inline-block;
	line-height: 32px;
	font-style: italic
}

.planbox dt h1 cite[data-v-0c8fb4f7] {
	display: inline-block;
	margin-left: 10px;
	padding-left: 5px;
	width: 206px;
	height: 28px;
	font-size: 12px;
	line-height: 28px;
	font-weight: 300;
	background: url(../images/icons/vip_plan_bg.png) 0 no-repeat;
	background-size: 206px 20px
}

.planbox dt h2[data-v-0c8fb4f7] {
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #aaa;
	margin-top: 10px
}

.planbox dt .textblock[data-v-0c8fb4f7] {
	padding: 5px 0 10px 0;
	line-height: 22px;
	font-size: 14px;
	color: #fff
}

.planbox dd[data-v-0c8fb4f7] {
	padding: 0 10px
}

.planbox dd ul[data-v-0c8fb4f7] {
	overflow: hidden
}

.planbox dd li[data-v-0c8fb4f7] {
	width: 33.33%;
	height: 0;
	padding-top: 33.33%;
	position: relative;
	float: left
}

.planbox dd li a[data-v-0c8fb4f7] {
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	bottom: 5px;
	right: 5px
}

.planbox dd li input[data-v-0c8fb4f7] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.planbox dd li input+i[data-v-0c8fb4f7] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #382730;
	cursor: pointer;
	border: 1px solid #90314c
}

.planbox dd li input:checked+i[data-v-0c8fb4f7] {
	border: 0;
	background: url(../images/icons/vip_plan_sel.png) 50% no-repeat;
	background-size: 100% 100%
}

.planbox dd li span[data-v-0c8fb4f7] {
	display: block;
	font-size: 14px;
	color: #fff
}

.planbox dd li span p[data-v-0c8fb4f7] {
	font-size: 18px
}

.planbox dd li span p[data-v-0c8fb4f7]:last-child {
	margin-top: 10px;
	font-size: 24px;
	color: #ff3d6f;
	font-weight: 700
}

.planbox dd li span p cite[data-v-0c8fb4f7] {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/icons/icon_bi.png) 50% no-repeat;
	background-size: 20px 20px
}

.planbox dd li em[data-v-0c8fb4f7] {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 44px;
	height: 19px;
	background: url(../images/icons/vip_tj.png) 50% no-repeat;
	background-size: 44px 19px
}

h3.subbox[data-v-0c8fb4f7] {
	height: 40px;
	padding: 0 40px;
	margin-top: 15px
}

h3.subbox input.submit[data-v-0c8fb4f7] {
	display: block;
	width: 100%;
	height: 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #17191e;
	text-align: center;
	font-size: 16px;
	border-radius: 5px
}

.paymentbox {
	color: #fff;
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.orders-listbox {
	margin-top: 56px
}

.orders-listbox ul {
	overflow: hidden;
	min-height: 300px
}

.orders-listbox li {
	margin-top: 10px;
	padding: 10px 15px;
	background: #212429
}

.orders-listbox dt {
	width: 100%;
	height: 30px;
	padding-left: 28px;
	line-height: 30px;
	background: url(../images/icons/icon_zgvip.png) 0 no-repeat;
	background-size: 23px 20px
}

.orders-listbox dd h2 {
	height: 22px;
	line-height: 22px;
	color: #aaa;
	font-weight: 300;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.orders-listbox dd h2 label {
	font-weight: 300
}

.orders-listbox dd h3 {
	position: relative;
	margin-top: 10px;
	padding-top: 5px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-top: 1px solid #2f3236
}

.orders-listbox dd h3 span {
	position: absolute;
	right: 0;
	color: #ff3d6f
}

.feedbackbox[data-v-62b733b0] {
	color: #fff
}

.formbox[data-v-62b733b0] {
	margin-top: 56px
}

.formbox h2[data-v-62b733b0] {
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.formbox h2 label[data-v-62b733b0] {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin: 0 5px;
	font-size: 14px
}

.formbox h2 label input[data-v-62b733b0] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.formbox h2 label input+i[data-v-62b733b0] {
	display: block;
	padding: 5px 15px;
	width: 100%;
	height: 100%;
	text-align: center;
	border: 1px solid #8d2e49;
	background: #382730;
	color: #ff3d6f;
	border-radius: 20px;
	overflow: hidden
}

.formbox h2 label input:checked+i[data-v-62b733b0] {
	border: 1px solid #ff3d6f;
	color: #fff;
	background: #ff3d6f
}

.inputlist[data-v-62b733b0] {
	padding: 0 15px;
	background: #212429
}

.inputlist li[data-v-62b733b0] {
	overflow: hidden;
	font-size: 14px;
	border-top: 1px solid #2f3236
}

.inputlist li[data-v-62b733b0]:first-child {
	border-top: 0
}

.inputlist li label[data-v-62b733b0] {
	float: left;
	width: 4.5em;
	height: 45px;
	line-height: 45px;
	color: #fff
}

.inputlist li span[data-v-62b733b0] {
	display: block;
	margin-left: 4.5em;
	height: 45px;
	line-height: 45px;
	color: #aaa;
	text-align: right
}

.inputlist li span em[data-v-62b733b0] {
	display: inline-block;
	padding-right: 10px;
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 13px
}

.inputlist li span input[data-v-62b733b0] {
	width: 100%;
	height: 40px;
	padding: 0 10px 0 10px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: none;
	color: #aaa;
	caret-color: #aaa;
	font-size: 14px;
	text-align: right
}

.inputlist li span input[data-v-62b733b0]:focus {
	border-color: none
}

.inputbox[data-v-62b733b0] {
	margin-top: 10px
}

.inputbox h6[data-v-62b733b0] {
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	color: #ff3d6f;
	text-indent: 15px
}

.inputbox textarea[data-v-62b733b0] {
	padding: 15px;
	width: 100%;
	height: 100px;
	outline: none;
	-webkit-appearance: none;
	background: transparent;
	background-color: #212429;
	border: 0;
	color: #fff;
	font-size: 14px
}

.uploadbox[data-v-62b733b0] {
	margin-top: 10px;
	overflow: hidden
}

.uploadbox .previewbox[data-v-62b733b0] {
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 15px;
	display: none
}

.uploadbox .previewbox.show[data-v-62b733b0] {
	display: block
}

.uploadbox .previewbox img[data-v-62b733b0] {
	width: 100%;
	height: 100%
}

.uploadbox .picker[data-v-62b733b0] {
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 15px;
	border: 1px solid #ff3d6f;
	background: #382730;
	overflow: hidden;
	position: relative;
	cursor: pointer
}

.uploadbox .picker[data-v-62b733b0]:before {
	width: 60%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -30%;
	background: #ff3d6f;
	content: ".";
	font-size: 0
}

.uploadbox .picker[data-v-62b733b0]:after {
	width: 2px;
	height: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30%;
	margin-left: -1px;
	background: #ff3d6f;
	content: ".";
	font-size: 0
}

.uploadbox .picker input[data-v-62b733b0] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.uploadtips[data-v-62b733b0] {
	margin-top: 10px
}

.uploadtips h6[data-v-62b733b0] {
	height: 32px;
	padding: 0 15px;
	font-size: 12px;
	line-height: 32px;
	background: #2d262d;
	color: #d83861
}

.uploadtips h6 sup[data-v-62b733b0] {
	font-size: 12px;
	line-height: 18px
}

.footbar-pad[data-v-62b733b0] {
	height: 56px
}

.footbar[data-v-62b733b0] {
	width: 100%;
	height: 56px;
	position: fixed;
	z-index: 99;
	bottom: 0;
	font-size: 14px;
	line-height: 56px;
	background: #26292f
}

.footbar h3[data-v-62b733b0] {
	height: 40px;
	padding: 0 40px;
	margin-top: 8px
}

.footbar h3 input.submit[data-v-62b733b0] {
	display: block;
	width: 100%;
	height: 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #17191e;
	text-align: center;
	font-size: 16px;
	border-radius: 5px
}

.payrowlist[data-v-62b733b0] {
	width: 100%;
	max-height: 70%;
	border-top: 1px solid #795548;
	background: #1b1e23;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.payrowlist h1[data-v-62b733b0] {
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	text-indent: 15px
}

.payrowlist li[data-v-62b733b0]:first-child {
	margin-top: 0
}

.payrowlist li[data-v-62b733b0] {
	color: #fff;
	margin-top: 10px;
	background: #212429
}

.payrowlist h2[data-v-62b733b0] {
	height: 42px;
	line-height: 42px;
	margin-left: 15px;
	border-bottom: 1px solid #2f3236;
	font-size: 14px
}

.payrowlist h2 span[data-v-62b733b0] {
	position: absolute;
	right: 15px;
	color: #aaa
}

.payrowlist dl[data-v-62b733b0] {
	padding: 10px 0
}

.payrowlist dt[data-v-62b733b0] {
	width: 40px;
	height: 40px;
	margin-left: 15px;
	border-radius: 50%;
	float: left;
	background: #4d2937 url(../images/icons/icon_zgvip.png) 50% no-repeat;
	background-size: 25px 25px
}

.payrowlist dd[data-v-62b733b0] {
	margin-left: 70px;
	height: 40px
}

.payrowlist dd h3[data-v-62b733b0] {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	position: relative
}

.payrowlist dd h4[data-v-62b733b0] {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #aaa
}

.payrowlist dd h3 span[data-v-62b733b0] {
	position: absolute;
	right: 15px;
	color: #ff3d6f
}

.myfeedback[data-v-d544055e] {
	color: #fff;
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.listbox[data-v-d544055e] {
	margin-top: 56px
}

.listbox table[data-v-d544055e] {
	width: 100%;
	min-height: 30px;
	font-size: 12px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0
}

.listbox table td[data-v-d544055e],
.listbox table th[data-v-d544055e] {
	border: none;
	padding: 10px 10px
}

.listbox table th[data-v-d544055e] {
	text-align: center
}

.listbox thead tr[data-v-d544055e] {
	background: #212429;
	color: #ff3d6f;
	font-size: 14px
}

.listbox tbody td[data-v-d544055e] {
	text-align: center;
	color: #aaa
}

.listbox tbody td.blink[data-v-d544055e] {
	color: #ffa800
}

.paymentbox[data-v-451d5023] {
	color: #fff
}

.listbox[data-v-451d5023] {
	margin-top: 56px
}

.listbox ul[data-v-451d5023] {
	overflow: hidden
}

.listbox li[data-v-451d5023] {
	margin-top: 10px;
	padding: 10px 15px;
	background: #212429;
	font-size: 14px
}

.listbox dt[data-v-451d5023] {
	width: 100%;
	height: 30px;
	padding-left: 28px;
	line-height: 30px;
	color: #fff;
	background: url(../images/icons/icon_q.png) 0 no-repeat;
	background-size: 20px 20px
}

.listbox dd[data-v-451d5023] {
	margin-top: 8px;
	width: 100%;
	padding-left: 28px;
	line-height: 22px;
	color: #aaa;
	background: url(../images/icons/icon_a.png) 0 0 no-repeat;
	background-size: 20px 20px
}

.safepaylog[data-v-608ebab1] {
	color: #fff
}

.listbox[data-v-608ebab1] {
	margin-top: 56px
}

.listbox ul[data-v-608ebab1] {
	overflow: hidden
}

.listbox li[data-v-608ebab1] {
	margin-top: 10px;
	padding: 0 15px;
	background: #212429;
	font-size: 14px
}

.listbox dt[data-v-608ebab1] {
	position: relative;
	width: 100%;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #2f3236
}

.listbox dt span[data-v-608ebab1] {
	position: absolute;
	right: 0
}

.listbox dd[data-v-608ebab1] {
	padding: 10px 0
}

.listbox dd h2[data-v-608ebab1] {
	position: relative;
	height: 50px;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.listbox dd h2 img[data-v-608ebab1] {
	float: left;
	width: 61px;
	height: 50px
}

.listbox dd h2 p[data-v-608ebab1] {
	margin-left: 70px;
	font-size: 14px;
	color: #aaa;
	line-height: 25px
}

.listbox dd h2 p.first[data-v-608ebab1] {
	font-size: 16px;
	color: #fff;
	line-height: 25px
}

.listbox dd h2 sup[data-v-608ebab1] {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	color: #ff3d6f
}

.listbox dd h3[data-v-608ebab1] {
	height: 28px;
	color: #fff;
	font-size: 14px;
	text-align: center
}

.listbox dd h3 span[data-v-608ebab1] {
	float: right
}

.listbox dd h3 span em[data-v-608ebab1] {
	display: inline-block;
	line-height: 25px;
	padding: 0 15px;
	border: 1px solid #bd365a;
	color: #bd365a;
	border-radius: 15px
}

.listbox h6[data-v-608ebab1] {
	padding: 20px 15px;
	text-align: center;
	font-size: 12px;
	color: #aaa
}

.feedbackbox {
	color: #fff
}

.feedbackbox header.navbar {
    position: fixed;
    z-index: 999;
    height: 56px;
    background: #26292f;
}

.formbox {
	margin-top: 56px
}

.formbox h2 {
	height: 45px;
	line-height: 45px;
	position: relative;
	font-size: 14px;
	padding: 0 15px;
	background: #212429
}

.formbox h2 label {
	display: inline-block;
	padding-left: 25px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	background: url(../images/icons/icon_dzfs.png) 0 no-repeat;
	background-size: 18px 18px
}

.formbox h2 em {
	float: right;
	color: #ff3d6f;
	padding-right: 15px;
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 13px
}

.formbox h3 {
	margin-top: 10px;
	font-size: 14px
}
.formbox h3 {
	height: 30px;
	line-height: 30px;
	position: relative;
	color: #fff;
	padding: 0 15px;
	background: #212429;
	border-top: 1px solid #2f3236;
}

.formbox h4 {
	height: 45px;
	line-height: 45px;
	position: relative;
	color: #fff;
	padding: 0 15px;
	background: #212429;
	border-top: 1px solid #2f3236;
}

.formbox h4 {
	font-size: 30px
}

.formbox h4 label {
	float: left;
	width: 1em;
	height: 45px;
	line-height: 45px
}

.formbox h4 input {
	display: block;
	/*position: absolute;*/
	height: 45px;
	width:100%;
	padding: 0;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: none;
	color: #fff;
	caret-color: #fff;
}

.formbox h5 {
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	color: #aaa;
	font-size: 14px;
	background: #212429;
	border-top: 1px solid #2f3236
}

.formbox h5 em {
	float: right;
	color: #ff3d6f
}

.formbox h6 {
	line-height: 22px;
    padding: 10px 15px;
    color: #5c5f64;
    font-size: 14px;
}

.formbox h6 a {
    color: #edb51f;
    font-weight: 700;
}

h3.subbox {
	height: 40px;
	padding: 0 40px;
	margin-top: 15px
}

h3.subbox input.submit {
	display: block;
	width: 100%;
	height: 40px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #17191e;
	text-align: center;
	font-size: 16px;
	border-radius: 5px
}

.cardrowlist {
	width: 100%;
	max-height: 50%;
	border-top: 1px solid #795548;
	background: #1b1e23;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.cardrowlist h1 {
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-indent: 15px;
	color: #aaa
}

.cardrowlist h1 span {
	float: right;
	padding: 15px 20px;
	line-height: 30px;
	font-size: 30px;
	color: #fff;
	text-indent: 0
}

.cardrowlist li {
	position: relative;
	height: 65px;
	padding: 10px 15px;
	border-top: 1px solid #2f3236;
	line-height: 22px
}

.cardrowlist li h2 {
	font-size: 14px;
	color: #fff
}

.cardrowlist li h2 cite {
	margin-left: 10px;
	font-size: 12px;
	color: #aaa
}

.cardrowlist li h3 {
	font-size: 12px;
	color: #aaa
}

.cardrowlist li span {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	color: #aaa;
	line-height: 65px
}

.cardrowlist li a {
	display: inline-block;
	height: 100%;
	padding: 0 15px;
	color: #aaa;
	font-size: 14px
}

.createBox {
	width: 100%;
	max-height: 50%;
	border-top: 1px solid #795548;
	background: #1b1e23;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.createBox h1 {
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-indent: 15px;
	color: #aaa;
	background: url(../images/icons/icon_zfb.png) 15px no-repeat;
	background-size: 16px 16px;
	padding-left: 20px
}

.createBox h1 span {
	float: right;
	padding: 15px 20px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	text-indent: 0
}

.createBox li {
	border-top: 1px solid #2f3236;
	height: 46px
}

.createBox li input {
	width: 100%;
	height: 45px;
	padding: 15px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: none;
	color: #aaa;
	caret-color: #aaa;
	font-size: 14px
}

.createBox label {
	display: block;
	padding: 0 15px;
	height: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	font-size: 14px;
	color: #aaa
}

.createBox label input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.createBox label input+i {
	float: left;
	position: relative;
	margin-top: 10px;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border: 1px solid #545558;
	border-radius: 50%;
	white-space: nowrap;
	overflow: visible;
	line-height: 20px;
	text-indent: 23px
}

.createBox label input+i:before {
	position: absolute;
	display: none;
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	content: ".";
	font-size: 0;
	background: red;
	border-radius: 50%
}

.createBox label input:checked+i {
	border: 1px solid #ff3d6f;
	color: #fff
}

.createBox label input:checked+i:before {
	display: block
}

.createBox h6 {
	border-top: 1px solid #2f3236;
	font-size: 12px;
	color: #ae4a64;
	padding: 15px 15px 30px 15px
}

.createBox .type {
	margin: 0 0 7.5px 0
}

.createBox .type label {
	margin: 0 15px 0 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.createBox .type label input {
	opacity: 1;
	width: auto;
	position: relative;
	margin: 0 5px 0 0;
	-webkit-appearance: auto
}

.mint-msgbox-wrapper .mint-msgbox {
	background-color: #1b1e23
}

.mint-msgbox-wrapper .mint-msgbox-message,
.mint-msgbox-wrapper .mint-msgbox-title {
	color: #aaa
}

.mint-msgbox-wrapper .mint-msgbox-btn {
	background-color: #1b1e23
}

.mint-msgbox-wrapper .mint-msgbox-content {
	border-bottom: 1px solid #2f3236
}

.mint-msgbox-wrapper .mint-msgbox-cancel {
	border-right: 1px solid #2f3236;
	color: #aaa
}

.mint-msgbox-wrapper .mint-msgbox-confirm {
	color: #ae4a64
}

.withdraw-listing {
	color: #fff;
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.withdraw-listing header.navbar {
    position: fixed;
    z-index: 999;
    height: 56px;
    background: #26292f;
}

.listbox {
	min-height: 300px
}

.listbox table {
	width: 100%;
	font-size: 12px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0
}

.listbox table td,
.listbox table th {
	border: none;
	padding: 10px 10px
}

.listbox table th {
	text-align: center
}

.listbox thead tr {
	background: #212429;
	color: #ff3d6f;
	font-size: 14px
}

.listbox tbody td {
	text-align: center;
	color: #aaa
}

.listbox tbody td.blink {
	color: #ffa800
}

.statsbar-pad {
	height: 46px
}


.accountbox {
	color: #fff;
	height: 100vh;
    overflow-y: scroll;
}

/*header.navbar {
	background: transparent
}
*/
.bg{
	background: transparent !important
}
.account-headerbox {
	width: 100%;
	height: 200px;
	padding: 56px 15px 0 15px;
	background: url(../images/icons/account-bg.png) top no-repeat;
	background-size: cover
}

.account-headerbox dt {
	height: 80px
}

.account-headerbox dt h6 {
	font-size: 14px;
	line-height: 32px
}

.account-headerbox dt h2 {
	margin-top: 10px;
	font-size: 32px;
	line-height: 32px
}

.account-headerbox dd {
	margin-top: 14px;
	height: 50px;
	line-height: 50px;
	font-size: 14px
}

.account-headerbox dd span {
	display: inline-block;
	height: 100%;
	vertical-align: top
}

.account-headerbox dd em {
	margin-left: 10px;
	display: inline-block;
	height: 100%;
	font-size: 18px;
	padding-left: 23px;
	background: url(../images/icons/icon_bi.png) 0 no-repeat;
	background-size: 20px 20px
}

.account-headerbox dd em i {
	font-size: 20px;
	font-weight: 300;
	color: #ccc;
	padding-right: 2px
}

.tipsbox {
	padding: 10px 15px;
	color: #ae4a64;
	font-size: 14px
}

.account-listbox {
	font-size: 14px;
	color: #fff
}

.account-listbox li {
	height: 56px;
	position: relative;
	margin-top: 10px;
	line-height: 56px;
	background: #212429
}

.account-listbox li:after {
	position: absolute;
	content: ".";
	font-size: 0;
	width: 7px;
	height: 56px;
	top: 0;
	right: 15px;
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 13px
}

.account-listbox li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 56px;
	padding: 0 15px 0 45px;
	font-size: 15px;
	color: #fff
}

.account-listbox li a.a1 {
	background: url(../images/icons/icon_xjtx2.png) 15px no-repeat;
	background-size: 20px 20px
}

.account-listbox li a.a2 {
	background: url(../images/icons/icon_syjl.png) 15px no-repeat;
	background-size: 20px 20px
}

.account-listbox li a.a3 {
	background: url(../images/icons/icon_hydh2.png) 15px no-repeat;
	background-size: 20px 20px
}

.account-listbox li a.a4 {
	background: url(../images/icons/icon_kstg.png) 15px no-repeat;
	background-size: 20px 20px
}

.account-listbox li a.a5 {
	background: url(../images/icons/icon_zrwkbx.png) 15px no-repeat;
	background-size: 20px 20px
}

.bonuslog-listing {
	color: #fff;
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}
.bonuslog-listing header.navbar {
    position: fixed;
    z-index: 999;
    height: 56px;
    background: #26292f;
}

.listbox {
	min-height: 300px
}

.listbox table {
	width: 100%;
	font-size: 12px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0
}

.listbox table td,
.listbox table th {
	border: none;
	padding: 10px 10px
}

.listbox table th {
	text-align: center
}

.listbox thead tr {
	background: #212429;
	color: #ff3d6f;
	font-size: 14px
}

.listbox tbody td {
	text-align: center;
	color: #aaa
}

.listbox tbody td.blink {
	color: #ffa800
}

.statsbar-pad {
	height: 56px
}

.earnings-statsbar {
	width: 100%;
	height: 56px;
	font-weight: 300;
	position: fixed;
	z-index: 99;
	bottom: 0;
	font-size: 16px;
	line-height: 56px;
	color: #fff;
	background: -webkit-gradient(linear, left top, right top, from(#ad2e5a), to(#ad4047));
	background: linear-gradient(90deg, #ad2e5a, #ad4047);
	max-width: 520px;
}

.earnings-statsbar h2 {
	padding-left: 15px;
	height: 23px;
	line-height: 23px;
	font-size: 14px;
	color: #fff;
	font-weight: 300
}

.earnings-statsbar h2:first-child {
	margin-top: 5px
}

.earnings-statsbar h2 em {
	font-size: 18px;
	padding: 0 3px
}

.earnings-statsbar span {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	font-size: 14px;
	color: #fff;
	font-weight: 300
}

.earnings-statsbar span em {
	margin-left: 3px
}

.promotionindexbox {
	position: absolute;
	color: #fff;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: 520px;
	background: url(../images/icons/promotion-bg.png) 50% no-repeat;
	background-size: cover
}

.introbox {
	position: absolute;
	top: 42%;
	left: 13%;
	right: 13%;
	bottom: 16%;
	color: #aaa
}

.introbox dt {
	color: #333
}

.introbox dt h2 {
	height: 28px;
	padding-left: 32px;
	line-height: 28px;
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.introbox dt h2:first-child {
	background: url(../images/icons/1.png) 0 no-repeat;
	background-size: 28px 28px
}

.introbox dt h2:last-child {
	margin-top: 15px;
	background: url(../images/icons/2.png) 0 no-repeat;
	background-size: 28px 28px
}

.introbox dt h2 em {
	display: inline-block;
	margin-left: 3px;
	padding-left: 23px;
	color: #f94776;
	background: url(../images/icons/icon_bi.png) 0 no-repeat;
	background-size: 20px 20px
}

.introbox dd {
	position: relative;
	padding: 5px;
	margin-top: 15px
}

.introbox dd p {
	display: block;
	padding: 25px 10px 5px 10px;
	min-height: 50px;
	background: #ffeff3;
	border-radius: 5px;
	color: #b73658;
	font-size: 14px;
	line-height: 22px
}

.introbox dd em {
	position: absolute;
	left: -3px;
	top: 10px;
	width: 70px;
	height: 25px;
	background: url(../images/icons/srjl.png) 0 0 no-repeat;
	background-size: 70px 25px
}

.introbox h1 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px
}

.introbox h1 a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 12px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: url(../images/icons/bt.png) 50% no-repeat;
	background-size: 235px 60px
}

@media only screen and (max-width:375px) {
	.introbox dt h2 {
		font-size: 14px
	}

	.introbox dd {
		margin-top: 5px;
		font-size: 12px
	}
}

.promotionindex-bottombar {
	position: absolute;
	bottom: 2%;
	width: 100%
}

.promotionindex-bottombar h5 {
	width: 100%;
	text-align: center
}

.promotionindex-bottombar h5 a {
	display: inline-block;
	padding: 5px 15px;
	color: #ffa93f;
	border: 1px solid #ffa93f;
	border-radius: 15px
}

.promotionindex-bottombar h6 {
	margin-top: 15px;
	width: 100%;
	font-size: 12px;
	color: #fff;
	font-weight: 300;
	text-align: center
}

.promotionqrpicbox {
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/icons/qrpic-bg.png) 50% no-repeat;
	background-size: cover;
	max-width: 520px;
	margin: 0 auto;
}

.logobox {
	margin-top: 50px;
	height: 60px;
	background-size: 125px 35px
}

.logobox h1 {
	padding-top: 40px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	text-align: center;
	font-weight: 300;
	color: #fff
}

.mainbox {
	margin-top: 10px;
	padding: 0 22.5%
}

.mainbox .qrbox {
	padding-bottom: 10px;
	background: #fff;
	border-radius: 10px
}

.mainbox .qrbox h2 {
	padding-top: 10px;
	line-height: 18px;
	font-size: 14px;
	color: #333;
	text-align: center;
	font-weight: 700
}

.mainbox .qrbox h3 {
	line-height: 18px;
	font-size: 12px;
	color: #666;
	text-align: center;
	font-weight: 300
}

.mainbox .qrbox .qrimg {
	position: relative;
	padding-top: 100%;
	height: 0
}

.mainbox .qrbox .qrimg img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.mainbox .invitebox {
	margin-top: 1px;
	background: #fff;
	border-radius: 10px
}

.mainbox .invitebox h4 {
	padding-top: 5px;
	line-height: 18px;
	font-size: 12px;
	color: #666;
	text-align: center;
	font-weight: 300
}

.mainbox .invitebox h5 {
	padding: 0 0 5px 0;
	line-height: 24px;
	font-size: 22px;
	color: #333;
	text-align: center;
	font-weight: 700
}

.picbar {
	width: 100%;
	height: 29px;
	margin-top: 15px;
	background: url(../images/icons/kqzq.png) 50% no-repeat;
	background-size: 261px 29px
}

.promotionqrpic-bottombar {
	position: absolute;
	bottom: 3%;
	width: 100%
}

.promotionqrpic-bottombar h5 {
	width: 100%;
	text-align: center
}

.promotionqrpic-bottombar h5 a {
	display: inline-block;
	color: #fff;
	font-size: 16px
}

.promotionqrpic-bottombar h5 a.save-qrcode {
	margin-right: 10px;
	width: 129px;
	height: 45px;
	line-height: 45px;
	background: url(../images/icons/bt_bcewm.png) 50% no-repeat;
	background-size: 129px 45px
}

.promotionqrpic-bottombar h5 a.copy-qrlink {
	margin-left: 10px;
	width: 129px;
	height: 45px;
	line-height: 45px;
	background: url(../images/icons/bt_fztglj.png) 50% no-repeat;
	background-size: 129px 45px
}

.promotionqrpic-bottombar h6 {
	margin-top: 15px;
	width: 100%;
	font-size: 14px;
	color: #ff5354;
	text-align: center
}

.promotionqrpic-bottombar h6 a {
	font-size: 14px;
	color: #ff5354
}

.promotion-helpbox {
    color: #fff;
    height: 100vh;
    overflow-y: scroll;
}

.listbox {
	margin-top: 56px
}

.listbox ul {
	overflow: hidden
}

.listbox li {
	margin-top: 10px;
	padding: 5px 15px;
	font-size: 14px
}

.listbox li.a1 {
	background: #212429 url(../images/icons/promotion-help1.png) 15px no-repeat;
	background-size: 39px 60px
}

.listbox li.a2 {
	background: #212429 url(../images/icons/promotion-help2.png) 15px no-repeat;
	background-size: 39px 60px
}

.listbox li.a3 {
	background: #212429 url(../images/icons/promotion-help3.png) 15px no-repeat;
	background-size: 39px 60px
}

.listbox li.a4 {
	background: #212429 url(../images/icons/promotion-help4.png) 15px no-repeat;
	background-size: 39px 60px
}

.listbox li.a5 {
	background: #212429 url(../images/icons/promotion-help5.png) 15px no-repeat;
	background-size: 39px 60px
}

.listbox li.a6 {
	background: #212429 url(../images/icons/promotion-help6.png) 15px no-repeat;
	background-size: 39px 60px
}

.listbox li h2 {
	height: 30px;
	line-height: 30px;
	margin-left: 55px;
	position: relative;
	font-size: 14px;
	color: #fff
}

.listbox li h3 {
	margin-left: 55px;
	margin-top: 5px;
	padding-bottom: 5px;
	line-height: 18px;
	font-size: 12px;
	color: #aaa
}

.listbox li h2 span {
	position: absolute;
	right: 10px;
	top: 0;
	height: 30px
}

.listbox li h2 em {
	float: right;
	margin-right: -10px;
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.listbox li h2 em.wx {
	background: #fff url(../images/icons/icon_wx.png) 100% no-repeat;
	background-size: 30px 30px
}

.listbox li h2 em.qq {
	background: #fff url(../images/icons/icon_qq.png) 100% no-repeat;
	background-size: 30px 30px
}

.listbox li h2 em.mm {
	background: #fff url(../images/icons/icon_mm.png) 100% no-repeat;
	background-size: 30px 30px
}

.listbox li h2 em.fjdr {
	background: #fff url(../images/icons/icon_fjdr.png) 100% no-repeat;
	background-size: 30px 30px
}

.listbox li h2 em.ppx {
	background: #fff url(../images/icons/icon_ppx.png) 100% no-repeat;
	background-size: 30px 30px
}

.listbox li h2 em.soul {
	background: #fff url(../images/icons/icon_soul.png) 100% no-repeat;
	background-size: 30px 30px
}

.listbox li h2 em.tb {
	background: #fff url(../images/icons/icon_tb.png) 100% no-repeat;
	background-size: 30px 30px
}

.listbox li h2 em.toutiao {
	background: #fff url(../images/icons/icon_toutiao.png) 100% no-repeat;
	background-size: 30px 30px
}

.listbox li h2 em.tt {
	background: #fff url(../images/icons/icon_tt.png) 100% no-repeat;
	background-size: 30px 30px
}

.listbox li h2 em.wy {
	background: #fff url(../images/icons/icon_wy.png) 100% no-repeat;
	background-size: 30px 30px
}

.bottombar-pad {
	height: 56px
}

.bottombar {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 520px;
	height: 50px;
	z-index: 99;
	line-height: 50px;
	color: #fff;
	background: url(../images/icons/promotion-bt.png) 0 no-repeat;
	background-size: 100% 50px
}

.bottombar a {
	display: block;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 16px
}

.taskbox-index[data-v-a1c606be] {
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/icons/taskbox-bg.png) 50% no-repeat;
	background-size: 100% 100%
}

.taskbox-index header.navbar[data-v-a1c606be] {
	background: transparent
}

.introbox[data-v-a1c606be] {
	position: absolute;
	top: 28%;
	left: 5%;
	right: 5%;
	bottom: 12.5%;
	color: #aaa;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.annbox[data-v-a1c606be] {
	margin: 0 5px;
	height: 36px;
	padding-left: 12px;
	line-height: 36px;
	color: #fff;
	background: rgba(61, 1, 124, .75) url(../images/icons/icon_gg.png) 5px no-repeat;
	background-size: 14px 13px;
	overflow: hidden;
	border-radius: 5px
}

.annbox .swiper-slide[data-v-a1c606be] {
	height: 36px;
	padding: 0 10px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.annbox .swiper-slide em[data-v-a1c606be] {
	display: inline-block;
	margin-left: 3px;
	padding-left: 18px;
	background: url(../images/icons/icon_bi.png) 0 no-repeat;
	background-size: 14px 14px
}

.taskbox1[data-v-a1c606be] {
	margin-top: 10px;
	overflow: hidden
}

.taskbox1 li[data-v-a1c606be] {
	margin-top: 20px;
	float: left;
	width: 33.33%;
	text-align: center
}

.taskbox1 li[data-v-a1c606be]:nth-child(-n+3) {
	margin-top: 5px
}

.taskbox1 li img[data-v-a1c606be] {
	display: inline-block;
	width: 75px;
	height: 56px;
	font-size: 0;
	line-height: 0
}

.taskbox1 li h2[data-v-a1c606be] {
	margin-top: 0;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #fff
}

.taskbox1 li h3[data-v-a1c606be] {
	margin-top: 5px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #fff
}

.taskbox1 li h3 a[data-v-a1c606be] {
	display: inline-block;
	width: 80px;
	padding: 0 15px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	background: -webkit-gradient(linear, left top, right top, from(#ff3c87), to(#ff9054));
	background: linear-gradient(90deg, #ff3c87, #ff9054)
}

.taskbox1 li h3 a.opened[data-v-a1c606be] {
	background: rgba(50, 0, 101, .9)
}

.taskbox1 li h3 a.todo[data-v-a1c606be] {
	background: rgba(108, 0, 217, .9)
}

.taskbox2[data-v-a1c606be] {
	margin-top: 30px;
	padding-bottom: 10px;
	overflow: hidden;
	border-top: 1px dashed #9c5cdc
}

.taskbox2 li[data-v-a1c606be] {
	margin-top: 30px;
	float: left;
	width: 50%;
	text-align: center
}

.taskbox2 li .imgbox[data-v-a1c606be] {
	position: relative
}

.taskbox2 li .imgbox[data-v-a1c606be],
.taskbox2 li img[data-v-a1c606be] {
	display: inline-block;
	width: 75px;
	height: 56px;
	font-size: 0;
	line-height: 0
}

.taskbox2 li .imgbox em[data-v-a1c606be] {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background: rgba(33, 33, 33, .75);
	border-radius: 10px 10px 10px 0
}

.taskbox2 li h2[data-v-a1c606be] {
	margin-top: 0;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #fff
}

.taskbox2 li h3[data-v-a1c606be] {
	margin-top: 5px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #fff
}

.taskbox2 li h3 a[data-v-a1c606be] {
	display: inline-block;
	width: 80px;
	padding: 0 15px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	background: -webkit-gradient(linear, left top, right top, from(#ff3c87), to(#ff9054));
	background: linear-gradient(90deg, #ff3c87, #ff9054)
}

.taskbox2 li h3 a.opened[data-v-a1c606be] {
	background: rgba(50, 0, 101, .9)
}

.taskbox2 li h3 a.todo[data-v-a1c606be] {
	background: rgba(108, 0, 217, .9)
}

.tipsbox[data-v-a1c606be] {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #9475b4;
	text-align: center
}

.bottombar[data-v-a1c606be] {
	position: absolute;
	bottom: 0;
	width: 100%
}

.bottombar dl[data-v-a1c606be] {
	margin: 0 15px 20px 15px;
	overflow: hidden
}

.bottombar dt[data-v-a1c606be] {
	float: left;
	width: 45px;
	height: 45px;
	background: url(../images/icons/icon_lw.png) 50% no-repeat;
	background-size: 45px 45px
}

.bottombar dd[data-v-a1c606be] {
	margin-left: 55px;
	height: 45px;
	line-height: 45px
}

.bottombar dd a[data-v-a1c606be] {
	display: block;
	color: #fff;
	line-height: 45px;
	text-align: center;
	background: -webkit-gradient(linear, left top, right top, from(#c10fd1), to(#f66b4e));
	background: linear-gradient(90deg, #c10fd1, #f66b4e);
	border-radius: 5px
}

@media only screen and (max-width:375px) {
	.bottombar dl[data-v-a1c606be] {
		margin-bottom: 10px
	}
}

.affcenter {
	color: #fff;
	height: 100vh;
    overflow-y: scroll;
}

.affcenter header.navbar {
    position: fixed;
    z-index: 999;
    height: 56px;
    background: #26292f;
}

.grade-headerbox {
	height: 200px;
	background: url(../images/icons/affcenter-bg.png) top no-repeat;
	background-size: 100% 270px
}

.cardbox {
	margin: 66px 15px 0 15px;
	height: 160px;
	color: #fff;
	background: -webkit-gradient(linear, left top, right top, from(#4d00cc), to(#cc4193));
	background: linear-gradient(90deg, #4d00cc, #cc4193);
	border-radius: 10px
}

.cardbox .userbox {
	height: 80px;
	padding: 15px 10px;
	position: relative
}

.cardbox .userbox img {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.cardbox .userbox h1 {
	margin-left: 60px;
	font-size: 16px;
	line-height: 25px;
	color: #fff
}

.cardbox .userbox h2 {
	margin-left: 60px;
	font-size: 14px;
	line-height: 25px;
	color: #928f95
}

.cardbox .userbox dd {
	position: absolute;
	right: 10px;
	top: 20px;
	text-align: center;
	background: url(../images/icons/affcenter-arrow.png) 100% no-repeat;
	background-size: 7px 12px
}

.cardbox .userbox dd img {
	width: 40px;
	height: 40px;
	margin-right: 15px
}

.cardbox .levelbox {
	height: 80px
}

.cardbox .levelbox ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 18px
}

.cardbox .levelbox li.curr-group,
.cardbox .levelbox li.next-group {
	width: 64px;
	height: 44px
}

.cardbox .levelbox li.levelbar {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	padding-top: 17px;
	font-size: 14px;
	color: #ffb3e4;
	text-align: center
}

.cardbox .levelbox li.levelbar:before {
	position: absolute;
	left: 0;
	top: 10px;
	width: 100%;
	height: 3px;
	background: #e9b043;
	border-radius: 3px;
	content: ".";
	font-size: 0
}

.cardbox .levelbox em {
	margin-left: 10px;
	display: inline-block;
	width: 44px;
	height: 44px
}

.cardbox .levelbox .V1 {
	background: url(../images/icons/v1.png) 50% no-repeat;
	background-size: 44px 44px
}

.cardbox .levelbox .V2 {
	background: url(../images/icons/v2.png) 50% no-repeat;
	background-size: 44px 44px
}

.cardbox .levelbox .V3 {
	background: url(../images/icons/v3.png) 50% no-repeat;
	background-size: 44px 44px
}

.cardbox .levelbox .V4 {
	background: url(../images/icons/v4.png) 50% no-repeat;
	background-size: 44px 44px
}

.cardbox .levelbox .V5 {
	background: url(../images/icons/v5.png) 50% no-repeat;
	background-size: 44px 44px
}

.permbox {
	margin-top: 20px
}

.permbox h2 {
	line-height: 22px;
	font-size: 14px;
	color: #fff;
	text-align: center
}

.permbox h2 img {
	width: 15px;
	height: 12px
}

.permbox li {
	padding-left: 75px;
	min-height: 50px;
	margin-top: 20px
}

.permbox .V1 {
	background: url(../images/icons/icon_v1.png) 15px no-repeat;
	background-size: 50px 50px
}

.permbox .V2 {
	background: url(../images/icons/icon_v2.png) 15px no-repeat;
	background-size: 50px 50px
}

.permbox .V3 {
	background: url(../images/icons/icon_v3.png) 15px no-repeat;
	background-size: 50px 50px
}

.permbox .V4 {
	background: url(../images/icons/icon_v4.png) 15px no-repeat;
	background-size: 50px 50px
}

.permbox .V5 {
	background: url(../images/icons/icon_v5.png) 15px no-repeat;
	background-size: 50px 50px
}

.permbox li h3 {
	font-size: 14px;
	color: #fff;
	line-height: 25px
}

.permbox li h4 {
	font-size: 12px;
	color: #aaa;
	line-height: 25px
}

.permbox li em {
	color: #ff3d6f
}

.grade-bottombar {
	position: fixed;
	z-index: 99;
	bottom: 0;
	width: 100%;
	max-width: 520px;
}

.grade-bottombar h6 {
	height: 45px;
	line-height: 45px
}

.grade-bottombar h6 a {
	display: block;
	line-height: 45px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: -webkit-gradient(linear, left top, right top, from(#c10fd1), to(#f66b4e));
	background: linear-gradient(90deg, #c10fd1, #f66b4e)
}

.myfeedback {
	color: #fff
}


.listbox table {
	width: 100%;
	font-size: 12px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0
}

.listbox table td,
.listbox table th {
	border: none;
	padding: 10px 10px
}

.listbox table th {
	text-align: center
}

.listbox thead tr {
	background: #212429;
	color: #ff3d6f;
	font-size: 14px
}

.listbox tbody td {
	text-align: center;
	color: #aaa
}

.listbox tbody td.blink {
	color: #ffa800
}

.statsbar-pad {
	height: 46px
}

.statsbar {
	width: 100%;
	height: 46px;
	text-align: center;
	font-weight: 300;
	position: fixed;
	z-index: 99;
	bottom: 0;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	background: -webkit-gradient(linear, left top, right top, from(#ad2e5a), to(#ad4047));
	background: linear-gradient(90deg, #ad2e5a, #ad4047);
	max-width: 520px;
}

.settingbox[data-v-33e7d9cb] {
	color: #fff
}

.listbox[data-v-33e7d9cb] {
	margin-top: 66px
}

.listbox ul[data-v-33e7d9cb] {
	margin-top: 10px;
	background: #212429
}

.listbox li[data-v-33e7d9cb] {
	margin: 0 15px;
	line-height: 42px;
	position: relative;
	color: #aaa;
	font-size: 14px;
	overflow: hidden
}

.listbox li.arrow[data-v-33e7d9cb] {
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 12px
}

.listbox li[data-v-33e7d9cb]:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: ".";
	font-size: 0;
	height: 1px;
	background: #2f3236
}

.listbox li[data-v-33e7d9cb]:first-child:before {
	display: none
}

.listbox li>a[data-v-33e7d9cb] {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 42px;
	color: #aaa
}

.listbox li>a>span[data-v-33e7d9cb] {
	float: right;
	font-size: 12px;
	padding-right: 15px
}

.listbox li>a>span.active[data-v-33e7d9cb] {
	color: #ff3d6f
}

.deposit{
	height: 100vh;
    overflow-y: scroll;
}

.settingbox {
    color: #fff;
    height: 100vh;
    overflow-y: scroll;
}

.setting-listbox {
	margin-top: 66px
}

.setting-listbox ul {
	margin-top: 10px;
	background: #212429
}

.setting-listbox li {
	margin: 0 15px;
	line-height: 42px;
	position: relative;
	color: #aaa;
	font-size: 14px;
	overflow: hidden
}

.setting-listbox li.arrow {
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 12px
}

.setting-listbox li:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: ".";
	font-size: 0;
	height: 1px;
	background: #2f3236
}

.setting-listbox li:first-child:before {
	display: none
}

.setting-listbox li>a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 42px;
	color: #aaa
}

.setting-listbox li>a>span {
	float: right;
	font-size: 12px;
	padding-right: 15px
}

.setting-listbox li>a>span.active {
	color: #ff3d6f
}

.setting-listbox .avatar {
	padding: 10px 0;
	overflow: hidden
}

.setting-listbox .avatar dt {
	float: left;
	width: 42px;
	height: 42px
}

.setting-listbox .avatar dt img {
	width: 42px;
	height: 42px;
	border-radius: 50%
}

.setting-listbox .avatar dd {
	float: right;
	font-size: 12px;
	padding-right: 15px
}

.setting-listbox .avatar dd input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.setting-listbox .inputbox>label {
	float: left;
	width: 4.5em;
	height: 42px;
	line-height: 42px
}

.setting-listbox .inputbox span {
	display: block;
	margin-left: 4.5em
}

.setting-listbox .inputbox span p.txt {
	width: 100%;
	height: 42px;
	padding: 0 10px 0 10px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: none;
	color: #aaa;
	caret-color: #aaa;
	font-size: 14px;
	text-align: right
}

.setting-listbox .inputbox span input.txt:focus {
	border-color: none
}

.setting-listbox .checkbox>label {
	float: left;
	width: 4.5em;
	height: 42px;
	line-height: 42px
}

.setting-listbox .checkbox span {
	display: block;
	height: 42px;
	margin-left: 4.5em;
	text-align: right
}

.setting-listbox .checkbox span label {
	display: inline-block;
	position: relative;
	height: 100%;
	margin-left: 20px;
	line-height: 42px
}

.setting-listbox .checkbox span label input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.setting-listbox .checkbox span label input+i {
	float: left;
	position: relative;
	margin-top: 10px;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border: 1px solid #545558;
	border-radius: 50%;
	white-space: nowrap;
	overflow: visible;
	line-height: 20px;
	text-indent: 23px
}

.setting-listbox .checkbox span label input+i:before {
	position: absolute;
	display: none;
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	content: ".";
	font-size: 0;
	background: red;
	border-radius: 50%
}

.setting-listbox .checkbox span label input:checked+i {
	border: 1px solid #ff3d6f;
	color: #fff
}

.setting-listbox .checkbox span label input:checked+i:before {
	display: block
}

.logout {
	height: 46px;
	margin-top: 20px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	color: #ff3d6f;
	background: #212429
}

.cash-createBox {
	width: 100%;
	max-height: 50%;
	border-top: 1px solid #795548;
	background: #26292f;
	overflow-y: scroll;
	transform: translate3d(0%, 32%, 0);
}

.cash-createBox h1 {
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-indent: 15px;
	color: #aaa
}

.cash-createBox h1 span {
	float: right;
	padding: 15px 20px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	text-indent: 0
}

.cash-createBox li {
	border-top: 1px solid #2f3236;
	height: 46px
}

.cash-createBox li input {
	width: 100%;
	height: 45px;
	padding: 15px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: none;
	color: #aaa;
	caret-color: #aaa;
	font-size: 14px
}

.cash-createBox label {
	display: block;
	padding: 0 15px;
	height: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	font-size: 14px;
	color: #aaa
}

.cash-createBox label input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.cash-createBox label input+i {
	float: left;
	position: relative;
	margin-top: 10px;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border: 1px solid #545558;
	border-radius: 50%;
	white-space: nowrap;
	overflow: visible;
	line-height: 20px;
	text-indent: 23px
}

.cash-createBox label input+i:before {
	position: absolute;
	display: none;
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	content: ".";
	font-size: 0;
	background: red;
	border-radius: 50%
}

.cash-createBox label input:checked+i {
	border: 1px solid #ff3d6f;
	color: #fff
}

.cash-createBox label input:checked+i:before {
	display: block
}

.cash-createBox li img {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-top: 6px;
	margin-left: 10px
}

.cash-createBox h6 {
	border-top: 1px solid #2f3236;
	font-size: 12px;
	color: #ae4a64;
	padding: 15px 15px 30px 15px
}


.info-listbox {
	margin-top: 66px
}

.info-listbox ul {
	margin-top: 10px;
	background: #212429
}

.info-listbox li {
	margin: 0 15px;
	line-height: 42px;
	position: relative;
	color: #aaa;
	font-size: 14px;
	overflow: hidden
}

.info-listbox li.arrow {
	background: url(../images/icons/arrow.png) 100% no-repeat;
	background-size: 7px 12px
}

.info-listbox li:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: ".";
	font-size: 0;
	height: 1px;
	background: #2f3236
}

.info-listbox li:first-child:before {
	display: none
}

.info-listbox li>a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 42px;
	color: #aaa
}

.info-listbox li>a>span {
	float: right;
	font-size: 12px;
	padding-right: 15px
}

.info-listbox li>a>span.active {
	color: #ff3d6f
}

.info-listbox .avatar {
	padding: 10px 0;
	overflow: hidden
}

.info-listbox .avatar dt {
	float: left;
	width: 42px;
	height: 42px
}

.info-listbox .avatar dt img {
	width: 42px;
	height: 42px;
	border-radius: 50%
}

.info-listbox .avatar dd {
	float: right;
	font-size: 12px;
	padding-right: 15px
}

.info-listbox .inputbox>label {
	float: left;
	width: 4.5em;
	height: 42px;
	line-height: 42px
}

.info-listbox .inputbox img {
	display: block;
    margin: auto;
}

.info-listbox .inputbox span {
	display: block;
	margin-left: 4.5em
}

.info-listbox .inputbox span input.txt {
	width: 100%;
	height: 42px;
	padding: 0 10px 0 10px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: none;
	color: #aaa;
	caret-color: #aaa;
	font-size: 14px;
	text-align: right
}

.info-listbox .inputbox span input.txt:focus {
	border-color: none
}

.info-listbox .checkbox>label {
	float: left;
	width: 4.5em;
	height: 42px;
	line-height: 42px
}

.info-listbox .checkbox span {
	display: block;
	height: 42px;
	margin-left: 4.5em;
	text-align: right
}

.info-listbox .checkbox span label {
	display: inline-block;
	position: relative;
	height: 100%;
	margin-left: 20px;
	line-height: 42px
}

.info-listbox .checkbox span label input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: transparent;
	border: 0;
	opacity: 0;
	cursor: pointer
}

.info-listbox .checkbox span label input+i {
	float: left;
	position: relative;
	margin-top: 10px;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border: 1px solid #545558;
	border-radius: 50%;
	white-space: nowrap;
	overflow: visible;
	line-height: 20px;
	text-indent: 23px
}

.info-listbox .checkbox span label input+i:before {
	position: absolute;
	display: none;
	left: 4px;
	top: 4px;
	width: 10px;
	height: 10px;
	content: ".";
	font-size: 0;
	background: red;
	border-radius: 50%
}

.info-listbox .checkbox span label input:checked+i {
	border: 1px solid #ff3d6f;
	color: #fff
}

.info-listbox .checkbox span label input:checked+i:before {
	display: block
}

.settingbox[data-v-849bb958] {
	background-color: #262930;
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.info-listbox[data-v-849bb958] {
	margin-top: 56px
}

.info-listbox h6[data-v-849bb958] {
	height: 10px;
	background: #1b1e23
}

.info-listbox ul[data-v-849bb958] {
	background: #262930
}

.info-listbox li[data-v-849bb958] {
	margin: 0 15px;
	margin-top: 15px;
	position: relative;
	color: #fff;
	font-size: 16px;
	overflow: hidden
}

.info-listbox li>a[data-v-849bb958] {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 16px
}

.info-listbox li.style1[data-v-849bb958] {
	font-style: italic
}

li.downloadbox[data-v-849bb958] {
	margin-top: 30px;
	color: #fff;
	margin-bottom: 50px
}

a.submit[data-v-849bb958] {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	outline: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #ff3d6f;
	border: none;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border-radius: 25px
}

.actionbox .text {
	color: #dbbe84
}

.titletabbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 30px;
	background: #26292f;
	position: sticky;
	top: 56px;
	z-index: 999;
	border-top: 1px solid #1b1e23
}

.titletabbox .cell {
	color: #fff;
	font-size: 14px;
	width: 33.333%;
	text-align: center;
	height: 56px;
	line-height: 56px
}

.titletabbox .cur {
	color: #fad961;
	font-size: 16px
}

.tab_box {
	padding: 0 0 64px 0;
}

.tab_box .wallet {
	background: url(../images/deposit/wallet_bg.png) no-repeat 0 0;
	background-size: 100% 100%;
	padding: 45px 30px 30px 30px;
	margin: 0
}

.tab_box .wallet .wallet_title {
	text-align: center;
	margin: 0 0 15px 0
}

.tab_box .wallet .wallet_title img {
	width: 188px;
	height: auto
}

.tab_box .wallet .wallet_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.tab_box .wallet .wallet_content .cell {
	width: 50%;
	text-align: center
}

.tab_box .wallet .wallet_content .cell img {
	width: 32px;
	height: 32px
}

.tab_box .wallet .wallet_content .cell span {
	display: block;
	font-size: 12px;
	color: #242a37
}

.tab_box .vip {
	border-radius: 14px;
	background: linear-gradient(114.56deg, #272c36, #272b37);
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14901960784313725);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14901960784313725);
	margin: 0 15px 15px 15px;
	padding: 24px 0 0 0
}

.tab_box .vip .vip_title {
	text-align: center;
	position: relative;
	height: 22px;
	line-height: 22px;
	margin: 0 0 15px 0
}

.tab_box .vip .vip_title b {
	font-size: 20px;
	font-weight: 700;
	color: #dbbe84
}

.tab_box .vip .vip_title:before {
	content: " ";
	position: absolute;
	top: 10px;
	width: 50px;
	height: 2px;
	background: #dbbe84;
	left: 50%;
	margin-left: -95px
}

.tab_box .vip .vip_title:after {
	content: " ";
	position: absolute;
	top: 10px;
	width: 50px;
	height: 2px;
	background: #dbbe84;
	left: 50%;
	margin-left: 45px
}

.tab_box .vip .vip_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tab_box .vip .vip_content .cell {
	width: 25%;
	text-align: center;
	margin: 0 0 15px 0;
	position: relative
}

.tab_box .vip .vip_content .cell img {
	width: 32px;
	height: 32px
}

.tab_box .vip .vip_content .cell span {
	display: block;
	font-size: 12px;
	color: hsla(0, 0%, 100%, .67)
}

.tab_box .vip .vip_content .cell img.vip_icon {
	position: absolute;
	top: 0;
	right: 17px;
	width: 22px;
	height: 13px
}

.tab_box .faq {
	border-radius: 14px;
	background: linear-gradient(114.56deg, #272c36, #272b37);
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14901960784313725);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14901960784313725);
	margin: 0 15px 30px 15px;
	padding: 24px
}

.tab_box .faq .faq_title {
	text-align: center;
	position: relative;
	height: 22px;
	line-height: 22px;
	margin: 0 0 15px 0
}

.tab_box .faq .faq_title b {
	font-size: 20px;
	font-weight: 700;
	color: #dbbe84
}

.tab_box .faq .faq_title:before {
	content: " ";
	position: absolute;
	top: 10px;
	width: 50px;
	height: 2px;
	background: #dbbe84;
	left: 50%;
	margin-left: -95px
}

.tab_box .faq .faq_title:after {
	content: " ";
	position: absolute;
	top: 10px;
	width: 50px;
	height: 2px;
	background: #dbbe84;
	left: 50%;
	margin-left: 45px
}

.tab_box .faq .faq_content {
	font-size: 12px;
	color: hsla(0, 0%, 100%, .67)
}

.tab_box .faq .faq_content p b {
	color: #dbbe84;
	margin: 0 5px;
	border-bottom: 1px solid #dbbe84
}

.tab_box .good {
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 15px 0 15px 15px
}

.tab_box .good .cell {
	white-space: nowrap;
	display: inline-block;
	background: url(../images/deposit/card_bg.png) no-repeat 0 0;
	background-size: 100% 100%;
	position: relative;
	padding: 33px 15px 15px 15px;
	width: 242px;
	height: 147px;
	margin: 0 15px 0 0;
	-webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.tab_box .good .group {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.tab_box .good .active {
	background: url(../images/deposit/card_bg2.png) no-repeat 0 0;
	background-size: 100% 100%
}

.tab_box .good .cell .tag {
	position: absolute;
	background: #ff5170;
	color: #fff;
	width: 77px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	top: 0;
	left: 0;
	border-radius: 15px 0 15px 0
}

.tab_box .good .cell .title {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 2px 0;
	color: #fff;
	height: 24px;
	line-height: 24px
}

.tab_box .good .cell .desc {
	font-size: 12px;
	margin: 0 0 4px 0;
	color: #fff;
	height: 14px;
	line-height: 14px
}

.tab_box .good .cell .desc2 {
	height: 30px;
	line-height: 30px;
	width: 96px;
	background: url(../images/deposit/card_bg2_desc2.png) no-repeat 0 0;
	background-size: 100% 100%;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	position: relative
}

.tab_box .good .cell .desc2 span {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	position: absolute;
	top: 3px;
	left: 10px;
	font-size: 14px
}

.tab_box .good .cell .price {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	height: 30px;
	line-height: 30px
}

.tab_box .good .cell .time {
	position: absolute;
	bottom: 15px;
	right: 15px;
	color: #fff;
	font-size: 12px;
	height: 18px;
	line-height: 18px
}

.tab_box .good .cell>img {
	display: none;
	position: absolute;
	bottom: 35px;
	right: 15px;
	width: 20px;
	height: 20px
}

.tab_box .good .active>img {
	display: inline-block
}

.tab1_box .good .cell {
	background: url(../images/deposit/card_bg_coin.png) no-repeat 0 0;
	background-size: 100% 100%
}

.tab1_box .good .active {
	background: url(../images/deposit/card_bg2_coin.png) no-repeat 0 0;
	background-size: 100% 100%
}

.tab_box .bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 520px;
    margin: 0 auto;
}

.tab_box .bottom .chat {
	width: 120px;
	text-align: center;
	background: #272b36;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tab_box .bottom .chat img {
	width: 32px;
	height: 32px
}

.tab_box .bottom .chat span {
	display: block;
	font-size: 13px;
	color: #fff
}

.tab_box .bottom .submit {
	background: #dbbe84;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #242a37
}

.tab_box .bottom .submit h3 ,.submit span {
	font-size: 17px;
	font-weight: 700
}


.tab_box .bottom .submit p span{
	font-size: 13px;
}


.tab_box .payment {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: 520px;
	z-index: 999
}

.tab_box .payment .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7)
}

.tab_box .payment .content {
	border-radius: 14px;
	background: linear-gradient(114.56deg, #272c36, #272b37);
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14901960784313725);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14901960784313725);
	padding: 24px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.tab_box .payment .payment_title {
	position: relative;
	height: 22px;
	line-height: 22px;
	margin: 0 0 15px 0
}

.tab_box .payment .payment_title b {
	font-size: 20px;
	font-weight: 700;
	color: #dbbe84
}

.tab_box .payment .payment_title:before {
	content: " ";
	position: absolute;
	top: 10px;
	width: 50px;
	height: 2px;
	background: #dbbe84;
	left: 50%;
	margin-left: -95px
}

.tab_box .payment .payment_title:after {
	content: " ";
	position: absolute;
	top: 10px;
	width: 50px;
	height: 2px;
	background: #dbbe84;
	left: 50%;
	margin-left: 45px
}

.tab_box .payment .payment_img {
	display: none
}

.tab_box .payment .payment_img img {
	width: 100%;
	height: auto
}

.tab_box .payment .payment_title {
	font-size: 12px;
	color: hsla(0, 0%, 100%, .67);
	text-align: center
}

.tab_box .payment .payment_content {
	max-height: 300px;
	overflow-y: auto
}

.tab_box .payment .payment_content .cell2 {
	border-bottom: 1px solid hsla(0, 0%, 100%, .2980392156862745);
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff
}

.box[data-v-f1820a68] {
	padding: 15px;
	margin: 56px 0 0 0
}

.box .coin_box[data-v-f1820a68] {
	background: url(/static/images/game/game_coin_bg.png) no-repeat 0 0;
	background-size: 100% 100%;
	padding: 15px;
	margin: 0 0 15px 0
}

.box .coin_box h3[data-v-f1820a68] {
	font-size: 18px;
	height: 26px;
	line-height: 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #242a37;
	font-weight: 700;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 10px 0
}

.box .coin_box h3 img[data-v-f1820a68] {
	height: 22px;
	width: auto;
	margin: 0 5px 0 0
}

.box .coin_box .balance[data-v-f1820a68] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 15px 0
}

.box .coin_box .balance span[data-v-f1820a68] {
	font-size: 35px;
	line-height: 40px;
	height: 40px;
	font-weight: 700;
	color: #242a37;
	margin: 0 10px 0 0
}

.box .coin_box .balance img[data-v-f1820a68] {
	height: 20px;
	width: auto
}

.box .coin_box .btn[data-v-f1820a68] {
	text-align: right
}

.box .coin_box .btn button[data-v-f1820a68] {
	border-radius: 168px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4b58a), to(#ea4cb0));
	background: linear-gradient(180deg, #f4b58a, #ea4cb0);
	width: 74px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border: none
}

.box .wali_box[data-v-f1820a68] {
	background: url(/static/images/game/game_wali_bg.png) no-repeat 0 0;
	background-size: 100% 100%;
	padding: 15px;
	margin: 0 0 15px 0;
	position: relative
}

.box .wali_box h3[data-v-f1820a68] {
	font-size: 16px;
	height: 26px;
	line-height: 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #242a37;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 10px 0
}

.box .wali_box h3 img[data-v-f1820a68] {
	height: 33px;
	width: auto;
	margin: 0 5px 0 0
}

.box .wali_box .balance[data-v-f1820a68] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 15px 0
}

.box .wali_box .balance span[data-v-f1820a68] {
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	font-weight: 700;
	color: #242a37;
	margin: 0 10px
}

.box .wali_box .balance img[data-v-f1820a68] {
	height: 20px;
	width: auto
}

.box .wali_box .btn[data-v-f1820a68] {
	position: absolute;
	right: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	top: 15px
}

.box .wali_box .btn button[data-v-f1820a68] {
	width: 74px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border: none;
	border-radius: 16px
}

.box .wali_box .btn button[data-v-f1820a68]:first-child {
	border-radius: 22px;
	background: -webkit-gradient(linear, left top, left bottom, from(#1d2027), to(#1d1717));
	background: linear-gradient(180deg, #1d2027, #1d1717);
	color: #dbbe84;
	font-size: 14px;
	margin: 0 0 7.5px 0
}

.box .wali_box .btn button[data-v-f1820a68]:last-child {
	border-radius: 22px;
	background: hsla(0, 0%, 100%, .4980392156862745);
	color: #242a37;
	font-size: 14px
}

.help[data-v-f1820a68] {
	padding: 0 15px
}

.help img[data-v-f1820a68] {
	width: 100%;
	height: auto
}

.tbox[data-v-f1820a68] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.tbox .mask[data-v-f1820a68] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7)
}

.tbox .content[data-v-f1820a68] {
	position: absolute;
	left: 30px;
	top: 210px;
	width: calc(100% - 60px);
	border-radius: 16px;
	background: #313131;
	-webkit-box-shadow: 0 -4px 9px 0 rgba(243, 160, 146, .24705882352941178);
	box-shadow: 0 -4px 9px 0 rgba(243, 160, 146, .24705882352941178);
	padding: 90px 50px 35px 50px
}

.tbox .content .title[data-v-f1820a68] {
	position: absolute;
	left: 50px;
	top: -9px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end
}

.tbox .content .title img[data-v-f1820a68] {
	width: 64px;
	height: 64px;
	margin: 0 10px 0 0
}

.tbox .content .title span[data-v-f1820a68] {
	font-size: 18px;
	font-weight: 700;
	color: #fff
}

.tbox .content .form h6[data-v-f1820a68] {
	text-align: right;
	font-size: 12px;
	color: #58beff;
	margin: 0 0 7.5px 0
}

.tbox .content .form input[data-v-f1820a68] {
	border-radius: 16px;
	background: hsla(0, 0%, 100%, .09803921568627451);
	width: 100%;
	border: none;
	padding: 0 15px;
	height: 48px;
	line-height: 48px;
	margin: 0 0 15px 0;
	color: #fff
}

.tbox .content .form .btn[data-v-f1820a68] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tbox .content .form .btn button[data-v-f1820a68] {
	width: calc(50% - 7.5px);
	border: none;
	border-radius: 8px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-size: 15px
}

.tbox .content .form .btn .cancel[data-v-f1820a68] {
	background: #737373
}

.tbox .content .form .btn .ok[data-v-f1820a68] {
	background: -webkit-gradient(linear, left top, left bottom, from(#f4b58a), to(#ea4cb0));
	background: linear-gradient(180deg, #f4b58a, #ea4cb0)
}

.iframe[data-v-ce0676b0] {
	width: 100%;
	height: calc(100vh - 56px);
	margin: 56px 0 0 0
}

#notice[data-v-ce0676b0] {
	background: #26292f;
	color: #fff;
	padding: 0 15px;
	line-height: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: calc(100% - 30px)
}

.cc_box .content[data-v-16098f64] {
	margin: 56px 0 0 0
}

.cc_box .content .scroll[data-v-16098f64] {
	height: calc(100vh - 56px);
	overflow-y: auto
}

.cc_box .content .scroll .list_box .list_title[data-v-16098f64] {
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	background: #333
}

.cc_box .content .scroll .list_box .list_content .list2[data-v-16098f64] {
	height: 42px;
	line-height: 42px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 15px;
	border-top: 1px solid #333
}

.cc_box .index[data-v-16098f64] {
	position: fixed;
	top: 56px;
	right: 15px;
	width: 24px;
	text-align: center;
	height: 24px;
	line-height: 24px;
	z-index: 999
}

.activity_invite_index[data-v-3c6f9ff6] {
	height: 100vh;
	background: url(/static/images/invite/index_bg.png) no-repeat top;
	background-size: 100% auto
}

.banner img[data-v-3c6f9ff6] {
	width: 100%;
	height: auto
}

.box[data-v-3c6f9ff6] {
	margin: 0 0 7.5px 0;
	padding: 0 15px
}

.box .head[data-v-3c6f9ff6] {
	text-align: center;
	padding: 15px 0;
	background: url(/static/images/invite/index_box_top.png) no-repeat top;
	background-size: 100% auto;
	padding-bottom: 40px;
	position: relative
}

.box .head>div[data-v-3c6f9ff6] {
	height: 30px;
	line-height: 30px
}

.box .head .djs[data-v-3c6f9ff6] {
	color: #f7bc00
}

.box .head .sh[data-v-3c6f9ff6] {
	position: absolute;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%
}

.box .head .djssj[data-v-3c6f9ff6] {
	color: #ffe176;
	font-weight: 700;
	font-size: 18px
}

.box .head .xc[data-v-3c6f9ff6] {
	position: absolute;
	border-radius: 14px;
	background: -webkit-gradient(linear, left top, right top, from(#f9c318), color-stop(54%, #fedd69), to(#e07f1c));
	background: linear-gradient(90deg, #f9c318, #fedd69 54%, #e07f1c);
	color: #7d2500;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 15px;
	width: 150px;
	left: 50%;
	margin-left: -75px;
	margin-top: 5px
}

.box .foot[data-v-3c6f9ff6] {
	background: url(/static/images/invite/index_box_bottom.png) no-repeat bottom;
	background-size: 100% auto;
	height: 30px
}

.box .table[data-v-3c6f9ff6] {
	padding: 0 5px;
	background: url(/static/images/invite/index_box_center.png) repeat-y top;
	background-size: 100% auto
}

.box .table .row[data-v-3c6f9ff6] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.box .table .row .item[data-v-3c6f9ff6]:first-child {
	width: 50%
}

.box .table .row .item[data-v-3c6f9ff6]:nth-child(2) {
	width: 20%
}

.box .table .row .item[data-v-3c6f9ff6]:nth-child(3) {
	width: 30%;
	text-align: right
}

.box .table .thead .row .item[data-v-3c6f9ff6] {
	text-align: center;
	height: 30px;
	line-height: 30px
}

.box .table .tbody .row .item[data-v-3c6f9ff6] {
	height: 50px;
	line-height: 50px
}

.box .table .tbody .row[data-v-3c6f9ff6] {
	background: hsla(0, 0%, 100%, .09803921568627451)
}

.box .table .tbody .row0[data-v-3c6f9ff6] {
	background: -webkit-gradient(linear, left top, right top, from(#af7e00), color-stop(51%, #e5a604), to(#b98500));
	background: linear-gradient(90deg, #af7e00, #e5a604 51%, #b98500)
}

.box .table .tbody .row1[data-v-3c6f9ff6] {
	background: -webkit-gradient(linear, left top, right top, from(grey), color-stop(48%, #c6c6c6), to(#929292));
	background: linear-gradient(90deg, grey, #c6c6c6 48%, #929292)
}

.box .table .tbody .row2[data-v-3c6f9ff6] {
	background: -webkit-gradient(linear, left top, right top, from(#9a4825), color-stop(48%, #d76b3d), to(#9a4825));
	background: linear-gradient(90deg, #9a4825, #d76b3d 48%, #9a4825)
}

.box .table .tbody .row .item[data-v-3c6f9ff6]:first-child {
	padding: 0 0 0 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.box .table .tbody .row .item[data-v-3c6f9ff6]:nth-child(2) {
	text-align: center
}

.box .table .tbody .row .item[data-v-3c6f9ff6]:nth-child(3) {
	padding: 0 5px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content: right
}

.box .table .tbody .row .item:nth-child(3) span[data-v-3c6f9ff6] {
	height: 25px;
	line-height: 25px;
	text-align: right
}

.box .table .tbody .row .item span.xh[data-v-3c6f9ff6] {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #afafaf;
	margin: 0 5px 0 0
}

.box .table .tbody .row .item span.xh img[data-v-3c6f9ff6] {
	width: 20px;
	height: 20px
}

.box .table .tbody .row .item span.tx[data-v-3c6f9ff6] {
	margin: 0 5px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.box .table .tbody .row .item span.tx img[data-v-3c6f9ff6] {
	width: 32px;
	height: 32px
}

.box .table .tbody .row .item span.mc[data-v-3c6f9ff6] {
	margin: 0 5px 0 0;
	color: #fff;
	font-size: 12px
}

.box .table .tbody .row .item span.w img[data-v-3c6f9ff6] {
	width: 18px;
	height: auto
}

.box .table .tbody .row .item span.yqrs[data-v-3c6f9ff6] {
	font-size: 12px;
	color: #fff
}

.box .table .tbody .row .item span.jp[data-v-3c6f9ff6] {
	font-size: 9px;
	margin: 0 5px 0 0
}

.box .table .tbody .row .item span.jj[data-v-3c6f9ff6] {
	color: #fff;
	font-weight: 700
}

.btn[data-v-3c6f9ff6] {
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.btn button[data-v-3c6f9ff6] {
	border: none;
	border-radius: 8px;
	background: #737373;
	text-align: center;
	height: 52px;
	line-height: 52px;
	padding: 0 15px
}

.btn button[data-v-3c6f9ff6],
.btn button a[data-v-3c6f9ff6] {
	color: #fff;
	font-weight: 700;
	font-size: 17px
}

.btn button.red[data-v-3c6f9ff6] {
	background: -webkit-gradient(linear, left top, left bottom, from(#f4b58a), to(#ea4cb0));
	background: linear-gradient(180deg, #f4b58a, #ea4cb0);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 0 0 15px
}

.box[data-v-ead21cd0] {
	margin: 56px 0 0 0;
	padding: 15px
}

.box .img_box[data-v-ead21cd0] {
	margin: 0 0 30px 0
}

.box .img_box h3[data-v-ead21cd0] {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 15px 0;
	color: #fff
}

.box .img_box .content[data-v-ead21cd0] {
	position: relative
}

.box .img_box .content img[data-v-ead21cd0] {
	width: 100%;
	height: auto
}

.box .img_box .content p[data-v-ead21cd0] {
	position: absolute;
	padding: 15px;
	bottom: 0;
	left: 0;
	line-height: 18px;
	color: #fff;
	font-size: 12px
}

.box .text_box[data-v-ead21cd0] {
	margin: 0 0 30px 0
}

.box .text_box h3[data-v-ead21cd0] {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 15px 0;
	color: #fff
}

.box .text_box .content[data-v-ead21cd0] {
	border-radius: 15px;
	background: #313131;
	padding: 22.5px
}

.box .text_box .content p b[data-v-ead21cd0] {
	color: #ff5b7b
}

.box .text_box .content2[data-v-ead21cd0] {
	background: #313131;
	border-radius: 16px;
	padding: 0;
	border: 3px solid #4513a5;
	border-top: none;
	overflow: hidden
}

.box .text_box .content2 .row[data-v-ead21cd0] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff
}

.box .text_box .content2 .thead[data-v-ead21cd0] {
	background: linear-gradient(156.31deg, #9e28c2 3.02%, #4513a5 93.5%);
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	font-weight: 700
}

.box .text_box .content2 .tbody[data-v-ead21cd0] {
	font-size: 12px
}

.box .text_box .content2 .row .item[data-v-ead21cd0] {
	padding: 7.5px 7.5px
}

.box .text_box .content2 .row .item[data-v-ead21cd0]:first-child {
	width: 20%
}

.box .text_box .content2 .row .item[data-v-ead21cd0]:nth-child(2) {
	width: 35%
}

.box .text_box .content2 .row .item[data-v-ead21cd0]:nth-child(3) {
	width: 15%;
	text-align: center
}

.box .text_box .content2 .row .item[data-v-ead21cd0]:nth-child(4) {
	width: 30%;
	text-align: right
}

.box .text_box .content2 .thead .row .item[data-v-ead21cd0] {
	padding: 0 7.5px
}

.box .text_box .content2 .tbody .row .item[data-v-ead21cd0]:nth-child(3) {
	color: #ffe176;
	font-weight: 700
}

.box .text_box .content2 .tfoot .row2[data-v-ead21cd0] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.box .text_box .content2 .tfoot .row2 .item[data-v-ead21cd0] {
	text-align: center;
	width: 50%;
	padding: 7.5px 7.5px;
	color: #fff
}

.box .text_box .content2 .tfoot .row2 .item b[data-v-ead21cd0] {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 0 5px;
	color: #ff5b7b
}

.forgetform .formbox li a {
    display: inline-block;
    line-height: 40px;
    color: #8d2d49;
}
.forgetform .formbox li a:last-child {
    float: right;
}

.loader {
	position: fixed;
	max-width: 520px;
	margin: auto;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 9999999999 !important;
}

.loader img {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
}

.loader .num {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	border-radius: 50px;
	color: #fff;
	background: rgba(0, 0, 0, .6);
}

.circle-color-728 > div::before { 
	background-color: #ccc; 
}


.van-list__finished-text{
	color: #969799;
	font-size: 14px;
	line-height: 50px;
	text-align: center
}

.el-pagination {
    display: flex;
    justify-content: center;
}
						
.el-pagination {
	white-space: nowrap;
	padding: 2px 5px;
	color: #303133;
	font-weight: 700
}

.el-pagination::after,
.el-pagination::before {
	display: table;
	content: ""
}

.el-pagination::after {
	clear: both
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
	display: inline-block;
	font-size: 13px;
	min-width: 35.5px;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-pagination button {
	border: none;
	padding: 0 6px;
	background: 0 0
}

.el-pagination button:focus {
	outline: 0
}

.el-pagination button:hover {
	color: #ff3d6f
}

.el-pagination button:disabled {
	color: #C0C4CC;
	background-color: #FFF;
	cursor: not-allowed
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
	background: center center no-repeat #FFF;
	background-size: 16px;
	cursor: pointer;
	margin: 0;
	color: #303133
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
	display: block;
	font-size: 12px;
	font-weight: 700
}

.el-pagination .btn-prev {
	padding-right: 12px
}

.el-pagination .btn-next {
	padding-left: 12px
}

.el-pagination .el-pager li.disabled {
	color: #C0C4CC;
	cursor: not-allowed
}

.el-pager,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
	padding: 0
}



.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
	margin: 0 5px;
	background-color: #212429;
	color: #fff;
	min-width: 30px;
	border-radius: 2px
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
	color: #C0C4CC
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: #ff3d6f
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #ff3d6f;
	color: #FFF
}

.el-dialog,
.el-pager li {
	background: #FFF;
	-webkit-box-sizing: border-box
}

.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
	margin: 0 3px;
	min-width: 22px
}

.el-pager,
.el-pager li {
	vertical-align: top;
	margin: 0;
	display: inline-block
}

.el-pager {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	list-style: none;
	font-size: 0
}

.el-pager li {
	padding: 0 4px;
	font-size: 13px;
	min-width: 35.5px;
	height: 28px;
	line-height: 28px;
	box-sizing: border-box;
	text-align: center
}


.el-pager li.active+li {
	border-left: 0
}

.el-pager li:hover {
	color: #ff3d6f
}

.el-pager li.active {
	color: #ff3d6f;
	cursor: default
}
.rows:before,.rows:after,.clearfix:before, .clearfix:after { clear: both;display: table; content: " ";}
.rows {position: relative;margin: 0 -4px; padding: 0; }
.rows [class*=play-col-] {padding: 0 4px;}

.clearfix{
padding: 0 5px;
}

.play-col-xs-4 {
    width: 25%;
}
.play-col-sm-2,.play-col-xs-4{
    position: relative;
    min-height: 1px;
}

@media (min-width: 768px){
    .play-col-sm-2 {
    width: 16.66666667%;
    }
}

.play-col-sm-2,.play-col-xs-4 {
    float: left;
}

.play-title{
    float: left;
    display: block;
    line-height: 28px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #fff;
}
.play-tips{
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 0 0 20px;
    width: calc(100% - 125px);
    height: 28px;
    line-height: 28px;
}
.play-sort-btn{
    float: right;
    margin-left: 20px;
    line-height: 28px;
    font-size: 14px;
	color: #fff;
}
.play-notice{
    font-size: 10px;
	color: #fff;
}
.play-btn{
    float: left;
    display: block;
    margin-right: 25px;
    padding-bottom: 15px;
    font-size: 15px;
}
.play-li{
    
    margin-bottom: 15px;
}
.play-url{
    position: relative;
    display: block;
    border-radius: 4px;
    line-height: 40px;
    background-color: #26292f;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.play-url.active{
    background-color: #ff3d6f;
	color: #fff;
}

.plays-from a.active {
    color: #ff3d6f;
}
.play-head{
    
    margin-top: 20px;
}
.play-tabs-box{
    display: none;
}
.play-tabs-box.show{
    display: block;
}


.gotop{
	right: 10px; 
	z-index: 99999;
	bottom: 150px;
    right: 20px;
	position: fixed;
}
.gotop-icon{
	width: 48px;
	border: 2px solid hsla(0, 0%, 70.6%, .5);
    height: 48px;
    background-color: #1b1e23;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gotop-icon i{
	font-size: 24px;
    color: #fff;
}