.van-tabbar[data-v-70a51920] {
    height: 14.667vw
}

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

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

.tui[data-v-70a51920] {
    width: 4rem;
    height: 4rem!important;
    margin-top: -7.333vw;
    background-color: #fff;
    border-radius: 50%;
    border: 1.333vw solid #fff;
    z-index: 10
}

[class*=van-hairline][data-v-70a51920]: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
}

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

.home-container[data-v-05560a0e] {
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff
}

.linear-gradient[data-v-05560a0e] {
    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-05560a0e],[data-v-05560a0e] .van-notice-bar__left-icon {
    min-width: 5.333vw
}

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

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

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

.banner_swiper[data-v-05560a0e] {
    height: 100%;
    width: 100%
}

.banner_swiper .swiper-slide[data-v-05560a0e] {
    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
}

[data-v-05560a0e] .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,transparent,transparent)
}

[data-v-05560a0e] .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,transparent,transparent)
}

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

.hot-game[data-v-05560a0e] {
    width: 100%;
    height: 100%
}

.hot-title-div[data-v-05560a0e] {
    width: calc(100% - 6.667vw);
    margin: 0 auto;
    height: 10.667vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.hot-title-div>div[data-v-05560a0e]:first-child {
    width: 57.333vw
}

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

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

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

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

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

.hot-game .hot-items-div[data-v-05560a0e] {
    margin-top: -.4vw
}

.hot-game .hot-items-div span[data-v-05560a0e] {
    margin-top: 1.333vw;
    font-size: 3.733vw;
    color: #000
}

.hot-recommend[data-v-05560a0e] {
    width: 100%;
    flex: 1;
    background-color: #f2f2f5
}

.movie_swiper .swiper-slide[data-v-05560a0e] {
    width: 80%
}

.movie_list_0[data-v-05560a0e] {
    width: calc(100% - 6.667vw);
    margin: 0 auto
}

.movie_cover[data-v-05560a0e] {
    border-radius: 1.333vw;
    width: 73.333vw;
    height: 44vw
}

.movie_list_0 .movie-list-item-bottom[data-v-05560a0e] {
    position: relative;
    width: 73.333vw;
    bottom: 5.733vw
}

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

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

.movie_list_0 .movie-list-item-bottom .movie-time-div .van-count-down[data-v-05560a0e] {
    font-size: 3.733vw;
    color: #fff
}

.movie_list_0 .movie-time-div[data-v-05560a0e] {
    color: #fff;
    border-radius: 0 0 1.333vw 1.333vw
}

.movie_list_0 .movie_swiper .hot[data-v-05560a0e] {
    position: absolute;
    top: 0;
    left: 0;
    width: 10.667vw
}

.movie_list_0 span[data-v-05560a0e] {
    font-size: 4vw
}

.movie_list_1[data-v-05560a0e] {
    display: flex;
    width: calc(100% - 6.667vw);
    margin: 0 auto;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

.movie_list_1 .movie-list-item .cover_img[data-v-05560a0e] {
    border-radius: 1.333vw;
    width: 44.667vw;
    height: 38.667vw
}

.home-scroll[data-v-05560a0e] {
    padding-bottom: 14.667vw
}

.movie_list_1 .movie-list-item[data-v-05560a0e] {
    margin-bottom: -1.333vw
}

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

.movie_list_1 .movie-list-item[data-v-05560a0e]:nth-child(odd) {
    margin-right: 3.333vw
}

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

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

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

.movie_list_1 .movie-time-div[data-v-05560a0e] {
    color: #fff;
    border-radius: 0 0 1.333vw 1.333vw;
    height: 4.667vw
}

.movie_list_1 .movie_swiper .hot[data-v-05560a0e] {
    position: absolute;
    top: 0;
    left: 0;
    width: .667vw
}

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

.movie_list_1 .movie-list-item .movie-time-div span[data-v-05560a0e]:last-child {
    overflow: hidden;
    white-space: nowrap;
    width: 0;
    padding-right: 14.667vw;
    font-size: 2.933vw
}

.movie_list_0 .movie-time-div span[data-v-05560a0e]:first-child {
    overflow: hidden;
    white-space: nowrap;
    width: 46.667vw;
    padding-left: 1.333vw;
    font-size: 3.333vw
}

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

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

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

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

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

.mine[data-v-85385c0c] {
    position: relative;
    bottom: 1.333vw;
    background: #f2f2f5
}

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

.mine .header[data-v-85385c0c],.nav-bar[data-v-85385c0c] {
    background: linear-gradient(90deg,#7e5678,#e6c3a1)
}

.mine .header[data-v-85385c0c] {
    padding-bottom: 13.333vw
}

[data-v-85385c0c] .van-nav-bar__content {
    height: 13.333vw
}

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

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

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

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

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

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

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

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

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

.mine .page-bg[data-v-85385c0c] {
    height: 66.667vw;
    background: linear-gradient(90deg,#7e5678,#e6c3a1)
}

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

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

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

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

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

.mine .wrapper .content .finance .finance-item .text[data-v-85385c0c] {
    margin-left: 4vw;
    font-size: 4vw;
    color: #000;
    font-weight: 500
}

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

.mine .wrapper .content .menu[data-v-85385c0c] {
    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-85385c0c] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    height: 17.333vw
}

.mine .wrapper .content .menu .menu-item .menu-item-label[data-v-85385c0c] {
    font-size: 4vw;
    color: #868686;
    font-weight: 500
}

.mine .wrapper .content .menu .menu-item .menu-item-icon[data-v-85385c0c] {
    margin: 3.333vw;
    width: 8vw;
    height: 8vw;
    -o-object-fit: contain;
    object-fit: contain
}

.mine .wrapper .content .wallet[data-v-85385c0c] {
    margin-top: 10.667vw;
    padding: 0 4vw;
    background-color: #fff;
    border-radius: 2vw;
    box-shadow: 0 .2vw 1px 0 #e4e4e7
}

.mine .wrapper .content .wallet .part-1[data-v-85385c0c] {
    display: flex;
    align-items: center;
    height: 13.333vw
}

.mine .wrapper .content .wallet .font-primary-color[data-v-85385c0c] {
    color: #000
}

.font-gray[data-v-85385c0c] {
    color: #868686
}

.mine .wrapper .content .wallet .part-2[data-v-85385c0c] {
    display: flex;
    align-items: center;
    height: 20vw
}

.mine .wrapper .content .wallet .part-2 .balance[data-v-85385c0c] {
    flex: 1;
    font-size: 8vw;
    color: #7e5678;
    font-weight: 700
}

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

.mine .wrapper .content .wallet .part-2 .refresh-btn[data-v-85385c0c] {
    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
}

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

.nav-bar[data-v-0cdfaaee] {
    background: linear-gradient(90deg,#7e5678,#e6c3a1);
    height: 13.333vw
}

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

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

[data-v-0cdfaaee] .van-nav-bar__content {
    height: 13.333vw
}

.van-sidebar[data-v-0cdfaaee] {
    width: 24vw
}

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

[data-v-0cdfaaee] .van-tab {
    font-size: 4vw;
    line-height: 13.333vw;
    font-weight: 700
}

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

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

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

.card[data-v-0cdfaaee] {
    background-color: #8a637d;
    padding: .625rem;
    width: 95%;
    color: #fff;
    font-size: .8125rem;
    margin: .625rem auto;
    border-radius: .375rem
}

[data-v-0cdfaaee] .van-row--flex {
    height: 10.667vw;
    line-height: 10.667vw
}

[data-v-0cdfaaee] .van-cell {
    padding: 4vw 2.933vw;
    font-size: 4vw;
    line-height: 4vw
}

.rig-box[data-v-0cdfaaee] {
    width: 95%;
    margin: .625rem auto
}

.rig-title[data-v-0cdfaaee] {
    color: #0bdab0;
    font-size: 1.125rem
}

.rig-content[data-v-0cdfaaee] {
    font-size: 2.667vw
}

.address[data-v-0cdfaaee] {
    width: 94%;
    margin: 0 auto
}

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

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

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

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

.container {
    display: inline-block
}

.box {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 6.25rem
}

.name {
    font-size: 1.125rem
}

.title {
    font-size: .625rem
}

.button {
    width: 10rem;
    height: 2.5rem;
    font-size: .9375rem;
    margin-top: .625rem
}

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

.nav-bar[data-v-12a08c21] {
    background: linear-gradient(90deg,#7e5678,#e6c3a1);
    height: 13.333vw
}

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

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

[data-v-12a08c21] .van-nav-bar__content {
    height: 13.333vw
}

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

[data-v-12a08c21] .van-tabs__nav {
    background: linear-gradient(90deg,#7e5678,#e6c3a1)
}

[data-v-12a08c21] .van-tab {
    color: #fff;
    font-size: 4vw
}

[data-v-12a08c21] .van-tabs__line {
    bottom: 2vw;
    width: 7.333vw;
    height: .933vw;
    border-radius: 0;
    background-color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-item .movie-list-item-bottom>div[data-v-12a08c21] {
    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-12a08c21] {
    color: #fff
}

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

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

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

.nav-bar[data-v-a75138f2] {
    background: linear-gradient(90deg,#7e5678,#e6c3a1);
    height: 13.333vw
}

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

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

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

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

.van-sidebar-item--select[data-v-a75138f2]:before {
    left: 1.333vw;
    height: 44%;
    background-color: #7e5678;
    border-radius: .667vw;
    width: 1.333vw
}

.van-sidebar-item--select[data-v-a75138f2] {
    color: #7e5678;
    font-size: 4.667vw;
    text-align: center
}

[data-v-a75138f2] .van-sidebar-item__text {
    width: 18.667vw;
    margin-left: -3.333vw
}

.van-sidebar-item[data-v-a75138f2] {
    font-size: 4vw;
    text-align: center;
    padding: 6.667vw;
    background-color: #fff
}

.van-sidebar-item--select[data-v-a75138f2],.van-sidebar-item--select[data-v-a75138f2]:active {
    background-color: #f2f2f5
}

.convention-item[data-v-a75138f2] {
    display: flex;
    align-items: center;
    height: calc(100% - 2vw)
}

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

.convention-item .left[data-v-a75138f2] {
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.convention-item .right[data-v-a75138f2] {
    height: 100%;
    flex: 1;
    background-color: #f2f2f5;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.convention-item .right .list-wrapper[data-v-a75138f2] {
    padding: 2.667vw 2.667vw;
    min-height: 106.667vw
}

.convention-item .right .list-wrapper .game_item_img[data-v-a75138f2] {
    width: 26.667vw;
    height: 26.667vw
}

.convention-item .right .list-wrapper span[data-v-a75138f2] {
    margin-top: 1.333vw;
    font-size: 4vw;
    color: #000
}

.convention-item .right .list-wrapper span[data-v-a75138f2]:last-child {
    margin-top: 1.333vw;
    font-size: 3.2vw;
    color: #000
}

.van-grid-item[data-v-a75138f2] {
    padding: 1.333vw
}

[data-v-a75138f2] .van-grid-item__content--center {
    border-radius: 2vw
}

[data-v-a75138f2] .van-image__img {
    border-radius: 5.333vw
}

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

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

.nav-bar {
    background: linear-gradient(90deg,#7e5678,#e6c3a1)
}

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

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

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

.language[data-v-25dd3e99] {
    position: absolute;
    top: .533vw;
    right: 0;
    height: 10.667vw
}

.language img[data-v-25dd3e99] {
    height: 100%
}

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

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

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

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

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

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

.login .wrapper .loginForm .input[data-v-25dd3e99] {
    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-25dd3e99] .van-field__right-icon .van-icon,[data-v-25dd3e99] .van-icon {
    font-size: 6.667vw
}

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

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

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

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

.login .wrapper .loginForm .login-btn[data-v-25dd3e99] {
    margin-top: 11.333vw;
    width: 100%;
    height: 13.333vw;
    border-radius: 6.667vw;
    color: #fff;
    background-color: #7e5678;
    font-size: 4vw;
    font-weight: bolder;
    border: none
}

.register[data-v-4f6e6a8c] {
    height: 100%
}

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

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

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

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

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

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

.register .wrapper .loginForm[data-v-4f6e6a8c] {
    padding: 8vw
}

.register .wrapper .loginForm .input[data-v-4f6e6a8c] {
    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-4f6e6a8c] .van-field__right-icon .van-icon,[data-v-4f6e6a8c] .van-icon {
    font-size: 6.667vw
}

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

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

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

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

.register .wrapper .loginForm .login-btn[data-v-4f6e6a8c] {
    margin-top: 4vw;
    width: 100%;
    height: 13.333vw;
    border-radius: 6.667vw;
    color: #fff;
    background-color: #7e5678;
    font-size: 4vw;
    font-weight: bolder;
    border: none
}

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

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

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

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

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

.servicelistItem[data-v-b9db4504] {
    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-b9db4504] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 13.333vw
}

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

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

.servicelistItem .servicelistItemTop .servicelistItemBtn[data-v-b9db4504] {
    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-b9db4504] {
    color: #fff;
    font-size: 3.333vw
}

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

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

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

.container .items .item[data-v-daaade3e] {
    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-daaade3e]:after {
    border-bottom-width: .4vw
}

.container .sign-out[data-v-daaade3e] {
    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-daaade3e] {
    font-size: 4vw;
    font-weight: 700;
    color: #979799
}

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

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

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

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

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

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

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

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

.avatarbox .title[data-v-68965614] {
    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-68965614] {
    width: 14vw;
    height: 14vw;
    margin: 2.5%;
    border-radius: 50%
}

.avatarbox .content[data-v-68965614] {
    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-68965614] {
    width: 12.667vw;
    height: 12.667vw;
    border: .8vw solid #e6c3a1
}

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

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

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

.container .items .item[data-v-8620fcae] {
    padding: 1.333vw 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-8620fcae]:after {
    border-bottom-width: .4vw
}

.container .sign-out[data-v-8620fcae] {
    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-8620fcae] {
    font-size: 4vw;
    font-weight: 700;
    color: #979799
}

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

.flex_center[data-v-8620fcae] {
    display: flex;
    align-items: center
}

.flex_center img[data-v-8620fcae] {
    width: 8vw;
    height: 8vw;
    margin-right: 2.667vw
}

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

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

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

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

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

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

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

.recharge[data-v-93059f62] {
    padding: 1.333vw 4vw
}

.van-cell[data-v-93059f62] {
    font-size: 4.267vw;
    line-height: 8.667vw!important
}

.van-button[data-v-93059f62] {
    height: 11.6vw!important
}

.van-button__text[data-v-93059f62] {
    color: #fff!important
}

[data-v-93059f62] .van-radio__icon {
    font-size: 4vw!important
}

[data-v-93059f62] .van-radio__label {
    margin-left: 3.333vw!important;
    font-size: 4.667vw!important
}

[data-v-93059f62] .van-radio {
    height: 8.667vw!important
}

.form-item[data-v-93059f62] {
    margin-top: 5.333vw
}

.form-item-title[data-v-93059f62] {
    font-size: 4.8vw;
    font-weight: 700;
    color: #999;
    margin-bottom: 2.667vw
}

.recharge span[data-v-93059f62] {
    font-size: 4vw;
    color: #868686;
    font-weight: 500
}

.container .header .info[data-v-93059f62] {
    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-93059f62] {
    font-size: 3.333vw;
    color: #e5e5e5
}

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

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

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

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

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

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

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

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

[data-v-abb84908] .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-abb84908] {
    width: 3.333vw;
    height: 3.333vw
}

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

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

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

.container .wrapper .sub-btn[data-v-abb84908] {
    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-007117b0] {
    font-size: 4.667vw;
    line-height: 10.667vw
}

.nav-bar .right[data-v-521e01c5] {
    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-521e01c5] {
    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-521e01c5] {
    display: flex;
    align-items: center;
    padding: 2.667vw 0
}

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

.record .period .period-number[data-v-521e01c5] {
    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-521e01c5] {
    color: #ff253f;
    font-size: 6vw;
    margin-top: 1.333vw;
    float: right
}

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

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

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

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

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

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

.van-icon[data-v-521e01c5] {
    font-size: 5.333vw
}

.down[data-v-521e01c5] {
    transition: all .5s
}

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

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

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

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

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

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

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

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

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

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

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

.rectangle[data-v-521e01c5] {
    overflow: hidden
}

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

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

.rectangle .wrapper .content[data-v-521e01c5] {
    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-521e01c5] {
    padding-bottom: 100%
}

.rectangle .wrapper .content .name-text.large[data-v-521e01c5] {
    font-size: 4vw
}

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

.rectangle .wrapper .content .odd-text.large[data-v-521e01c5] {
    font-size: 0vw;
    overflow:hidden;
    margin-top: -4vw
}

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

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

.bottom-bar .bar[data-v-521e01c5] {
    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-521e01c5],.bottom-bar .bar[data-v-521e01c5] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.bottom-bar .bar .left .item[data-v-521e01c5] {
    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-521e01c5] {
    font-size: 2.933vw;
    color: #7d7c7c
}

.jixuanico[data-v-521e01c5] {
    font-size: 6vw
}

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

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

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

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

.bottom-bar .bar .right[data-v-521e01c5] {
    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-521e01c5] .van-pull-refresh__track .van-pull-refresh__head * {
    color: #000;
    font-size: 4.667vw
}

[data-v-521e01c5] .van-popup {
    position: absolute
}

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

[data-v-521e01c5] .van-popup--top {
    top: -1px
}

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

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

.font-weight[data-v-521e01c5] {
    font-weight: 700!important
}

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

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

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

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

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

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

.play-type-tip[data-v-521e01c5] {
    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-521e01c5] {
    line-height: 12vw;
    background: linear-gradient(90deg,#7e5678,#e6c3a1);
    text-align: center;
    color: #fff;
    font-size: 4.667vw;
    font-weight: 500
}

.mask[data-v-521e01c5] {
    background-color: transparent;
    animation-duration: .35s
}

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

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

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

.play-type-tip .wrapper .item .content .content-title[data-v-521e01c5] {
    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-521e01c5] {
    margin-top: .667vw;
    font-size: 2.933vw;
    color: #000;
    line-height: 4vw
}

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

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

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

.bottom-bar .wrapper[data-v-521e01c5] {
    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-521e01c5] {
    transform: translateY(-100%)
}

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

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

.bottom-bar .wrapper .item .bet-number[data-v-521e01c5] {
    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-521e01c5] {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center
}

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

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

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

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

[data-v-521e01c5] .van-field__control {
    color: #ff253f
}

.confirm-order-modal[data-v-521e01c5] {
    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-521e01c5] {
    position: relative;
    height: 10.667vw
}

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

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

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

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

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

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

.confirm-order-modal .list .lise-item .main .bet-name[data-v-521e01c5] {
    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-521e01c5] {
    line-height: 0;
    font-size: 3.333vw;
    color: #979799
}

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

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

.confirm-order-modal .sub-bar .item[data-v-521e01c5] {
    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-521e01c5] {
    border: .267vw solid #979799;
    color: #979799;
    background-color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

.movie-content .movie-descript[data-v-c91f271e] {
    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-c91f271e] {
    font-size: 4vw;
    font-weight: 700;
    color: #000
}

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

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

[data-v-c91f271e] .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-c91f271e] {
    height: 9.333vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.movie-content .movie-body .movie-title>div[data-v-c91f271e]:first-child {
    width: 54.667vw
}

.movie-content .movie-body .movie-title>div:first-child span[data-v-c91f271e] {
    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-c91f271e]: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-c91f271e] {
    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-c91f271e] {
    height: 100%
}

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

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

.movie-play-item>div:first-child>div[data-v-c91f271e] {
    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-c91f271e] {
    color: #fff;
    font-size: 3.333vw
}

.movie-play-item>div:nth-child(2) p[data-v-c91f271e] {
    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-c91f271e] {
    color: #000
}

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

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

.vjs-big-play-button .vjs-icon-placeholder[data-v-c91f271e] {
    font-size: 1.63em!important
}

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

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

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

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

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

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

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

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

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

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

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

.bankbox .title[data-v-ea39aeca] {
    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-ea39aeca] {
    background: #fff
}

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

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

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

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

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

.bindCard[data-v-ea39aeca] {
    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)
}

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

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

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

.container .main .withdrawMoney[data-v-54b9d65e] {
    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-54b9d65e] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f5
}

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

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

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

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

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

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

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

.withdraw_btn[data-v-54b9d65e] {
    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-3b11a32a] {
    background: linear-gradient(270deg,#e6c3a1,#7e5678)
}

.container .header .info[data-v-3b11a32a] {
    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-3b11a32a] {
    font-size: 3.333vw;
    color: #e5e5e5
}

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

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

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

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

.container .content .datalist .datalistitem[data-v-3b11a32a] {
    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-3b11a32a] {
    color: #ff253f;
    font-size: 4.667vw;
    margin-bottom: 1.333vw;
    margin-top: 1.333vw
}

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

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

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

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

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

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

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

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

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

.item_list .period-number[data-v-717bb3d4] {
    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-717bb3d4] {
    display: flex
}

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

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

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

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

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

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

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

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

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

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

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

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

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