.van-tabbar[data-v-02088edf] {
    z-index: 99;
    height: 10vh
}

.van-tabbar-item__icon img[data-v-02088edf] {
    height: 10vw
}

.van-tabbar-item[data-v-02088edf] {
    font-size: 3.467vw
}

.van-tabbar-item span[data-v-02088edf] {
    font-size: 2.933vw;
    zoom:.9}

.tui[data-v-02088edf] {
    width: 4rem;
    margin-top: -10.333vw;
    background-color: #fff;
    border-radius: 50%;
    border: 1.333vw solid #fff;
    z-index: 10
}

[class*=van-hairline][data-v-02088edf]:after {
    border: none!important
}

body .van-toast {
    font-size: 5.067vw;
    padding: 4vw;
    line-height: 6.667vw;
    width: 30.667vw
}

body .van-toast .van-toast__icon {
    font-size: 6.667vw
}

*,:after,:before {
    box-sizing: border-box
}

.van-rate__icon--full[data-v-44afcdeb] {
    color: #ffd21e
}

.van-rate__icon--empty[data-v-44afcdeb] {
    color: #e6e2e2
}

.newnavbar[data-v-44afcdeb] {
    background: linear-gradient(30deg,#7d76ef,#d63f8c)
}

.linear-bg[data-v-44afcdeb] {
    height: 26.667vw;
    background: linear-gradient(270deg,#e6c3a1,#7e5678)
}

.linear-gradient[data-v-44afcdeb] {
    width: 100%;
    height: .267vw;
    background: linear-gradient(90deg,rgba(126,86,120,0),#e6c3a1,rgba(126,86,120,0))
}

.van-notice-bar__right-icon[data-v-44afcdeb],[data-v-44afcdeb] .van-notice-bar__left-icon {
    min-width: 5.333vw
}

.notice-swipe[data-v-44afcdeb] {
    width: calc(100% - 6.667vw);
    height: 11.333vw;
    font-size: 4vw
}

[data-v-44afcdeb] .van-icon-bullhorn-o:before {
    transform: scale(2.5)
}

.banner[data-v-44afcdeb] {
    width: 100%;
    margin-top: -23%
}

.banner_swiper[data-v-44afcdeb] {
    height: 100%;
    width: 100%
}

.banner_swiper .swiper-slide[data-v-44afcdeb] {
    border-radius: 1.333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 82.667vw;
    height: 40vw;
    text-align: center;
    font-weight: 700;
    font-size: 2.667vw;
    background-color: #fff;
    background-position: 50%;
    background-size: cover;
    color: #fff
}

.banner_img[data-v-44afcdeb] {
    border-radius: 1.333vw;
    width: 100%;
    height: 100%
}

.hot-title-div[data-v-44afcdeb] {
    margin: 0 auto;
    height: 10.667vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.hot-title-div div[data-v-44afcdeb] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.hot-title-div>div:nth-child(2) span[data-v-44afcdeb] {
    font-size: 2.667vw
}

.hot-title-div>div:first-child span[data-v-44afcdeb] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 3.733vw;
    color: #000
}

.hot-title-div>div:first-child i[data-v-44afcdeb] {
    background: #3f3a5b;
    padding: .533vw;
    color: #ebcaaf;
    font-size: 2.933vw;
    border-radius: 1.067vw 0
}

.hot-title-div>div:nth-child(2) span[data-v-44afcdeb] {
    font-size: 3.333vw;
    color: #979799
}

.hot-title-div>div:first-child span[data-v-44afcdeb]:before {
    content: "";
    display: block;
    width: .667vw;
    height: 4vw;
    background-color: #7e5678;
    border-radius: 1px;
    margin-right: .667vw
}

.hot-recommend[data-v-44afcdeb] {
    padding: 2.667vw;
    width: 100%;
    flex: 1;
    background-color: #fff
}

.movie_swiper .swiper-slide[data-v-44afcdeb] {
    width: 80%
}

.hot-recommend-more[data-v-44afcdeb] {
    width: 100%;
    padding-bottom: 8vw;
    text-align: center;
    color: #979799;
    font-size: 4vw
}

.hot-items-div .game_item_img[data-v-44afcdeb] {
    width: 13.333vw;
    height: 13.333vw
}

[data-v-44afcdeb] .hot-items-div .game_item_img .van-image__img {
    border-radius: 2.667vw
}

[data-v-44afcdeb] .van-pull-refresh__track .van-pull-refresh__head * {
    color: #000;
    font-size: 4.667vw
}

.horizontalItem[data-v-44afcdeb] {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 2.667vw 0 4vw
}

.horizontalItem .imgBox[data-v-44afcdeb] {
    position: relative;
    overflow: hidden;
    border-radius: 1.067vw;
    margin-right: 2.667vw
}

.horizontalItem .imgBox>span[data-v-44afcdeb] {
    position: absolute;
    z-index: 9;
    background-color: #ebcaaf;
    color: #8d684b;
    transform: rotate(45deg);
    width: 20vw;
    height: 20vw;
    top: -11vw;
    right: -11vw
}

.horizontalItem .imgBox>span>i[data-v-44afcdeb] {
    position: absolute;
    bottom: .667vw;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 4vw
}

.horizontalItem .top[data-v-44afcdeb] {
    display: flex
}

.horizontalItem .top>div[data-v-44afcdeb]:first-child,.horizontalItem .top>div[data-v-44afcdeb]:nth-child(2) {
    background: linear-gradient(180deg,#e7caaf,#fff7ed);
    color: #a4826b;
    font-weight: 600;
    font-size: 3vw;
    padding: .4vw;
    margin-right: 1.333vw
}

.horizontalItem .top>div[data-v-44afcdeb]:last-child {
    margin-left: 4vw;
    font-size: 4vw
}

.horizontalItem .tags[data-v-44afcdeb] {
    display: flex;
    margin: .667vw 0 .667vw;
    flex-wrap: wrap
}

.horizontalItem .tags>.van-tag[data-v-44afcdeb] {
    padding: .667vw;
    font-size: 3.333vw;
    margin: 0 .667vw .667vw 0;
    border-radius: 1.067vw;
    line-height: 4vw
}

.horizontalItem .yueta[data-v-44afcdeb] {
    background: linear-gradient(90deg,#df35ad,#4f1db5);
    color: #fff;
    border-radius: 1.067vw;
    padding: 1.333vw 0;
    text-align: center;
    font-size: 4vw
}

.gdgride[data-v-44afcdeb] {
    padding-right: 5.333vw
}

.gdgride>div[data-v-44afcdeb] {
    position: relative;
    overflow: hidden;
    border-radius: 1.067vw
}

.gdgride>div>span[data-v-44afcdeb] {
    position: absolute;
    z-index: 9;
    background-color: #ebcaaf;
    color: #8d684b;
    transform: rotate(45deg);
    width: 20vw;
    height: 20vw;
    font-size: 3vw;
    top: -11vw;
    right: -11vw
}

.gdgride>div>span>i[data-v-44afcdeb] {
    position: absolute;
    bottom: .667vw;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700
}

.container .main-content[data-v-50fcdedc] {
    padding: 0 2.667vw;
    background-color: #fff
}

.container .main-content .item[data-v-50fcdedc] {
    padding: 4vw 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 4vw
}

.page[data-v-64d7367c] {
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    background-color: #f2f2f5
}

.mine[data-v-64d7367c] {
    position: relative;
    bottom: 1.333vw;
    background: #f2f2f5;
    background: url(/img/mine/usertop.png) no-repeat top -16vw center;
    background-size: contain
}

.mine .wrapper[data-v-64d7367c] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.nav-bar[data-v-64d7367c] {
    background: local
}

.mine .header[data-v-64d7367c] {
    padding-bottom: 13.333vw
}

[data-v-64d7367c] .van-nav-bar__content {
    height: 13.333vw
}

[data-v-64d7367c] .van-hairline--bottom:after {
    border-bottom-width: 0
}

.mine .header .van-nav-bar .van-icon[data-v-64d7367c] {
    font-size: 6vw
}

.mine .header .user-wrapper[data-v-64d7367c] {
    display: flex;
    align-items: center;
    margin: 0 5.333vw 0 5.333vw
}

.mine .user_img[data-v-64d7367c] {
    height: 17.333vw;
    width: 17.333vw
}

[data-v-64d7367c] .van-loading__spinner {
    height: 6.667vw;
    width: 6.667vw
}

[data-v-64d7367c] .van-image__error-icon {
    font-size: 9.333vw
}

.mine .header .user-wrapper .login-content[data-v-64d7367c] {
    flex: 1;
    margin-left: 4vw
}

.mine .header .user-wrapper .login-content .login-btn[data-v-64d7367c] {
    display: inline-block;
    font-size: 5.333vw;
    line-height: 0;
    color: #fff
}

.mine .header .user-wrapper .login-content .login-label[data-v-64d7367c] {
    margin-top: -1.733vw;
    font-size: 3.733vw;
    color: hsla(0,0%,100%,.6)
}

.mine .page-bg[data-v-64d7367c] {
    height: 66.667vw
}

.mine .content[data-v-64d7367c] {
    position: relative;
    padding: 1.333vw 4vw 4vw;
    min-height: 66.667vw;
    background-color: #f2f2f5
}

[data-v-64d7367c] .van-pull-refresh__track .van-pull-refresh__head * {
    color: #fff;
    font-size: 4.667vw
}

.mine .wrapper .content .finance[data-v-64d7367c] {
    position: absolute;
    display: flex;
    align-items: center;
    top: -7.333vw;
    left: 4vw;
    right: 4vw;
    height: 16vw;
    background-color: #fff;
    border-radius: 3.333vw;
    box-shadow: 0 .2vw 1px 0 #e4e4e7
}

.mine .wrapper .content .finance .line[data-v-64d7367c] {
    width: .4vw;
    height: 5.333vw;
    background-color: #ccc
}

.mine .wrapper .content .finance .finance-item[data-v-64d7367c] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.mine .wrapper .content .finance .finance-item .text[data-v-64d7367c] {
    margin-left: 4vw;
    font-size: 4vw;
    color: #432989;
    font-weight: 600
}

.mine .wrapper .content .finance .finance-item .icon[data-v-64d7367c] {
    font-size: 6.667vw
}

.mine .wrapper .content .menu[data-v-64d7367c] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 2vw;
    box-shadow: 0 .2vw 1px 0 #e4e4e7
}

.mine .wrapper .content .menu .menu-item[data-v-64d7367c] {
    width: 33.33%;
    margin-bottom: 1.333vw
}

.mine .wrapper .content .menu .menu-item .menu-item-label[data-v-64d7367c] {
    font-size: 3vw;
    font-weight: 500;
    text-align: center;
    display: block;
    color: #432788
}

.mine .wrapper .content .menu .menu-item .menu-item-icon[data-v-64d7367c] {
    margin: 3vw;
    width: 8vw;
    height: 8vw;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    margin: 3vw auto
}

.mine .wrapper .content .wallet[data-v-64d7367c] {
    margin-top: 11vw;
    padding: 0 4vw;
    border-radius: 3.333vw;
    background: #a06098;
    color: #fff
}

.mine .wrapper .content .wallet .part-1[data-v-64d7367c] {
    display: flex;
    align-items: center;
    height: 15vw;
    color: #fff
}

.font-gray[data-v-64d7367c],.mine .wrapper .content .wallet .font-primary-color[data-v-64d7367c] {
    color: #fff
}

.mine .wrapper .content .wallet .part-2[data-v-64d7367c] {
    display: flex;
    align-items: center;
    height: 15vw
}

.mine .wrapper .content .wallet .part-2 .balance[data-v-64d7367c] {
    flex: 1;
    font-size: 8vw;
    font-weight: 700;
    color: #fff
}

.mine .wrapper .content .wallet .van-hairline--bottom[data-v-64d7367c]:after {
    border-bottom-width: .4vw
}

.mine .wrapper .content .wallet .part-2 .refresh-btn[data-v-64d7367c] {
    margin-left: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.667vw;
    height: 6.667vw;
    font-size: 4vw;
    border-radius: 50%;
    color: #fff;
    background-color: #e6c3a1
}

.sign-out[data-v-64d7367c] {
    margin: 11vw 0 0 0;
    height: 12vw;
    width: 100%;
    line-height: 12vw;
    border-radius: 3.333vw;
    color: #fff;
    font-size: 4vw;
    font-weight: bolder;
    border: none;
    background: linear-gradient(90deg,#6529c9,#cc2996)
}

.page[data-v-87829ec4] {
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    background-color: #f2f2f5
}

.nav-bar[data-v-87829ec4] {
    background: linear-gradient(30deg,#7d76ef,#d63f8c);
    height: 13.333vw
}

.van-nav-bar[data-v-87829ec4] {
    line-height: 6.667vw
}

[data-v-87829ec4] .van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #fff;
    font-size: 4.667vw
}

[data-v-87829ec4] .van-nav-bar__content {
    height: 13.333vw
}

.van-sidebar[data-v-87829ec4] {
    width: 24vw
}

.convention-hall[data-v-87829ec4] {
    display: flex;
    flex-direction: column;
    bottom: 2.667vw;
    background: #f2f2f5
}

[data-v-87829ec4] .van-tab {
    font-size: 4vw;
    line-height: 13.333vw;
    font-weight: 700;
    color: #c571cf
}

[data-v-87829ec4] .van-tabs__line {
    background-color: #7e5678
}

[data-v-87829ec4] .van-tabs--line .van-tabs__wrap {
    height: 13.333vw
}

[data-v-87829ec4] .van-tabs__wrap--scrollable .van-tab {
    padding: 0 3.067vw
}

.horizontalItem[data-v-87829ec4] {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 2.667vw 0 4vw
}

.horizontalItem .imgBox[data-v-87829ec4] {
    position: relative;
    overflow: hidden;
    border-radius: 1.067vw;
    margin-right: 2.667vw
}

.horizontalItem .imgBox>span[data-v-87829ec4] {
    position: absolute;
    z-index: 9;
    background-color: #ebcaaf;
    color: #8d684b;
    transform: rotate(45deg);
    width: 20vw;
    height: 20vw;
    top: -11vw;
    right: -11vw
}

.horizontalItem .imgBox>span>i[data-v-87829ec4] {
    position: absolute;
    bottom: .667vw;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 4vw
}

.horizontalItem .top[data-v-87829ec4] {
    display: flex
}

.horizontalItem .top>div[data-v-87829ec4]:first-child,.horizontalItem .top>div[data-v-87829ec4]:nth-child(2) {
    background: linear-gradient(180deg,#e7caaf,#fff7ed);
    color: #a4826b;
    font-weight: 600;
    font-size: 3vw;
    padding: .4vw;
    margin-right: 1.333vw
}

.horizontalItem .top>div[data-v-87829ec4]:last-child {
    margin-left: 4vw;
    font-size: 4vw
}

.horizontalItem .tags[data-v-87829ec4] {
    display: flex;
    margin: .667vw 0 .667vw;
    flex-wrap: wrap
}

.horizontalItem .tags>.van-tag[data-v-87829ec4] {
    padding: .667vw;
    font-size: 3.333vw;
    margin: 0 .667vw .667vw 0;
    border-radius: 1.067vw;
    line-height: 4vw
}

.horizontalItem .yueta[data-v-87829ec4] {
    background: linear-gradient(90deg,#df35ad,#4f1db5);
    color: #fff;
    border-radius: 1.067vw;
    padding: 1.333vw 0;
    text-align: center;
    font-size: 4vw
}

.gdgride[data-v-87829ec4] {
    padding-right: 5.333vw
}

.gdgride>div[data-v-87829ec4] {
    position: relative;
    overflow: hidden;
    border-radius: 1.067vw
}

.gdgride>div>span[data-v-87829ec4] {
    position: absolute;
    z-index: 9;
    background-color: #ebcaaf;
    color: #8d684b;
    transform: rotate(45deg);
    width: 20vw;
    height: 20vw;
    font-size: 3vw;
    top: -11vw;
    right: -11vw
}

.gdgride>div>span>i[data-v-87829ec4] {
    position: absolute;
    bottom: .667vw;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700
}

.right[data-v-dded69ba] {
    margin-top: 1.333vw
}

[data-v-dded69ba] .van-grid-item__content--center {
    border-radius: 2vw;
    padding: 0;
    height: auto
}

[data-v-dded69ba] .van-image__img {
    border-radius: 1.333vw;
    padding: 2vw
}

.rig-name[data-v-dded69ba] {
    width: 100%;
    height: 8vw;
    line-height: 8vw;
    margin-top: 1.333vw;
    background-color: #f7f7f7;
    border-radius: 0 0 2vw 2vw;
    font-size: 4vw;
    padding-left: 1.333vw
}

.newnavbar {
    background: linear-gradient(30deg,#7d76ef,#d63f8c)!important
}

.feiziInfo {
    background: #ebedf0
}

.feiziInfo .topInfo {
    position: relative
}

.feiziInfo>div {
    padding: 4vw 2.667vw;
    background: #fff;
    margin-bottom: 4vw
}

.feiziInfo .topInfo>div:first-child {
    font-weight: 600
}

.feiziInfo .topInfo>div:first-child>span:first-child {
    color: #2c1868;
    font-size: 5vw
}

.feiziInfo .topInfo>div:nth-child(2) {
    color: #6b22b3;
    font-size: 3vw;
    margin: 1.333vw 0
}

.feiziInfo .topInfo>div:nth-child(3) {
    width: 50%
}

.feiziInfo .topInfo>div:nth-child(3)>div {
    background: linear-gradient(50deg,#9b54ca,#e6557f);
    color: #fff;
    display: inline-block;
    border-radius: 1.333vw;
    margin-right: 3.333vw;
    font-size: 2.933vw;
    padding: 2.4vw;
    margin-bottom: 3.333vw
}

.feiziInfo .topInfo .yuyueBox {
    position: absolute;
    right: 4vw;
    bottom: 2.667vw;
    color: #fff;
    padding: 2.667vw 4vw;
    background: linear-gradient(20deg,#e73266,#ee5380);
    border-radius: 7vw
}

.feiziInfo .topInfo .dianzanimg {
    position: absolute;
    top: 4vw;
    right: 7vw;
    text-align: center
}

.feiziInfo .cenInfo .imgswiper {
    width: 100%;
    overflow-x: scroll;
    margin: 4vw 0;
    display: flex;
    flex-wrap: nowrap
}

.van-tab {
    font-size: 4vw;
    line-height: 4vw
}

.van-tabs--line .van-tabs__wrap {
    height: 6.667vw
}

.feiziInfo .cenInfo .imgswiper>div .imgI.active {
    border: .933vw solid #e54878
}

.van-image__error,.van-image__img,.van-image__loading {
    display: block;
    width: 100%;
    height: 100%;
}

.van-rate__icon--full {
    color: #ffd21e
}

.van-rate__icon--empty {
    color: #e6e2e2
}

.page[data-v-3b702474] {
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    background-color: #f2f2f5
}

.nav-bar[data-v-3b702474] {
    background: linear-gradient(30deg,#7d76ef,#d63f8c);
    height: 13.333vw
}

.van-nav-bar[data-v-3b702474] {
    line-height: 6.667vw
}

[data-v-3b702474] .van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #fff;
    font-size: 4.667vw
}

[data-v-3b702474] .van-nav-bar__content {
    height: 13.333vw
}

.movie-hall[data-v-3b702474] {
    display: flex;
    flex-direction: column;
    bottom: 13.333vw;
    background: #f2f2f5
}

[data-v-3b702474] .van-tab {
    color: #442889;
    font-weight: 700;
    font-size: 4vw;
    line-height: 6.667vw
}

.van-tabs__wrap>.van-tabs__nav>div[data-v-3b702474]:first-child {
    color: #c571cf;
    font-weight: 700;
    background: url(/img/video/new.png) right top .667vw/30% no-repeat
}

[data-v-3b702474] .van-tabs--line .van-tabs__wrap {
    height: 13.333vw
}

[data-v-3b702474] .van-tabs__wrap--scrollable .van-tab {
    padding: 0 3.067vw
}

[data-v-3b702474] .van-hairline--bottom:after {
    border-bottom-width: 0
}

.video_swiper[data-v-3b702474] {
    width: 100%;
    flex: 1
}

.video_swiper .swiper-slide[data-v-3b702474] {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 100%;
    justify-content: center;
    height: 100%;
    position: relative;
    transition-property: transform
}

.movie-list-tab[data-v-3b702474] {
    overflow: auto;
    height: 100%
}

[data-v-3b702474] .van-pull-refresh__track .van-pull-refresh__head * {
    color: #000;
    font-size: 4.667vw
}

.movie-list-tab .hot-recommend-div[data-v-3b702474] {
    height: 100%
}

.list-item[data-v-3b702474],.movie-list-tab .hot-recommend-div[data-v-3b702474] {
    margin: 1.333vw auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

.list-item[data-v-3b702474] {
    width: calc(100% - 6.667vw)
}

.list-item .movie-list-item[data-v-3b702474]:nth-child(odd) {
    margin-right: 2.667vw
}

.movie-list-item .cover_img[data-v-3b702474] {
    border-radius: 2.667vw;
    width: 44.667vw;
    height: 38.667vw
}

.movie-list-item[data-v-3b702474] {
    margin-bottom: -1.333vw
}

.list-item .movie-list-item-bottom[data-v-3b702474] {
    position: relative;
    width: 44.667vw;
    bottom: 5.6vw
}

.list-item .movie-list-item-bottom .movie-time-div[data-v-3b702474] {
    background-color: rgba(0,0,0,.4)
}

.list-item .movie-list-item-bottom>div[data-v-3b702474] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.list-item .movie-list-item-bottom .movie-time-div .van-count-down[data-v-3b702474] {
    color: #fff
}

.list-item .movie-list-item .movie-time-div span[data-v-3b702474]:first-child {
    overflow: hidden;
    white-space: nowrap;
    width: 24vw;
    padding-left: 1.067vw;
    font-size: 3.333vw
}

.list-item .movie-time-div[data-v-3b702474] {
    color: #fff;
    border-radius: 0 0 2.667vw 2.667vw;
    height: 4.667vw
}

.page {
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
    background-color: #f2f2f5
}

.nav-bar {
    background: linear-gradient(30deg,#7d76ef,#d63f8c)
}

.nav-bar,.van-nav-bar__content {
    height: 13.333vw
}

.van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #fff;
    font-size: 4.667vw
}

.van-nav-bar {
    line-height: 6.667vw
}

.van-nav-bar .van-icon {
    font-size: 6vw
}

.van-hairline--bottom:after {
    border-bottom-width: 0
}

.bg-container {
    position: relative;
    bottom: 0;
    background: linear-gradient(-45deg,#7e5678,#e6c3a1);
    z-index: 2
}

.bg-container .bg-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.bg-container .bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(hsla(0,0%,100%,0),#7e5678)
}

.container {
    display: flex;
    flex-direction: column;
    height: 100%;
    z-index: 2
}

.flex-1 {
    flex: 1
}

.font-28 {
    font-size: 3.733vw
}

.nav-right {
    font-size: 4vw;
    color: #fff
}

.van-empty__image {
    width: 40vw;
    height: 40vw
}

.van-empty__description {
    font-size: 4vw
}

.servicelistItem[data-v-61b938e1] {
    display: flex;
    flex-direction: column;
    height: 26.667vw;
    padding: 4vw 4vw;
    margin: 4vw 2.667vw;
    border-radius: 2.667vw;
    justify-content: space-between;
    background: #fff
}

.servicelistItem .servicelistItemTop[data-v-61b938e1] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 13.333vw
}

.servicelistItem .servicelistItemTop .servicelistItemImage[data-v-61b938e1] {
    width: 10.667vw;
    height: 10.667vw;
    border-radius: 50%
}

.servicelistItem .servicelistItemTop .servicelistItemText[data-v-61b938e1] {
    margin-left: 6.667vw;
    font-size: 5.733vw;
    font-weight: 700;
    color: #000;
    flex: 1
}

.servicelistItem .servicelistItemTop .servicelistItemBtn[data-v-61b938e1] {
    display: flex;
    width: 20vw;
    height: 7.333vw;
    border-radius: 4vw;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg,#e6c3a1,#7e5678)
}

.servicelistItem .servicelistItemTop .servicelistItemBtn .servicelistItemBtnText[data-v-61b938e1] {
    color: #fff;
    font-size: 3.333vw
}

.servicelistItem .servicelistItemBottom[data-v-61b938e1] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.667vw;
    background: #f2f2f5;
    border-radius: 1.333vw;
    color: #979799
}

.servicelistItem .servicelistItemBottom .servicelistItemInfoText[data-v-61b938e1] {
    font-size: 4vw
}

.login-btn[data-v-61b938e1] {
    height: 13.333vw;
    border-radius: 6.667vw;
    color: #fff;
    background: linear-gradient(90deg,#6529c9,#cc2996);
    font-size: 4vw;
    font-weight: bolder;
    border: none;
    margin: 11.333vw 4vw
}

.login[data-v-aa3fe4c0] {
    height: 100%
}

.bg-container .bg-wrapper .login .nav-bar[data-v-aa3fe4c0] {
    background: 0 0
}

.login .wrapper[data-v-aa3fe4c0] {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.logo-container[data-v-aa3fe4c0] {
    margin: 0 auto;
    width: 45%
}

.logo-container .logo-wrapper[data-v-aa3fe4c0] {
    position: relative;
    padding-bottom: 62.5%
}

.logo-container .logo-wrapper .logo-img[data-v-aa3fe4c0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.login .wrapper .title[data-v-aa3fe4c0] {
    line-height: 13.333vw;
    text-align: center;
    font-size: 6vw;
    font-weight: 700;
    color: #fff;
    letter-spacing: .667vw
}

.login .wrapper .loginForm[data-v-aa3fe4c0] {
    padding: 8vw
}

.login .wrapper .loginForm .input[data-v-aa3fe4c0] {
    padding: 1.333vw 2.667vw;
    margin-top: 5.333vw;
    border-radius: 6.667vw;
    text-align: center;
    line-height: 10.667vw;
    font-size: 4vw;
    color: #4e4e4e
}

[data-v-aa3fe4c0] .van-field__right-icon .van-icon,[data-v-aa3fe4c0] .van-icon {
    font-size: 6.667vw
}

.login .wrapper .loginForm .reset-text[data-v-aa3fe4c0] {
    margin: 4vw 2vw;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.login .wrapper .loginForm .reset-text span[data-v-aa3fe4c0] {
    color: #fff;
    font-size: 3.333vw;
    font-weight: 500;
    line-height: 2vw
}

.login .wrapper .loginForm .register-text[data-v-aa3fe4c0] {
    margin: 1.333vw 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.login .wrapper .loginForm .register-text span[data-v-aa3fe4c0] {
    color: #fff;
    font-size: 3.333vw;
    font-weight: 500;
    line-height: 2.667vw
}

.login .wrapper .loginForm .login-btn[data-v-aa3fe4c0] {
    margin-top: 11.333vw;
    width: 100%;
    height: 13.333vw;
    border-radius: 6.667vw;
    color: #fff;
    background: linear-gradient(90deg,#6529c9,#cc2996);
    font-size: 4vw;
    font-weight: bolder;
    border: none
}

.register[data-v-0770a3ec] {
    height: 100%
}

.bg-container .bg-wrapper .register .nav-bar[data-v-0770a3ec] {
    background: 0 0
}

.register .wrapper[data-v-0770a3ec] {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.logo-container[data-v-0770a3ec] {
    margin: 0 auto;
    width: 45%
}

.logo-container .logo-wrapper[data-v-0770a3ec] {
    position: relative;
    padding-bottom: 62.5%
}

.logo-container .logo-wrapper .logo-img[data-v-0770a3ec] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.register .wrapper .title[data-v-0770a3ec] {
    line-height: 13.333vw;
    text-align: center;
    font-size: 6vw;
    font-weight: 700;
    color: #fff;
    letter-spacing: .667vw
}

.register .wrapper .loginForm[data-v-0770a3ec] {
    padding: 8vw
}

.register .wrapper .loginForm .input[data-v-0770a3ec] {
    padding: 1.333vw 2.667vw;
    margin-top: 4.667vw;
    border-radius: 6.667vw;
    text-align: center;
    line-height: 9.333vw;
    font-size: 4vw;
    color: #4e4e4e
}

[data-v-0770a3ec] .van-field__right-icon .van-icon,[data-v-0770a3ec] .van-icon {
    font-size: 6.667vw
}

.register .wrapper .loginForm .reset-text[data-v-0770a3ec] {
    margin: 4vw 2vw;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.register .wrapper .loginForm .reset-text span[data-v-0770a3ec] {
    color: #fff;
    font-size: 3.333vw;
    font-weight: 500;
    line-height: 2vw
}

.register .wrapper .loginForm .register-text[data-v-0770a3ec] {
    margin: 1.333vw 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.register .wrapper .loginForm .register-text span[data-v-0770a3ec] {
    color: #fff;
    font-size: 3.333vw;
    font-weight: 500;
    line-height: 2.667vw
}

.register .wrapper .loginForm .login-btn[data-v-0770a3ec] {
    margin-top: 4vw;
    width: 100%;
    height: 13.333vw;
    border-radius: 6.667vw;
    color: #fff;
    background: linear-gradient(90deg,#6529c9,#cc2996);
    font-size: 4vw;
    font-weight: bolder;
    border: none
}

.register .wrapper .loginForm .agreement[data-v-0770a3ec] {
    margin-top: 4vw;
    display: flex;
    align-items: center;
    justify-content: center
}

.register .wrapper .loginForm .agreement .agreement-text[data-v-0770a3ec] {
    margin-left: 1.333vw;
    font-size: 3.333vw;
    color: #fff;
    font-weight: 500;
    line-height: 4vw
}

[data-v-0770a3ec] .agreement .van-icon {
    font-size: 4vw
}

[data-v-0770a3ec] .agreement .van-checkbox__icon {
    font-size: 5.067vw
}

[data-v-0770a3ec] .agreement .van-checkbox__icon--checked .van-icon {
    color: #fff;
    border-color: #7e5678;
    background-color: #7e5678
}

.servicelistItem[data-v-30b6eff6] {
    display: flex;
    flex-direction: column;
    height: 26.667vw;
    padding: 4vw 4vw;
    margin: 4vw 2.667vw;
    border-radius: 2.667vw;
    justify-content: space-between;
    background: #fff
}

.servicelistItem .servicelistItemTop[data-v-30b6eff6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 13.333vw
}

.servicelistItem .servicelistItemTop .servicelistItemImage[data-v-30b6eff6] {
    width: 10.667vw;
    height: 10.667vw;
    border-radius: 50%
}

.servicelistItem .servicelistItemTop .servicelistItemText[data-v-30b6eff6] {
    margin-left: 6.667vw;
    font-size: 5.733vw;
    font-weight: 700;
    color: #000;
    flex: 1
}

.servicelistItem .servicelistItemTop .servicelistItemBtn[data-v-30b6eff6] {
    display: flex;
    width: 20vw;
    height: 7.333vw;
    border-radius: 4vw;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg,#e6c3a1,#7e5678)
}

.servicelistItem .servicelistItemTop .servicelistItemBtn .servicelistItemBtnText[data-v-30b6eff6] {
    color: #fff;
    font-size: 3.333vw
}

.servicelistItem .servicelistItemBottom[data-v-30b6eff6] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.667vw;
    background: #f2f2f5;
    border-radius: 1.333vw;
    color: #979799
}

.servicelistItem .servicelistItemBottom .servicelistItemInfoText[data-v-30b6eff6] {
    font-size: 4vw
}

.container .items[data-v-34aba43c] {
    background-color: #fff;
    font-size: 4vw;
    color: #000;
    padding: 0 3.333vw
}

.container .items .item[data-v-34aba43c] {
    padding: 4vw 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom-width: 1.333vw
}

.container .items .van-hairline--bottom[data-v-34aba43c]:after {
    border-bottom-width: .4vw
}

.container .sign-out[data-v-34aba43c] {
    margin: 66.667vw 2.667vw 0;
    height: 13.333vw;
    line-height: 13.333vw;
    border-radius: 6.667vw;
    color: #fff;
    font-size: 5.333vw;
    font-weight: bolder;
    border: none;
    background: linear-gradient(270deg,#e6c3a1,#7e5678)
}

.container .item .desc[data-v-34aba43c] {
    font-size: 4vw;
    font-weight: 700;
    color: #979799
}

.container .item .right[data-v-34aba43c] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.container .main-content[data-v-4b042a1c] {
    padding: 0 2.667vw;
    background-color: #fff
}

.container .main-content .item[data-v-4b042a1c] {
    padding: 4vw 0;
    justify-content: space-between;
    font-size: 4vw
}

.container .main-content .item .right[data-v-4b042a1c],.container .main-content .item[data-v-4b042a1c] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.container .main-content .item .right img[data-v-4b042a1c] {
    width: 12vw
}

.container .main-content .van-hairline--bottom[data-v-4b042a1c]:after {
    border-bottom-width: .4vw
}

.container .main-content .item .right .desc-cell-number[data-v-4b042a1c],.container .main-content .item .right .desc[data-v-4b042a1c] {
    font-size: 4vw;
    font-weight: 700;
    color: #979799
}

.avatarbox[data-v-4b042a1c] {
    padding: 2vw;
    color: #000;
    height: 81%;
    background-color: #fff
}

.avatarbox .title[data-v-4b042a1c] {
    padding: 1.067vw 1.333vw 2.667vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 3.733vw
}

.avatarbox .content .van-image[data-v-4b042a1c] {
    width: 14vw;
    height: 14vw;
    margin: 2.5%;
    border-radius: 50%
}

.avatarbox .content[data-v-4b042a1c] {
    padding-bottom: 1.333vw;
    height: 100%;
    overflow-y: auto;
    padding-top: 2.667vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.avatarbox .content .choose[data-v-4b042a1c] {
    width: 12.667vw;
    height: 12.667vw;
    border: .8vw solid #e6c3a1
}

.van-cell[data-v-049abab6] {
    font-size: 4.667vw;
    line-height: 10.667vw
}

.container p[data-v-049abab6] {
    padding: 0 2vw;
    margin-top: 2vw;
    font-size: 4vw;
    color: #dc2037
}

.container .sex[data-v-5aab9e3e] {
    background-color: #fff;
    padding: 0 5.333vw
}

.container .sex .item[data-v-5aab9e3e] {
    font-size: 4.667vw;
    line-height: 6.667vw;
    padding: 4vw 0
}

[data-v-5aab9e3e] .van-radio__label {
    line-height: 6.667vw;
    margin-left: 4vw
}

[data-v-5aab9e3e] .van-radio__icon {
    font-size: 4vw
}

[data-v-5aab9e3e] .van-radio__icon--checked .van-icon {
    color: #fff;
    border-color: #7e5678;
    background-color: #7e5678
}

.container .van-hairline--bottom[data-v-5aab9e3e]:after {
    border-bottom-width: .4vw
}

.container .wrapper[data-v-9207b9d8] {
    height: 100%;
    background-color: #fff
}

.container .wrapper .item .title[data-v-9207b9d8] {
    margin: 5.333vw 0;
    line-height: 2.667vw;
    font-size: 4vw;
    font-weight: 500;
    color: #000;
    text-align: center
}

[data-v-9207b9d8] .van-password-input {
    width: 80%;
    height: 20vw;
    margin: 0 auto
}

[data-v-9207b9d8] .van-password-input__security li {
    font-size: 4vw;
    line-height: 30;
    background-color: #ebedf0
}

[data-v-9207b9d8] .van-password-input__security {
    height: 17.333vw
}

[data-v-9207b9d8] .van-password-input .van-password-input__security .van-password-input__item {
    height: 100%;
    border: 0;
    text-align: center;
    border-radius: 4vw
}

.van-password-input__security i[data-v-9207b9d8] {
    width: 3.333vw;
    height: 3.333vw
}

[data-v-9207b9d8] .van-key {
    height: 13.333vw;
    font-size: 7.333vw;
    line-height: 2.667vw;
    border-radius: 2.667vw
}

[data-v-9207b9d8] .van-number-keyboard {
    z-index: 100;
    width: 100%;
    padding-bottom: 4vw;
    background-color: #f2f3f5
}

[data-v-9207b9d8] .van-key__collapse-icon,[data-v-9207b9d8] .van-key__delete-icon {
    width: 6.667vw;
    height: 6.667vw
}

.container .wrapper .sub-btn[data-v-9207b9d8] {
    margin: 14.667vw 0 0 10%;
    height: 13.333vw;
    width: 80%;
    font-size: 4.667vw;
    border-radius: 6.667vw;
    color: #fff;
    background: linear-gradient(270deg,#e6c3a1,#7e5678)
}

.van-cell[data-v-4718715c] {
    font-size: 4.667vw;
    line-height: 10.667vw
}

.nav-bar .right[data-v-3655f640] {
    padding-left: 1.067vw;
    padding-right: 1.067vw;
    color: #fff;
    font-size: 3.733vw;
    border-radius: 1.333vw;
    border: .267vw solid #fff;
    line-height: 8vw
}

.record[data-v-3655f640] {
    padding-left: 2.667vw;
    padding-right: 2.667vw;
    background-color: #fff;
    box-shadow: 0 .267vw .267vw 0 #cacaca;
    z-index: 1
}

.record .period[data-v-3655f640] {
    display: flex;
    align-items: center;
    padding: 2.667vw 0
}

.record .period .cover[data-v-3655f640] {
    width: 8vw;
    height: 8vw;
    -o-object-fit: cover;
    object-fit: cover
}

.record .period .period-number[data-v-3655f640] {
    flex: 1;
    margin-left: 2.667vw;
    margin-right: 1.333vw;
    height: 6.667vw;
    line-height: 6.667vw;
    font-size: 4.667vw;
    font-weight: 700;
    color: #000
}

.van-count-down[data-v-3655f640] {
    color: #ff253f;
    font-size: 6vw;
    margin-top: 1.333vw;
    float: right
}

.record .recent[data-v-3655f640] {
    display: flex;
    align-items: center;
    height: 14.667vw
}

.kuaisan-ball .left[data-v-3655f640] {
    justify-content: flex-start
}

.kuaisan-ball[data-v-3655f640] {
    flex: 1;
    display: flex;
    align-items: center
}

.kuaisan-ball .res-img[data-v-3655f640] {
    width: 9.333vw;
    height: 9.333vw;
    margin-right: 4vw
}

.kuaisan-ball .res-des[data-v-3655f640] {
    font-weight: 700;
    text-align: center;
    color: #000
}

.kuaisan-ball .res-des.middle[data-v-3655f640] {
    width: 15%;
    font-size: 4.667vw
}

.van-icon[data-v-3655f640] {
    font-size: 5.333vw
}

.down[data-v-3655f640] {
    transition: all .5s
}

.up[data-v-3655f640] {
    transform: rotate(180deg);
    transition: all .5s
}

.wrapper[data-v-3655f640] {
    position: relative;
    flex: 1;
    overflow: hidden
}

.options-bar[data-v-3655f640] {
    display: flex;
    align-items: center;
    height: calc(100% - 10.667vw)
}

.options-bar .game[data-v-3655f640] {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.options-bar .game .tips[data-v-3655f640] {
    display: flex;
    align-items: center;
    height: 13.333vw;
    padding: 0 2.667vw
}

.options-bar .game .tips .odds[data-v-3655f640] {
    flex: 1;
    font-size: 4.667vw;
    font-weight: 500;
    color: #ff253f
}

.options-bar .game .tips .play-tip[data-v-3655f640] {
    display: flex;
    align-items: center;
    height: 100%
}

[data-v-3655f640] .van-icon-more-o {
    color: #ff253f;
    font-size: 6.667vw
}

.options-bar .game .tips .play-tip .span-text[data-v-3655f640] {
    margin-left: 1.333vw;
    font-size: 4.667vw;
    font-weight: bolder;
    color: #ff253f
}

.linear-gradient[data-v-3655f640] {
    width: 100%;
    height: .267vw
}

.sumValueTwoSides[data-v-3655f640] {
    display: flex;
    padding: 4vw 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.rectangle[data-v-3655f640] {
    overflow: hidden
}

.rectangle.large[data-v-3655f640] {
    margin: 0 0 4vw 4%;
    width: 20%;
    border-radius: 1.333vw
}

.rectangle .wrapper[data-v-3655f640] {
    position: relative;
    padding: 0 1.333vw;
    background: #fff
}

.rectangle .wrapper .content[data-v-3655f640] {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.rectangle.large .wrapper[data-v-3655f640] {
    padding-bottom: 100%
}

.rectangle .wrapper .content .name-text.large[data-v-3655f640] {
    font-size: 6vw
}

.rectangle .wrapper .content .name-text[data-v-3655f640] {
    color: #7d7c7c;
    font-weight: bolder
}

.rectangle .wrapper .content .odd-text.large[data-v-3655f640] {
    font-size: 3.333vw;
    margin-top: -4vw
}

.rectangle .wrapper .content .odd-text[data-v-3655f640] {
    text-align: center;
    color: #ff253f
}

.bottom-bar[data-v-3655f640] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 13.333vw;
    z-index: 2
}

.bottom-bar .bar[data-v-3655f640] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 13.333vw;
    background-color: #fff;
    box-shadow: 0 0 2.667vw 0 #cacaca;
    z-index: 2
}

.bottom-bar .bar .left[data-v-3655f640],.bottom-bar .bar[data-v-3655f640] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.bottom-bar .bar .left .item[data-v-3655f640] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 13.333vw;
    font-size: 2.667vw
}

.bottom-bar .bar .left .item .text[data-v-3655f640] {
    font-size: 2.933vw;
    color: #7d7c7c
}

.jixuanico[data-v-3655f640] {
    font-size: 6vw
}

.bottom-bar .bar .left .line[data-v-3655f640] {
    width: .267vw;
    height: 6.667vw;
    background: #dadada
}

.bottom-bar .bar .mid[data-v-3655f640] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.bottom-bar .bar .mid .text[data-v-3655f640] {
    font-size: 4vw;
    font-weight: 500;
    color: #000
}

.bottom-bar .bar .mid .text.num[data-v-3655f640] {
    margin: 0 .667vw;
    color: #ff253f
}

.bottom-bar .bar .right[data-v-3655f640] {
    padding: 0 4vw;
    margin: 0 4vw;
    color: #fff;
    background: linear-gradient(270deg,#e6c3a1,#7e5678);
    font-size: 5.333vw;
    font-weight: 500;
    height: 9.333vw;
    line-height: 9.333vw;
    border-radius: 6.667vw
}

[data-v-3655f640] .van-pull-refresh__track .van-pull-refresh__head * {
    color: #000;
    font-size: 4.667vw
}

[data-v-3655f640] .van-popup {
    position: absolute
}

[data-v-3655f640] .van-overlay {
    position: absolute;
    background-color: rgba(70,67,67,.7)
}

[data-v-3655f640] .van-popup--top {
    top: -1px
}

.wrapper .item[data-v-3655f640] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1.333vw 0
}

.wrapper .item .left[data-v-3655f640] {
    width: 40%;
    font-size: 4vw;
    text-align: center;
    font-weight: 500;
    color: #000
}

.font-weight[data-v-3655f640] {
    font-weight: 700!important
}

.wrapper .item .right[data-v-3655f640] {
    flex: 1;
    display: flex;
    font-size: 4vw;
    justify-content: center;
    overflow: hidden;
    color: #000
}

.wrapper .item .kuaisan-ball .left[data-v-3655f640] {
    justify-content: flex-start
}

.wrapper .item .kuaisan-ball[data-v-3655f640] {
    margin-left: 2.667vw;
    flex: 1;
    display: flex;
    align-items: center
}

.wrapper .item .kuaisan-ball .res-img[data-v-3655f640] {
    width: 6.667vw;
    height: 6.667vw;
    margin-right: 2.667vw
}

.wrapper .item .kuaisan-ball .res-des[data-v-3655f640] {
    font-weight: 700;
    text-align: center;
    color: #000
}

.wrapper .item .kuaisan-ball .res-des.middle[data-v-3655f640] {
    width: 15%;
    font-size: 4.667vw
}

.play-type-tip[data-v-3655f640] {
    position: unset;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 86.667vw;
    height: 93.333vw;
    max-height: 50%;
    z-index: 10;
    border-radius: 4vw;
    overflow: hidden;
    background-color: #fff;
    color: #000
}

.play-type-tip .title[data-v-3655f640] {
    line-height: 12vw;
    background: linear-gradient(90deg,#7e5678,#e6c3a1);
    text-align: center;
    color: #fff;
    font-size: 4.667vw;
    font-weight: 500
}

.mask[data-v-3655f640] {
    background-color: transparent;
    -webkit-animation-duration: .35s;
    animation-duration: .35s
}

.play-type-tip .wrapper[data-v-3655f640] {
    height: calc(100% - 1.333vw);
    background-color: transparent;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.play-type-tip .wrapper .item[data-v-3655f640] {
    padding: 5.333vw 6.667vw;
    display: flex;
    align-items: flex-start
}

.play-type-tip .wrapper .item .van-icon[data-v-3655f640] {
    color: #e6c3a1;
    font-size: 8vw
}

.play-type-tip .wrapper .item .content .content-title[data-v-3655f640] {
    margin-top: 2.933vw;
    font-size: 4.667vw;
    font-weight: 500;
    color: #000;
    line-height: 0
}

.play-type-tip .wrapper .item .content .content-detail[data-v-3655f640] {
    margin-top: .667vw;
    font-size: 2.933vw;
    color: #000;
    line-height: 4vw
}

.play-type-tip .wrapper .item .content[data-v-3655f640] {
    flex: 1;
    margin-left: 4vw
}

.rectangle.active .wrapper[data-v-3655f640] {
    background-color: #ff253f!important
}

.rectangle.active .wrapper .name-text[data-v-3655f640],.rectangle.active .wrapper .odd-text[data-v-3655f640] {
    color: #fff!important
}

.bottom-bar .wrapper[data-v-3655f640] {
    position: absolute;
    top: 1.333vw;
    left: 0;
    right: 0;
    padding: 2.667vw 2.667vw 1.333vw 2.667vw;
    height: 30.667vw;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 0 1.333vw 0 #cacaca;
    transition: transform .3s cubic-bezier(.21,1.02,.55,1.01)
}

.bottom-bar .wrapper.active[data-v-3655f640] {
    transform: translateY(-100%)
}

.bottom-bar .wrapper .item[data-v-3655f640] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 8.667vw
}

.bottom-bar .wrapper .item .label[data-v-3655f640] {
    font-size: 4vw;
    line-height: 4vw;
    color: #000
}

.bottom-bar .wrapper .item .bet-number[data-v-3655f640] {
    flex: 1;
    margin: 0 2.133vw;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    color: #ff253f;
    font-size: 4vw;
    font-weight: 500;
    height: 5.333vw;
    line-height: 5.333vw
}

.bottom-bar .wrapper .item .amount-wrapper[data-v-3655f640] {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center
}

.van-cell[data-v-3655f640] {
    font-size: 4vw;
    line-height: 6.667vw
}

.bottom-bar .wrapper .item .part[data-v-3655f640] {
    margin-right: 2.667vw
}

.bottom-bar .wrapper .item .part span[data-v-3655f640] {
    font-size: 4vw;
    vertical-align: center;
    color: #000
}

.bottom-bar .wrapper .item .part .number[data-v-3655f640] {
    margin: 0 .667vw;
    color: #ff253f;
    font-weight: 500
}

[data-v-3655f640] .van-field__control {
    color: #ff253f
}

.confirm-order-modal[data-v-3655f640] {
    position: unset;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 0 2.667vw 4vw;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 81.333vw;
    height: 90.667vw;
    max-height: 50%;
    z-index: 10;
    background-color: #fff;
    border-radius: 4vw
}

.confirm-order-modal .head[data-v-3655f640] {
    position: relative;
    height: 10.667vw
}

.confirm-order-modal .head .text[data-v-3655f640] {
    padding: 0 2.667vw;
    height: 4vw;
    line-height: 1.333vw;
    text-align: center;
    font-size: 4.667vw;
    font-weight: 500;
    color: #7e5678
}

[data-v-3655f640] .confirm-order-modal .van-hairline--bottom:after {
    border-bottom-width: .267vw
}

.van-popup--center[data-v-3655f640] {
    border-radius: 4vw
}

.confirm-order-modal .list[data-v-3655f640] {
    flex: 1;
    padding: 0 1.333vw;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.confirm-order-modal .list .lise-item[data-v-3655f640] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1.333vw 0
}

.confirm-order-modal .list .lise-item .main[data-v-3655f640] {
    flex: 1;
    overflow: hidden
}

.confirm-order-modal .list .lise-item .main .bet-name[data-v-3655f640] {
    color: #ff253f;
    font-size: 4.667vw;
    font-weight: 500;
    line-height: 0;
    word-wrap: break-word;
    word-break: break-all
}

.confirm-order-modal .list .lise-item .main .detail-text[data-v-3655f640] {
    line-height: 0;
    font-size: 3.333vw;
    color: #979799
}

.confirm-order-modal .list .lise-item[data-v-3655f640] {
    color: #ff253f
}

.confirm-order-modal .sub-bar[data-v-3655f640] {
    display: flex;
    align-items: center;
    margin-top: 4vw;
    justify-content: space-around
}

.confirm-order-modal .sub-bar .item[data-v-3655f640] {
    min-width: 40%;
    height: 10.667vw;
    text-align: center;
    box-sizing: border-box;
    border-radius: 6.667vw;
    font-size: 4.667vw;
    font-weight: 500
}

.confirm-order-modal .sub-bar .item.cancel-btn[data-v-3655f640] {
    border: .267vw solid #979799;
    color: #979799;
    background-color: #fff
}

.confirm-order-modal .sub-bar .item.sub-btn[data-v-3655f640] {
    background: linear-gradient(270deg,#e6c3a1,#7e5678);
    color: #fff;
    border: 0
}

.next-number span[data-v-3655f640] {
    font-size: 4.667vw;
    font-weight: 700;
    color: #000;
    float: right
}

[data-v-6ae30335] .van-loading__text,[data-v-6ae30335] .van-pull-refresh__track .van-pull-refresh__head * {
    color: #000;
    font-size: 4.667vw
}

.container .content[data-v-6ae30335] {
    height: calc(100% - 2.667vw);
    overflow: auto
}

.container .content .listItem[data-v-6ae30335] {
    margin-bottom: 2.667vw;
    padding: 2.667vw 2.667vw 0;
    position: relative;
    color: #000;
    background-color: #fff
}

.container .content .listItem .listTitle[data-v-6ae30335] {
    font-size: 5.067vw
}

.container .content .listItem .listContent[data-v-6ae30335] {
    border-bottom: .267vw solid #f2f2f5;
    padding: .667vw 0;
    font-size: 3.333vw
}

.container .content .listItem .listTime[data-v-6ae30335] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 9.333vw
}

.container .content .listItem .listTime .listTimeText[data-v-6ae30335] {
    color: #656566;
    font-size: 4vw
}

.video-js[data-v-1e17db50] {
    width: 100%;
    font-size: 3.2vw
}

.movie-content[data-v-1e17db50] {
    flex: 1;
    overflow-y: auto
}

.movie-content .movie-descript[data-v-1e17db50] {
    width: 100%;
    height: 18.667vw;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2vw
}

.movie-content .movie-descript p[data-v-1e17db50] {
    font-size: 4vw;
    font-weight: 700;
    color: #000
}

.movie-content .movie-descript span[data-v-1e17db50] {
    color: #979799
}

.movie-content .movie-body[data-v-1e17db50] {
    width: calc(100% - 2.667vw);
    margin: 0 auto
}

[data-v-1e17db50] .movie-video .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -6.667vw;
    margin-left: -13.333vw
}

.movie-content .movie-body .movie-title[data-v-1e17db50] {
    height: 9.333vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.movie-content .movie-body .movie-title>div[data-v-1e17db50]:first-child {
    width: 26.667vw
}

.movie-content .movie-body .movie-title>div:first-child span[data-v-1e17db50] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 4vw;
    font-weight: 700;
    color: #000
}

.movie-content .movie-body .movie-title>div:first-child span[data-v-1e17db50]:before {
    content: "";
    display: block;
    width: 1.067vw;
    height: 4vw;
    background-color: #7e5678;
    border-radius: 3.333vw;
    margin-right: 1.333vw
}

.movie-play-item[data-v-1e17db50] {
    width: 100%;
    height: 26.667vw;
    border-radius: 1.333vw;
    position: relative;
    display: flex;
    background-color: #fff;
    margin-bottom: 2.667vw
}

.movie-play-item>div[data-v-1e17db50] {
    height: 100%
}

.movie-play-item>div[data-v-1e17db50]:first-child {
    width: 26.667vw;
    position: relative
}

.movie-play-item>div:first-child>img[data-v-1e17db50] {
    width: 100%;
    height: 100%;
    border-radius: 1.333vw 0 0 1.333vw
}

.movie-play-item>div:first-child>div[data-v-1e17db50] {
    position: absolute;
    width: 100%;
    height: 4vw;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.333vw;
    background-color: rgba(0,0,0,.4);
    border-radius: 0 0 0 1.333vw
}

.movie-play-item>div:first-child>div .van-count-down[data-v-1e17db50] {
    color: #fff;
    font-size: 3.333vw
}

.movie-play-item>div:nth-child(2) p[data-v-1e17db50] {
    width: 66.667vw;
    height: 8vw;
    font-size: 4vw;
    line-height: 4.267vw;
    word-break: break-all;
    overflow: hidden;
    color: #000
}

.movie-play-item>div:nth-child(2) span[data-v-1e17db50] {
    color: #000
}

.movie-play-item>div[data-v-1e17db50]:nth-child(2) {
    padding: 2.667vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

abbr[data-v-1e17db50],address[data-v-1e17db50],article[data-v-1e17db50],aside[data-v-1e17db50],audio[data-v-1e17db50],b[data-v-1e17db50],blockquote[data-v-1e17db50],body[data-v-1e17db50],canvas[data-v-1e17db50],caption[data-v-1e17db50],cite[data-v-1e17db50],code[data-v-1e17db50],dd[data-v-1e17db50],del[data-v-1e17db50],details[data-v-1e17db50],dfn[data-v-1e17db50],div[data-v-1e17db50],dl[data-v-1e17db50],dt[data-v-1e17db50],em[data-v-1e17db50],fieldset[data-v-1e17db50],figcaption[data-v-1e17db50],figure[data-v-1e17db50],footer[data-v-1e17db50],form[data-v-1e17db50],h1[data-v-1e17db50],h2[data-v-1e17db50],h3[data-v-1e17db50],h4[data-v-1e17db50],h5[data-v-1e17db50],h6[data-v-1e17db50],header[data-v-1e17db50],hgroup[data-v-1e17db50],html[data-v-1e17db50],i[data-v-1e17db50],iframe[data-v-1e17db50],img[data-v-1e17db50],ins[data-v-1e17db50],kbd[data-v-1e17db50],label[data-v-1e17db50],legend[data-v-1e17db50],li[data-v-1e17db50],mark[data-v-1e17db50],menu[data-v-1e17db50],nav[data-v-1e17db50],object[data-v-1e17db50],ol[data-v-1e17db50],p[data-v-1e17db50],pre[data-v-1e17db50],q[data-v-1e17db50],samp[data-v-1e17db50],section[data-v-1e17db50],small[data-v-1e17db50],span[data-v-1e17db50],strong[data-v-1e17db50],sub[data-v-1e17db50],summary[data-v-1e17db50],sup[data-v-1e17db50],table[data-v-1e17db50],tbody[data-v-1e17db50],td[data-v-1e17db50],tfoot[data-v-1e17db50],th[data-v-1e17db50],thead[data-v-1e17db50],time[data-v-1e17db50],tr[data-v-1e17db50],ul[data-v-1e17db50],var[data-v-1e17db50],video[data-v-1e17db50] {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box
}

.van-cell[data-v-1ed1a500] {
    font-size: 4.667vw;
    line-height: 10.667vw
}

.container p[data-v-1ed1a500] {
    padding: 0 2vw;
    margin-top: 2vw;
    font-size: 4vw;
    color: #dc2037
}

.manage-card .wrapper[data-v-1ed1a500] {
    height: calc(100% - 1.333vw);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.wrapper .add-card[data-v-1ed1a500] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background-color: #fff;
    height: 33.333vw
}

.wrapper .add-card span[data-v-1ed1a500] {
    margin-left: 1.333vw;
    font-size: 4vw
}

.wrapper .tips[data-v-1ed1a500] {
    margin: 2vw 2vw;
    font-size: 3.333vw;
    color: #979799
}

.wrapper .bank .info[data-v-1ed1a500] {
    margin-left: 2.667vw;
    flex: 1;
    color: #000
}

.wrapper .bank .info .row-content[data-v-1ed1a500] {
    margin: 4vw 0;
    line-height: 2.667vw;
    font-size: 4vw
}

.van-cell[data-v-79f99d1e] {
    font-size: 4.267vw;
    line-height: 10.667vw
}

.van-hairline--bottom[data-v-79f99d1e]:after {
    border-bottom-width: .4vw
}

.bankbox[data-v-79f99d1e] {
    padding: 2vw;
    color: #000;
    background-color: #fff
}

.bankbox .title[data-v-79f99d1e] {
    padding: 1.067vw 1.333vw 2.667vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 3.733vw
}

.main-box[data-v-79f99d1e] {
    background: #fff
}

.main-box .label[data-v-79f99d1e] {
    padding: 2.667vw;
    font-size: 4.667vw;
    color: #797878
}

[data-v-79f99d1e] .van-picker__toolbar {
    height: 6.667vw
}

[data-v-79f99d1e] .van-picker__cancel,[data-v-79f99d1e] .van-picker__confirm {
    padding: 0 2.667vw;
    font-size: 5vw
}

[data-v-79f99d1e] .van-picker-column {
    font-size: 5.333vw
}

.main-box p[data-v-79f99d1e] {
    padding: 0 2.667vw;
    font-size: 4vw;
    color: #ee0a24
}

.bindCard[data-v-79f99d1e] {
    margin: 2.667vw 4vw 0;
    height: 10.667vw;
    line-height: 1.22667rem;
    border-radius: 6.667vw;
    color: #fff;
    font-size: 4vw;
    font-weight: bolder;
    border: none;
    background: linear-gradient(30deg,#7d76ef,#d63f8c)
}

.van-cell[data-v-87d18414] {
    font-size: 4.667vw;
    line-height: 10.667vw
}

.container p[data-v-87d18414] {
    padding: 0 2vw;
    margin-top: 2vw;
    font-size: 4vw;
    color: #dc2037
}

.container .main[data-v-87d18414] {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f5;
    height: calc(100% - 6.667vw);
    position: relative
}

.container .main .withdrawMoney[data-v-87d18414] {
    display: flex;
    flex-direction: column;
    color: #000;
    padding: 0 2.667vw;
    white-space: nowrap;
    font-size: 4.667vw;
    background-color: #fff
}

.container .main .withdrawMoney .money[data-v-87d18414] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f5
}

.container .main .withdrawMoney .money .moneyNumber[data-v-87d18414] {
    font-size: 6.667vw;
    display: flex;
    flex-direction: row
}

.container .main .withdrawMoney .money .all[data-v-87d18414] {
    color: #d10404
}

.container .main .withdrawMoney .money .moneyNumber .van-cell[data-v-87d18414] {
    font-size: 6.667vw;
    padding: 0!important
}

.container .main .withdrawMoney .information[data-v-87d18414] {
    padding-bottom: 4vw
}

.container .main .withdrawMoney .information .description[data-v-87d18414] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.333vw 0
}

.container .main .withdrawMoney span[data-v-87d18414] {
    padding: 1.333vw 0
}

.container .main .withdrawMoney .information .balance .number[data-v-87d18414] {
    color: #d10404
}

.withdraw_btn[data-v-87d18414] {
    margin: 2.667vw 4vw 0;
    height: 10.667vw;
    line-height: 1.22667rem;
    border-radius: 6.667vw;
    color: #fff;
    font-size: 4vw;
    font-weight: bolder;
    border: none;
    background: linear-gradient(90deg,#e6c3a1,#7e5678)
}

.container .header[data-v-93b87d94] {
    background: linear-gradient(270deg,#e6c3a1,#7e5678)
}

.container .header .info[data-v-93b87d94] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 2.667vw;
    padding-top: 1.333vw;
    margin: auto
}

.container .header .info .title[data-v-93b87d94] {
    font-size: 3.333vw;
    color: #e5e5e5
}

.container .header .info .value[data-v-93b87d94] {
    margin: 1.333vw auto;
    color: #fff;
    font-size: 6.667vw;
    border-bottom: 1px solid #fff
}

.container .header .info .tip[data-v-93b87d94] {
    font-size: 4vw;
    color: #e5e5e5
}

.container .content[data-v-93b87d94] {
    flex: 1;
    background: #f2f2f5
}

.container .content .datalist[data-v-93b87d94] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.container .content .datalist .datalistitem[data-v-93b87d94] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 26.667vw;
    width: 33.3%
}

.container .content .datalist .datalistitem .datalistitemValue[data-v-93b87d94] {
    color: #ff253f;
    font-size: 4.667vw;
    margin-bottom: 1.333vw;
    margin-top: 1.333vw
}

.container .content .datalist .datalistitem .datalistitemKey[data-v-93b87d94] {
    color: #979799;
    font-size: 3.333vw;
    margin-bottom: 1.333vw;
    margin-top: 1.333vw
}

[data-v-267c1cd3] .van-loading__text,[data-v-267c1cd3] .van-pull-refresh__track .van-pull-refresh__head * {
    color: #000;
    font-size: 4.667vw
}

.container .main[data-v-267c1cd3] {
    position: relative;
    overflow: auto;
    background-color: #f2f2f5;
    height: 100%;
    padding: 0 1.333vw
}

.item_list[data-v-267c1cd3] {
    padding: 2vw 2vw;
    margin: 4vw 1.333vw;
    background: #fff;
    border-radius: 1.333vw;
    line-height: 8vw
}

.item_list .topInfo span[data-v-267c1cd3] {
    flex: 1;
    font-size: 4.667vw;
    font-weight: 700;
    color: #ff253f
}

.item_list .time span[data-v-267c1cd3] {
    flex: 1;
    font-size: 3.333vw;
    font-weight: 500;
    color: #000
}

.item_list .topInfo span[data-v-267c1cd3]:last-child {
    float: right
}

.item_list .desc span[data-v-267c1cd3] {
    font-size: 3.333vw;
    font-weight: 700;
    color: #9b9b9b
}

.item_list .cover[data-v-267c1cd3] {
    width: 8vw;
    height: 8vw;
    -o-object-fit: cover;
    object-fit: cover
}

.item_list .period-number[data-v-267c1cd3] {
    margin-left: 6.667vw;
    margin-right: 1.333vw;
    height: 6.667vw;
    line-height: 8vw;
    font-size: 4.667vw;
    font-weight: 700;
    color: #000
}

.item_list .lottery_info[data-v-267c1cd3] {
    display: flex
}

.recent[data-v-267c1cd3] {
    display: flex;
    align-items: center;
    height: 13.333vw
}

.kuaisan-ball .left[data-v-267c1cd3] {
    justify-content: flex-start
}

.kuaisan-ball[data-v-267c1cd3] {
    flex: 1;
    display: flex;
    align-items: center
}

.kuaisan-ball .res-img[data-v-267c1cd3] {
    width: 9.333vw;
    height: 9.333vw;
    margin-right: 4vw
}

.kuaisan-ball .res-des[data-v-267c1cd3] {
    font-weight: 700;
    text-align: center;
    color: #000
}

.kuaisan-ball .res-des.left[data-v-267c1cd3] {
    width: 11%;
    font-size: 4.667vw;
    color: #d75db4;
    font-weight: 700;
    margin-right: 2.4vw;
    font-size: 5vw
}

.kuaisan-ball .res-des.middle[data-v-267c1cd3] {
    width: 7vw;
    border-radius: 50%
}

.kuaisan-ball .res-des.middle[data-v-267c1cd3],.kuaisan-ball .res-des.right[data-v-267c1cd3] {
    font-size: 4vw;
    background: linear-gradient(90deg,#f560cd,#4f2b8a);
    color: #fff;
    height: 7vw;
    line-height: 7vw;
    text-align: center;
    font-weight: 700;
    margin-right: 3.333vw
}

.kuaisan-ball .res-des.right[data-v-267c1cd3] {
    padding: 0 2vw
}

[data-v-51f09e46] .van-loading__text,[data-v-51f09e46] .van-pull-refresh__track .van-pull-refresh__head * {
    color: #000;
    font-size: 4.667vw
}

.container .main[data-v-51f09e46] {
    position: relative;
    overflow: auto;
    background-color: #f2f2f5;
    height: 100%;
    padding: 0 1.333vw
}

.item_list[data-v-51f09e46] {
    padding: 2vw 2vw;
    margin: 4vw 1.333vw;
    background: #fff;
    border-radius: 1.333vw;
    line-height: 8vw
}

.item_list .topInfo span[data-v-51f09e46] {
    flex: 1;
    font-size: 4.667vw;
    font-weight: 700;
    color: #ff253f
}

.item_list .time span[data-v-51f09e46] {
    flex: 1;
    font-size: 3.333vw;
    font-weight: 500;
    color: #000
}

.item_list .topInfo span[data-v-51f09e46]:last-child {
    float: right
}

.item_list .desc span[data-v-51f09e46] {
    font-size: 3.333vw;
    font-weight: 700;
    color: #9b9b9b
}