.list-item-2[data-v-d5e4e82a] {
    overflow: hidden
}

.list-item-2 li[data-v-d5e4e82a] {
    width: 50%;
    float: left;
    margin-top: 15px;
    padding-bottom: 10px;
}

.list-item-2 li[data-v-d5e4e82a]:nth-child(-n+2) {
    margin-top: 0
}

.list-item-2 dl[data-v-d5e4e82a] {
    margin: 0 5px;
    overflow: hidden
}

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

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

.list-item-2 dt i[data-v-d5e4e82a] {
    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[data-v-d5e4e82a] {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 17px
}

.list-item-2 dt cite.p720[data-v-d5e4e82a] {
    background: url("720p.png") 100% no-repeat;
    background-size: 50px 17px
}

.list-item-2 dt cite.p1080[data-v-d5e4e82a] {
    background: url("1080p.png") 100% no-repeat;
    background-size: 50px 17px
}

.list-item-2 dt strong[data-v-d5e4e82a] {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    background: url("label_xm.png") 100% no-repeat;
    background-size: 38px 38px
}

.list-item-2 dt em[data-v-d5e4e82a] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 35px;
    height: 35px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("icon_play.png") 50% no-repeat;
    background-size: 35px 35px
}

.list-item-2 dd[data-v-d5e4e82a] {
    margin-top: 5px
}

.list-item-2 dd h3[data-v-d5e4e82a] {
    height: 44px;
    line-height: 22px;
    color: #929397;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    /*white-space:nowrap;*/
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*第三行显示 ...*/
    -webkit-box-orient: vertical;
}

.list-item-2 dd h4[data-v-d5e4e82a] {
    height: 18px;
    text-align: center
}

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

.list-item-2 li.paster[data-v-d5e4e82a] {
    width: 100%;
    margin-top: 0
}

.pasterbox[data-v-d5e4e82a] {
    padding: 10px 0
}

.pasterbox img[data-v-d5e4e82a] {
    width: 100%;
    border-radius: 10px
}

.indexbox[data-v-3669180c] {
    color: #fff;
    margin-bottom: 16px
}

.indexbox[data-v-3669180c], .searchbox[data-v-3669180c] {
    /*background:url("index_bg.png") 0 0 no-repeat;*/
    background-size: 100%;
    background-color: #fff;
}

.searchbox[data-v-3669180c] {
    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%
}

.searchbox li.logo[data-v-3669180c] {
    padding: 10px 10px
}

.searchbox li.logo img[data-v-3669180c] {
    width: 30px;
    height: 30px;
    display: block
}

.searchbox li.schinput[data-v-3669180c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.searchbox li.gkjl[data-v-3669180c] {
    padding: 10px 10px
}

.searchbox li.gkjl img[data-v-3669180c] {
    width: 30px;
    height: 30px;
    display: block
}

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

.searchbox li.schinput input[data-v-3669180c]::-webkit-input-placeholder {
    color: #efa6c6
}

.searchbox li.schinput i[data-v-3669180c] {
    position: absolute;
    left: 10px;
    top: 7px;
    width: 16px;
    height: 16px;
    background: url("icon_search2.png") 50% no-repeat;
    background-size: 100%
}

.index-grid[data-v-3669180c] {
    margin-top: 10px;
    overflow: hidden;
    position: relative
}

.index-grid li[data-v-3669180c] {
    float: left;
    width: 20%;
    height: 30px;
    position: relative;
    margin: 4px 0px;
}

#gonggao {
    color: #000;
}

.index-grid li a[data-v-3669180c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    color: #c00;
    background-color: #c00;
    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;
    border: 2px solid #c00;
    /*设置四个角*/
    border-radius: 10px;
    margin-left: 5px;
}

.index-grid li a img[data-v-3669180c] {
    width: 50px;
    height: 50px
}

.index-grid li a span[data-v-3669180c] {
    line-height: 1.5;
    text-align: center
}

.index-grid li a span h6[data-v-3669180c] {
    /*font-weight:400;*/
    font-size: 16px;
    color: #fff;
    padding-top: 0px;
}

.index-grid li a span i[data-v-3669180c] {
    font-size: 14px;
    color: #686a6c
}

.index-griddd {
    border: 2px solid red!important;
}

.index-gridh6dd {
    /*font-weight:400;*/
    font-size: 18px;
    color: #000!important;
    padding-top: 5px;
}

.list-caption[data-v-3669180c] {
	display: flex;
    justify-content: space-between;
    height: 60px;
    position: relative;
    font-size: 20px;
    text-indent: 40px;
    line-height: 60px;
    background: url("like.png") 0 no-repeat;
    background-size: 26px 23px;
    background-position: 7px 21px;
}

.heart {
    width: 30px;
    height: 30px;
    margin: auto;
    top: 1px;
    background: url("nolike.png") 0 no-repeat;
    position: absolute;
    left: 1px;
    z-index: 4;
    background-size: 26px 23px;
    background-position: 2px 5px;
}

.heart.red {
    background: url("like.png") 0 no-repeat;
    background-size: 26px 23px;
    background-position: 2px 5px;
}

.list-caption span:nth-child(2) {
    background: url(icon_zgvip.png) 0 no-repeat;
    background-size: 26px 23px;
    background-position: 9px;
}

.xianmian:after {
    content: "";
    background: url(label_xm.png) 0 no-repeat;
    background-size: 40px;
    position: absolute;
    top: 0px;
    right: 0;
    width: 40px;
    height: 40px;
}

.list-caption2[data-v-3669180c] {
    height: 60px;
    position: relative;
    font-size: 20px;
    text-indent: 40px;
    line-height: 60px;
    background: url("icon_car.png") 0 no-repeat;
    background-size: 40px 40px;
    color: #ffffff;
    padding-right: 10px;
}
.list-caption2.all[data-v-3669180c] {
   
    background: url("tab-home-current.png") 0 no-repeat;
    background-size: 40px 40px;
   
}

.list-caption2 a[data-v-3669180c0] {
    color: #000;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
}

.list-caption3[data-v-3669180c] {
    height: 60px;
    position: relative;
    font-size: 20px;
    text-indent: 40px;
    line-height: 60px;
    background: url("icon_car.png") 0 no-repeat;
    background-size: 40px 40px;
    color: #ffffff;
    padding-right: 40%;
}

.list-caption3 a[data-v-3669180c0] {
    color: #000;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
}


.list-caption span a[data-v-3669180c] {
    font-size: 14px;
    color: #000;
    font-size: 16px
}

.list-caption span a.likechange[data-v-3669180c] {
    padding: 0 0 0 20px;
    background: url("icon_hyp.png") 0 no-repeat;
    background-size: 16px 16px
}

.list-item-1[data-v-3669180c] {
    overflow: hidden
}

.list-item-1 li[data-v-3669180c] {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 61%;
    margin-top: 20px
}

.list-item-1 li[data-v-3669180c]:first-child {
    margin-top: 0
}

.list-item-1 li a[data-v-3669180c] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.list-item-1 li img[data-v-3669180c] {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 15px
}

.list-item-1 li h3[data-v-3669180c] {
    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[data-v-3669180c] {
    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[data-v-3669180c] {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 17px
}

.list-item-1 li cite.p720[data-v-3669180c] {
    background: url("720p.png") 100% no-repeat;
    background-size: 50px 17px
}

.list-item-1 li cite.p1080[data-v-3669180c] {
    background: url("1080p.png") 100% no-repeat;
    background-size: 50px 17px
}

.list-item-1 li strong[data-v-3669180c] {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    background: url("label_xm.png") 100% no-repeat;
    background-size: 38px 38px
}

.list-item-1 li em[data-v-3669180c] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 55px;
    height: 55px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("icon_play.png") 50% no-repeat;
    background-size: 55px 55px
}

.todays[data-v-3669180c] {
    margin: 10px 10px 0 10px
}

.latests[data-v-3669180c] {
    margin: 10px 5px 0 5px
}

.paster-box[data-v-3669180c] {
    padding: 10px
}

.paster-box img[data-v-3669180c] {
    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
}

.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
}

.swiper-box .swiper-slide {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.swiper-box .swiper-slide-active, .swiper-box .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.specialbox[data-v-f49ead70] {
    padding: 56px 0 66px 0;
    height: 100vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.actorbox[data-v-f49ead70] {
    background: #212429;
    padding: 10px 0
}

.actorbox ul[data-v-f49ead70] {
    overflow: hidden;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.actorbox ul[data-v-f49ead70]::-webkit-scrollbar {
    display: none
}

.actorbox li[data-v-f49ead70] {
    display: inline-block;
    margin: 0 10px
}

.actorbox li[data-v-f49ead70]:first-child {
    margin-left: 15px
}

.actorbox li a[data-v-f49ead70] {
    display: block
}

.actorbox li a>div[data-v-f49ead70] {
    display: block;
    position: relative;
    width: 65px;
    height: 65px;
    padding: 2px;
    color: #aaa
}

.actorbox li a img[data-v-f49ead70] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.actorbox li a cite[data-v-f49ead70] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent url("actor_avatar_bg.png") 50% no-repeat;
    background-size: 65px 65px
}

.actorbox li a i[data-v-f49ead70] {
    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[data-v-f49ead70] {
    margin-top: 5px;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tag-container[data-v-f49ead70] {
    overflow: hidden;
    margin-top: 5px
}

.tagbox[data-v-f49ead70] {
    padding: 10px 5px
}

.vodbox[data-v-f49ead70] {
    margin-top: 10px
}

.list-caption[data-v-f49ead70] {
    height: 30px;
    position: relative;
    color: #fff;
    font-size: 14px;
    text-indent: 20px;
    line-height: 30px;
    background: url("icon_xmfh.png") 0 no-repeat;
    background-size: 15px 15px
}

.list-caption em[data-v-f49ead70] {
    font-size: 16px
}

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

.list-caption span a[data-v-f49ead70] {
    color: #929397;
    padding: 0 12px;
    background: url("arrow.png") 100% no-repeat;
    background-size: 7px 12px
}

.list-item-1[data-v-33019446] {
    overflow: hidden
}

.list-item-1 li[data-v-33019446] {
    margin-top: 20px
}

.list-item-1 li[data-v-33019446]:first-child {
    margin-top: 0
}

.list-item-1 li dt[data-v-33019446] {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 61%
}

.list-item-1 li dt img[data-v-33019446] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 15px
}

.list-item-1 li dt i[data-v-33019446] {
    position: absolute;
    top: 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-1 li dt cite[data-v-33019446] {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 17px
}

.list-item-1 li dt cite.p720[data-v-33019446] {
    background: url("720p.png") 100% no-repeat;
    background-size: 50px 17px
}

.list-item-1 li dt cite.p1080[data-v-33019446] {
    background: url("1080p.png") 100% no-repeat;
    background-size: 50px 17px
}

.list-item-1 li dt em[data-v-33019446] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 55px;
    height: 55px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("icon_play.png") 50% no-repeat;
    background-size: 55px 55px
}

.list-item-1 li dd[data-v-33019446] {
    margin-top: 10px
}

.list-item-1 li dd h3[data-v-33019446] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    color: #fff;
    font-size: 16px;
    line-height: 26px
}

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

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

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

.list-item-1 li dd h3 span cite[data-v-33019446] {
    display: inline-block;
    margin-left: 10px;
    padding-left: 20px;
    height: 16px;
    background: url("icon_dzs.png") 0 no-repeat;
    background-size: 15px 15px
}

.tabhotlist[data-v-22f1cc9c] {
    padding: 66px 15px 66px 15px;
    height: 100vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.listbox[data-v-22f1cc9c] {
    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[data-v-1dd40bcc] {
    color: #fff
}

.hotlistbox header.navbar[data-v-1dd40bcc] {
    z-index: 1
}

.mybox[data-v-5266bdc6] {
    margin-bottom: 66px;
    color: #fff
}

.mybox header.navbar[data-v-5266bdc6] {
    background: transparent;
    position: relative
}

.avatar-container[data-v-5266bdc6] {
    padding: 0 0 40px 0;
    background-image: url("my_bg.png");
    background-repeat: no-repeat;
    background-size: cover
}

.avatarbox[data-v-5266bdc6] {
    margin: 20px 10px 0 10px;
    position: relative
}

.avatarbox dl[data-v-5266bdc6] {
    overflow: hidden;
    margin-left: 5px
}

.avatarbox dt[data-v-5266bdc6] {
    width: 50px;
    height: 50px;
    float: left
}

.avatarbox dt img[data-v-5266bdc6] {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.avatarbox dd[data-v-5266bdc6] {
    height: 50px;
    margin-left: 60px
}

.avatarbox dd h1[data-v-5266bdc6] {
    font-size: 16px;
    line-height: 25px;
    color: #fff
}

.avatarbox dd h2[data-v-5266bdc6] {
    font-size: 14px;
    line-height: 25px;
    color: #928f95
}

.medalbox[data-v-5266bdc6] {
    height: 50px;
    position: absolute;
    right: 10px;
    top: 5px;
    text-align: right
}

.medalbox a[data-v-5266bdc6] {
    display: inline-block;
    margin-left: 5px;
    font-size: 0;
    line-height: 0
}

.medalbox a img[data-v-5266bdc6] {
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0
}

.walletbox[data-v-5266bdc6] {
    position: relative;
    height: 70px;
    background: #191a1f
}

.walletbox .coinbox[data-v-5266bdc6], .walletbox .coinshow[data-v-5266bdc6] {
    width: 50%;
    float: left;
    height: 70px
}

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

.walletbox .coinshow h5 i[data-v-5266bdc6] {
    color: #9b9b9c;
    margin: 0 5px;
    font-weight: 300
}

.walletbox .coinshow h5 em[data-v-5266bdc6] {
    font-size: 18px;
    color: #fff;
    vertical-align: bottom
}

.walletbox .coinshow h5 img[data-v-5266bdc6] {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

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

.walletbox .coinbox h5[data-v-5266bdc6] {
    margin-top: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #ffbb26
}

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

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

.walletbox span[data-v-5266bdc6] {
    position: absolute;
    left: 50%;
    top: 15px;
    width: 1px;
    height: 40px;
    background: #2f3236
}

.usercenter[data-v-5266bdc6] {
    background: #212429
}

.list-caption[data-v-5266bdc6] {
    padding-top: 10px;
    height: 40px;
    position: relative;
    font-size: 12px;
    text-indent: 10px;
    line-height: 30px
}

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

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

.list-caption span a[data-v-5266bdc6] {
    color: #929397;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 300;
    background: url("arrow.png") 100% no-repeat;
    background-size: 7px 12px
}

.bannerbox[data-v-5266bdc6] {
    padding: 10px 0
}

.bannerbox a[data-v-5266bdc6] {
    font-size: 0
}

.bannerbox img[data-v-5266bdc6] {
    width: 100%;
    display: block
}

.swiper-bannerbox[data-v-5266bdc6] {
    margin: 10px 0;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 23%
}

.swiper-bannerbox-wrapper[data-v-5266bdc6] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.swiper-bannerbox .swiper-slide img[data-v-5266bdc6] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px
}

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

.infobox[data-v-5266bdc6] {
    position: relative;
    height: 70px
}

.infobox .signbox[data-v-5266bdc6], .infobox .viewbox[data-v-5266bdc6] {
    width: 50%;
    float: left;
    height: 70px
}

.infobox .viewbox h5[data-v-5266bdc6] {
    margin-top: 10px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #9b9b9c;
    font-size: 14px
}

.infobox .viewbox h5 em[data-v-5266bdc6] {
    font-size: 20px;
    color: #fff
}

.infobox .viewbox h6[data-v-5266bdc6] {
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #9b9b9c;
    font-size: 12px;
    font-weight: 300
}

.infobox .signbox h5[data-v-5266bdc6] {
    margin-top: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #ff3d6f;
    font-size: 14px
}

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

.infobox .signbox h5 a.signed[data-v-5266bdc6] {
    color: #aaa;
    border-color: #aaa
}

.infobox .signbox h6[data-v-5266bdc6] {
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #9b9b9c;
    font-size: 12px;
    font-weight: 300
}

.infobox span[data-v-5266bdc6] {
    position: absolute;
    left: 50%;
    top: 15px;
    width: 1px;
    height: 40px;
    background: #2f3236
}

.gridbox[data-v-5266bdc6] {
    overflow: hidden;
    position: relative;
    background: #212429
}

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

.gridbox li[data-v-5266bdc6]:nth-child(3n-2) {
    border-left: 0
}

.gridbox li[data-v-5266bdc6]:nth-child(-n+3) {
    border-top: 0
}

.gridbox li a[data-v-5266bdc6] {
    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[data-v-5266bdc6] {
    width: 35px;
    height: 35px
}

.gridbox li a span[data-v-5266bdc6] {
    line-height: 1.5;
    text-align: center
}

.gridbox li a span h6[data-v-5266bdc6] {
    font-weight: 400;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 300
}

.gridbox li a span i[data-v-5266bdc6] {
    font-size: 12px;
    color: #aaa
}

footer.tabbar[data-v-f0250af4] {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    height: 56px;
    background: #26292f
}

footer.tabbar ul[data-v-f0250af4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer.tabbar li[data-v-f0250af4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    text-align: center;
    line-height: 0
}

footer.tabbar li img[data-v-f0250af4] {
    display: inline-block;
    margin-top: 6px;
    width: 25px;
    height: 25px;
    font-size: 0
}

footer.tabbar li h6[data-v-f0250af4] {
    margin-top: 3px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #797a7c
}

footer.tabbar li h6.active[data-v-f0250af4] {
    color: #ff3d6f;
    background-color: transparent
}

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

.fullscreen-box img[data-v-f0250af4] {
    width: 100%;
    height: 100%
}

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

.saveBox[data-v-f0250af4] {
    width: 100%;
    height: 60px
}

.saveBox.mint-popup[data-v-f0250af4] {
    background: transparent
}

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

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

.popbox cite[data-v-f0250af4] {
    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[data-v-f0250af4] {
    width: 26px;
    height: 26px;
    vertical-align: middle
}

.popbox img.homelogo[data-v-f0250af4] {
    margin-right: 10px
}

.vodlistbox[data-v-0eaaf41c] {
    color: #fff;
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.vodlist-header[data-v-0eaaf41c] {
    background: #272727;
    padding: 10px 0;
    overflow: hidden
}

.vodlist-header ul[data-v-0eaaf41c] {
    overflow: hidden
}

.vodlist-header li[data-v-0eaaf41c] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    font-size: 14px
}

.vodlist-header li[data-v-0eaaf41c]:first-child {
    margin-top: 0
}

.vodlist-header li[data-v-0eaaf41c]::-webkit-scrollbar {
    display: none
}

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

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

.vodrow-box[data-v-0eaaf41c] {
    margin: 20px 5px 10px 5px
}

.vodshowbox[data-v-b44aac30] {
    overflow: hidden
}

.headerbox[data-v-b44aac30] {
    position: fixed;
    top: 40px;
    z-index: 99;
    width: 100%;
    height: 0;
    padding-top: 61%;
    background: #000
}

.playbox[data-v-b44aac30] {
    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
}

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

.playbox>div[data-v-b44aac30], .playbox img[data-v-b44aac30], .playbox video[data-v-b44aac30] {
    width: 100%;
    height: 100%
}

.playbox .playdeny[data-v-b44aac30] {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    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;
    color: #fff;
    font-size: 14px
}

.infobox[data-v-b44aac30] {
    margin-top: 50px;
    padding: 0 10px;
    padding-top: 61%
}

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

.infobox h1 em[data-v-b44aac30] {
    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("icon_arrow2.png") 100% no-repeat;
    background-size: 18px 18px
}

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

.infobox h2 em[data-v-b44aac30] {
    display: inline-block;
    padding-left: 15px;
    color: #ffba00;
    background: url("icon_pf.png") 0 no-repeat;
    background-size: 12px 11px
}

.infobox h2 time[data-v-b44aac30] {
    display: inline-block;
    padding-left: 15px;
    margin-left: 15px;
    background: url("icon_gxsj.png") 0 no-repeat;
    background-size: 11px 12px
}

.infobox h2 i[data-v-b44aac30] {
    display: inline-block;
    padding-left: 15px;
    margin-left: 15px;
    background: url("icon_bfrs.png") 0 no-repeat;
    background-size: 12px 11px
}

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

.infobox h3 a[data-v-b44aac30] {
    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[data-v-b44aac30] {
    line-height: 20px;
    background: url("icon_dz.png") top no-repeat;
    background-size: 27px 27px
}

.infobox h3 a.downnum[data-v-b44aac30] {
    line-height: 20px;
    background: url("icon_cai.png") top no-repeat;
    background-size: 27px 27px
}

.infobox h3 a.fav[data-v-b44aac30] {
    line-height: 20px;
    background: url("icon_sc.png") top no-repeat;
    background-size: 27px 27px
}

.infobox h3 a.fav.isfavorite[data-v-b44aac30] {
    color: #444
}

.infobox h3 a.share[data-v-b44aac30] {
    line-height: 20px;
    background: url("icon_fx.png") top no-repeat;
    background-size: 27px 27px
}

.tagbox[data-v-b44aac30] {
    margin: 10px 5px 0 2px;
    font-size: 16px
}

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

.recommendbox[data-v-b44aac30] {
    overflow: hidden
}

.list-caption[data-v-b44aac30] {
    height: 30px;
    position: relative;
    font-size: 14px;
    text-indent: 20px;
    line-height: 30px;
    background: url("icon_caption.png") 0 no-repeat;
    background-size: 15px 15px
}

.list-caption em[data-v-b44aac30] {
    font-size: 16px;
    color: #fff
}

.list-caption span[data-v-b44aac30] {
    position: absolute;
    right: 0
}

.list-caption span a[data-v-b44aac30] {
    color: #929397;
    padding: 0 12px
}

.list-caption span a.active[data-v-b44aac30] {
    color: #fff
}

.recommendbox ul[data-v-b44aac30] {
    overflow: hidden;
    margin: 0 10px
}

.recommendbox li[data-v-b44aac30], .recommendbox li[data-v-b44aac30]:first-child {
    margin-top: 15px
}

.recommendbox dl[data-v-b44aac30] {
    height: 100px;
    overflow: hidden;
    margin-top: 5px
}

.recommendbox dt[data-v-b44aac30] {
    width: 160px;
    height: 100px;
    position: relative;
    float: left
}

.recommendbox dt img[data-v-b44aac30] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px
}

.recommendbox dt i[data-v-b44aac30] {
    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
}

.recommendbox dd[data-v-b44aac30] {
    margin-left: 170px
}

.recommendbox dd h2[data-v-b44aac30] {
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.recommendbox dd h3[data-v-b44aac30] {
    height: 60px;
    overflow: hidden
}

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

.recommendbox dd h4[data-v-b44aac30] {
    height: 18px;
    line-height: 18px;
    color: #aaa;
    font-size: 12px
}

.recommendbox dd h4 em[data-v-b44aac30] {
    display: inline-block;
    padding-left: 18px;
    background: url("icon_dzrs.png") 0 no-repeat;
    background-size: 15px 14px
}

.recommendbox dd h4 cite[data-v-b44aac30] {
    display: inline-block;
    margin-left: 10px;
    padding-left: 18px;
    background: url("icon_bfrs.png") 0 no-repeat;
    background-size: 15px 12px
}

.commentbox[data-v-b44aac30] {
    overflow: hidden
}

.commentbox ul[data-v-b44aac30] {
    overflow: hidden;
    margin: 0 10px
}

.commentbox li[data-v-b44aac30] {
    margin-top: 10px;
    color: #aaa;
    position: relative;
    padding-bottom: 10px
}

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

.commentbox dl.mainlist[data-v-b44aac30] {
    overflow: hidden
}

.commentbox dl.mainlist dt[data-v-b44aac30] {
    width: 40px;
    float: left;
    position: relative
}

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

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

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

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

.commentbox dl.mainlist dd>div[data-v-b44aac30] {
    margin-top: 10px;
    line-height: 20px;
    color: #aaa
}

.commentbox blockquote[data-v-b44aac30] {
    margin-left: 20px!important
}

.commentbox dl.replylist[data-v-b44aac30] {
    overflow: hidden;
    margin-top: 15px
}

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

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

.commentbox dl.replylist dd[data-v-b44aac30] {
    margin-top: 5px;
    margin-left: 30px;
    font-size: 12px
}

.commentbox h2>em.isvip[data-v-b44aac30] {
    color: #ff3d6f
}

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

.commentbox h2>i.V1[data-v-b44aac30] {
    background: url("gicon_V1.png") 0 no-repeat;
    background-size: 20px 20px
}

.commentbox h2>i.V2[data-v-b44aac30] {
    background: url("gicon_V2.png") 0 no-repeat;
    background-size: 20px 20px
}

.commentbox h2>i.V3[data-v-b44aac30] {
    background: url("gicon_V3.png") 0 no-repeat;
    background-size: 20px 20px
}

.commentbox h2>i.V4[data-v-b44aac30] {
    background: url("gicon_V4.png") 0 no-repeat;
    background-size: 20px 20px
}

.commentbox h2>i.V5[data-v-b44aac30] {
    background: url("gicon_V5.png") 0 no-repeat;
    background-size: 20px 20px
}

.commentbox h2>i.V6[data-v-b44aac30] {
    background: url("gicon_V6.png") 0 no-repeat;
    background-size: 20px 20px
}

.commentbox h2>i.V7[data-v-b44aac30] {
    background: url("gicon_V7.png") 0 no-repeat;
    background-size: 20px 20px
}

.commentbox h2>i.isvip[data-v-b44aac30] {
    background: url("gcion_isvip.png") 0 no-repeat;
    background-size: 20px 20px
}

.commentbox h2>span[data-v-b44aac30] {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    line-height: 20px
}

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

.commentbox h2>span>a.zan[data-v-b44aac30] {
    padding-right: 18px;
    background: url("icon_dzs.png") 100% no-repeat;
    background-size: 15px 15px
}

.commentbox h2>span>a.reply[data-v-b44aac30] {
    margin-left: 10px;
    padding-left: 18px;
    background: url("icon_reply.png") 0 no-repeat;
    background-size: 15px 15px
}

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

.commentform dl[data-v-b44aac30] {
    overflow: hidden;
    margin-top: 10px
}

.commentform dt[data-v-b44aac30] {
    width: 40px;
    float: left;
    position: relative
}

.commentform dt img[data-v-b44aac30] {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.commentform dd[data-v-b44aac30] {
    margin-left: 50px;
    min-height: 40px;
    font-size: 12px
}

.commentform dd input.text[data-v-b44aac30] {
    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 input.text[data-v-b44aac30]:focus {
    border-color: #333
}

.paster-box[data-v-b44aac30] {
    padding: 10px
}

.paster-box img[data-v-b44aac30] {
    width: 100%;
    border-radius: 10px
}

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

.paster-playbox img[data-v-b44aac30] {
    width: 100%
}

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

.share-popbox[data-v-b44aac30] {
    width: 100%;
    background: transparent
}

.share-success[data-v-b44aac30] {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: url("pop-bg.png") 50% no-repeat;
    background-size: 285px 60px
}

.special-detail[data-v-e21ff88c] {
    overflow: hidden
}

.special-detail header.navbar[data-v-e21ff88c] {
    background: transparent
}

.special-detail header .titlebox[data-v-e21ff88c] {
    display: none
}

.header-box[data-v-e21ff88c] {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 61%
}

.avatar-box[data-v-e21ff88c] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.avatar-box img[data-v-e21ff88c] {
    width: 100%;
    height: 100%
}

.avatar-box dl[data-v-e21ff88c] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

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

.avatar-box dt h1[data-v-e21ff88c] {
    font-size: 20px;
    font-weight: 800
}

.avatar-box dt h1 em[data-v-e21ff88c] {
    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[data-v-e21ff88c] {
    margin-top: 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    line-height: 18px
}

.avatar-box dd[data-v-e21ff88c] {
    position: absolute;
    min-width: 40px;
    right: 10px;
    bottom: 10px
}

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

.rowbox[data-v-e21ff88c] {
    margin: 15px 5px 10px 5px
}

.searchbox[data-v-1aede9c8] {
    color: #fff
}

.searchbox header[data-v-1aede9c8] {
    height: 50px;
    background: #26292f
}

.searchform[data-v-1aede9c8] {
    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
}

.searchform li[data-v-1aede9c8] {
    height: 50px
}

.searchform li.backbox[data-v-1aede9c8] {
    width: 45px;
    height: 50px
}

.searchform li.backbox a.back[data-v-1aede9c8] {
    display: block;
    width: 100%;
    height: 100%
}

.searchform li.backbox a.back img[data-v-1aede9c8] {
    margin-top: 18px;
    margin-left: 15px;
    width: 8px;
    height: 14px
}

.searchform li.schinput[data-v-1aede9c8] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.searchform li.schinput input[data-v-1aede9c8] {
    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[data-v-1aede9c8]::-webkit-input-placeholder {
    color: #aaa
}

.searchform li.schinput i[data-v-1aede9c8] {
    position: absolute;
    left: 10px;
    top: 17px;
    width: 16px;
    height: 16px;
    background: url("icon_search3.png") 50% no-repeat;
    background-size: 100%
}

.searchform li.text[data-v-1aede9c8] {
    padding: 0 15px;
    line-height: 50px;
    font-size: 12px;
    font-weight: 300;
    color: #fff
}

.hot-search[data-v-1aede9c8] {
    padding: 15px;
    background: #212429
}

.hot-search h2[data-v-1aede9c8] {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #aaa
}

.hot-search ul[data-v-1aede9c8] {
    overflow: hidden
}

.hot-search li[data-v-1aede9c8] {
    float: left;
    margin-right: 10px;
    margin-top: 8px
}

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

.history[data-v-1aede9c8] {
    padding-bottom: 0
}

.history a[data-v-1aede9c8] {
    color: #ae4a64;
    background: #382730
}

.list-caption[data-v-1aede9c8] {
    height: 30px;
    position: relative;
    font-size: 14px;
    text-indent: 20px;
    line-height: 30px;
    background: url("icon_caption.png") 0 no-repeat;
    background-size: 15px 15px
}

.list-caption em[data-v-1aede9c8] {
    font-size: 16px
}

.hotvods[data-v-1aede9c8] {
    margin: 5px
}

.searchbox[data-v-0bb427f6] {
    color: #fff;
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.searchbox header[data-v-0bb427f6] {
    height: 50px;
    background: #26292f
}

.searchform[data-v-0bb427f6] {
    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
}

.searchform li[data-v-0bb427f6] {
    height: 50px
}

.searchform li.backbox[data-v-0bb427f6] {
    width: 45px;
    height: 50px
}

.searchform li.backbox a.back[data-v-0bb427f6] {
    display: block;
    width: 100%;
    height: 100%
}

.searchform li.backbox a.back img[data-v-0bb427f6] {
    margin-top: 18px;
    margin-left: 15px;
    width: 8px;
    height: 14px
}

.searchform li.schinput[data-v-0bb427f6] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.searchform li.schinput input[data-v-0bb427f6] {
    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[data-v-0bb427f6]::-webkit-input-placeholder {
    color: #aaa
}

.searchform li.schinput i[data-v-0bb427f6] {
    position: absolute;
    left: 10px;
    top: 17px;
    width: 16px;
    height: 16px;
    background: url("icon_search3.png") 50% no-repeat;
    background-size: 100%
}

.searchform li.text[data-v-0bb427f6] {
    padding: 0 15px;
    line-height: 50px;
    font-size: 12px;
    font-weight: 300;
    color: #fff
}

.listbox[data-v-0bb427f6] {
    margin-top: 10px;
    min-height: 300px
}

.listbox>h2[data-v-0bb427f6] {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 12px
}

.listbox>h2 em[data-v-0bb427f6] {
    color: #c7375d
}

.listbox>h2.noresult[data-v-0bb427f6] {
    margin-top: 100px;
    color: #aaa;
    text-align: center
}

.resultbox[data-v-0bb427f6] {
    overflow: hidden
}

.resultbox ul[data-v-0bb427f6] {
    overflow: hidden;
    margin: 0 10px
}

.resultbox li[data-v-0bb427f6], .resultbox li[data-v-0bb427f6]:first-child {
    margin-top: 15px
}

.resultbox dl[data-v-0bb427f6] {
    height: 100px;
    overflow: hidden
}

.resultbox dt[data-v-0bb427f6] {
    width: 160px;
    height: 100px;
    position: relative;
    float: left
}

.resultbox dt img[data-v-0bb427f6] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px
}

.resultbox dt i[data-v-0bb427f6] {
    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 dd[data-v-0bb427f6] {
    margin-left: 170px
}

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

.resultbox dd h3[data-v-0bb427f6] {
    height: 60px;
    overflow: hidden
}

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

.resultbox dd h4[data-v-0bb427f6] {
    height: 18px;
    line-height: 18px;
    color: #aaa;
    font-size: 12px
}

.resultbox dd h4 em[data-v-0bb427f6] {
    display: inline-block;
    padding-left: 18px;
    background: url("icon_dzrs.png") 0 no-repeat;
    background-size: 15px 14px
}

.resultbox dd h4 cite[data-v-0bb427f6] {
    display: inline-block;
    margin-left: 10px;
    padding-left: 18px;
    background: url("icon_bfrs.png") 0 no-repeat;
    background-size: 15px 12px
}

.loginbox[data-v-9cbd7bca] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-image: url("login_bg.png");
    background-repeat: no-repeat;
    background-size: 100%
}

header.navbar[data-v-9cbd7bca] {
    background: transparent
}

.middlebox[data-v-9cbd7bca] {
    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[data-v-9cbd7bca] {
    width: 100%;
    margin-top: -100px
}

.middlebox h1[data-v-9cbd7bca] {
    width: 100%;
    height: 90px;
    color: #fff;
    font-size: 16px;
    padding-top: 60px;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
    background: url("logo_login.png") top no-repeat;
    background-size: 62px 60px
}

.middlebox .formbox[data-v-9cbd7bca] {
    margin-top: 30px;
    padding: 0 50px
}

.middlebox .formbox h2[data-v-9cbd7bca] {
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 18px;
    padding-left: 30px;
    line-height: 40px;
    background: url("icon_hy.png") 0 no-repeat;
    background-size: 21px 18px
}

.middlebox .formbox li[data-v-9cbd7bca] {
    margin-top: 10px;
    height: 40px;
    position: relative
}

.middlebox .formbox li em[data-v-9cbd7bca] {
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    width: 21px;
    height: 21px
}

.middlebox .formbox li em.user[data-v-9cbd7bca] {
    background: url("icon_user.png") 0 no-repeat;
    background-size: 21px 21px
}

.middlebox .formbox li em.pass[data-v-9cbd7bca] {
    background: url("icon_key.png") 0 no-repeat;
    background-size: 21px 21px
}

.middlebox .formbox input.text[data-v-9cbd7bca] {
    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[data-v-9cbd7bca]:focus {
    border-color: #ff3d6f
}

.middlebox .formbox input.submit[data-v-9cbd7bca] {
    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[data-v-9cbd7bca] {
    display: inline-block;
    line-height: 40px;
    color: #8d2d49
}

.middlebox .formbox li a[data-v-9cbd7bca]:last-child {
    float: right
}

.regbox[data-v-8cfd0c02] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-image: url("login_bg.png");
    background-repeat: no-repeat;
    background-size: 100%
}

header.navbar[data-v-8cfd0c02] {
    background: transparent
}

.regform[data-v-8cfd0c02] {
    margin-top: 66px
}

.regform .formbox[data-v-8cfd0c02] {
    margin-top: 30px;
    padding: 0 50px
}

.regform .formbox li[data-v-8cfd0c02] {
    margin-top: 10px;
    height: 40px;
    position: relative
}

.regform .formbox li em[data-v-8cfd0c02] {
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    width: 60px;
    height: 21px;
    line-height: 21px
}

.regform .formbox li em.pass[data-v-8cfd0c02], .regform .formbox li em.user[data-v-8cfd0c02] {
    color: #fff
}

.regform .formbox li em sup[data-v-8cfd0c02] {
    margin-left: 2px;
    color: red;
    vertical-align: top
}

.regform .formbox input.text[data-v-8cfd0c02] {
    width: 100%;
    height: 40px;
    padding: 0 10px 0 65px;
    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[data-v-8cfd0c02]:focus {
    border-color: #ff3d6f
}

.regform .formbox input.submit[data-v-8cfd0c02] {
    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[data-v-8cfd0c02] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    line-height: 40px;
    color: #aaa
}

.regform .formbox li.captcha img[data-v-8cfd0c02] {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 40px
}

.regform .formbox li.submitbox[data-v-8cfd0c02] {
    margin-top: 20px
}

.regform .formbox li.tosbox[data-v-8cfd0c02] {
    margin-top: 0;
    line-height: 40px;
    font-size: 12px;
    color: #aaa
}

.regform .formbox li.tosbox a[data-v-8cfd0c02] {
    color: #8d2d49;
    font-size: 12px
}

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

.regform .formbox li.tosbox label input[data-v-8cfd0c02] {
    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[data-v-8cfd0c02] {
    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[data-v-8cfd0c02]: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[data-v-8cfd0c02] {
    border: 1px solid #ff3d6f;
    color: #fff
}

.regform .formbox li.tosbox label input:checked+i[data-v-8cfd0c02]:before {
    display: block
}

.regform .formbox li.logtips[data-v-8cfd0c02] {
    text-align: center
}

.regform .formbox li.logtips a[data-v-8cfd0c02] {
    font-size: 14px;
    color: #ff3d6f
}

.regform .formbox li.downloadbox[data-v-8cfd0c02] {
    margin-top: 20px;
    color: #fff;
    margin-bottom: 50px
}

.regform .formbox a.submit2[data-v-8cfd0c02] {
    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
}

.playlogbox[data-v-5bdd36ab] {
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

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

header.tabbar ul[data-v-5bdd36ab] {
    overflow: hidden;
    text-align: center
}

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

header.tabbar li h6[data-v-5bdd36ab] {
    margin-top: 4px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #aaa
}

header.tabbar li h6.active[data-v-5bdd36ab] {
    color: #fff;
    border-bottom: 3px solid #ff3d6f
}

.pad102[data-v-5bdd36ab] {
    height: 102px
}

.listbox[data-v-5bdd36ab] {
    min-height: 300px
}

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

.listbox li[data-v-5bdd36ab] {
    margin-top: 10px;
    position: relative
}

.listbox li .checkbox[data-v-5bdd36ab] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.listbox li .checkbox.checkboxOpened[data-v-5bdd36ab] {
    display: block
}

.listbox li .checkbox input[data-v-5bdd36ab] {
    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
}

.listbox li .checkbox input+i[data-v-5bdd36ab] {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("check_nom.png") 0 no-repeat;
    background-size: 20px 20px
}

.listbox li .checkbox input:checked+i[data-v-5bdd36ab] {
    background-image: url("check_sel.png")
}

.listbox dl[data-v-5bdd36ab] {
    height: 90px;
    overflow: hidden;
    margin-left: 0
}

.listbox dl.checkboxOpened[data-v-5bdd36ab], .listbox dl[data-v-5bdd36ab] {
    -webkit-transition: margin-left .1s linear;
    transition: margin-left .1s linear
}

.listbox dl.checkboxOpened[data-v-5bdd36ab] {
    margin-left: 40px
}

.listbox dt[data-v-5bdd36ab] {
    width: 150px;
    height: 90px;
    position: relative;
    float: left
}

.listbox dt img[data-v-5bdd36ab] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px
}

.listbox dt i[data-v-5bdd36ab] {
    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
}

.listbox dd[data-v-5bdd36ab] {
    margin-left: 160px
}

.listbox dd h2[data-v-5bdd36ab] {
    height: 66px;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis
}

.listbox dd h4[data-v-5bdd36ab] {
    height: 24px;
    line-height: 24px;
    color: #aaa;
    font-size: 14px
}

.checkpad[data-v-5bdd36ab] {
    height: 40px
}

.checkbar[data-v-5bdd36ab] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: fixed;
    z-index: 10;
    bottom: 0;
    text-align: center;
    background: #212429
}

.checkbar a[data-v-5bdd36ab] {
    float: left;
    width: 50%;
    line-height: 40px;
    color: #aaa;
    font-weight: 300
}

.checkbar a[data-v-5bdd36ab]:last-child {
    color: #ff3d6f
}

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

.favlogbox[data-v-4dcf83a8] {
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.listbox[data-v-4dcf83a8] {
    min-height: 300px
}

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

.listbox li[data-v-4dcf83a8] {
    margin-top: 10px;
    position: relative
}

.listbox li .checkbox[data-v-4dcf83a8] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.listbox li .checkbox.checkboxOpened[data-v-4dcf83a8] {
    display: block
}

.listbox li .checkbox input[data-v-4dcf83a8] {
    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
}

.listbox li .checkbox input+i[data-v-4dcf83a8] {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("check_nom.png") 0 no-repeat;
    background-size: 20px 20px
}

.listbox li .checkbox input:checked+i[data-v-4dcf83a8] {
    background-image: url("check_sel.png")
}

.listbox dl[data-v-4dcf83a8] {
    height: 90px;
    overflow: hidden;
    margin-left: 0
}

.listbox dl.checkboxOpened[data-v-4dcf83a8], .listbox dl[data-v-4dcf83a8] {
    -webkit-transition: margin-left .1s linear;
    transition: margin-left .1s linear
}

.listbox dl.checkboxOpened[data-v-4dcf83a8] {
    margin-left: 40px
}

.listbox dt[data-v-4dcf83a8] {
    width: 150px;
    height: 90px;
    position: relative;
    float: left
}

.listbox dt img[data-v-4dcf83a8] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px
}

.listbox dt i[data-v-4dcf83a8] {
    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
}

.listbox dd[data-v-4dcf83a8] {
    margin-left: 160px
}

.listbox dd h2[data-v-4dcf83a8] {
    height: 66px;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis
}

.listbox dd h4[data-v-4dcf83a8] {
    height: 24px;
    line-height: 24px;
    color: #aaa;
    font-size: 14px
}

.checkpad[data-v-4dcf83a8] {
    height: 40px
}

.checkbar[data-v-4dcf83a8] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: fixed;
    z-index: 10;
    bottom: 0;
    text-align: center;
    background: #212429
}

.checkbar a[data-v-4dcf83a8] {
    float: left;
    width: 50%;
    line-height: 40px;
    color: #aaa;
    font-weight: 300
}

.checkbar a[data-v-4dcf83a8]:last-child {
    color: #ff3d6f
}

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

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

.pad102[data-v-23ceab34] {
    height: 102px
}

.listbox[data-v-23ceab34] {
    min-height: 300px
}

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

.listbox li[data-v-23ceab34] {
    padding: 10px 0
}

.listbox dl[data-v-23ceab34] {
    height: 50px
}

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

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

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

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

.listbox dd h2[data-v-23ceab34] {
    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-23ceab34] {
    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-23ceab34] {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 300;
    color: #aaa
}

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

.pad102[data-v-46a6324e] {
    height: 102px
}

.listbox[data-v-46a6324e] {
    min-height: 300px
}

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

.listbox li[data-v-46a6324e] {
    padding: 10px 0
}

.listbox dl[data-v-46a6324e] {
    height: 50px
}

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

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

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

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

.listbox dd h2[data-v-46a6324e] {
    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-46a6324e] {
    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-46a6324e] {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 300;
    color: #aaa
}

.playbox[data-v-33337fd6] {
    color: #fff
}

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

header.tabbar ul[data-v-33337fd6] {
    overflow: hidden;
    text-align: center
}

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

header.tabbar li h6[data-v-33337fd6] {
    margin-top: 4px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #aaa
}

header.tabbar li h6.active[data-v-33337fd6] {
    color: #fff;
    border-bottom: 3px solid #ff3d6f
}

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

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

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

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

.showbox .textblock[data-v-cb81694c] {
    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[data-v-0a386f42] {
    color: #fff;
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.pad76[data-v-0a386f42] {
    height: 76px
}

.formbox dt[data-v-0a386f42] {
    background: #212429;
    padding: 10px 15px
}

.formbox dd[data-v-0a386f42] {
    background: #212429;
    margin-top: 10px
}

.formbox h1[data-v-0a386f42] {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #aaa
}

.formbox h2[data-v-0a386f42] {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #aaa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.formbox h2 label[data-v-0a386f42] {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.formbox h2 label input[data-v-0a386f42] {
    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-0a386f42] {
    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
}

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

.formbox h2 label input:checked+i[data-v-0a386f42] {
    border: 1px solid #ff3d6f;
    color: #fff
}

.formbox h2 label input:checked+i[data-v-0a386f42]:before {
    display: block
}

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

.formbox h3[data-v-0a386f42] {
    height: 40px;
    padding: 0 40px;
    margin-top: 40px
}

.formbox h3 input.submit[data-v-0a386f42] {
    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
}

.listbox[data-v-0a386f42] {
    margin-top: 40px;
    min-height: 300px
}

.listbox>h2[data-v-0a386f42] {
    height: 26px;
    line-height: 26px;
    text-indent: 15px;
    font-size: 14px;
    color: #aaa
}

.listbox ul[data-v-0a386f42] {
    margin-top: 10px;
    background: #212429
}

.listbox li[data-v-0a386f42] {
    padding: 0 15px
}

.listbox li dl[data-v-0a386f42] {
    padding: 15px 0;
    position: relative
}

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

.listbox li:first-child dl[data-v-0a386f42]:before {
    display: none
}

.listbox li dt[data-v-0a386f42] {
    width: 50px;
    height: 50px;
    float: left
}

.listbox li dt img[data-v-0a386f42] {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.listbox li dd[data-v-0a386f42] {
    margin-left: 60px;
    font-size: 14px;
    line-height: 22px
}

.listbox li dd .textblock[data-v-0a386f42] {
    font-size: 14px;
    color: #fff
}

.listbox li dd h6[data-v-0a386f42] {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #aaa
}

.listbox li dd blockquote[data-v-0a386f42] {
    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("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("icon_gk.png") 15px no-repeat;
    background-size: 50px 50px
}

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

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

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

.tasklist .V5[data-v-48c6f2ee] {
    background: url("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-3d0dc891] {
    color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

.planbox dd li input[data-v-3d0dc891] {
    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-3d0dc891] {
    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-3d0dc891] {
    border: 0;
    background: url("vip_plan_sel.png") 50% no-repeat;
    background-size: 100% 100%
}

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

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

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

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

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

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

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

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

.paybox h2 a.active[data-v-3d0dc891]: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-3d0dc891] {
    float: right;
    height: 46px;
    line-height: 46px
}

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

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

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

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

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

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

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

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

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

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

.paybox li input[data-v-3d0dc891] {
    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-3d0dc891] {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 20px;
    height: 20px;
    border: 1px solid #545558;
    border-radius: 50%
}

.paybox li input+i[data-v-3d0dc891]: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-3d0dc891] {
    border: 1px solid #ff3d6f;
    color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.paybar dd a.submit[data-v-3d0dc891] {
    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-3d0dc891] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

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

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

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

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

.paybar li a.submit[data-v-3d0dc891] {
    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-3d0dc891] {
    width: 100%;
    background: transparent
}

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

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

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

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

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

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

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

.payurl-confirm a[data-v-3d0dc891] {
    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-3d0dc891] {
    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("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("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("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("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("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[data-v-4de04e5a] {
    color: #fff;
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.listbox[data-v-4de04e5a] {
    margin-top: 56px
}

.listbox ul[data-v-4de04e5a] {
    overflow: hidden;
    min-height: 300px
}

.listbox li[data-v-4de04e5a] {
    margin-top: 10px;
    padding: 10px 15px;
    background: #212429
}

.listbox dt[data-v-4de04e5a] {
    width: 100%;
    height: 30px;
    padding-left: 28px;
    line-height: 30px;
    background: url("icon_zgvip.png") 0 no-repeat;
    background-size: 23px 20px
}

.listbox dd h2[data-v-4de04e5a] {
    height: 22px;
    line-height: 22px;
    color: #aaa;
    font-weight: 300;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.listbox dd h2 label[data-v-4de04e5a] {
    font-weight: 300
}

.listbox dd h3[data-v-4de04e5a] {
    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
}

.listbox dd h3 span[data-v-4de04e5a] {
    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("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("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("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("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[data-v-39c6cc10] {
    color: #fff
}

.formbox[data-v-39c6cc10] {
    margin-top: 66px
}

.formbox h2[data-v-39c6cc10] {
    height: 45px;
    line-height: 45px;
    position: relative;
    font-size: 14px;
    padding: 0 15px;
    background: #212429
}

.formbox h2 label[data-v-39c6cc10] {
    display: inline-block;
    padding-left: 25px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    background: url("icon_dzfs.png") 0 no-repeat;
    background-size: 18px 18px
}

.formbox h2 em[data-v-39c6cc10] {
    float: right;
    color: #ff3d6f;
    padding-right: 15px;
    background: url("arrow.png") 100% no-repeat;
    background-size: 7px 13px
}

.formbox h3[data-v-39c6cc10] {
    margin-top: 10px;
    font-size: 14px
}

.formbox h3[data-v-39c6cc10], .formbox h4[data-v-39c6cc10] {
    height: 45px;
    line-height: 45px;
    position: relative;
    color: #fff;
    padding: 0 15px;
    background: #212429
}

.formbox h4[data-v-39c6cc10] {
    font-size: 30px
}

.formbox h4 label[data-v-39c6cc10] {
    float: left;
    width: 1em;
    height: 45px;
    line-height: 45px
}

.formbox h4 input[data-v-39c6cc10] {
    display: block;
    position: absolute;
    height: 45px;
    margin-left: 1em;
    padding: 0;
    outline: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    color: #fff;
    caret-color: #fff;
    font-size: 30px
}

.formbox h5[data-v-39c6cc10] {
    height: 45px;
    line-height: 45px;
    margin: 0 15px;
    color: #aaa;
    font-size: 14px;
    background: #212429;
    border-top: 1px solid #2f3236
}

.formbox h5 em[data-v-39c6cc10] {
    float: right;
    color: #ff3d6f
}

.formbox h6[data-v-39c6cc10] {
    line-height: 22px;
    padding: 10px 15px;
    color: #ae4a64;
    font-size: 14px
}

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

h3.subbox input.submit[data-v-39c6cc10] {
    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[data-v-39c6cc10] {
    width: 100%;
    max-height: 50%;
    border-top: 1px solid #795548;
    background: #1b1e23;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.cardrowlist h1[data-v-39c6cc10] {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-indent: 15px;
    color: #aaa;
    background: url("icon_zfb.png") 15px no-repeat;
    background-size: 16px 16px;
    padding-left: 20px
}

.cardrowlist h1 span[data-v-39c6cc10] {
    float: right;
    padding: 15px 20px;
    line-height: 30px;
    font-size: 30px;
    color: #fff;
    text-indent: 0
}

.cardrowlist li[data-v-39c6cc10] {
    position: relative;
    height: 65px;
    padding: 10px 15px;
    border-top: 1px solid #2f3236;
    line-height: 22px
}

.cardrowlist li h2[data-v-39c6cc10] {
    font-size: 14px;
    color: #fff
}

.cardrowlist li h2 cite[data-v-39c6cc10] {
    margin-left: 10px;
    font-size: 12px;
    color: #aaa
}

.cardrowlist li h3[data-v-39c6cc10] {
    font-size: 12px;
    color: #aaa
}

.cardrowlist li span[data-v-39c6cc10] {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    color: #aaa;
    line-height: 65px
}

.cardrowlist li a[data-v-39c6cc10] {
    display: inline-block;
    height: 100%;
    padding: 0 15px;
    color: #aaa;
    font-size: 14px
}

.createBox[data-v-39c6cc10] {
    width: 100%;
    max-height: 50%;
    border-top: 1px solid #795548;
    background: #1b1e23;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.createBox h1[data-v-39c6cc10] {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-indent: 15px;
    color: #aaa;
    background: url("icon_zfb.png") 15px no-repeat;
    background-size: 16px 16px;
    padding-left: 20px
}

.createBox h1 span[data-v-39c6cc10] {
    float: right;
    padding: 15px 20px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    text-indent: 0
}

.createBox li[data-v-39c6cc10] {
    border-top: 1px solid #2f3236;
    height: 46px
}

.createBox li input[data-v-39c6cc10] {
    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[data-v-39c6cc10] {
    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[data-v-39c6cc10] {
    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[data-v-39c6cc10] {
    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[data-v-39c6cc10]: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[data-v-39c6cc10] {
    border: 1px solid #ff3d6f;
    color: #fff
}

.createBox label input:checked+i[data-v-39c6cc10]:before {
    display: block
}

.createBox h6[data-v-39c6cc10] {
    border-top: 1px solid #2f3236;
    font-size: 12px;
    color: #ae4a64;
    padding: 15px 15px 30px 15px
}

.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[data-v-77feb813] {
    color: #fff;
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.listbox[data-v-77feb813] {
    min-height: 300px
}

.listbox table[data-v-77feb813] {
    width: 100%;
    font-size: 12px;
    border: none;
    border-collapse: collapse;
    border-spacing: 0
}

.listbox table td[data-v-77feb813], .listbox table th[data-v-77feb813] {
    border: none;
    padding: 10px 10px
}

.listbox table th[data-v-77feb813] {
    text-align: center
}

.listbox thead tr[data-v-77feb813] {
    background: #212429;
    color: #ff3d6f;
    font-size: 14px
}

.listbox tbody td[data-v-77feb813] {
    text-align: center;
    color: #aaa
}

.listbox tbody td.blink[data-v-77feb813] {
    color: #ffa800
}

.statsbar-pad[data-v-77feb813] {
    height: 46px
}

.statsbar[data-v-77feb813] {
    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)
}

.accountbox[data-v-55c73d9a] {
    color: #fff
}

header.navbar[data-v-55c73d9a] {
    background: transparent
}

.headerbox[data-v-55c73d9a] {
    width: 100%;
    height: 200px;
    padding: 56px 15px 0 15px;
    background: url("account-bg.png") top no-repeat;
    background-size: cover
}

.headerbox dt[data-v-55c73d9a] {
    height: 80px
}

.headerbox dt h6[data-v-55c73d9a] {
    font-size: 14px;
    line-height: 32px
}

.headerbox dt h2[data-v-55c73d9a] {
    margin-top: 10px;
    font-size: 32px;
    line-height: 32px
}

.headerbox dd[data-v-55c73d9a] {
    margin-top: 14px;
    height: 50px;
    line-height: 50px;
    font-size: 14px
}

.headerbox dd span[data-v-55c73d9a] {
    display: inline-block;
    height: 100%;
    vertical-align: top
}

.headerbox dd em[data-v-55c73d9a] {
    margin-left: 10px;
    display: inline-block;
    height: 100%;
    font-size: 18px;
    padding-left: 23px;
    background: url("icon_bi.png") 0 no-repeat;
    background-size: 20px 20px
}

.headerbox dd em i[data-v-55c73d9a] {
    font-size: 20px;
    font-weight: 300;
    color: #ccc;
    padding-right: 2px
}

.tipsbox[data-v-55c73d9a] {
    padding: 10px 15px;
    color: #ae4a64;
    font-size: 14px
}

.listbox[data-v-55c73d9a] {
    font-size: 14px;
    color: #fff
}

.listbox li[data-v-55c73d9a] {
    height: 56px;
    position: relative;
    margin-top: 10px;
    line-height: 56px;
    background: #212429
}

.listbox li[data-v-55c73d9a]:after {
    position: absolute;
    content: ".";
    font-size: 0;
    width: 7px;
    height: 56px;
    top: 0;
    right: 15px;
    background: url("arrow.png") 100% no-repeat;
    background-size: 7px 13px
}

.listbox li a[data-v-55c73d9a] {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 56px;
    padding: 0 15px 0 45px;
    font-size: 15px;
    color: #fff
}

.bonuslog-listing[data-v-35a7c043] {
    color: #fff;
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.listbox[data-v-35a7c043] {
    min-height: 300px
}

.listbox table[data-v-35a7c043] {
    width: 100%;
    font-size: 12px;
    border: none;
    border-collapse: collapse;
    border-spacing: 0
}

.listbox table td[data-v-35a7c043], .listbox table th[data-v-35a7c043] {
    border: none;
    padding: 10px 10px
}

.listbox table th[data-v-35a7c043] {
    text-align: center
}

.listbox thead tr[data-v-35a7c043] {
    background: #212429;
    color: #ff3d6f;
    font-size: 14px
}

.listbox tbody td[data-v-35a7c043] {
    text-align: center;
    color: #aaa
}

.listbox tbody td.blink[data-v-35a7c043] {
    color: #ffa800
}

.statsbar-pad[data-v-35a7c043] {
    height: 56px
}

.statsbar[data-v-35a7c043] {
    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)
}

.statsbar h2[data-v-35a7c043] {
    padding-left: 15px;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    color: #fff;
    font-weight: 300
}

.statsbar h2[data-v-35a7c043]:first-child {
    margin-top: 5px
}

.statsbar h2 em[data-v-35a7c043] {
    font-size: 18px;
    padding: 0 3px
}

.statsbar span[data-v-35a7c043] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 300
}

.statsbar span em[data-v-35a7c043] {
    margin-left: 3px
}

.promotionbox[data-v-0dffd59d] {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("promotion-bg.png") 50% no-repeat;
    background-size: cover
}

header.navbar[data-v-0dffd59d] {
    background: transparent
}

.introbox[data-v-0dffd59d] {
    position: absolute;
    top: 42%;
    left: 13%;
    right: 13%;
    bottom: 16%;
    color: #aaa
}

.introbox dt[data-v-0dffd59d] {
    color: #333
}

.introbox dt h2[data-v-0dffd59d] {
    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[data-v-0dffd59d]:first-child {
    background: url("1.png") 0 no-repeat;
    background-size: 28px 28px
}

.introbox dt h2[data-v-0dffd59d]:last-child {
    margin-top: 15px;
    background: url("2.png") 0 no-repeat;
    background-size: 28px 28px
}

.introbox dt h2 em[data-v-0dffd59d] {
    display: inline-block;
    margin-left: 3px;
    padding-left: 23px;
    color: #f94776;
    background: url("icon_bi.png") 0 no-repeat;
    background-size: 20px 20px
}

.introbox dd[data-v-0dffd59d] {
    position: relative;
    padding: 5px;
    margin-top: 15px
}

.introbox dd p[data-v-0dffd59d] {
    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[data-v-0dffd59d] {
    position: absolute;
    left: -3px;
    top: 10px;
    width: 70px;
    height: 25px;
    background: url("srjl.png") 0 0 no-repeat;
    background-size: 70px 25px
}

.introbox h1[data-v-0dffd59d] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px
}

.introbox h1 a[data-v-0dffd59d] {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 12px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: url("bt.png") 50% no-repeat;
    background-size: 235px 60px
}

@media only screen and (max-width: 375px) {
    .introbox dt h2[data-v-0dffd59d] {
        font-size:14px
    }

    .introbox dd[data-v-0dffd59d] {
        margin-top: 5px;
        font-size: 12px
    }
}

.bottombar[data-v-0dffd59d] {
    position: absolute;
    bottom: 2%;
    width: 100%
}

.bottombar h5[data-v-0dffd59d] {
    width: 100%;
    text-align: center
}

.bottombar h5 a[data-v-0dffd59d] {
    display: inline-block;
    padding: 5px 15px;
    color: #ffa93f;
    border: 1px solid #ffa93f;
    border-radius: 15px
}

.bottombar h6[data-v-0dffd59d] {
    margin-top: 15px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    text-align: center
}

.promotionbox[data-v-66408bae] {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("qrpic-bg.png") 50% no-repeat;
    background-size: cover
}

header.navbar[data-v-66408bae] {
    background: transparent
}

.logobox[data-v-66408bae] {
    margin-top: 70px;
    height: 60px;
    background: url("qrpic-logo.png") top no-repeat;
    background-size: 125px 35px
}

.logobox h1[data-v-66408bae] {
    padding-top: 40px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
    color: #fff
}

.mainbox[data-v-66408bae] {
    margin-top: 10px;
    padding: 0 22.5%
}

.mainbox .qrbox[data-v-66408bae] {
    padding-bottom: 10px;
    background: #fff;
    border-radius: 10px
}

.mainbox .qrbox h2[data-v-66408bae] {
    padding-top: 10px;
    line-height: 18px;
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.mainbox .qrbox h3[data-v-66408bae] {
    line-height: 18px;
    font-size: 12px;
    color: #666;
    text-align: center;
    font-weight: 300
}

.mainbox .qrbox .qrimg[data-v-66408bae] {
    position: relative;
    padding-top: 100%;
    height: 0
}

.mainbox .qrbox .qrimg img[data-v-66408bae] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.mainbox .invitebox[data-v-66408bae] {
    margin-top: 1px;
    background: #fff;
    border-radius: 10px
}

.mainbox .invitebox h4[data-v-66408bae] {
    padding-top: 5px;
    line-height: 18px;
    font-size: 12px;
    color: #666;
    text-align: center;
    font-weight: 300
}

.mainbox .invitebox h5[data-v-66408bae] {
    padding: 0 0 5px 0;
    line-height: 24px;
    font-size: 22px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.bottombar[data-v-66408bae] {
    position: absolute;
    bottom: 3%;
    width: 100%
}

.bottombar h5[data-v-66408bae] {
    width: 100%;
    text-align: center
}

.bottombar h5 a[data-v-66408bae] {
    display: inline-block;
    color: #fff;
    font-size: 16px
}

.bottombar h5 a.save-qrcode[data-v-66408bae] {
    margin-right: 10px;
    width: 129px;
    height: 45px;
    line-height: 45px;
    background: url("bt_bcewm.png") 50% no-repeat;
    background-size: 129px 45px
}

.bottombar h5 a.copy-qrlink[data-v-66408bae] {
    margin-left: 10px;
    width: 129px;
    height: 45px;
    line-height: 45px;
    background: url("bt_fztglj.png") 50% no-repeat;
    background-size: 129px 45px
}

.bottombar h6[data-v-66408bae] {
    margin-top: 15px;
    width: 100%;
    font-size: 14px;
    color: #ff5354;
    text-align: center
}

.bottombar h6 a[data-v-66408bae] {
    font-size: 14px;
    color: #ff5354
}

.promotion-helpbox[data-v-bd9e2c46] {
    color: #fff
}

.listbox[data-v-bd9e2c46] {
    margin-top: 56px
}

.listbox ul[data-v-bd9e2c46] {
    overflow: hidden
}

.listbox li[data-v-bd9e2c46] {
    margin-top: 10px;
    padding: 5px 15px;
    font-size: 14px
}

.listbox li.a1[data-v-bd9e2c46] {
    background: #212429 url("promotion-help1.png") 15px no-repeat;
    background-size: 39px 60px
}

.listbox li.a2[data-v-bd9e2c46] {
    background: #212429 url("promotion-help2.png") 15px no-repeat;
    background-size: 39px 60px
}

.listbox li.a3[data-v-bd9e2c46] {
    background: #212429 url("promotion-help3.png") 15px no-repeat;
    background-size: 39px 60px
}

.listbox li.a4[data-v-bd9e2c46] {
    background: #212429 url("promotion-help4.png") 15px no-repeat;
    background-size: 39px 60px
}

.listbox li.a5[data-v-bd9e2c46] {
    background: #212429 url("promotion-help5.png") 15px no-repeat;
    background-size: 39px 60px
}

.listbox li.a6[data-v-bd9e2c46] {
    background: #212429 url("promotion-help6.png") 15px no-repeat;
    background-size: 39px 60px
}

.listbox li h2[data-v-bd9e2c46] {
    height: 30px;
    line-height: 30px;
    margin-left: 55px;
    position: relative;
    font-size: 14px;
    color: #fff
}

.listbox li h3[data-v-bd9e2c46] {
    margin-left: 55px;
    margin-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
    font-size: 12px;
    color: #aaa
}

.listbox li h2 span[data-v-bd9e2c46] {
    position: absolute;
    right: 10px;
    top: 0;
    height: 30px
}

.listbox li h2 em[data-v-bd9e2c46] {
    float: right;
    margin-right: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.listbox li h2 em.wx[data-v-bd9e2c46] {
    background: #fff url("icon_wx.png") 100% no-repeat;
    background-size: 30px 30px
}

.listbox li h2 em.qq[data-v-bd9e2c46] {
    background: #fff url("icon_qq.png") 100% no-repeat;
    background-size: 30px 30px
}

.listbox li h2 em.mm[data-v-bd9e2c46] {
    background: #fff url("icon_mm.png") 100% no-repeat;
    background-size: 30px 30px
}

.listbox li h2 em.fjdr[data-v-bd9e2c46] {
    background: #fff url("icon_fjdr.png") 100% no-repeat;
    background-size: 30px 30px
}

.listbox li h2 em.ppx[data-v-bd9e2c46] {
    background: #fff url("icon_ppx.png") 100% no-repeat;
    background-size: 30px 30px
}

.listbox li h2 em.soul[data-v-bd9e2c46] {
    background: #fff url("icon_soul.png") 100% no-repeat;
    background-size: 30px 30px
}

.listbox li h2 em.tb[data-v-bd9e2c46] {
    background: #fff url("icon_tb.png") 100% no-repeat;
    background-size: 30px 30px
}

.listbox li h2 em.toutiao[data-v-bd9e2c46] {
    background: #fff url("icon_toutiao.png") 100% no-repeat;
    background-size: 30px 30px
}

.listbox li h2 em.tt[data-v-bd9e2c46] {
    background: #fff url("icon_tt.png") 100% no-repeat;
    background-size: 30px 30px
}

.listbox li h2 em.wy[data-v-bd9e2c46] {
    background: #fff url("icon_wy.png") 100% no-repeat;
    background-size: 30px 30px
}

.bottombar-pad[data-v-bd9e2c46] {
    height: 56px
}

.bottombar[data-v-bd9e2c46] {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 99;
    line-height: 50px;
    color: #fff;
    background: url("promotion-bt.png") 0 no-repeat;
    background-size: 100% 50px
}

.bottombar a[data-v-bd9e2c46] {
    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("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("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("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("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[data-v-09a839a9] {
    color: #fff
}

.headerbox[data-v-09a839a9] {
    height: 200px;
    background: url("affcenter-bg.png") top no-repeat;
    background-size: 100% 270px
}

.cardbox[data-v-09a839a9] {
    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[data-v-09a839a9] {
    height: 80px;
    padding: 15px 10px;
    position: relative
}

.cardbox .userbox img[data-v-09a839a9] {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.cardbox .userbox h1[data-v-09a839a9] {
    margin-left: 60px;
    font-size: 16px;
    line-height: 25px;
    color: #fff
}

.cardbox .userbox h2[data-v-09a839a9] {
    margin-left: 60px;
    font-size: 14px;
    line-height: 25px;
    color: #928f95
}

.cardbox .userbox dd[data-v-09a839a9] {
    position: absolute;
    right: 10px;
    top: 20px;
    text-align: center;
    background: url("affcenter-arrow.png") 100% no-repeat;
    background-size: 7px 12px
}

.cardbox .userbox dd img[data-v-09a839a9] {
    width: 40px;
    height: 40px;
    margin-right: 15px
}

.cardbox .levelbox[data-v-09a839a9] {
    height: 80px
}

.cardbox .levelbox ul[data-v-09a839a9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 18px
}

.cardbox .levelbox li.curr-group[data-v-09a839a9], .cardbox .levelbox li.next-group[data-v-09a839a9] {
    width: 64px;
    height: 44px
}

.cardbox .levelbox li.levelbar[data-v-09a839a9] {
    -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[data-v-09a839a9]:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 3px;
    background: #e9b043;
    border-radius: 3px;
    content: ".";
    font-size: 0
}

.cardbox .levelbox em[data-v-09a839a9] {
    margin-left: 10px;
    display: inline-block;
    width: 44px;
    height: 44px
}

.cardbox .levelbox .V1[data-v-09a839a9] {
    background: url("v1.png") 50% no-repeat;
    background-size: 44px 44px
}

.cardbox .levelbox .V2[data-v-09a839a9] {
    background: url("v2.png") 50% no-repeat;
    background-size: 44px 44px
}

.cardbox .levelbox .V3[data-v-09a839a9] {
    background: url("v3.png") 50% no-repeat;
    background-size: 44px 44px
}

.cardbox .levelbox .V4[data-v-09a839a9] {
    background: url("v4.png") 50% no-repeat;
    background-size: 44px 44px
}

.cardbox .levelbox .V5[data-v-09a839a9] {
    background: url("v5.png") 50% no-repeat;
    background-size: 44px 44px
}

.permbox[data-v-09a839a9] {
    margin-top: 20px
}

.permbox h2[data-v-09a839a9] {
    line-height: 22px;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.permbox h2 img[data-v-09a839a9] {
    width: 15px;
    height: 12px
}

.permbox li[data-v-09a839a9] {
    padding-left: 75px;
    min-height: 50px;
    margin-top: 20px
}

.permbox .V1[data-v-09a839a9] {
    background: url("icon_v1.png") 15px no-repeat;
    background-size: 50px 50px
}

.permbox .V2[data-v-09a839a9] {
    background: url("icon_v2.png") 15px no-repeat;
    background-size: 50px 50px
}

.permbox .V3[data-v-09a839a9] {
    background: url("icon_v3.png") 15px no-repeat;
    background-size: 50px 50px
}

.permbox .V4[data-v-09a839a9] {
    background: url("icon_v4.png") 15px no-repeat;
    background-size: 50px 50px
}

.permbox .V5[data-v-09a839a9] {
    background: url("icon_v5.png") 15px no-repeat;
    background-size: 50px 50px
}

.permbox li h3[data-v-09a839a9] {
    font-size: 14px;
    color: #fff;
    line-height: 25px
}

.permbox li h4[data-v-09a839a9] {
    font-size: 12px;
    color: #aaa;
    line-height: 25px
}

.permbox li em[data-v-09a839a9] {
    color: #ff3d6f
}

.bottombar[data-v-09a839a9] {
    position: fixed;
    z-index: 99;
    bottom: 0;
    width: 100%
}

.bottombar h6[data-v-09a839a9] {
    height: 45px;
    line-height: 45px
}

.bottombar h6 a[data-v-09a839a9] {
    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[data-v-1a5f4f5e] {
    color: #fff
}

.withdraw-listing[data-v-1a5f4f5e] {
    margin-top: 56px
}

.listbox table[data-v-1a5f4f5e] {
    width: 100%;
    font-size: 12px;
    border: none;
    border-collapse: collapse;
    border-spacing: 0
}

.listbox table td[data-v-1a5f4f5e], .listbox table th[data-v-1a5f4f5e] {
    border: none;
    padding: 10px 10px
}

.listbox table th[data-v-1a5f4f5e] {
    text-align: center
}

.listbox thead tr[data-v-1a5f4f5e] {
    background: #212429;
    color: #ff3d6f;
    font-size: 14px
}

.listbox tbody td[data-v-1a5f4f5e] {
    text-align: center;
    color: #aaa
}

.listbox tbody td.blink[data-v-1a5f4f5e] {
    color: #ffa800
}

.statsbar-pad[data-v-1a5f4f5e] {
    height: 46px
}

.statsbar[data-v-1a5f4f5e] {
    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)
}

.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("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
}

.settingbox[data-v-43dc1065] {
    color: #fff
}

.listbox[data-v-43dc1065] {
    margin-top: 66px
}

.listbox ul[data-v-43dc1065] {
    margin-top: 10px;
    background: #212429
}

.listbox li[data-v-43dc1065] {
    margin: 0 15px;
    line-height: 42px;
    position: relative;
    color: #aaa;
    font-size: 14px;
    overflow: hidden
}

.listbox li.arrow[data-v-43dc1065] {
    background: url("arrow.png") 100% no-repeat;
    background-size: 7px 12px
}

.listbox li[data-v-43dc1065]:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: ".";
    font-size: 0;
    height: 1px;
    background: #2f3236
}

.listbox li[data-v-43dc1065]:first-child:before {
    display: none
}

.listbox li>a[data-v-43dc1065] {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 42px;
    color: #aaa
}

.listbox li>a>span[data-v-43dc1065] {
    float: right;
    font-size: 12px;
    padding-right: 15px
}

.listbox li>a>span.active[data-v-43dc1065] {
    color: #ff3d6f
}

.listbox .avatar[data-v-43dc1065] {
    padding: 10px 0;
    overflow: hidden
}

.listbox .avatar dt[data-v-43dc1065] {
    float: left;
    width: 42px;
    height: 42px
}

.listbox .avatar dt img[data-v-43dc1065] {
    width: 42px;
    height: 42px;
    border-radius: 50%
}

.listbox .avatar dd[data-v-43dc1065] {
    float: right;
    font-size: 12px;
    padding-right: 15px
}

.listbox .avatar dd input[data-v-43dc1065] {
    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
}

.listbox .inputbox>label[data-v-43dc1065] {
    float: left;
    width: 4.5em;
    height: 42px;
    line-height: 42px
}

.listbox .inputbox span[data-v-43dc1065] {
    display: block;
    margin-left: 4.5em
}

.listbox .inputbox span input.txt[data-v-43dc1065] {
    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
}

.listbox .inputbox span input.txt[data-v-43dc1065]:focus {
    border-color: none
}

.listbox .checkbox>label[data-v-43dc1065] {
    float: left;
    width: 4.5em;
    height: 42px;
    line-height: 42px
}

.listbox .checkbox span[data-v-43dc1065] {
    display: block;
    height: 42px;
    margin-left: 4.5em;
    text-align: right
}

.listbox .checkbox span label[data-v-43dc1065] {
    display: inline-block;
    position: relative;
    height: 100%;
    margin-left: 20px;
    line-height: 42px
}

.listbox .checkbox span label input[data-v-43dc1065] {
    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
}

.listbox .checkbox span label input+i[data-v-43dc1065] {
    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
}

.listbox .checkbox span label input+i[data-v-43dc1065]:before {
    position: absolute;
    display: none;
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    content: ".";
    font-size: 0;
    background: red;
    border-radius: 50%
}

.listbox .checkbox span label input:checked+i[data-v-43dc1065] {
    border: 1px solid #ff3d6f;
    color: #fff
}

.listbox .checkbox span label input:checked+i[data-v-43dc1065]:before {
    display: block
}

.logout[data-v-43dc1065] {
    height: 46px;
    margin-top: 20px;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    color: #ff3d6f;
    background: #212429
}

.createBox[data-v-43dc1065] {
    width: 100%;
    max-height: 50%;
    border-top: 1px solid #795548;
    background: #1b1e23;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.createBox h1[data-v-43dc1065] {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-indent: 15px;
    color: #aaa
}

.createBox h1 span[data-v-43dc1065] {
    float: right;
    padding: 15px 20px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    text-indent: 0
}

.createBox li[data-v-43dc1065] {
    border-top: 1px solid #2f3236;
    height: 46px
}

.createBox li input[data-v-43dc1065] {
    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[data-v-43dc1065] {
    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[data-v-43dc1065] {
    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[data-v-43dc1065] {
    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[data-v-43dc1065]: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[data-v-43dc1065] {
    border: 1px solid #ff3d6f;
    color: #fff
}

.createBox label input:checked+i[data-v-43dc1065]:before {
    display: block
}

.createBox li img[data-v-43dc1065] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-top: 6px;
    margin-left: 10px
}

.createBox h6[data-v-43dc1065] {
    border-top: 1px solid #2f3236;
    font-size: 12px;
    color: #ae4a64;
    padding: 15px 15px 30px 15px
}

.settingbox[data-v-7530657c] {
    color: #fff
}

.listbox[data-v-7530657c] {
    margin-top: 66px
}

.listbox ul[data-v-7530657c] {
    margin-top: 10px;
    background: #212429
}

.listbox li[data-v-7530657c] {
    margin: 0 15px;
    line-height: 42px;
    position: relative;
    color: #aaa;
    font-size: 14px;
    overflow: hidden
}

.listbox li.arrow[data-v-7530657c] {
    background: url("arrow.png") 100% no-repeat;
    background-size: 7px 12px
}

.listbox li[data-v-7530657c]:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: ".";
    font-size: 0;
    height: 1px;
    background: #2f3236
}

.listbox li[data-v-7530657c]:first-child:before {
    display: none
}

.listbox li>a[data-v-7530657c] {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 42px;
    color: #aaa
}

.listbox li>a>span[data-v-7530657c] {
    float: right;
    font-size: 12px;
    padding-right: 15px
}

.listbox li>a>span.active[data-v-7530657c] {
    color: #ff3d6f
}

.listbox .avatar[data-v-7530657c] {
    padding: 10px 0;
    overflow: hidden
}

.listbox .avatar dt[data-v-7530657c] {
    float: left;
    width: 42px;
    height: 42px
}

.listbox .avatar dt img[data-v-7530657c] {
    width: 42px;
    height: 42px;
    border-radius: 50%
}

.listbox .avatar dd[data-v-7530657c] {
    float: right;
    font-size: 12px;
    padding-right: 15px
}

.listbox .inputbox>label[data-v-7530657c] {
    float: left;
    width: 4.5em;
    height: 42px;
    line-height: 42px
}

.listbox .inputbox span[data-v-7530657c] {
    display: block;
    margin-left: 4.5em
}

.listbox .inputbox span input.txt[data-v-7530657c] {
    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
}

.listbox .inputbox span input.txt[data-v-7530657c]:focus {
    border-color: none
}

.listbox .checkbox>label[data-v-7530657c] {
    float: left;
    width: 4.5em;
    height: 42px;
    line-height: 42px
}

.listbox .checkbox span[data-v-7530657c] {
    display: block;
    height: 42px;
    margin-left: 4.5em;
    text-align: right
}

.listbox .checkbox span label[data-v-7530657c] {
    display: inline-block;
    position: relative;
    height: 100%;
    margin-left: 20px;
    line-height: 42px
}

.listbox .checkbox span label input[data-v-7530657c] {
    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
}

.listbox .checkbox span label input+i[data-v-7530657c] {
    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
}

.listbox .checkbox span label input+i[data-v-7530657c]:before {
    position: absolute;
    display: none;
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    content: ".";
    font-size: 0;
    background: red;
    border-radius: 50%
}

.listbox .checkbox span label input:checked+i[data-v-7530657c] {
    border: 1px solid #ff3d6f;
    color: #fff
}

.listbox .checkbox span label input:checked+i[data-v-7530657c]:before {
    display: block
}

.logout[data-v-7530657c] {
    height: 46px;
    margin-top: 20px;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    color: #ff3d6f;
    background: #212429
}

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

body {
    color: #aaa;
    /*background-color:#000000;*/
    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("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
}

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 .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 li {
    display: inline-block;
    height: 56px;
    position: relative;
    padding: 0 15px;
    text-align: center;
    line-height: 56px
}

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

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

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

.pad56 {
    height: 56px
}

.pad66 {
    height: 66px
}

.footer {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 50px;
    background: #323136;
    line-height: 50px;
    text-align: center;
}

.footer a {
    background: url(tousu.png) no-repeat 6px;
    background-size: 30px 20px;
    color: #fff;
    display: block;
    line-height: 50px;
    width: 100px;
    margin: 0 auto;
}

.circle-color-105 > div::before {
    background-color: #ccc;
}

.before {
    position: absolute;
    top: 0;
    left: 2px;
    width: 25px;
    height: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAADHUlEQVRIS8VXTVJaQRDuHnlvGzyB8QQhJ4icQHIC5QSRBT3lKmZlzbgAThByAvEEwROIJ9CcILiF8nWqJzPU8BjgSRkzCxfP6fm6v/76B4T/dLAKrrW2gYjHRVHUEbEhNsw8UUpNmXlMRLdV3onvbAQ2xlwAwAkivt/y8BQR+7VabdDpdKZVnEgCG2NaANBLAC5FxszCxLsISEAviGiwDXwF2Bhzhoi9yPCWmft5no9T0VxdXR0VRXGKiCeRzZCI2pvAl4CFWkT86nP4pJRqdbvdcfzA5eWlo/38/Pyx/F0pNULED95+pLX+vA58AWytPQWA797oPs/zI4mw1+vV5/O5RCP/d8LyxwlLKTUIzsnd2WzWj6IfENFZCtwB+8cfAKAOAL+yLGsIqKiZma99rm880MSr+wgARAsHzDzK87wdUmGtFZY+yduI2Cyz5r7Ln5hiAPhIRJPouwCchW9l74Up0QAiPmRZ1gwszWazRy88Kbdm2Q59tL89xT+01kLpi45nZoyIIipHbZy6VNQYX3h+fj4si6aqBynRGWOkvqXcVnItwCMAOJbcEtG2RlHVD3fPGDMUoTHzo9b6MDYW4CCEtQp8EVp0OWaTiJZKV4DZ5/eb1lpa5KsdaS7M/FMeLKfxzYDLAsMgAGb+pxFnWbYft9xFjpl5p1LalJe476dy3AeALwAwJaL9V0vw31p2FcPM91rruN2CUN1CxOtN7W0XZ0qNqaO1lgAXx0ncWiuT5gAAku1tF2BrbWByRdEuyHJ7A4A2EQ13AQs20kIB4M6XaVI7i6I2xkzCLI0HxUsd8KPxTiYaMz8VRdFIteF4HssIlEYvvVVmbVtrLeKofHykMtODkNayt9TG/BojW4TboxDxouoC50erVIfM9HAmYVSWvV/ZuaIRF5Y4WeDEmVGtVruNm4B3VAaMVIYbMEKvvx92sCR4cstMrDBV6ZYt1C0N8YAAgBXwjXu1zNi9vT0Z7G7FSaGHCJVSw/KKswm80i8JX3KyQ9dFpZJHpZTbPlP7VOzgOvDKwFW5Tt0rgd8QUetNgOMmxcyuff4BGlHgLhAv2bgAAAAASUVORK5CYII=);
    background-size: cover;
    display: block;
    font-size: 20px;
    text-align: center;
}

uni-input input {
    position: relative;
    border: none;
    height: inherit;
    width: 100%;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    background: rgba(0,0,0,0);
    display: inherit;
    padding: 0;
    margin: 0;
    outline: none;
    vertical-align: middle;
    text-align: inherit;
    overflow: inherit;
    white-space: inherit;
    text-overflow: inherit;
    -webkit-tap-highlight-color: transparent;
    z-index: 2;
    opacity: inherit;
}

.uni-page-head-search {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 0 2px;
    line-height: 30px;
    font-size: 15px;
}

.uni-page-head .uni-page-head * {
    box-sizing: border-box;
}

.uni-page-head-search-placeholder-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.uni-page-head-search-placeholder {
    position: absolute;
    max-width: 100%;
    height: 100%;
    padding-left: 34px;
    overflow: hidden;
    word-break: keep-all;
    white-space: pre;
}

.uni-page-head-search {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 0 2px;
    line-height: 30px;
    font-size: 15px;
}

.xiaoxi {
    position: absolute;
    left: 10px;
    width: 25px;
    height: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACoUlEQVRIS8WXT3bSYBTF70sQmJUdmJKxJV1BYQWlw9SBdOyB6gq0K6C1C4AZQ3AFxRVA6nFYDDuoI7F/8jzvI8FYkhCwQUZwTr/8vtz33n23hP/0oU24Ixglgt4nQpUYR3u4Gaz7nLXB32BY99D6RGQoGPNZBZOPmYKvYTY8cJuISgtQDFhU2Yd7G3eh1G/soHwOotOlB0WARZUH0kfM7OrwTl7BHT49txIcrmfk7SPAIxgGQRsT0Y6cIcbJHm664fOJYL+eHSKyYmsYI7V/tktElSh4LPgaZt0DC/RPPaPoCc0lamnQuyAcylGNH2uB7ArsQw4Bv1NFHkI1Vaf6YG73S3f6rA2Cm38oXtD7I9VY81Ip2V9KzS1MdpUC0qlM6KSCJLzx/WWv6gFX/ojdks61/NvXY/kdNFtYchqj7Mpt/hUs539d9mSe3wHYAfNfcAfmQCRn5rGFyT45ZPLG0AgDUZLnZjI+FWa4xZatpJVyMqEv3z1+3H12sLpLu2fc5fA9kDbfstUoBS8p45UJWMn+qaekBXBWaNrKUscoS5NVxGazA8/r/QGMz4WWXVdvDHMIwsFWwMz8pdg6VqO5HbAvNYEv8s1j6fTspQ43lwbUXjRttSQyba75OP28ApS/O4WmrXx+aZye3UCYTzH39x+kedXAvUIG4liYWGKZi8HeyEh8rw5bJoOnmsb1RMsU2FcYVQ96A8A8zqjJx0Gqi4SXRG52ToxhYBihJTGSqMTMUwsTxVi1FmWfqmUe+1mxFgl6hwhqjpfWYtxD/WU+SFwiyUFgESKeppBU0UeDLvYXLX189BF5VYhYO/qElXBgSpJ4s6ROctib6vAaG4W9MCgyNGQdb4ML+HUfLppuG4E+gPvxVZqusrV/YVLNdoo/+g24zKvCcKJR8wAAAABJRU5ErkJggg==);
    background-size: cover;
    display: block;
    font-size: 20px;
    text-align: center;
}