@charset "UTF-8";.tabber_view[data-v-598e7835] {
    background-color: #1f1c1f
}

.van-tabbar[data-v-598e7835] {
    height: 14.667vw
}

.van-tabbar-item__icon img[data-v-598e7835] {
    height: 7vw
}

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

.tui[data-v-598e7835] {
    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-598e7835]:after {
    border: none!important
}

[data-v-598e7835] .van-tabbar-item--active {
    background-color: transparent
}

body .van-toast {
    font-size: 5.067vw;
    padding: 4vw;
    line-height: 6.667vw;
    width: 66.667vw;
    background: linear-gradient(#1d1610,#3b2818)!important
}

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

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

.tu_list .tu_item[data-v-5611e380] {
    margin: 3.467vw 2.667vw 2.133vw;
    border-radius: 2.133vw;
    padding: 4vw 5.333vw 4vw 3.467vw;
    background: linear-gradient(120deg,#212121,#313131);
    border: 1px solid #766350;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden
}

.tu_list .tu_item .renzh[data-v-5611e380] {
    position: absolute;
    right: -9.6vw;
    top: 4.267vw;
    font-size: 3.2vw;
    padding: 1px 7.867vw;
    font-style: normal;
    transform: rotate(45deg);
    background: linear-gradient(90deg,#efcba7,#dcab76);
    color: #000
}

.tu_list .tu_item .sm_in_c[data-v-5611e380] {
    width: 24.8vw;
    height: 24.8vw;
    border-radius: 50%
}

.tu_list .tu_item .info_box .c_id[data-v-5611e380] {
    width: 26.667vw;
    text-align: center;
    background-color: #fff;
    background: linear-gradient(90deg,#efcba7,#dcab76);
    color: #8d5825;
    border-radius: 5.333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tu_list .tu_item .info_box .c_c[data-v-5611e380] {
    color: #ddd;
    font-size: 3.467vw;
    padding-top: 1.333vw
}

.tu_list .tu_item .info_box .c_b_k[data-v-5611e380] {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 2.933vw;
    padding-top: 2.133vw
}

.tu_list .tu_item .info_box .c_b_k .sm_in[data-v-5611e380] {
    width: 4vw;
    height: 4vw
}

.tu_list .tu_item .info_box .c_b_k .sm_in.cc[data-v-5611e380] {
    margin-left: 2.133vw
}

.nav_box[data-v-5611e380] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #766350;
    margin: 1.333vw 2.667vw;
    border-radius: 2.133vw;
    padding: 4vw 2.667vw;
    background: linear-gradient(120deg,#212121,#313131)
}

.nav_box .x_p[data-v-5611e380] {
    text-align: center;
    color: #e6b98a;
    flex: 1
}

.nav_box .x_p img[data-v-5611e380] {
    height: 10.133vw
}

.put_tit[data-v-5611e380] {
    font-weight: 700;
    color: #e6b98a;
    font-size: 3.733vw;
    padding-left: 2.133vw;
    position: relative
}

.put_tit[data-v-5611e380]:before {
    content: "";
    display: block;
    position: absolute;
    width: 1.067vw;
    height: 4vw;
    background-color: #e6b98a;
    left: 0;
    top: .8vw
}

.wuzii[data-v-5611e380] {
    margin: 3.467vw 2.667vw 2.133vw;
    border-radius: 2.133vw;
    padding: 4vw 2.667vw;
    background: linear-gradient(120deg,#212121,#313131);
    border: 1px solid #766350
}

.wuzii .xx_bc[data-v-5611e380] {
    display: flex;
    flex-wrap: wrap;
    font-size: 3.467vw;
    color: #ccc;
    padding-top: 1.333vw;
    justify-content: space-between
}

.wuzii .xx_bc .top_link[data-v-5611e380] {
    padding: 2.667vw 2.667vw
}

.wuzii_p[data-v-5611e380] {
    margin: 3.467vw 2.667vw 2.133vw;
    background: linear-gradient(120deg,#212121,#313131);
    display: flex;
    padding: 2.667vw 2.667vw;
    justify-content: space-between
}

.wuzii_p .xx_bc_u[data-v-5611e380] {
    color: #ccc
}

.header[data-v-5611e380] {
    height: 13vw
}

.header_content[data-v-5611e380] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin: 0 5.333vw;
    color: #fff
}

.header_content .img[data-v-5611e380] {
    height: 10.667vw;
    display: inline-flex;
    align-items: center
}

.header_content .img img[data-v-5611e380] {
    width: auto;
    height: 100%;
    margin-right: 1.333vw
}

.notice-swiper[data-v-5611e380] {
    height: 11vw;
    font-size: 4vw;
    border-radius: 2.133vw;
    border: 1px solid #766350
}

.sub[data-v-5611e380] {
    background: #3f3a5b;
    padding: 1.067vw;
    color: #ebcaaf;
    font-size: 3.2vw;
    border-radius: 2.133vw 0;
    margin-left: .533vw
}

.gdgride[data-v-5611e380] {
    padding-right: 5.333vw
}

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

.gdgride span[data-v-5611e380] {
    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 span i[data-v-5611e380] {
    position: absolute;
    bottom: .667vw;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700
}

.van-image[data-v-5611e380] {
    position: relative;
    display: inline-block
}

.horizontalItem[data-v-5611e380] {
    display: flex;
    border-bottom: .267vw solid #eee;
    padding: 5.333vw 0 4vw
}

.horizontalItem .imgBox[data-v-5611e380] {
    position: relative;
    overflow: hidden;
    border-radius: 2.133vw;
    margin-right: 5.333vw
}

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

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

.top[data-v-5611e380] {
    display: flex
}

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

.horizontalItem .tags[data-v-5611e380] {
    display: flex;
    margin: 1.333vw 0 1.333vw;
    flex-wrap: wrap
}

.horizontalItem .tags .van-tag[data-v-5611e380] {
    padding: 2vw;
    font-size: 3vw;
    margin: 0 1.333vw 1.333vw 0;
    border-radius: 2.133vw
}

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

.OnlineMatching[data-v-5611e380] {
    height: 28vw;
    overflow: hidden
}

.OnlineMatching ul li[data-v-5611e380] {
    text-align: center;
    color: #fff;
    font-size: 4vw;
    margin-top: 2.667vw
}

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

.mine_page[data-v-13928d91] {
    position: relative;
    background-color: #101012;
    top: 13.333vw;
    height: 100vh;
    box-sizing: border-box
}

.mine_page .content_re[data-v-13928d91] {
    position: absolute;
    width: 100%;
    padding-bottom: 13.333vw
}

.mine_page .header_b[data-v-13928d91] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.mine_page .u_bg[data-v-13928d91] {
    background: linear-gradient(90deg,#efcba7,#dcab76);
    height: 40vw;
    position: absolute;
    width: 100%
}

.mine_page .hang_bttn[data-v-13928d91] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.667vw 5.333vw;
    border-bottom: 1px solid #333
}

.mine_page .hang_bttn .left_y[data-v-13928d91] {
    display: inline-flex;
    align-items: center;
    color: #e6b98a
}

.mine_page .hang_bttn .left_y .cl_set[data-v-13928d91] {
    height: 8vw;
    margin-right: 2.667vw
}

.mine_page .hang_bttn .right_h[data-v-13928d91] {
    height: 4.533vw
}

.mine_page .station-letter-card[data-v-13928d91] {
    cursor: pointer;
    position: relative
}

.mine_page .station-letter-card .station-letter-badge[data-v-13928d91] {
    position: absolute;
    top: 9.067vw;
    right: 9.6vw;
    z-index: 1;
    min-width: 6.667vw;
    height: 6.667vw;
    padding: 0 1.333vw;
    line-height: 6.667vw;
    text-align: center;
    font-size: 2.933vw;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(200deg,#e30000,#fcc654);
    border-radius: 2.4vw;
    box-sizing: border-box;
    box-shadow: 0 .267vw 1.067vw rgba(0,0,0,.25)
}

.mine_page .station-letter-card .station-letter-row[data-v-13928d91] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mine_page .station-letter-card .station-letter-text[data-v-13928d91] {
    flex: 1;
    min-width: 0
}

.mine_page .station-letter-card .station-letter-text.has-unread-badge[data-v-13928d91] {
    padding-right: 7.467vw
}

.mine_page .station-letter-card .station-letter-arrow[data-v-13928d91] {
    height: 4.533vw;
    flex-shrink: 0;
    margin-left: 3.2vw
}

.mine_page .c_card_b[data-v-13928d91] {
    display: flex;
    align-items: center;
    background: linear-gradient(120deg,#212121,#313131);
    border-radius: 1.333vw;
    margin: 0 5.333vw;
    padding: 6.133vw 0
}

.mine_page .c_card_b .hang_c[data-v-13928d91] {
    flex: 1;
    text-align: center
}

.mine_page .c_card_b .hang_c .q1[data-v-13928d91] {
    color: #fff
}

.mine_page .c_card_b .hang_c .q2[data-v-13928d91] {
    color: #e6b98a;
    padding-top: 3.2vw
}

.mine_page .c_vip[data-v-13928d91] {
    margin: 2.667vw 5.333vw;
    background: url(/img/neww/user-bg.png) no-repeat 50%;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 5.333vw 5.333vw 5.333vw 5.333vw;
    color: #e6b98a
}

.mine_page .c_vip .ee[data-v-13928d91] {
    font-size: 3.2vw
}

.mine_page .c_vip .down[data-v-13928d91] {
    font-size: 3.733vw
}

.mine_page .c_vip2[data-v-13928d91] {
    margin: 2.667vw 5.333vw;
    background-color: #262626;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 4vw 4vw 4vw 4vw;
    color: #e6b98a;
    border-radius: 4vw
}

.mine_page .c_vip2 .ee[data-v-13928d91] {
    font-size: 3.2vw
}

.mine_page .c_vip2 .down[data-v-13928d91] {
    font-size: 3.733vw
}

.mine_page .info_card_u[data-v-13928d91] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5.333vw 8vw 2.667vw 5.333vw
}

.mine_page .info_card_u .left_c[data-v-13928d91] {
    display: inline-flex;
    align-items: center
}

.mine_page .info_card_u .left_c .user_set[data-v-13928d91] {
    width: 16vw;
    border: .267vw solid #fff;
    border-radius: 50%
}

.mine_page .info_card_u .left_c .tc[data-v-13928d91] {
    margin-left: 4vw
}

.mine_page .info_card_u .left_c .tc .c_c[data-v-13928d91] {
    padding-top: 2.133vw
}

.mine_page .info_card_u .c_set[data-v-13928d91] {
    width: 5.333vw
}

.mine_page .c_card_b[data-v-13928d91] {
    background-color: #fff
}

.mine[data-v-13928d91] {
    position: relative;
    bottom: 2.667vw
}

.mine .page-bg[data-v-13928d91] {
    background: linear-gradient(90deg,#efcba7,#dcab76)
}

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

.nav-bar[data-v-13928d91] {
    background: content-box
}

.mine .header[data-v-13928d91] {
    padding-bottom: 13.333vw;
    background-size: contain
}

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

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

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

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

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

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

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

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

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

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

.mine .page-bg[data-v-13928d91] {
    height: 66.667vw
}

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

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

.mine .wrapper .content .finance[data-v-13928d91] {
    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-13928d91] {
    width: .4vw;
    height: 5.333vw;
    background-color: #ccc
}

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

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

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

.mine .wrapper .content .menu[data-v-13928d91] {
    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-13928d91] {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 33.3%;
    height: 24vw
}

.mine .wrapper .content .menu .menu-item .menu-item-label[data-v-13928d91] {
    font-size: 3.2vw;
    color: #432788;
    font-weight: 500
}

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

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

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

.mine .wrapper .content .wallet .font-primary-color[data-v-13928d91] {
    color: #fff;
    font-size: 4.267vw
}

.font-gray[data-v-13928d91] {
    color: #fff;
    font-size: 3.733vw
}

.mine .wrapper .content .wallet .part-2[data-v-13928d91] {
    display: flex;
    align-items: center;
    height: 1.333vw
}

.mine .wrapper .content .wallet .part-3[data-v-13928d91] {
    display: flex;
    align-items: center;
    height: 10.667vw
}

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

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

.btn[data-v-13928d91] {
    margin: 5.333vw 0
}

.van-nav-bar[data-v-13928d91] {
    background-color: #1c1c1c
}

.mine.page[data-v-13928d91] {
    padding-top: 6.667vw
}

body[data-v-210ac9d9] {
    background-color: #1f1c1f!important
}

.tu_list[data-v-210ac9d9] {
    padding-top: 13.333vw
}

.tu_list .tu_item[data-v-210ac9d9] {
    margin: 3.467vw 2.667vw 2.133vw;
    border-radius: 2.133vw;
    padding: 4vw 5.333vw 4vw 3.467vw;
    background: linear-gradient(120deg,#212121,#313131);
    border: 1px solid #766350;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden
}

.tu_list .tu_item .renzh[data-v-210ac9d9] {
    position: absolute;
    right: -10.667vw;
    top: 5.6vw;
    font-size: 3.2vw;
    padding: 1px 7.867vw;
    font-style: normal;
    transform: rotate(45deg);
    background: linear-gradient(90deg,#efcba7,#dcab76);
    color: #000
}

.tu_list .tu_item .sm_in_c[data-v-210ac9d9] {
    width: 24.8vw;
    height: 24.8vw;
    border-radius: 50%
}

.tu_list .tu_item .info_box .c_id[data-v-210ac9d9] {
    width: 26.667vw;
    text-align: center;
    background-color: #fff;
    background: linear-gradient(90deg,#efcba7,#dcab76);
    color: #8d5825;
    border-radius: 5.333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tu_list .tu_item .info_box .c_c[data-v-210ac9d9] {
    color: #ddd;
    font-size: 3.467vw;
    padding-top: 1.333vw
}

.tu_list .tu_item .info_box .c_b_k[data-v-210ac9d9] {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 2.933vw;
    padding-top: 2.133vw
}

.tu_list .tu_item .info_box .c_b_k .sm_in[data-v-210ac9d9] {
    width: 4vw;
    height: 4vw
}

.tu_list .tu_item .info_box .c_b_k .sm_in.cc[data-v-210ac9d9] {
    margin-left: 2.133vw
}

.nav_box[data-v-210ac9d9] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #766350;
    margin: 1.333vw 2.667vw;
    border-radius: 2.133vw;
    padding: 4vw 2.667vw;
    background: linear-gradient(120deg,#212121,#313131)
}

.nav_box .x_p[data-v-210ac9d9] {
    text-align: center;
    color: #e6b98a
}

.nav_box .x_p img[data-v-210ac9d9] {
    height: 10.133vw
}

.put_tit[data-v-210ac9d9] {
    font-weight: 700;
    color: #e6b98a;
    font-size: 3.733vw;
    padding-left: 2.133vw;
    position: relative
}

.put_tit[data-v-210ac9d9]:before {
    content: "";
    display: block;
    position: absolute;
    width: 1.067vw;
    height: 4vw;
    background-color: #e6b98a;
    left: 0;
    top: .8vw
}

.wuzii[data-v-210ac9d9] {
    margin: 3.467vw 2.667vw 2.133vw;
    border-radius: 2.133vw;
    padding: 4vw 2.667vw;
    background: linear-gradient(120deg,#212121,#313131);
    border: 1px solid #766350
}

.wuzii .xx_bc[data-v-210ac9d9] {
    display: flex;
    flex-wrap: wrap;
    font-size: 3.467vw;
    color: #ccc;
    justify-content: space-between;
    padding-top: 1.333vw
}

.wuzii .xx_bc .top_link[data-v-210ac9d9] {
    padding: 2.667vw 1.333vw
}

.wuzii_p[data-v-210ac9d9] {
    margin: 3.467vw 2.667vw 2.133vw;
    background: linear-gradient(120deg,#212121,#313131);
    display: flex;
    padding: 2.667vw 2.667vw;
    justify-content: space-between
}

.wuzii_p .xx_bc_u[data-v-210ac9d9] {
    color: #ccc
}

.header[data-v-210ac9d9] {
    height: 13vw;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #1f1c1f
}

.header_content[data-v-210ac9d9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin: 0 5.333vw;
    color: #fff
}

.header_content .img[data-v-210ac9d9] {
    height: 10.667vw
}

.header_content .img img[data-v-210ac9d9] {
    width: 100%;
    height: 100%
}

.notice-swiper[data-v-210ac9d9] {
    height: 11vw;
    font-size: 4vw;
    border-radius: 2.133vw;
    border: 1px solid #766350
}

.sub[data-v-210ac9d9] {
    background: #3f3a5b;
    padding: 1.067vw;
    color: #ebcaaf;
    font-size: 3.2vw;
    border-radius: 2.133vw 0;
    margin-left: .533vw
}

.gdgride[data-v-210ac9d9] {
    padding-right: 5.333vw
}

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

.gdgride span[data-v-210ac9d9] {
    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 span i[data-v-210ac9d9] {
    position: absolute;
    bottom: .667vw;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700
}

.van-image[data-v-210ac9d9] {
    position: relative;
    display: inline-block
}

.horizontalItem[data-v-210ac9d9] {
    display: flex;
    border-bottom: .267vw solid #eee;
    padding: 5.333vw 0 4vw
}

.horizontalItem .imgBox[data-v-210ac9d9] {
    position: relative;
    overflow: hidden;
    border-radius: 2.133vw;
    margin-right: 5.333vw
}

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

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

.top[data-v-210ac9d9] {
    display: flex
}

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

.horizontalItem .tags[data-v-210ac9d9] {
    display: flex;
    margin: 1.333vw 0 1.333vw;
    flex-wrap: wrap
}

.horizontalItem .tags .van-tag[data-v-210ac9d9] {
    padding: 2vw;
    font-size: 3vw;
    margin: 0 1.333vw 1.333vw 0;
    border-radius: 2.133vw
}

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

.OnlineMatching[data-v-210ac9d9] {
    height: 28vw;
    overflow: hidden
}

.OnlineMatching ul li[data-v-210ac9d9] {
    text-align: center;
    color: #fff;
    font-size: 4vw;
    margin-top: 2.667vw
}

.no-data[data-v-210ac9d9] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40vw;
    color: #999;
    font-size: 3.733vw
}

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

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

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

.rig-name[data-v-5c38c1ef] {
    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
}

.van-nav-bar[data-v-01eeb420] {
    background: linear-gradient(180deg,#1f1c1f 0,#1f1c1f)
}

.header_b[data-v-01eeb420] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.video_box[data-v-01eeb420] {
    padding-top: 13.333vw
}

.video_box .nav_box_w[data-v-01eeb420],.video_box[data-v-01eeb420] .van-tabs__nav {
    background: linear-gradient(120deg,#212121,#313131);
    border-top: 1px solid #333;
    border-bottom: 1px solid #333
}

.video_box .nav_box_w[data-v-01eeb420] {
    display: flex;
    padding: 2.667vw;
    flex-wrap: wrap
}

.video_box .nav_box_w .n_item[data-v-01eeb420] {
    color: #fff;
    padding: .267vw 2.133vw;
    border-radius: 5.333vw;
    margin-right: 2.667vw
}

.video_box .nav_box_w .n_item.active[data-v-01eeb420] {
    background: linear-gradient(90deg,#efcba7,#dcab76);
    color: #623a13
}

.video_box .c_yy[data-v-01eeb420] {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #c7c7c7;
    font-size: 4vw;
    padding: 1.6vw 0 4vw
}

.video_box .movie-list-item .imb_box[data-v-01eeb420] {
    position: relative
}

.video_box .movie-list-item .imb_box .van_img[data-v-01eeb420] {
    height: 40vw;
    width: 100%;
    border-radius: 2.667vw
}

.video_box .movie-list-item .imb_box .cc_zan[data-v-01eeb420] {
    position: absolute;
    background: rgba(0,0,0,.5);
    border-radius: 2.667vw 0;
    color: #fff;
    bottom: 3.467vw;
    right: 3.467vw;
    font-size: 3.2vw;
    padding: .267vw 2.133vw
}

[data-v-01eeb420] .van-tabs__wrap {
    height: 13vw;
    padding-bottom: 1.333vw
}

[data-v-01eeb420] .van-tabs__line {
    background-color: #c571cf
}

[data-v-01eeb420] .van-list__finished-text,[data-v-01eeb420] .van-loading__text {
    font-size: 4.267vw;
    color: #000
}

[data-v-01eeb420] .van-pull-refresh__head {
    height: 13.333vw
}

[data-v-01eeb420] .van-pull-refresh__text {
    font-size: 4.267vw;
    color: #000
}

.list-item[data-v-01eeb420] {
    display: flex;
    width: calc(100% - 7vw);
    margin: 1.333vw auto;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
}

.movie-list-item[data-v-01eeb420] {
    width: calc(50% - 1.6vw)
}

.cover_img[data-v-01eeb420] {
    border-radius: 2.667vw
}

.movie-list-item-bottom[data-v-01eeb420] {
    position: relative;
    width: 100%;
    bottom: 6vw
}

.movie-time-div[data-v-01eeb420] {
    background-color: rgba(0,0,0,.4);
    height: 8vw;
    color: #fff;
    border-radius: 0 0 5.333vw 5.333vw
}

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

.movie-time-div span[data-v-01eeb420]:first-child {
    overflow: hidden;
    white-space: nowrap;
    width: 24vw;
    padding-left: 2.133vw;
    font-size: 3vw
}

.activeBg[data-v-01eeb420] {
    color: #c571cf;
    font-weight: 700;
    background: url(/img/new.png) right top .667vw/30% no-repeat
}

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

.nav-bar[data-v-c4f338a6] {
    background: #1f1c1f;
    height: 13.333vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-v-c4f338a6] .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: #1f1c1f;
    border-bottom: 1px solid #322920
}

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

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

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

[data-v-699c74a2] .van-field__control {
    color: #e6b98a
}

.dong_box[data-v-699c74a2] {
    height: 100%
}

@keyframes bg-data-v-8175861c-699c74a2 {
    0%,to {
        background-position-x: 0
    }

    50% {
        background-position-x: 100%
    }
}

.dong_box .dong_i[data-v-699c74a2] {
    width: auto;
    animation: bg-data-v-8175861c-699c74a2 20s linear infinite;
    background: url(/img/newLogin/login.jpg) no-repeat 0 0;
    background-size: auto 100%;
    height: 100%
}

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

.bg-container .bg-wrapper .login .nav-bar[data-v-699c74a2] {
    background: 0 0;
    border-bottom: 1px solid transparent
}

.bg-container .bg-wrapper[data-v-699c74a2] {
    background: rgba(0,0,0,.5098039215686274) no-repeat 0 0;
    background-size: 100% 100%
}

.logon_box[data-v-699c74a2] {
    text-align: center
}
.logon_box img[data-v-699c74a2] {
    width: 30vw;
}
    
.logon_box .cc[data-v-699c74a2] {
    padding-top: 4vw;
    color: #ccc
}

.language[data-v-699c74a2] {
    position: absolute;
    top: 1.333vw;
    right: 5.333vw;
    height: 8.267vw;
    width: 8.267vw
}

.language img[data-v-699c74a2] {
    height: 100%;
    width: 100%
}

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

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

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

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

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

.login .wrapper .loginForm[data-v-699c74a2] {
    padding: 2.667vw 8vw
}

.login .wrapper .loginForm .input[data-v-699c74a2] {
    padding: 3.467vw 2.667vw;
    margin-top: 5.333vw;
    border-radius: 1.333vw;
    text-align: center;
    font-size: 4vw;
    width: 100%!important;
    height: 100%;
    box-sizing: border-box;
    background: linear-gradient(120deg,#212121,#313131);
    border: .267vw solid #766350;
    color: #e6b98a
}

.c_bott[data-v-699c74a2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2.667vw;
    color: #bfa77c;
    font-size: 3.333vw
}

[data-v-699c74a2] .van-cell:after {
    display: none
}

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

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

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

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

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

.login .wrapper .loginForm .login-btn[data-v-699c74a2] {
    margin-top: 11.333vw;
    width: 100%;
    height: 10.667vw;
    border-radius: 6.667vw;
    color: #68302c;
    background: linear-gradient(#fde3ca,#e7b486);
    font-size: 4vw;
    font-weight: bolder;
    border: none
}

.yam_box[data-v-64f6cd6e] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.yam_box .ym_x[data-v-64f6cd6e] {
    margin-left: 2.667vw;
    padding-top: 5.333vw
}

.sm_tit[data-v-64f6cd6e] {
    font-size: 2.667vw;
    color: #c5c5c5;
    padding-left: 4.8vw;
    margin: 1.333vw 0 2.667vw
}

.sm_tit_sk[data-v-64f6cd6e] {
    font-size: 3.733vw;
    color: #fff
}

.dong_box[data-v-64f6cd6e] {
    height: 100%
}

@keyframes bg-data-v-8175861c-64f6cd6e {
    0%,to {
        background-position-x: 0
    }

    50% {
        background-position-x: 100%
    }
}

.dong_box .dong_i[data-v-64f6cd6e] {
    width: auto;
    animation: bg-data-v-8175861c-64f6cd6e 20s linear infinite;
    background: url(/img/newLogin/login.jpg) no-repeat 0 0;
    background-size: auto 100%;
    height: 100%
}

.register[data-v-64f6cd6e] {
    height: 100%
}

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

.bg-container .bg-wrapper[data-v-64f6cd6e] {
    background: rgba(0,0,0,.5098039215686274) no-repeat 0 0;
    background-size: 100% 100%
}

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

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

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

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

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

.register .wrapper .loginForm[data-v-64f6cd6e] {
    padding: 8vw
}

.register .wrapper .loginForm .input[data-v-64f6cd6e] {
    padding: 3.467vw 2.667vw;
    margin-top: 5.333vw;
    border-radius: 1.333vw;
    text-align: center;
    font-size: 4vw;
    width: 100%!important;
    height: 100%;
    box-sizing: border-box;
    background: linear-gradient(120deg,#212121,#313131);
    border: .267vw solid #766350;
    color: #e6b98a
}

[data-v-64f6cd6e] .van-cell:after {
    display: none
}

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

[data-v-64f6cd6e] .van-field__control {
    color: #e6b98a
}

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

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

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

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

.register .wrapper .loginForm .login-btn[data-v-64f6cd6e] {
    margin-top: 11.333vw;
    width: 100%;
    height: 10.667vw;
    border-radius: 6.667vw;
    color: #68302c;
    background: linear-gradient(#fde3ca,#e7b486);
    font-size: 4vw;
    font-weight: bolder;
    border: none
}

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

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

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

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

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

.servicelistItem[data-v-1b726abf] {
    display: flex;
    flex-direction: column;
    height: 26.667vw;
    padding: 4vw 4vw;
    margin: 4vw 2.667vw;
    border-radius: 2.667vw;
    justify-content: space-between;
    background: linear-gradient(120deg,#212121,#313131)
}

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

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

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

.servicelistItem .servicelistItemTop .servicelistItemBtn[data-v-1b726abf] {
    display: flex;
    width: 20vw;
    height: 7.333vw;
    border-radius: 4vw;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg,#efcba7,#dcab76)
}

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

.servicelistItem .servicelistItemBottom[data-v-1b726abf] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.667vw;
    background: hsla(0,0%,100%,.1);
    border-radius: 1.333vw;
    color: #ccc;
    margin-top: 2.667vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.item-border[data-v-0c368086] {
    height: 1px;
    width: 96%;
    background-color: #2c3038;
    margin-left: 4%
}

.btn_out[data-v-0c368086] .van-button {
    margin: 3.467vw 0;
    background: linear-gradient(120deg,#212121,#313131)!important;
    color: #e6b98a;
    font-size: 4vw;
    border: none;
    width: 100%;
    padding: 2.667vw 0;
    height: auto;
    border-top: 1px solid #766350;
    border-bottom: 1px solid #766350
}

.btn_out[data-v-0c368086] .van-button .van-button__text {
    color: #e6b98a;
    padding: 1.333vw 0
}

.container .main-content[data-v-0c368086] {
    padding: 0 2.667vw;
    background: linear-gradient(120deg,#212121,#313131)!important;
    color: #eee
}

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

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

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

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

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

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

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

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

.sub-btn[data-v-ae8473ea] {
    background: linear-gradient(#fde3ca,#e7b486);
    display: inline-block;
    border: none;
    cursor: pointer;
    color: #68302c;
    font-size: 4.267vw;
    border-radius: 2rem;
    margin: 8vw 5.333vw;
    font-weight: 700;
    text-align: center;
    padding: 2.667vw 0
}

[data-v-ae8473ea] .van-field__label {
    color: #ccc
}

.van-cell-group[data-v-ae8473ea] {
    background-color: transparent;
    padding: 4vw 0
}

.van-cell-group[data-v-ae8473ea]:after {
    display: none
}

.van-cell[data-v-ae8473ea] {
    background: linear-gradient(120deg,#212121,#313131);
    margin: 0 4vw;
    box-sizing: border-box;
    width: auto;
    border: 1px solid #766350;
    border-radius: 1.333vw;
    font-size: 3.733vw;
    padding: 2.667vw 3.467vw
}

.van-cell[data-v-ae8473ea] .van-field__control {
    color: #f3c7a2
}

.van-cell[data-v-ae8473ea]:after {
    display: none
}

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

.nav-bar[data-v-ca0f0062] {
    background: #1f1c1f;
    height: 13.333vw
}

.container .items[data-v-ca0f0062] {
    background: linear-gradient(120deg,#212121,#313131);
    font-size: 4vw;
    color: #f3c7a2;
    padding: 3.333vw
}

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

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

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

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

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

[data-v-9027f10e] .van-field__label {
    color: #ccc
}

.van-cell-group[data-v-9027f10e] {
    background-color: transparent;
    padding: 4vw 0
}

.van-cell-group[data-v-9027f10e]:after {
    display: none
}

.van-cell[data-v-9027f10e] {
    background: linear-gradient(120deg,#212121,#313131);
    margin: 0 4vw;
    box-sizing: border-box;
    width: auto;
    border: 1px solid #766350;
    border-radius: 1.333vw;
    font-size: 3.733vw;
    padding: 2.667vw 3.467vw
}

.van-cell[data-v-9027f10e] .van-field__control {
    color: #f3c7a2
}

.van-cell[data-v-9027f10e]:after {
    display: none
}

.container .sex[data-v-9027f10e] {
    padding: 0 5.333vw
}

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

[data-v-9027f10e] .van-radio__label {
    line-height: 6.667vw;
    margin-left: 4vw;
    color: #f3c7a2
}

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

[data-v-9027f10e] .van-radio__icon--checked .van-icon {
    color: #fff;
    border-color: #f3c7a2;
    background-color: #f3c7a2
}

.container .van-hairline--bottom[data-v-9027f10e]: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] {
    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
}

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

.container .main[data-v-00990fb4] {
    position: relative;
    overflow: auto;
    background-color: #1f1c1f;
    height: 100%;
    padding: 0 1.333vw
}

.item_list[data-v-00990fb4] {
    padding: 2vw 2vw;
    margin: 4vw 1.333vw;
    background: linear-gradient(120deg,#212121,#313131);
    border-radius: 1.333vw;
    line-height: 8vw;
    color: #f3c7a2;
    border: 1px solid #766350
}

.item_list .topInfo span[data-v-00990fb4] {
    flex: 1;
    font-size: 4.267vw;
    font-weight: 700;
    color: #f3c7a2
}

.item_list .time span[data-v-00990fb4] {
    flex: 1;
    font-size: 3.333vw;
    font-weight: 500;
    color: #f3c7a2
}

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

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

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

.item_list .lottery_info[data-v-00990fb4] {
    display: flex
}

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

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

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

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

.kuaisan-ball .res-des[data-v-00990fb4] {
    font-weight: 700;
    text-align: center;
    color: #f3c7a2
}

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

.ressquareBox[data-v-00990fb4] {
    background: linear-gradient(90deg,#f560cd,#4f2b8a);
    color: #f3c7a2;
    height: 7vw;
    line-height: 7vw;
    text-align: center;
    font-size: 3vw;
    font-weight: 700;
    border-radius: 2.133vw;
    margin-left: 2.667vw;
    padding: 1.733vw 5.333vw;
    min-width: 13vw
}

.sub-btn[data-v-5ab83ca4] {
    background: linear-gradient(#fde3ca,#e7b486);
    display: inline-block;
    border: none;
    cursor: pointer;
    color: #68302c;
    font-size: 4.267vw;
    border-radius: 2rem;
    margin: 8vw 5.333vw;
    font-weight: 700;
    text-align: center;
    padding: 2.667vw 0
}

.van-cell[data-v-5ab83ca4] {
    background: linear-gradient(120deg,#212121,#313131);
    margin: 0 4vw;
    box-sizing: border-box;
    width: auto;
    border: 1px solid #766350;
    border-radius: 1.333vw;
    font-size: 3.733vw;
    padding: 2.667vw 3.467vw
}

.van-cell[data-v-5ab83ca4] .van-field__control {
    color: #f3c7a2
}

.van-cell[data-v-5ab83ca4]:after {
    display: none
}

.van-cell-group[data-v-5ab83ca4] {
    background-color: transparent
}

.van-cell-group[data-v-5ab83ca4]:after {
    display: none
}

.c_p_j[data-v-5ab83ca4] {
    padding: 3.467vw 4vw;
    color: #f3c7a2;
    font-size: 3.467vw
}

.sub-btn[data-v-0a0219ac] {
    background: linear-gradient(#fde3ca,#e7b486);
    display: inline-block;
    border: none;
    cursor: pointer;
    color: #68302c;
    font-size: 4.267vw;
    border-radius: 2rem;
    margin: 8vw 5.333vw;
    font-weight: 700;
    text-align: center;
    padding: 2.667vw 0
}

.van-cell[data-v-0a0219ac] {
    background: linear-gradient(120deg,#212121,#313131);
    margin: 0 4vw;
    box-sizing: border-box;
    width: auto;
    border: 1px solid #766350;
    border-radius: 1.333vw;
    font-size: 3.733vw;
    padding: 2.667vw 3.467vw
}

.van-cell[data-v-0a0219ac] .van-field__control {
    color: #f3c7a2
}

.van-cell[data-v-0a0219ac]:after {
    display: none
}

.van-cell-group[data-v-0a0219ac] {
    background-color: transparent
}

.van-cell-group[data-v-0a0219ac]:after {
    display: none
}

.c_p_j[data-v-0a0219ac] {
    padding: 3.467vw 4vw;
    color: #f3c7a2;
    font-size: 3.467vw
}

.c_kk_img[data-v-4205771b] {
    height: 7.467vw;
    width: 7.467vw;
    border-radius: 50%;
    border: .267vw solid #766350;
    margin-left: 2.667vw
}

.info_c_h[data-v-4205771b] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    color: #fff;
    padding: 8vw 4vw 1.333vw
}

.info_c_h .m1[data-v-4205771b] {
    padding-bottom: 2.133vw
}

.info_c_h .p_number[data-v-4205771b] {
    padding-bottom: 1.333vw;
    font-size: 4vw
}

.info_c_h .p_number span[data-v-4205771b] {
    font-weight: 700;
    font-size: 4.8vw
}

.c_bt_m[data-v-4205771b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8vw 1.333vw 0 4vw
}

.c_bt_m .left_b[data-v-4205771b] {
    display: inline-flex;
    align-items: center;
    color: #fff
}

.c_bt_m .left_b .hao[data-v-4205771b] {
    font-size: 3.2vw
}

.c_bt_m .left_b .bn[data-v-4205771b] {
    padding: 0 1.333vw;
    border-radius: 4vw;
    margin-left: 1.333vw;
    font-size: 2.667vw
}

.c_bt_m .left_b .bn.d[data-v-4205771b] {
    background: #8948fb
}

.c_bt_m .left_b .bn.x[data-v-4205771b] {
    background: #ff6398
}

.c_bt_m .left_b .bn.v[data-v-4205771b] {
    background: #2196f3
}

.c_bt_m .left_b .bn.r[data-v-4205771b] {
    background: #ff7d73
}

.c_bt_m .right_b[data-v-4205771b] {
    display: inline-flex;
    align-items: center
}

.c_bt_m .right_b .r_c[data-v-4205771b] {
    font-size: 3.2vw;
    margin-right: .8vw;
    color: #fff
}

.c_bt_m .right_b .down[data-v-4205771b],.c_bt_m .right_b .up[data-v-4205771b] {
    font-size: 3.733vw
}

.nav-bar .right[data-v-4205771b] {
    padding-left: 1.067vw;
    padding-right: 1.067vw;
    color: #e6b98a;
    font-size: 4.8vw;
    border-radius: 1.333vw;
    line-height: 8vw
}

.lottery[data-v-4205771b] {
    background: #1f1c1f url(/img/neww/room_bg.gif) no-repeat;
    background-size: 94% auto;
    background-position: center 16vw
}

.lottery .van-nav-bar[data-v-4205771b] {
    background: linear-gradient(180deg,#1f1c1f 0,#1f1c1f)
}

.record[data-v-4205771b] {
    padding-left: 2.667vw;
    padding-right: 2.667vw;
    z-index: 1
}

.record .period[data-v-4205771b] {
    display: flex;
    align-items: center;
    padding: 3.733vw 0
}

.record .period .cover[data-v-4205771b] {
    width: 13.867vw;
    height: 13.867vw;
    -o-object-fit: cover;
    object-fit: cover
}

.record .period .period-number[data-v-4205771b] {
    flex: 1;
    margin-left: 5.333vw;
    margin-right: 2.667vw;
    height: 6.667vw;
    line-height: 6.667vw;
    font-size: 3.733vw;
    font-weight: 700;
    color: #fff
}

.van-count-down[data-v-4205771b] {
    color: #fff;
    font-size: 3.733vw;
    margin-top: 1.333vw;
    float: right;
    border: 1px solid #ccc;
    padding: 1.333vw;
    border-radius: .8vw
}

.linear-gradient[data-v-4205771b] {
    background: linear-gradient(90deg,rgba(126,86,120,0),#e6c3a1,rgba(126,86,120,0))
}

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

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

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

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

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

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

.van-icon[data-v-4205771b] {
    font-size: 5.333vw
}

.down[data-v-4205771b],.up[data-v-4205771b] {
    transition: all .5s;
    color: #fff
}

.up[data-v-4205771b] {
    transform: rotate(180deg)
}

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

.options-bar[data-v-4205771b] {
    border: 1px solid #766350;
    border-radius: 2.133vw;
    background: linear-gradient(120deg,#212121,#313131);
    margin: 4vw 2.667vw
}

.put_tit_r[data-v-4205771b] {
    font-weight: 700;
    color: #e6b98a;
    font-size: 3.733vw;
    padding-left: 2.133vw;
    position: relative;
    margin: 2.667vw
}

.put_tit_r[data-v-4205771b]:before {
    content: "";
    display: block;
    position: absolute;
    width: 1.067vw;
    height: 4vw;
    background: linear-gradient(90deg,#ff7a8d 0,#ff4d67);
    left: 0;
    top: .8vw
}

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

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

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

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

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

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

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

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

.sumValueTwoSides .c_u_item[data-v-4205771b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.667vw 5.333vw 2.667vw 1.333vw;
    border: .533vw solid transparent
}

.sumValueTwoSides .c_u_item img[data-v-4205771b] {
    width: 17.333vw
}

.sumValueTwoSides .c_u_item .peilv-emoji[data-v-4205771b] {
    font-size: 12vw;
    line-height: 1
}

.rectangle[data-v-4205771b] {
    overflow: hidden
}

.rectangle.large[data-v-4205771b] {
    width: calc(50% - 4vw)!important;
    text-align: center;
    background: #fff;
    box-shadow: 0 .533vw 3.2vw 0 rgba(0,0,0,.1);
    margin: 0 0 4vw 2.667vw;
    width: 20%;
    border-radius: 2.667vw;
    color: #fff
}

.rectangle.large.active[data-v-4205771b] {
    position: relative
}

.rectangle.large.active[data-v-4205771b]:after {
    content: "";
    background: url(/img/neww/ico_yes.png) 100% 100% no-repeat;
    background-size: 6.667vw auto;
    width: 8vw;
    height: 8vw;
    position: absolute;
    bottom: .267vw;
    right: .267vw;
    display: block
}

.rectangle.large.active .c_u_item[data-v-4205771b] {
    background-color: #212121!important;
    color: #f3c7a2!important;
    box-sizing: border-box;
    border: .533vw solid #766350
}

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

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

.pop_wrapper[data-v-4205771b] {
    border: 1px solid #ffc3cb;
    margin: 2.133vw;
    padding: 0 1.333vw
}

.pop_wrapper .item[data-v-4205771b] {
    border-bottom: 1px solid #ccc
}

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

.rectangle .wrapper .content .name-text.large[data-v-4205771b] {
    font-size: 4.267vw
}

.rectangle .wrapper .content .name-text[data-v-4205771b] {
    color: #7d7c7c
}

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

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

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

.bottom-bar .bar[data-v-4205771b] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 13.333vw;
    background-color: #1c1c1c;
    box-shadow: 0 0 2.667vw 0 #cacaca;
    border-bottom: 1px solid #ccc;
    z-index: 2
}

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

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

.jixuanico[data-v-4205771b] {
    font-size: 6vw
}

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

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

.bottom-bar .bar .mid .text[data-v-4205771b] {
    font-size: 4vw;
    font-weight: 500;
    color: #e6b98a
}

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

.bottom-bar .bar .right[data-v-4205771b] {
    padding: 0 4vw;
    margin: 0 4vw;
    color: #fff;
    background: linear-gradient(20deg,#e6b98a,#e6953f);
    font-size: 3.733vw;
    font-weight: 500;
    height: 9.333vw;
    line-height: 9.333vw;
    border-radius: 2.133vw
}

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

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

[data-v-4205771b] .van-popup {
    position: absolute
}

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

[data-v-4205771b] .van-popup--top {
    top: -1px
}

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

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

.font-weight[data-v-4205771b] {
    font-weight: 700!important
}

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

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

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

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

.wrapper .item .kuaisan-ball .res-des[data-v-4205771b] {
    border: 1px solid #e6b98a;
    color: #e6b98a;
    height: 6vw;
    line-height: 5.5vw;
    text-align: center;
    font-size: 3vw;
    font-weight: 700;
    margin-right: 4vw;
    width: 6vw;
    border-radius: 50%;
    flex-shrink: 0
}

.middle[data-v-4205771b] {
    border-radius: 2.133vw;
    padding: 0 2.133vw;
    color: #fff;
    height: 6vw;
    line-height: 6vw;
    text-align: center;
    font-size: 3vw;
    font-weight: 700;
    margin-right: 4vw
}

.middle.d[data-v-4205771b] {
    background: #8948fb
}

.middle.x[data-v-4205771b] {
    background: #ff6398
}

.middle.v[data-v-4205771b] {
    background: #2196f3
}

.middle.r[data-v-4205771b] {
    background: #ff7d73
}

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

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

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

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

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

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

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

.rectangle.active .wrapper[data-v-4205771b] {
    background-color: #d07ac7!important
}

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

.bottom-bar .wrapper[data-v-4205771b] {
    position: absolute;
    top: 1.333vw;
    left: 0;
    right: 0;
    padding: 2.667vw 2.667vw 1.333vw 2.667vw;
    height: 24vw;
    background-color: #1c1c1c;
    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-4205771b] {
    transform: translateY(-100%)
}

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

.bottom-bar .wrapper .item .label[data-v-4205771b] {
    font-size: 4vw;
    line-height: 4vw;
    color: #e6b98a
}

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

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

.van-cell[data-v-4205771b] {
    font-size: 4vw;
    line-height: 6.667vw;
    background-color: rgba(0,0,0,.5);
    margin-left: 2.667vw
}

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

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

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

[data-v-4205771b] .van-field__control {
    color: #e6b98a
}

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

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

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

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

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

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

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

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

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

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

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

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

.confirm-order-modal .sub-bar .item.sub-btn[data-v-4205771b] {
    background: linear-gradient(20deg,#8673e5,#d958a4);
    color: #fff;
    border: 0
}

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

.numberBox .resBox[data-v-4205771b] {
    display: flex;
    align-items: center;
    border-radius: 2.133vw;
    padding: 2.133vw;
    height: 100%;
    margin-left: 1.333vw;
    width: calc(100% - 37vw);
    box-sizing: border-box
}

.resBox .resItem[data-v-4205771b] {
    width: 9vw;
    height: 9vw;
    line-height: 9vw;
    margin-right: 2.667vw;
    background: linear-gradient(90deg,#8b73e6,#d75db4);
    border-radius: 50%;
    color: #fff;
    text-align: center
}

.ressquareBox[data-v-4205771b] {
    border-radius: 2.133vw;
    padding: 0 2.133vw;
    background: linear-gradient(90deg,#f560cd,#4f2b8a);
    color: #fff;
    height: 7vw;
    line-height: 7vw;
    text-align: center;
    font-size: 3vw;
    font-weight: 700
}

.ballBox[data-v-4205771b] {
    color: #e6b98a;
    font-weight: 700;
    margin-right: 1.067vw;
    font-size: 5vw
}

.list[data-v-4205771b] {
    padding: 4vw
}

.list .item[data-v-4205771b] {
    background-color: #e4e4e7;
    border-radius: 2.133vw;
    padding: 5.333vw;
    margin-bottom: 2.667vw
}

.wrapper_box[data-v-4205771b] {
    background: linear-gradient(120deg,#212121,#313131);
    transform: translateY(100%);
    padding-bottom: 1.6vw
}

.wrapper_box.active[data-v-4205771b] {
    transform: translateY(-100%)
}

.wrapper_box .down[data-v-4205771b] {
    color: #766350
}

.wrapper_box .part_show[data-v-4205771b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.333vw 1.333vw
}

.wrapper_box .part_show .left_u[data-v-4205771b] {
    display: inline-flex;
    align-items: center
}

.wrapper_box .part_input[data-v-4205771b] {
    display: flex;
    justify-content: center;
    align-items: center
}

.wrapper_box .part_input .label[data-v-4205771b] {
    color: #c5c5c5;
    font-size: 3.733vw
}

.wrapper_box .part_input .amount-wrapper[data-v-4205771b] {
    width: 30%
}

.wrapper_box .part_input .amount-wrapper .van-cell[data-v-4205771b] {
    border: 1px solid #766350;
    background: linear-gradient(120deg,#212121,#313131);
    border-radius: 8vw;
    padding: .533vw 2.667vw
}

.wrapper_box .part_total[data-v-4205771b] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .8vw 1.333vw .533vw;
    gap: 1.067vw
}

.wrapper_box .part_total .label[data-v-4205771b] {
    color: #c5c5c5;
    font-size: 3.733vw
}

.wrapper_box .part_total .total_value[data-v-4205771b] {
    color: #efcba7;
    font-size: 4vw;
    font-weight: 600
}

.wrapper_box .sub_btn[data-v-4205771b] {
    background: linear-gradient(180deg,#efcba7,#dcab76);
    margin: 2.667vw 9.333vw;
    text-align: center;
    padding: 2.133vw 0;
    border-radius: 1.333vw
}

@media (max-height: 800px) {
    .sumValueTwoSides[data-v-4205771b] {
        justify-content:space-between
    }

    .sumValueTwoSides .rectangle.large[data-v-4205771b] {
        width: calc(25% - 20px)!important;
        margin: 0 10px 16px 10px
    }

    .sumValueTwoSides .c_u_item[data-v-4205771b] {
        flex-direction: column;
        align-items: center!important;
        justify-content: center!important;
        padding: 1.667vw 1.333vw 1.667vw 1.333vw!important;
        font-size: 13px
    }
}

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

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

.container .content .listItem[data-v-8bb25d14] {
    margin-bottom: 2.667vw;
    padding: 2.667vw 2.667vw 0;
    position: relative;
    color: #f3c7a2
}

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

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

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

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

.station-letter-page[data-v-b4354864] {
    background-color: #1f1c1f;
    min-height: 100vh
}

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

.content[data-v-b4354864] {
    padding: 2.133vw 0 5.333vw;
    min-height: calc(100vh - 6.133vw)
}

.list-item[data-v-b4354864] {
    display: flex;
    align-items: center;
    margin: 0 3.2vw 2.133vw;
    padding: 3.2vw 2.667vw;
    background: linear-gradient(120deg,#212121,#313131);
    border: 1px solid #766350;
    border-radius: 1.6vw;
    color: #f3c7a2;
    position: relative
}

.list-item.is-unread .list-main[data-v-b4354864] {
    padding-left: 3.733vw
}

.dot[data-v-b4354864] {
    position: absolute;
    left: 1.6vw;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 50%;
    background: #ee0a24
}

.list-main[data-v-b4354864] {
    flex: 1;
    min-width: 0;
    padding-left: 2.133vw
}

.list-title[data-v-b4354864] {
    font-size: 4.267vw;
    font-weight: 600;
    margin-bottom: 1.067vw
}

.list-preview[data-v-b4354864] {
    font-size: 3.467vw;
    color: #c9a882;
    opacity: .9;
    line-height: 1.4
}

.list-time[data-v-b4354864] {
    font-size: 3.2vw;
    color: #8a7a6a;
    margin-top: 1.6vw
}

.arrow[data-v-b4354864] {
    color: #766350;
    font-size: 3.733vw;
    flex-shrink: 0
}

.detail-wrap[data-v-b4354864] {
    padding: 6.933vw 4.267vw 5.333vw;
    color: #444;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto
}

[data-v-b4354864] .detail-popup .van-popup__close-icon {
    color: #c9a882
}

.detail-title[data-v-b4354864] {
    font-size: 4.533vw;
    font-weight: 600;
    margin-bottom: 1.6vw
}

.detail-time[data-v-b4354864] {
    font-size: 3.467vw;
    color: #8a7a6a;
    margin-bottom: 3.2vw
}

.detail-body[data-v-b4354864] {
    font-size: 3.733vw;
    line-height: 1.55;
    white-space: pre-wrap;
    word-break: break-word
}

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

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

.movie-content .movie-descript[data-v-51499f9f] {
    width: 100%;
    color: #f3c7a2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2vw
}

.movie-content .movie-descript p[data-v-51499f9f] {
    font-size: 4vw;
    font-weight: 700;
    color: #f3c7a2
}

.movie-content .movie-descript span[data-v-51499f9f] {
    color: #aa2ddc;
    font-size: .8rem;
    background: #f2f2f5;
    padding: 1.333vw;
    border-radius: 2.133vw
}

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

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

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

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

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

abbr[data-v-51499f9f],address[data-v-51499f9f],article[data-v-51499f9f],aside[data-v-51499f9f],audio[data-v-51499f9f],b[data-v-51499f9f],blockquote[data-v-51499f9f],body[data-v-51499f9f],canvas[data-v-51499f9f],caption[data-v-51499f9f],cite[data-v-51499f9f],code[data-v-51499f9f],dd[data-v-51499f9f],del[data-v-51499f9f],details[data-v-51499f9f],dfn[data-v-51499f9f],div[data-v-51499f9f],dl[data-v-51499f9f],dt[data-v-51499f9f],em[data-v-51499f9f],fieldset[data-v-51499f9f],figcaption[data-v-51499f9f],figure[data-v-51499f9f],footer[data-v-51499f9f],form[data-v-51499f9f],h1[data-v-51499f9f],h2[data-v-51499f9f],h3[data-v-51499f9f],h4[data-v-51499f9f],h5[data-v-51499f9f],h6[data-v-51499f9f],header[data-v-51499f9f],hgroup[data-v-51499f9f],html[data-v-51499f9f],i[data-v-51499f9f],iframe[data-v-51499f9f],img[data-v-51499f9f],ins[data-v-51499f9f],kbd[data-v-51499f9f],label[data-v-51499f9f],legend[data-v-51499f9f],li[data-v-51499f9f],mark[data-v-51499f9f],menu[data-v-51499f9f],nav[data-v-51499f9f],object[data-v-51499f9f],ol[data-v-51499f9f],p[data-v-51499f9f],pre[data-v-51499f9f],q[data-v-51499f9f],samp[data-v-51499f9f],section[data-v-51499f9f],small[data-v-51499f9f],span[data-v-51499f9f],strong[data-v-51499f9f],sub[data-v-51499f9f],summary[data-v-51499f9f],sup[data-v-51499f9f],table[data-v-51499f9f],tbody[data-v-51499f9f],td[data-v-51499f9f],tfoot[data-v-51499f9f],th[data-v-51499f9f],thead[data-v-51499f9f],time[data-v-51499f9f],tr[data-v-51499f9f],ul[data-v-51499f9f],var[data-v-51499f9f],video[data-v-51499f9f] {
    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-51499f9f] {
    font-size: 1.63em!important
}

.hotlist[data-v-51499f9f] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.hotlist div[data-v-51499f9f] {
    position: relative;
    width: calc(50% - 1.333vw);
    border-radius: 2.133vw;
    overflow: hidden;
    margin-bottom: 2.667vw
}

.hotlist div img[data-v-51499f9f] {
    width: 100%;
    height: 27vw
}

.hotlist div div[data-v-51499f9f] {
    position: absolute;
    bottom: 2.667vw;
    width: 100%;
    left: 0;
    background: rgba(0,0,0,.4);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 3vw;
    height: 8vw;
    border-radius: 2.133vw
}

.hotlist div div span[data-v-51499f9f] {
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    padding-left: 2.667vw
}

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

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

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

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

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

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

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

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

[data-v-74a84082] .van-radio__label {
    color: #f3c7a2;
    line-height: unset
}

[data-v-74a84082] .van-tabs__line {
    bottom: 1vw
}

.bind-tabs[data-v-74a84082] .van-tabs__nav {
    background: #1f1c1f
}

.bind-tabs[data-v-74a84082] .van-tabs__nav--complete {
    padding: 0 1.067vw
}

.bind-tabs[data-v-74a84082] .van-tab {
    color: #999;
    font-size: 3.467vw;
    line-height: 1.35;
    padding: 0 2.133vw
}

.bind-tabs[data-v-74a84082] .van-tab--active {
    color: #e6b98a
}

.bind-tabs[data-v-74a84082] .van-tabs__line {
    background: #e6b98a
}

.crypto-coin-row[data-v-74a84082] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 2.667vw 3.467vw 1.333vw;
    font-size: 3.733vw;
    color: #f3c7a2
}

.crypto-coin-row .crypto-coin-label[data-v-74a84082] {
    margin-right: 3.2vw;
    min-width: 18.667vw
}

.crypto-coin-row[data-v-74a84082] .van-radio {
    margin-right: 4.267vw
}

.sub-btn[data-v-74a84082] {
    background: linear-gradient(#fde3ca,#e7b486);
    display: inline-block;
    border: none;
    cursor: pointer;
    color: #68302c;
    font-size: 4.267vw;
    border-radius: 2rem;
    margin: 8vw 5.333vw;
    font-weight: 700;
    text-align: center;
    padding: 2.667vw 0
}

.bind-locked-tip[data-v-74a84082] {
    margin: 6.4vw 5.333vw 8vw;
    padding: 3.2vw 3.733vw;
    font-size: 3.733vw;
    line-height: 1.5;
    color: #c9a882;
    text-align: center;
    border: 1px solid #766350;
    border-radius: 2.133vw;
    background: linear-gradient(120deg,#212121,#2a2a2a)
}

[data-v-74a84082] .van-field__label {
    color: #ccc;
    width: 21.333vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1.5
}

[data-v-74a84082] .custom-field .van-cell__title {
    display: flex;
    align-items: center;
    min-height: 5.333vw;
    flex-shrink: 0
}

[data-v-74a84082] .van-field__value {
    flex: 1;
    justify-content: center
}

[data-v-74a84082] .van-field__control {
    width: 100%;
    text-overflow: ellipsis
}

[data-v-74a84082] .van-field__placeholder {
    display: flex;
    align-items: center;
    min-height: 5.333vw;
    line-height: 1.5
}

.van-cell-group[data-v-74a84082] {
    background-color: transparent;
    padding: 4vw 0
}

.van-cell-group[data-v-74a84082]:after {
    display: none
}

.van-cell[data-v-74a84082] {
    background: linear-gradient(120deg,#212121,#313131);
    margin: 0 4vw;
    box-sizing: border-box;
    width: auto;
    border: 1px solid #766350;
    border-radius: 1.333vw;
    font-size: 3.733vw;
    padding: 3.733vw 3.467vw;
    margin-bottom: 2.667vw;
    display: flex;
    flex-wrap: nowrap
}

.van-cell[data-v-74a84082] .van-field__control {
    color: #f3c7a2
}

.van-cell[data-v-74a84082]:after {
    display: none
}

.custom-form[data-v-74a84082] .field-stack.van-cell {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap
}

.custom-form[data-v-74a84082] .field-stack .van-cell__title {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    margin-bottom: 1.6vw;
    flex-shrink: 0
}

.custom-form[data-v-74a84082] .field-stack .van-field__label {
    width: 100%!important;
    max-width: 100%;
    justify-content: flex-start
}

.custom-form[data-v-74a84082] .field-stack .van-cell__value {
    width: 100%;
    flex: 1 1 auto
}

.custom-form[data-v-74a84082] .field-stack .van-field__body {
    width: 100%
}

.custom-form[data-v-74a84082] .field-stack .van-field__placeholder {
    color: rgba(243,199,162,.42)
}

.custom-form[data-v-74a84082] .field-stack .van-field__control::-moz-placeholder {
    color: rgba(243,199,162,.42)
}

.custom-form[data-v-74a84082] .field-stack .van-field__control::placeholder {
    color: rgba(243,199,162,.42)
}

.custom-form[data-v-74a84082] .field-stack .van-field__control::-webkit-input-placeholder {
    color: rgba(243,199,162,.42)
}

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

.bankbox .title[data-v-74a84082] {
    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 .label[data-v-74a84082] {
    padding: 2.667vw 0 2.667vw 3.467vw;
    font-size: 4.667vw;
    color: #f3c7a2
}

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

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

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

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

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

.p_c[data-v-da181c3c] {
    color: #fff;
    padding: 0 4vw 2.667vw;
    font-size: 3.733vw
}

.hang_p_c[data-v-da181c3c] {
    padding: 0 0 2.667vw;
    border-bottom: 1px solid #c5a081;
    margin: 0 2.667vw;
    color: #c5a081;
    font-size: 3.733vw
}

.sub-btn[data-v-da181c3c] {
    background: linear-gradient(#fde3ca,#e7b486);
    display: inline-block;
    border: none;
    cursor: pointer;
    color: #68302c;
    font-size: 4.267vw;
    border-radius: 2rem;
    margin: 5.333vw 5.333vw;
    font-weight: 700;
    text-align: center;
    padding: 2.667vw 0
}

.shuoming[data-v-da181c3c] {
    background: #2e2e2e;
    color: #c1c1c1;
    padding: 5.333vw 4.8vw
}

.shuoming .l_p[data-v-da181c3c] {
    font-size: 3.467vw;
    margin-top: 2.133vw
}

.shuoming .l_p.q1[data-v-da181c3c] {
    font-size: 4vw
}

[data-v-da181c3c] .van-field__label {
    color: #ccc
}

.van-cell-group[data-v-da181c3c] {
    background-color: transparent;
    padding: 4vw 0
}

.van-cell-group[data-v-da181c3c]:after {
    display: none
}

.van-cell[data-v-da181c3c] {
    background: linear-gradient(120deg,#212121,#313131);
    margin: 0 4vw;
    box-sizing: border-box;
    width: auto;
    border: 1px solid #766350;
    border-radius: 1.333vw;
    font-size: 3.733vw;
    padding: 2.667vw 3.467vw
}

.van-cell+.van-cell[data-v-da181c3c] {
    margin-top: 4vw
}

.van-cell[data-v-da181c3c] .van-field__control {
    color: #f3c7a2
}

.van-cell[data-v-da181c3c]:after {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container .main[data-v-2a5f546a] {
    position: relative;
    overflow: auto;
    background-color: #1f1c1f;
    height: 100%;
    padding: 0 1.333vw
}

.item_list[data-v-2a5f546a] {
    padding: 2vw 2vw;
    margin: 4vw 1.333vw;
    background: linear-gradient(120deg,#212121,#313131);
    border-radius: 1.333vw;
    line-height: 8vw;
    color: #f3c7a2;
    border: 1px solid #766350
}

.item_list .topInfo span[data-v-2a5f546a] {
    flex: 1;
    font-size: 4.267vw;
    font-weight: 700;
    color: #f3c7a2
}

.item_list .time span[data-v-2a5f546a] {
    flex: 1;
    font-size: 3.333vw;
    font-weight: 500;
    color: #f3c7a2
}

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

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

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

.item_list .lottery_info[data-v-2a5f546a] {
    display: flex
}

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

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

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

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

.kuaisan-ball .res-des[data-v-2a5f546a] {
    font-weight: 700;
    text-align: center;
    color: #f3c7a2
}

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

.ressquareBox[data-v-2a5f546a] {
    background: linear-gradient(#fde3ca,#e7b486);
    color: #333;
    height: 7vw;
    line-height: 7vw;
    text-align: center;
    font-size: 3vw;
    font-weight: 700;
    border-radius: 2.133vw;
    margin-left: 2.667vw;
    padding: 1.733vw 5.333vw;
    min-width: 13vw;
    white-space: nowrap
}

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

.container .main[data-v-8471d458] {
    position: relative;
    overflow: auto;
    background-color: #1f1c1f;
    height: 100%;
    padding: 0 1.333vw
}

.item_list[data-v-8471d458] {
    padding: 2vw 2vw;
    margin: 4vw 1.333vw;
    background: linear-gradient(120deg,#212121,#313131);
    border-radius: 1.333vw;
    box-shadow: 0 .267vw 1.067vw #000;
    line-height: 8vw
}

.item_list .topInfo span[data-v-8471d458] {
    flex: 1;
    font-size: 4.667vw;
    font-weight: 700;
    color: #f3c7a2
}

.item_list .time span[data-v-8471d458] {
    flex: 1;
    font-size: 3.333vw;
    font-weight: 500;
    color: #f3c7a2
}

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

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

[data-v-049a70d6] .van-tabs__nav {
    background: initial
}

.van-nav-bar[data-v-049a70d6] {
    background: #1f1c1f
}

.topInfo[data-v-049a70d6] {
    position: relative;
    padding: 4vw 5.333vw
}

.feiziInfo .topInfo div:first-child span[data-v-049a70d6]:first-child {
    color: #f3c7a2;
    font-size: 5vw
}

.topInfo .item[data-v-049a70d6] {
    background: linear-gradient(50deg,#9b54ca,#e6557f);
    color: #fff;
    display: inline-block;
    border-radius: 2.667vw;
    margin-right: 4vw;
    font-size: 3.2vw;
    padding: 2.133vw;
    margin-bottom: 4vw
}

.yuyueBox[data-v-049a70d6] {
    position: absolute;
    right: 4vw;
    bottom: 5.333vw;
    color: #fff;
    padding: 2.667vw 4vw;
    background: linear-gradient(20deg,#e73266,#ee5380);
    border-radius: 7vw
}

.dianzanimg[data-v-049a70d6] {
    position: absolute;
    top: 4vw;
    right: 7vw;
    text-align: center
}

.cenInfo[data-v-049a70d6] {
    padding: 4vw 2.667vw
}

.imgswiper[data-v-049a70d6] {
    width: 100%;
    overflow-x: scroll;
    margin: 4vw 0;
    display: flex;
    flex-wrap: nowrap
}

.imgswiper .active[data-v-049a70d6] {
    border: 1.333vw solid #f3c7a2
}

.btmInfo[data-v-049a70d6] {
    padding: 4vw 5.333vw
}

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

.video-js[data-v-049a70d6] {
    width: 100%;
    height: 44.8vw;
    font-size: 3.2vw
}

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

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

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

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

.tui[data-v-d0a95f84] {
    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-d0a95f84]:after {
    border: none!important
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html {
    font-size: 62.5%
}

body,html {
    height: 100%;
    width: 100%
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input[type=button],input[type=email],input[type=password],input[type=submit],input[type=text] {
    -webkit-appearance: none;
    border-radius: 0
}

a {
    color: #fff;
    text-decoration: none
}

.mb0 {
    margin: 0 0 0 0
}

.mb5 {
    margin: 0 0 .667vw 0
}

.mb10 {
    margin: 0 0 1.333vw 0
}

.mb15 {
    margin: 0 0 2vw 0
}

.mb20 {
    margin: 0 0 2.667vw 0
}

.mb30 {
    margin: 0 0 4vw 0
}

.mb40 {
    margin: 0 0 5.333vw 0
}

.mb50 {
    margin: 0 0 6.667vw 0
}

.mb60 {
    margin: 0 0 8vw 0
}

.mb70 {
    margin: 0 0 9.333vw 0
}

.mb80 {
    margin: 0 0 10.667vw 0
}

.mb90 {
    margin: 0 0 12vw 0
}

.mb100 {
    margin: 0 0 13.333vw 0
}

body {
    font-family: YuGothic,Yu Gothic,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #111;
    background: #f3f3f3!important
}

p {
    margin: 0 0 1.333vw
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.center {
    text-align: center
}

.sp {
    display: none
}

#nav-toggle,.pc {
    display: block
}

#nav-toggle {
    float: right;
    margin: 1.333vw 1.333vw 0 0;
    width: 2.933vw;
    height: 2.933vw;
    padding: 1.2vw;
    cursor: pointer;
    z-index: 6;
    background: rgba(0,0,0,.7)
}

#nav-toggle,#nav-toggle div {
    position: relative
}

#nav-toggle span {
    display: block;
    position: absolute;
    width: 100%;
    border-radius: .4vw;
    border-bottom: .267vw solid #fff;
    transition: .35s ease-in-out
}

#nav-toggle span:first-child {
    top: .4vw
}

#nav-toggle span:nth-child(2) {
    top: 1.2vw
}

#nav-toggle span:nth-child(3) {
    top: 2vw
}

.openNav #nav-toggle span:first-child {
    top: 1.467vw;
    transform: rotate(-45deg)
}

.openNav #nav-toggle span:nth-child(2),.openNav #nav-toggle span:nth-child(3) {
    top: 1.467vw;
    transform: rotate(45deg)
}

.openNav .sp-nav {
    transform: translateY(65.333vw)
}

.openNav .sp-nav ul li {
    border-bottom: 1px solid #999
}

.openNav .sp-nav ul li a {
    padding: 1.333vw 2.667vw
}

header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 1.333vw 0;
    transition: .2s
}

header.fixed #nav-toggle {
    margin: 0 1.333vw 0 0
}

header.openNav #nav-toggle {
    background: none
}

footer {
    background: #111;
    color: #fff;
    text-align: center;
    padding: 10.667vw 2.667vw 9.333vw
}

footer .logo {
    max-width: 45.333vw;
    margin: 0 auto 6.667vw
}

footer ul {
    margin: 0 0 4vw
}

footer li {
    display: inline-block;
    margin: 0 .533vw;
    font-size: 1.4rem
}

footer li a {
    text-decoration: underline
}

small {
    display: block;
    font-size: 1.3rem
}

.wrap {
    margin: 0 2vw 10.667vw
}

.wrap2 {
    margin: 0 0 10.667vw
}

h2 {
    text-align: center;
    font-family: ヒラギノ角ゴ StdN,Hiragino Kaku Gothic StdN,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,YuGothic,Yu Gothic,sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    margin: 0 0 5.333vw
}

h2.h2-1 {
    padding: 0 0 .667vw;
    border-bottom: 1px solid #7b6941
}

h2.h2-2 span,h2.h2-4 span {
    color: #d0b67d
}

h2.h2-3 {
    background: url(/img/highlevel/fukidashi01.png) no-repeat top;
    background-size: 28vw;
    padding: 12.667vw 0 0;
    font-size: 4.5vw;
    margin: 0 0 10.667vw
}

h2.h2-3 .color {
    color: #a00;
    display: block
}

h2.h2-3 .border {
    padding: 0 0 1.333vw;
    border-bottom: .8vw solid #a00
}

h2.h2-3 .dot {
    -webkit-text-emphasis: filled dot #a00;
    text-emphasis: filled dot #a00
}

h2.h2-4 {
    font-size: 2rem;
    line-height: 1.3;
    border-bottom: .8vw solid #d0b67d;
    padding: 1.333vw 0 1.333vw
}

h2.h2-4 span {
    font-size: 3rem
}

h2.h2-5 {
    background: url(/img/highlevel/fukidashi02.png) no-repeat 40% top;
    background-size: 28vw;
    padding: 12.667vw 0 0;
    font-size: 8vw;
    line-height: 1.4
}

h2.h2-5 span em {
    font-size: 4rem
}

.top {
    background: url(/img/highlevel/main-sp.jpg) no-repeat 50%;
    background-size: cover;
    height: 100vh;
    position: relative;
    margin: 0 0 8vw
}

.top div {
    width: 85%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-50%)
}

.top div h1 {
    color: #fff;
    line-height: 1.3;
    text-align: center;
    font-size: 8.5vw;
    font-family: Yu Mincho Light,YuMincho,Yu Mincho,游明朝体,ヒラギノ明朝 ProN,Hiragino Mincho ProN,sans-serif;
    margin: 0 0 6.667vw
}

.top div .logo {
    background: url(/img/highlevel/logo03.png) no-repeat 50%;
    background-size: cover;
    max-width: 40vw;
    height: 8vw;
    margin: 0 auto
}

.top div .logo img {
    display: none
}

.read {
    border-bottom: 1px solid #7b6941;
    padding: 0 0 4vw
}

.read,.three {
    margin: 0 0 8vw
}

.three dl {
    display: flex;
    flex-wrap: wrap
}

.three dt {
    font-weight: 700;
    font-size: 1.7rem;
    margin: 0 0 1.333vw;
    order: 2
}

.three dt span {
    font-size: 1.4rem;
    font-weight: 400;
    background: #a00;
    color: #fff;
    border: 1px solid #c10100;
    margin: 0 1.067vw 0 0;
    padding: .533vw 1.333vw .4vw
}

.three dd.photo {
    margin: 0 auto 1.333vw;
    width: 29.333vw;
    order: 1
}

.three dd {
    order: 3
}

.bg1 {
    margin: 0 0 8vw
}

.bg1 span {
    display: block;
    width: 100%;
    padding-bottom: 80vh;
    background: url(/img/highlevel/bg01-sp.jpg) no-repeat 50%;
    background-size: cover
}

.media {
    margin: 0 auto 8vw;
    display: grid;
    grid-gap: 2.667vw;
    grid-template-columns: 1fr 1fr
}

.catch,.media {
    text-align: center
}

.catch {
    background: #111;
    padding: 2.667vw 0 2.667vw;
    margin: 0 0 8vw;
    font-weight: 700;
    color: #fff
}

.catch p {
    margin: 0 2vw;
    font-size: 8.5vw;
    line-height: 1.3
}

.catch p span {
    display: block;
    background: #fff;
    color: #111;
    padding: 2vw .667vw;
    margin: 0 0 2.667vw;
    font-size: 2rem;
    font-weight: 400
}

.catch p span em {
    font-weight: 700
}

.two li {
    margin: 0 0 8vw
}

.two li p {
    display: inline-block;
    margin: 0 0 5.333vw 25%;
    text-align: center;
    padding: .8vw 4vw;
    color: #fff
}

.two li:first-child p {
    background: #013581;
    border: 1px solid #7397c7
}

.two li:last-child p {
    background: #830032;
    border: 1px solid #d084a8
}

.use {
    position: relative;
    padding: 5.333vw 2.667vw 2.667vw;
    border: 1px solid #111;
    background: #ececec;
    margin: 0 0 4vw
}

.use:after {
    content: "";
    border-bottom: 5em solid transparent;
    border-left: 5em solid #111
}

.use:after,.use span.num {
    position: absolute;
    top: 0;
    left: 0
}

.use span.num {
    z-index: 1;
    color: #fff;
    font-size: 3rem;
    padding: 0 0 0 2vw
}

.use h3 {
    font-weight: 700;
    font-size: 2.2rem;
    text-align: center;
    margin: 0 0 2.667vw
}

.note {
    background-image: linear-gradient(#242424 1px,transparent 0);
    background-size: auto 4.267vw;
    line-height: 4.267vw;
    border-bottom: 1px solid #242424;
    overflow: hidden;
    margin: 0 0 4vw
}

.note p {
    margin: 0
}

.movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 0 2.667vw
}

.movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important
}

.anxiety {
    background: #111;
    color: #fff;
    padding: 4vw;
    position: relative
}

.anxiety:before {
    content: "ですが";
    color: #111;
    font-size: 3rem;
    font-weight: 700;
    bottom: -8%;
    z-index: 1
}

.anxiety:after,.anxiety:before {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%)
}

.anxiety:after {
    content: "";
    width: 0;
    height: 0;
    border: 16vw solid transparent;
    border-top: 13.333vw solid #e6d8b3;
    bottom: -35%
}

.check-list {
    background: #242424;
    border: 1.333vw solid #e6d8b3;
    border-radius: 3.333vw;
    padding: 4vw;
    margin: 0 auto 6.667vw;
    max-width: 80vw
}

.check-list li {
    position: relative;
    padding: 0 0 0 4vw;
    margin: 0 0 2vw;
    font-weight: 700;
    font-size: 1.8rem
}

.check-list li:after,.check-list li:before {
    content: "";
    display: block;
    position: absolute
}

.check-list li:before {
    width: 2.933vw;
    height: 2.933vw;
    border-radius: 1.867vw;
    background: #a00;
    top: .933vw;
    left: 0
}

.check-list li:after {
    border-left: .267vw solid #fff;
    border-bottom: .267vw solid #fff;
    width: 1.067vw;
    height: .4vw;
    transform: rotate(-45deg);
    top: 2vw;
    left: .8vw
}

.check-list li:last-child {
    margin: 0
}

.check-list li span {
    color: #a00
}

.anxiety .center {
    font-weight: 700;
    font-size: 6.3vw
}

p.title1 {
    text-align: center;
    padding: 16vw 2vw 12vw;
    font-weight: 700;
    font-size: 2.5rem;
    font-family: ヒラギノ角ゴ StdN,Hiragino Kaku Gothic StdN,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,YuGothic,Yu Gothic,sans-serif;
    line-height: 1.3
}

p.title1 span {
    font-size: 4rem
}

p.title2 span.gold {
    color: #d0b67d
}

span.red {
    color: #a00
}

.safety {
    background: url(/img/highlevel/men.jpg) no-repeat bottom;
    background-size: contain;
    padding: 0 0 60vh
}

.safety dl {
    background: #d0b67d;
    color: #fff;
    padding: 1.333vw;
    margin: 0 0 1.333vw
}

.safety dl div {
    padding: 1.333vw;
    border: 1px solid #fff
}

.safety dt {
    border-bottom: .667vw solid #fff;
    margin: 2.667vw 0 4vw;
    padding: 0 0 1.333vw;
    font-size: 2.2rem;
    font-weight: 700
}

.safety dt span {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 1.3
}

.safety dt span em {
    font-size: 10rem;
    font-family: ヒラギノ角ゴ StdN,Hiragino Kaku Gothic StdN,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,YuGothic,Yu Gothic,sans-serif
}

.safety dd {
    margin: 0 0 2.667vw;
    line-height: 2
}

ol.worth {
    margin: 0 0 8vw
}

ol.worth li {
    padding: 4vw 2.667vw
}

ol.worth li:nth-child(odd) {
    background: #e9e9e9
}

ol.worth li h3 {
    font-weight: 700;
    font-size: 2.2rem;
    padding: 0 0 1.333vw;
    margin: 0 0 2.667vw;
    border-bottom: 1px solid #686868
}

ol.worth li .photo {
    margin: 0 auto 2.667vw;
    width: 16vw
}

ol.worth li p {
    margin: 0
}

.price {
    background: #111;
    color: #fff;
    padding: 8vw 2vw;
    margin: 0 0 8vw
}

.price-list {
    text-align: center;
    font-size: 1.5rem;
    margin: 0 2.667vw;
    color: #333
}

.price-list dl {
    margin: 0 0 6.667vw;
    background: #fcfcfc
}

.price-list dl>dt {
    font-weight: 700;
    font-size: 2rem;
    padding: 1.333vw;
    margin: 0 0 2vw
}

.price-list div {
    margin: 0 0 2.667vw;
    border-bottom: 1px solid #ccc
}

.price-list div:last-child {
    margin: 0
}

.price-list div dt {
    font-size: 1.5rem;
    margin: 0 0 1.333vw
}

.price-list dd {
    padding: 0 0 2.667vw
}

.price-list dd b {
    font-weight: 700;
    font-size: 1.8rem
}

.price-list dd b span {
    font-weight: 400;
    font-size: 1.2rem
}

.price-list .standard>dt {
    background: #dff6ff
}

.price-list .gold>dt {
    background: #9e855c;
    color: #fff
}

.price-list .platinum>dt {
    background: #d5d5d5;
    color: #fff
}

.price-list .black>dt {
    background: #1a1a1a;
    color: #fff
}

ul.fee {
    margin: 0 0 4vw
}

ul.fee>li {
    background: #fff;
    color: #111;
    border-radius: 4vw;
    padding: 2.667vw 1.333vw;
    margin: 0 2.667vw 2.667vw;
    text-align: center
}

ul.fee li.standard {
    border: .533vw solid #e6d8b3
}

ul.fee li.gold {
    border: .533vw solid #a88f66
}

ul.fee li.platinum {
    border: .533vw solid #e0e0e0
}

ul.fee li.black {
    border: .533vw solid #444
}

ul.fee dt {
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 4vw
}

ul.fee dd li,ul.fee dd li p {
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 1.333vw
}

ul.fee dd li.title {
    background: #111;
    color: #fff;
    padding: .267vw;
    margin: 0 0 1.333vw;
    text-align: center
}

ul.fee dd li.title,ul.fee dd li span {
    font-size: 1.6rem;
    font-weight: 400
}

ul.fee dd li p span {
    font-size: 1.3rem
}

.setting {
    border: 1px solid #fff;
    background: #2d2d2d;
    padding: 3.333vw 2vw 2vw;
    color: #d7d7d7
}

.setting h4 {
    color: #fff;
    font-weight: 700
}

p.title2 {
    margin: 0 0 8vw;
    font-weight: 700;
    font-family: ヒラギノ角ゴ StdN,Hiragino Kaku Gothic StdN,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,YuGothic,Yu Gothic,sans-serif;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.5;
    background: url(/img/highlevel/kazari01.png) no-repeat 2%,url(/img/highlevel/kazari02.png) no-repeat 98%;
    background-size: 6vw
}

p.title2 span {
    font-size: 2.2rem
}

p.title2 span em {
    font-size: 3.8rem
}

.step {
    margin: 0 0 8vw
}

.step dl {
    position: relative;
    margin: 0 0 13.333vw
}

.step dl:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 2.4vw solid transparent;
    border-top: 4vw solid #d0b67d;
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.step dl:last-child:before {
    content: none
}

.step dt {
    width: 34.667vw;
    margin: 0 auto 2.667vw
}

.step dd h3 {
    border-bottom: 1px solid #e6d8b3;
    margin: 0 0 1.333vw;
    padding: 0 0 .667vw;
    font-weight: 700;
    font-family: ヒラギノ角ゴ StdN,Hiragino Kaku Gothic StdN,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,YuGothic,Yu Gothic,sans-serif;
    font-size: 2rem
}

.step dd h3 span {
    font-size: 1.8rem;
    background: #a00;
    color: #fff;
    padding: .533vw 2vw .4vw;
    display: block;
    text-align: center;
    margin: 0 0 1.333vw
}

.business {
    background: url(/img/highlevel/kazari03.png) no-repeat top,url(/img/highlevel/kazari04.png) no-repeat bottom;
    background-size: contain;
    padding: 6.667vw 0;
    text-align: center;
    font-family: メイリオ,Meiryo,Meiryo UI,ヒラギノ丸ゴ ProN,Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,YuGothic,Yu Gothic,sans-serif;
    font-size: 2rem;
    line-height: 1.4;
    margin: 0 2.667vw 13.333vw
}

.business span {
    font-size: 3.5rem;
    font-weight: 700;
    font-family: YuGothic,Yu Gothic,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif
}

.business span.pink {
    color: #f25455
}

.business span em {
    font-size: 5.2rem
}

.contact {
    padding: 10.667vw 2.667vw;
    box-sizing: border-box
}

.contact h2 {
    font-family: YuGothic,Yu Gothic,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif;
    border-bottom: 1px solid #4d4d4d
}

.contact p {
    text-align: center
}

.line-btn {
    margin: 0 auto 8vw;
    padding: 0 0 4vw;
    border-bottom: 1px solid #4d4d4d
}

.line-btn a {
    display: table;
    width: 37.333vw;
    margin: 0 auto;
    padding: 1.6vw;
    box-sizing: border-box;
    color: #3dc92a;
    background: #fff;
    border: 1px solid #3dc92a;
    text-align: center;
    font-size: 2rem;
    transition: .3s
}

.line-btn a:hover {
    color: #fff;
    background: #3dc92a
}

p.tel-btn {
    line-height: 1.3;
    margin: 0 auto 8vw;
    padding: 0 0 4vw;
    border-bottom: 1px solid #4d4d4d
}

p.tel-btn a {
    display: table;
    width: 37.333vw;
    margin: 0 auto;
    padding: 1.6vw;
    box-sizing: border-box;
    color: #b79647;
    background: #fff;
    border: 1px solid #b79647;
    text-align: center;
    font-size: 1.6rem;
    transition: .3s
}

p.tel-btn a:hover {
    color: #fff;
    background: #b79647
}

p.tel-btn span {
    display: block;
    font-weight: 700;
    font-size: 2.4rem
}

.tel-btn li {
    border: 1px solid #1a1a1a;
    margin: 0 0 2vw
}

.tel-btn li a {
    display: block;
    color: #1a1a1a;
    background: #fff
}

.tel-btn li span {
    display: inline-block;
    background: #1a1a1a;
    color: #fff;
    text-align: center;
    padding: 1.067vw;
    width: 10vw;
    font-size: 1.4rem
}

.tel-btn li p {
    margin: 0 0 0 1.6vw;
    padding: 0 0 0 2.933vw;
    display: inline-block;
    background: url(/img/highlevel/tel.png) no-repeat 0;
    background-size: 2vw;
    font-size: 1.5rem
}

.font {
    font-size: 1.4rem
}

.border {
    padding: 0 0 4vw;
    border-bottom: 1px solid #4d4d4d
}

.story {
    display: grid;
    grid-template-columns: 20% 70%;
    grid-gap: 2.667vw
}

.story-header {
    padding: 0 .7rem
}

.text-center {
    color: #ee822f;
    font-size: 2.667vw;
    text-shadow: 1px 1px 0 #fecc9f,-1px -1px 0 #fecc9f,1px -1px 0 #fecc9f,-1px 1px 0 #fecc9f
}

.contact form section {
    max-width: none;
    margin: 0;
    padding: 0 0 2.667vw
}

form label {
    display: block;
    margin: 0 0 1.333vw
}

form .radio-box label {
    display: inline-block;
    margin: 0 1.333vw 0 0
}

form input {
    width: 100%;
    height: 4vw;
    box-sizing: border-box;
    padding: .533vw;
    border: 1px solid #ccc
}

form input[type=radio] {
    width: auto;
    height: auto;
    padding: 0
}

form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: .533vw;
    border: 1px solid #ccc
}

.submit {
    text-align: center
}

.submit input {
    display: block;
    width: 26.667vw;
    height: auto;
    font-size: 1.8rem;
    background: #111;
    color: #fff;
    padding: .8vw;
    margin: 0 auto 6.667vw;
    transition: .3s
}

.submit input:hover {
    cursor: pointer;
    background: #fff;
    color: #111
}

span.require {
    color: #fff;
    background: #cd0a0a;
    padding: .4vw 1.067vw .667vw;
    margin: 0 0 0 1.333vw;
    font-size: 1.2rem;
    border-radius: .533vw
}

#zohoform {
    border: 0;
    width: 100%;
    height: 233.333vw
}

.thanks {
    padding: 16vw 0 6.667vw
}

.back-btn a {
    color: #826a3c;
    text-decoration: underline
}

ul.bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: grid;
    grid-gap: .267vw;
    grid-template-columns: 1fr
}

ul.bottom li a {
    display: block;
    font-size: 1.4rem;
    text-align: center;
    padding: 1.067vw;
    color: #fff;
    border: 1px solid #d2bf98;
    background: #303030
}

ul.bottom li.line a {
    background: url(/img/highlevel/line.png) no-repeat 20% 50% #303030;
    background-size: 2.667vw
}

.siq_bR {
    bottom: 8vw!important
}

.age {
    background: url(/img/highlevel/main-sp.jpg) no-repeat 50%;
    background-size: cover;
    position: relative;
    height: 100%
}

.limit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 53.333vw;
    width: 85%;
    padding: 2.667vw 1.333vw;
    text-align: center;
    color: #333;
    background: hsla(0,0%,100%,.7);
    border: .267vw solid #fff
}

.limit .title {
    width: 26.667vw;
    height: auto;
    margin: 0 auto 2.667vw
}

.limit p {
    font-size: 2vw;
    margin: 0 0 2.667vw
}

.limit ul {
    text-align: center;
    width: 29.333vw;
    margin: 0 auto 4vw
}

.limit li {
    margin: 0 0 2.667vw
}

.limit a {
    display: block;
    transition: .3s;
    text-decoration: none
}

.limit li:first-child a {
    padding: 1.067vw 1.333vw;
    color: #fff;
    background: #111;
    border: .267vw solid #111
}

.limit li:first-child a:hover {
    background: #fff;
    color: #111;
    cursor: pointer
}

.limit li:last-child a {
    color: #666
}

.limit li:last-child a:hover {
    text-decoration: underline
}

.banner {
    text-align: center;
    max-width: 106.667vw;
    margin: 0 auto 6.667vw;
    padding: 0 2.667vw;
    box-sizing: border-box
}

@media screen and (min-width: 768px) {
    body {
        font-size:1.6rem
    }

    .sp {
        display: block
    }

    .pc {
        display: none
    }

    footer {
        padding: 80px 20px 15px
    }

    h2 {
        text-align: center;
        font-size: 3.6rem
    }

    h2.h2-3 {
        background: url(/img/highlevel/fukidashi01.png) no-repeat 14% top;
        background-size: 240px;
        font-size: 4.2rem
    }

    h2.h2-3 .border {
        padding: 0 0 30px
    }

    h2.h2-4 {
        font-size: 3.4rem;
        line-height: 1.3
    }

    h2.h2-4 span {
        font-size: 5.8rem
    }

    h2.h2-5 {
        background: url(/img/highlevel/fukidashi02.png) no-repeat 30% top;
        background-size: 240px;
        font-size: 5rem
    }

    h2.h2-5 span em {
        font-size: 7rem
    }

    .top {
        background: url(/img/highlevel/main-pc.jpg) no-repeat 50%;
        background-size: cover;
        margin: 0 0 100px
    }

    .top div h1 {
        color: #111;
        font-size: 5rem
    }

    .top div .logo {
        background: none;
        max-width: 400px;
        height: auto;
        margin: 0 auto
    }

    .top div .logo img {
        display: block
    }

    .read {
        text-align: center;
        margin: 0 0 80px
    }

    .three {
        display: flex;
        align-items: flex-start
    }

    .three dl {
        width: calc(33.33333% - 10px);
        margin: 0 20px 0 0
    }

    .three dl:last-child {
        margin: 0
    }

    .bg1 {
        margin: 0 0 60px
    }

    .bg1 span {
        background: url(/img/highlevel/bg01-pc.jpg) no-repeat 50%;
        background-size: contain;
        padding-bottom: 50%
    }

    .media {
        width: 65%;
        display: grid;
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr
    }

    .media li {
        line-height: 4;
        margin: 0
    }

    .catch {
        padding: 50px 0 40px
    }

    .catch p {
        width: 80%;
        margin: 0 auto 10px;
        font-size: 5.5rem
    }

    .catch p span {
        font-size: 3.2rem
    }

    .two {
        display: grid;
        grid-gap: 60px;
        grid-template-columns: 1fr 1fr;
        margin: 0 0 80px
    }

    .two li {
        margin: 0
    }

    .use {
        padding: 80px 20px 60px
    }

    .use:after {
        border-bottom: 10em solid transparent;
        border-left: 10em solid #111
    }

    .use .box {
        width: 70%;
        margin: 0 auto
    }

    .use span.num {
        font-size: 6rem;
        padding: 0 0 0 25px
    }

    .use h3 {
        text-align: left;
        font-size: 3.6rem;
        margin: 0 0 10px
    }

    .anxiety {
        padding: 60px
    }

    .anxiety .center,.check-list li {
        font-size: 2.4rem
    }

    .anxiety:before {
        bottom: -5%
    }

    .anxiety:after {
        bottom: -39%;
        border: 140px solid transparent;
        border-top: 120px solid #e6d8b3
    }

    p.title1 {
        padding: 120px 15px;
        font-size: 3.5rem
    }

    p.title1 span {
        font-size: 6rem
    }

    p.title2 {
        font-size: 3rem;
        background: url(/img/highlevel/kazari01.png) no-repeat 5%,url(/img/highlevel/kazari02.png) no-repeat 95%;
        background-size: 100px
    }

    p.title2 span {
        font-size: 4rem
    }

    p.title2 span em {
        font-size: 6.5rem
    }

    .safety {
        background: url(/img/highlevel/men.jpg) no-repeat 100%;
        background-size: 63%;
        padding: 0
    }

    .safety dl {
        width: 40%;
        margin: 0 0 10px
    }

    .safety dt span {
        display: inline-block;
        text-align: left
    }

    ol.worth li {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: 125px 1fr;
        padding: 30px 35px
    }

    ol.worth li h3 {
        font-size: 2.6rem
    }

    ol.worth li .photo {
        width: auto;
        margin: 0
    }

    .price {
        margin: 0 0 120px
    }

    .price-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px
    }

    ul.fee {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr
    }

    ul.fee>li {
        margin: 0
    }

    .setting {
        padding: 25px 60px 15px
    }

    .step {
        margin: 0 30px 60px
    }

    .step dl {
        margin: 0 0 120px;
        display: grid;
        grid-gap: 30px;
        grid-template-columns: 220px 1fr
    }

    .step dl:before {
        bottom: -55%
    }

    .step dt {
        width: auto;
        margin: 0
    }

    .step dd h3 {
        font-size: 2.8rem;
        margin: 0 0 20px
    }

    .step dd h3 span {
        display: table
    }

    .business {
        background: url(/img/highlevel/kazari03.png) no-repeat top,url(/img/highlevel/kazari04.png) no-repeat bottom;
        background-size: contain;
        padding: 100px 0;
        font-size: 3rem
    }

    .business span {
        font-size: 4.5rem
    }

    .business span em {
        font-size: 8rem
    }

    .contact section {
        max-width: 65%;
        margin: 0 auto
    }

    .tel-btn {
        display: flex;
        flex-wrap: wrap
    }

    .tel-btn li {
        width: calc(33.33333% - 8px);
        margin: 0 12px 15px 0;
        box-sizing: border-box
    }

    .tel-btn li:nth-child(3n) {
        margin: 0 0 15px
    }

    ul.bottom {
        display: none;
        grid-gap: none
    }

    .age {
        background: url(/img/highlevel/main-pc.jpg) no-repeat 50%;
        background-size: cover
    }
}

@media screen and (min-width: 1024px) {
    #nav-toggle {
        display:none
    }

    header {
        position: fixed;
        top: 0;
        width: 100%;
        padding: 18px 0;
        z-index: 1;
        background: hsla(0,0%,100%,.9)
    }

    header .inner {
        width: 1000px;
        margin: 0 auto;
        overflow: hidden
    }

    header h1 {
        position: static;
        float: left;
        width: 150px
    }

    header nav {
        line-height: 1.7;
        position: static;
        top: auto
    }

    nav ul {
        background: none;
        padding: 0;
        text-align: right
    }

    nav li {
        display: inline-block;
        margin: 0 5px 8px
    }

    nav ul li a {
        color: #111;
        padding: 0 2px
    }

    nav ul li a:hover {
        text-decoration: underline
    }

    .sp-nav {
        position: static;
        z-index: 1;
        transition: .2s;
        background: none;
        width: auto;
        padding: 0
    }

    .wrap,.wrap2 {
        max-width: 1000px;
        margin: 0 auto 80px
    }

    h2.h2-5 {
        font-size: 6rem
    }

    h2.h2-5 span em {
        font-size: 8rem
    }

    .top div {
        position: absolute;
        bottom: 10%;
        right: 10%;
        left: auto;
        width: auto;
        transform: none
    }

    .catch p {
        width: 50%
    }

    .bg1 span {
        background: url(/img/highlevel/bg01-pc.jpg) no-repeat 50%;
        background-size: auto;
        padding-bottom: 40%
    }

    .check-list {
        padding: 30px 0 30px 70px
    }

    .anxiety:before {
        font-size: 3.6rem;
        bottom: -8%
    }

    p.title2 {
        font-size: 3rem
    }

    p.title2 span {
        font-size: 4.8rem
    }

    p.title2 span em {
        font-size: 7rem
    }

    .safety {
        background: url(/img/highlevel/men.jpg) no-repeat 100%;
        background-size: 60%
    }

    .safety dt {
        margin: 70px 0 30px
    }

    .safety dt span {
        font-size: 4rem
    }

    .safety dt span em {
        font-size: 12rem
    }

    .safety dd {
        margin: 0 0 70px
    }

    .price-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 20px;
        margin: 0
    }

    ul.fee {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .business {
        background: url(/img/highlevel/kazari03.png) no-repeat top,url(/img/highlevel/kazari04.png) no-repeat bottom;
        background-size: 34em;
        padding: 100px 0;
        margin: 0 0 100px;
        font-size: 3rem
    }

    form {
        max-width: 700px;
        margin: 0 auto
    }

    form label {
        display: inline-block;
        float: left;
        width: 200px;
        margin: 0 20px 0 0
    }

    form input {
        width: 480px
    }

    form input[type=radio] {
        width: auto
    }

    form .radio-box label {
        width: auto;
        float: none;
        margin: 0 4px 0 0
    }

    form label>input,form label>select,form textarea {
        overflow: hidden
    }

    form textarea {
        width: 480px
    }

    #zohoform {
        height: 1320px
    }
}