:root {
    --van-primary-color: var(--main_color) !important;
    --van-tabbar-item-active-color: var(--main_color) !important;
    --van-tabbar-item-text-color: var(--text_color_L2) !important;
    --van-sidebar-text-color: var(--main-color) !important;
    --van-picker-background: var(--bg_color_L3) !important;
    --van-picker-option-text-color: var(--text_color_L2) !important;
    --van-picker-confirm-action-color: var(--main-color) !important;
    --van-checkbox-checked-icon-color: var(--main-color) !important;
    --van-checkbox-label-color: var(--text_color_L2) !important;
    --van-field-input-text-color: var(--text_color_L1) !important;
    --van-radio-checked-icon-color: var(--main-color) !important;
    --van-grid-item-content-background: var(--bg_color_L1) !important;
    --van-text-color: var(--text_color_L1) !important;
    --van-dialog-background: var(--bg_color_L2) !important;
    --van-circle-color: var(--main-color) !important;
    --van-circle-layer-color: var(--bg_color_L3) !important;
    --van-calendar-range-edge-background: var(--main-color) !important;
    --van-button-primary-background: var(--main_color) !important;
    --van-button-primary-border-color: var(--main-color) !important;
    --van-toast-text-color: var(--main-color) !important;
    --main_color: #0FAE18 !important;
    --main_gradient_color: linear-gradient(180deg, #b3ffb8 0%, #0dc117 50%, #0fae18 100%) !important;
    --main_gradient_1: #00E5FF !important;
    --main_gradient_2: #0062F5 !important;
    --gamesaas_ticket_bg1: var(--main_gradient_1) !important;
    --gamesaas_ticket_bg2: var(--main_gradient_2) !important;
    --secondary_color1: #475A6D !important;
    --secondary_color2: #333A53 !important;
    --secondary_color3: #18E85A !important;
    --secondary_color4: #CCE4FB !important;
    --secondary_color5: #98B7D3 !important;
    --secondary_color6: linear-gradient(180deg, var(--gamesaas_ticket_bg1) 13.44%, var(--gamesaas_ticket_bg2) 86.56%) !important;
    --secondary_color7: linear-gradient(188deg, rgba(46, 59, 71, 0.8) 0%, rgba(32, 39, 51, 0) 100%) !important;
    --secondary_color8: linear-gradient(0deg, #FAD122 0%, #FBA133 100%) !important;
    --norm_red_color: #FB5B5B !important;
    --norm_green_color: #00ff00 !important;
    --norm_blue_color: #6EA8F4 !important;
    --norm_orange_color: #FEAA57 !important;
    --norm_Purple_color: #B659FE !important;
    --norm_hint_color: #EAC016 !important;
    --button_dis: #47516C !important;
    --text_primary: #FFFFFF !important;
    --text_secondary: #B5CADD !important;
    --text_tertiary: #90ABC5 !important;
    --text_inverse: #FFFFFF !important;
    --text_btn_main: #003D20 !important;
    --text_disabled: #9CA6AE !important;
    --text_placeholder: #66759A !important;
    --text_color_L2: var(--text_tertiary) !important;
    --bg_color_L1: #003D20 !important;
    --bg_color_L2: #062c17 !important;
    --bg_color_L3: #04720a !important;
    --bg_color_L4: #41568E !important;
    --Stroke_color: #07552a !important;
    --Dividing_line_color: #49586B !important;
    --home_stroke2: #244CD0 !important;
    --home_wheel: radial-gradient(45.65% 100% at 50% 0%, rgba(33, 33, 36, 0.70) 0%, #080F28 100%) !important;
    --progress_bar: linear-gradient(270deg, #D4762A 0%, #F8A956 100%) !important;
    --score-digit-color: linear-gradient(180deg, #FBCD67 16.27%, #E7BE6C 27.59%, #FBF9C8 40.92%, #F9F2A4 52.49%, #C49954 62.03%, #D29D4D 68.28%, #FEE777 74.86%, #BA8741 79.39%, #B6672E 84.94%) !important;
    --champion1: #ECC731 !important;
    --champion2: #80B1F2 !important;
    --champion3: #C78672 !important;
    --champion-bg: #2E3847 !important;
    --tips-color: #555965 !important;
    --text_color_L1: var(--text_primary) !important;
    --text_color_L4: var(--text_btn_main) !important;
    --main_gradient-color: var(--main_gradient_color) !important;
    --norm_bule-color: var(--norm_blue_color) !important;
    --norm_red-color: var(--norm_red_color) !important;
    --norm_orange-color: var(--norm_orange_color) !important;
    --norm_green-color: var(--norm_green_color) !important;
    --norm_Purple-color: var(--norm_Purple_color) !important;
    --norm_secondary-color: var(--norm_orange_color) !important;
    --sheet_nva_color: var(--main_color) !important;
    --light-main_gradient-color: var(--main_gradient_color) !important;
    --main-color: var(--main_color) !important;
    --main_gradient-color2: linear-gradient(0deg, #00E5FF 0%, #007AEF 50%, #0062F5 100%) !important;
    --Dividing-line_color: var(--Dividing_line_color) !important;
    --button_dis_color: var(--button_dis) !important;
    --turntable-glow-color: #1D92FF !important;
    --turntable_money_text_color: #0181F6 !important;
    --login_logo_position: absolute !important;
    --login_logo_top: 0 !important;
    --login_logo_left: 0 !important;
    --login_logo_width: 10rem !important;
    --login_logo_height: 8.89333rem !important;
    --login_logo_margin: 0 !important;
    --login_logo_object_fit: fill !important;
    --login_header_height: 8.89333rem !important;
    --login_head_position: relative !important;
    --login_head_z_index: 1 !important;
    --login_header_margin_bottom: -1.86667rem !important;
    --login_no_logo_margin_top: 0 !important;
    --register_logo_position: absolute !important;
    --register_logo_top: 0 !important;
    --register_logo_left: 0 !important;
    --register_logo_transform: none !important;
    --register_logo_margin: 0 !important;
    --register_logo_object_fit: fill !important;
    --register_head_position: relative !important;
    --register_head_z_index: 1 !important;
    --register_header_aspect_ratio: 750 / 667 !important;
    --register_header_margin_bottom: 0 !important;
    --register_section_margin_top: -1.86667rem !important;
    --s13_text_title: #D4D8FF !important;
    --s13_text_label: #D4D8FF !important;
    --s13_text_row: #D4D8FF !important;
    --s13_text_muted: #636999 !important;
    --s13_lang_text: #D4D8FF !important;
    --s13_notice_text: #D4D8FF !important;
    --s13_balance_text: var(--text_white) !important;
    --s13_rtp_label: #636999 !important;
    --s13_rtp_value: var(--norm_hint_color) !important;
    --s13_link: #53BD22 !important;
    --s13_link_blue: #1F61D3 !important;
    --s13_card_bg: #0C132A !important;
    --s13_card_border: rgba(50, 79, 255, 0.3) !important;
    --s13_panel_stroke: linear-gradient(135deg, rgba(50, 79, 255, 0.85) 0%, rgba(50, 79, 255, 0) 22%, rgba(50, 79, 255, 0) 78%, rgba(50, 79, 255, 0.85) 100%) !important;
    --s13_panel_shadow: none !important;
    --s13_seg_bg: rgba(12, 19, 42, 0.3) !important;
    --s13_hits_card_bg: #0C132A !important;
    --s13_hits_stroke: linear-gradient(180deg, rgba(50, 79, 255, 0.4) 0%, rgba(50, 79, 255, 0.08) 50%, rgba(50, 79, 255, 0.4) 100%) !important;
    --s13_btn_bg: linear-gradient(0deg, #0C132A 0%, #182655 100%) !important;
    --s13_btn_stroke: linear-gradient(180deg, rgba(40, 63, 137, 0.95) 0%, rgba(40, 63, 137, 0.3) 50%, rgba(40, 63, 137, 0.95) 100%) !important;
    --s13_btn_stroke_accent: linear-gradient(180deg, rgba(255, 225, 164, 0.9) 0%, rgba(255, 225, 164, 0.25) 50%, rgba(255, 225, 164, 0.9) 100%) !important;
    --s13_btn_shadow: 0 0 0.05333rem 0 #010D52 inset !important;
    --s13_btn_opacity: 1 !important;
    --s13_btn_inset: #010D52 !important;
    --s13_pill_bg: linear-gradient(0deg, #0B113A 0%, #1327AA 100%) !important;
    --s13_pill_border: #324FFF !important;
    --s13_circle_bg: #0F1733 !important;
    --s13_circle_border: #273978 !important;
    --s13_navbg_v1: inline !important;
    --s13_navbg_v2: none !important;
    --s13_tab_bg: linear-gradient(101deg, rgba(50, 79, 254, 0.33) 2.93%, rgba(13, 22, 75, 0.33) 98.35%) !important;
    --s13_tab_active_bg: linear-gradient(101deg, #324FFE 2.93%, #0D164B 75.34%, #1C2876 98.35%) !important;
    --s13_tab_active_stroke: linear-gradient(90deg, #00A8DE 0%, #0165A3 30%, #002E76 65%, #003F9B 100%) !important;
    --s13_tab_active_text: var(--norm_hint_color) !important;
    --s13_tab_active_opacity: 1 !important;
    --s13_rank_row_bg: #0C142C !important;
    --s13_rank_row_stroke: linear-gradient(90deg, rgba(0, 86, 184, 0.9) 0%, rgba(0, 86, 184, 0.35) 15%, rgba(0, 86, 184, 0.2) 100%) !important;
    --s13_rank_row_shadow: none !important;
    --s13_winner_row_bg: #0C142C !important;
    --s13_winner_row_stroke: var(--s13_rank_row_stroke) !important;
    --s13_banner_shadow: 0 0 0.15867rem 0 rgba(0, 0, 0, 0.15) !important;
    --s13_dot: #636999 !important;
    --s13_dot_active: #BDC6FF !important;
    --s13_notice_bg: var(--bg_color_L2) !important;
    --s13_notice_shadow: 0 0.04rem 0.4rem 0 rgba(0, 0, 0, 0.3) !important;
    --s13_notice_btn_bg: linear-gradient(180deg, #11249F 0%, #0B1240 100%) !important;
    --s13_notice_btn_border: #324FFF !important;
    --s13_notice_btn_text: #EAC016 !important;
    --s13_avatar_bg: linear-gradient(180deg, rgba(212, 216, 255, 0.28) 0%, rgba(9, 14, 31, 0.6) 100%) !important;
    --s13_tabbar_text: #636999 !important;
    --s13_tabbar_active: var(--main_color) !important;
    --s13_sk_base: rgba(50, 79, 255, 0.12) !important;
    --s13_sk_shine: rgba(212, 216, 255, 0.14) !important;
}

.s13-header {
    position: sticky;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 1.34667rem;
    background: var(--bg_color_L1);
    font-family: Poppins, sans-serif;
    overflow-x: clip;
}
.s13-navbg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.s13-header__shape {
    position: absolute;
    left: -.02667rem;
    top: -.78667rem;
    width: 10.05333rem;
    height: 2.14667rem;
    pointer-events: none;
    filter: hue-rotate(284deg);
}
.s13-header__row {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 1.33333rem;
    padding: 0 .4rem 0 .38667rem;
    box-sizing: border-box;
}
.s13-header__logo {
    flex: none;
    width: 2.13333rem;
    height: .8rem;
}
.s13-header__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
    filter: hue-rotate(199deg);
}
.s13-header__right {
    flex: none;
    display: flex;
    align-items: center;
    gap: .18667rem;
    height: .8rem;
}
.s13-header__right.is-guest {
    gap: .21333rem;
    max-width: 6.06667rem;
}
.s13-header__auth {
    position: relative;
    flex: 0 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .8rem;
    box-sizing: border-box;
    border-radius: .26667rem;
    font-size: .42667rem;
    font-weight: 700;
    line-height: 1;
    color: var(--text_white);
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 0 .05333rem 0 var(--s13_btn_inset) inset;
}
.s13-header__auth.is-primary {
    min-width: 2.61333rem;
    border: .02667rem solid transparent;
    background: linear-gradient(#0c0a1a, #0c0a1a) padding-box, linear-gradient(95deg, #075f44, #71d60f, #fcf5ff, #3f832c, #16491b, #018d00, #efe0ff, #6aff20, #59c325) border-box;
}
.s13-header__auth:before, .s13-header__auth:after {
    content: "";
    flex: 0 1 auto;
    width: .32rem;
}
.s13-header__pill-stripe {
    position: absolute;
    left: .06667rem;
    top: 50%;
    width: 1.4rem;
    height: .62667rem;
    transform: translateY(-50%);
    pointer-events: none;
    filter: hue-rotate(256deg);
}
.s13-header__auth span {
    position: relative;
    flex: none;
}
.s13-header__auth.is-secondary {
    min-width: 1.98667rem;
    border-radius: .2rem;
    color:black;
    background: #f9fd4e;
}
.s13-home__games {
    margin-top: .56rem;
    margin-left: .4rem;
    margin-right: .4rem;
}
.s13-sechead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .2rem;
    height: .64rem;
    font-family: Poppins, sans-serif;
}

.s13-header__pill {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    width: 3.8rem;
    height: .8rem;
    padding: 0 .05333rem 0 .10667rem;
    box-sizing: border-box;
    border: .02667rem solid transparent;
    border-radius: .26667rem;
    background: linear-gradient(#0c0a1a, #0c0a1a) padding-box, linear-gradient(95deg, #075f44, #71d60f, #fcf5ff, #3f832c, #16491b, #018d00, #efe0ff, #6aff20, #59c325) border-box;;
    box-shadow: 0 0 .05333rem 0 var(--s13_btn_inset) inset;
    overflow: hidden;
}
.s13-header__pill a {
    display: inline-flex;
}
.s13-header__pill-coin {
    position: relative;
    flex: none;
    width: .52rem;
    height: .53333rem;
    object-fit: contain;
}
.s13-header__pill-amount {
    position: relative;
    flex: 1;
    min-width: 0;
    font-size: .42667rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #fff;
    white-space: nowrap;
}
.s13-header__pill-add {
    position: relative;
    flex: none;
    width: .62667rem;
    height: .62667rem;
    filter: hue-rotate(272deg);
}
.s13-header__tools {
    flex: none;
    display: flex;
    align-items: center;
    gap: .18667rem;
}
.s13-header__circle {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    padding: 0;
    box-sizing: border-box;
    border: .02667rem solid transparent;
    border-radius: .26667rem;
    background: linear-gradient(#0c0a1a, #0c0a1a) padding-box, linear-gradient(95deg, #075f44, #71d60f, #fcf5ff, #3f832c, #16491b, #018d00, #efe0ff, #6aff20, #59c325) border-box;
    box-shadow: 0 0 .05333rem 0 #010D52!important inset;
}
.s13-header__mail {
    width: .53333rem;
    height: .46667rem;
    object-fit: contain;
}
.s13-header__lang {
    flex: none;
    display: flex;
    align-items: center;
    gap: .13333rem;
    padding: 0;
    border: none;
    background: transparent;
}
.ar_icon {
    display: inline-flex;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    align-items: center;
}

.s13-header .s13-header__flag {
    width: .48rem;
    height: .48rem;
}
.s13-header__lang-code {
    font-size: .37333rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
}
.ar_icon svg {
    width: 100%;
    height: 100%;
    color: currentColor;
    fill:none;
}

.s13-header .s13-header__flag .img {
    width: 100%;
    display: block;
}

.s13-sechead__title {
    display: flex;
    align-items: center;
    gap: .13333rem;
    min-width: 0;
}
.s13-sechead__icon {
    flex: none;
    width: .49333rem;
    height: .49333rem;
    object-fit: contain;
    filter: hue-rotate(268deg);
}
.s13-sechead__text {
    margin: 0;
    font-size: .42667rem;
    font-weight: 700;
    line-height: .64rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s13-games__tabs {
    display: flex;
    align-items: center;
    gap: .26667rem;
    margin-top: .36rem;
    margin-right: -.4rem;
    padding-right: .4rem;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.s13-games__tab {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    height: .8rem;
    padding: 0;
    border: none;
    background: transparent;
}

.s13-games__tab-icon {
    position: relative;
    z-index: 1;
    flex: none;
    width: auto;
    height: .8rem;
    align-self: flex-end;
    filter: hue-rotate(268deg);
}
.s13-games__tab-pill {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .8rem;
    margin-left: -.4rem;
    padding: 0 .45333rem;
    box-sizing: border-box;
    border-radius: .2rem;
    background: linear-gradient(101deg, #00a255 2.93%, #053119 75.34%, #062c17 98.35%) !important;
    font-size: .32rem;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    white-space: nowrap;
}
.s13-games__tab.is-active .s13-games__tab-pill {
    position: relative;
    border: none;
}
.s13-games__tab.is-active .s13-games__tab-pill {
    background: linear-gradient(101deg, #00a255 2.93%, #053119 75.34%, #062c17 98.35%) !important;
    color: #FFD84A !important;
    opacity: 1 !important;
}




.s13-games__panel {
    position: relative;
    border: none;
}
.s13-games__panel {
    margin-top: .26667rem;
    padding: .2rem .2rem 0;
    box-sizing: border-box;
    border-radius: .26667rem;
    background: var(--bg_color_L1);
    box-shadow: none !important;
    overflow: hidden;
    display: none;
}
.s13-games__panel.active{
    display:block;
}
.s13-games__panel:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    padding: .01333rem;
    border-radius: inherit;
    background:linear-gradient(135deg, #22E85A 0%,#22e85a00 22%, #22e85a00 78%, #22E85A 100%) !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.s13-games__panel-glow {
    position: absolute;
    left: -.57333rem;
    top: -.69333rem;
    width: 3.18667rem;
    height: 1.52rem;
    pointer-events: none;
    filter: hue-rotate(272deg);
}
.s13-games__grid {
    position: relative;
    display: grid;
    gap: .26667rem;
}
.s13-games__grid.is-3col {
    grid-template-columns: repeat(3, 1fr);
}
.s13-games__grid.is-2col {
    grid-template-columns: repeat(2, 1fr);
    gap: .28rem;
    padding: .08rem .08rem .28rem;
}
.s13-games__grid:last-child {
    padding-bottom: .2rem;
}
.s13-games__card {
    position: relative;
    border-radius: .18667rem;
    background: var(--bg_color_L2);
    overflow: hidden;
}
.is-3col .s13-games__card {
    aspect-ratio: 206 / 278;
}
.s13-games__cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.s13-games__more {
    position: relative;
    display: block;
    width: 100%;
    height: .93333rem;
    padding: 0;
    border: none;
    background: transparent;
    font-size: .32rem;
    font-weight: 400;
    line-height: .93333rem;
    color: #f9fd4e;
    text-align: center;
}
.s13-resource {
    display: block;
    overflow: hidden;
}
.side-distance {
    margin-left: .4rem;
    margin-right: .4rem;
}
.s13-home__promo, .s13-home__hits {
    margin-top: .8rem;
}
.s13-resource__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: var(--bg_color_L2);
}
.s13-resource__image.is-clickable {
    cursor: pointer;
}


.s13-rank {
    font-family: Poppins, sans-serif;
}
.s13-home__rank {
    margin-top: .90667rem;
    overflow: hidden;
}

.s13-rank__podium {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: .25333rem;
    margin-top: .70667rem;
}
.s13-rank__glow {
    position: absolute;
    left: 50%;
    bottom: -.93333rem;
    width: 7.65333rem;
    height: 2.66667rem;
    transform: translate(-50%);
    pointer-events: none;
    filter: hue-rotate(284deg);
}
.s13-rank__seat {
    position: relative;
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.s13-rank__avatar-box {
    position: relative;
    width: 2rem;
    height: 2rem;
    margin-bottom: .84rem;
}
.s13-rank__ring-glow {
    position: absolute;
    left: -1.12rem;
    top: -1.12rem;
    width: 4.24rem;
    height: 4.24rem;
    pointer-events: none;
    filter: hue-rotate(277deg);
}
.s13-rank__ring {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    filter: hue-rotate(272deg);
}
.s13-rank__avatar {
    position: absolute;
    left: .13333rem;
    top: .13333rem;
    width: 1.73333rem;
    height: 1.73333rem;
    border-radius: 50%;
    object-fit: cover;
    background: linear-gradient(180deg, rgba(212, 216, 255, 0.28) 0%, rgba(9, 14, 31, 0.6) 100%) !important;
}
.s13-rank__pointer {
    position: absolute;
    left: 50%;
    top: 1.93333rem;
    width: 1.88rem;
    height: .82667rem;
    transform: translate(-50%);
}
.s13-rank__name {
    margin: 0;
    width: 100%;
    font-size: .32rem;
    font-weight: 600;
    letter-spacing: .01333rem;
    line-height: 1.2;
    text-align: center;
    color: #D4D8FF !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s13-rank__score {
    margin: .05333rem 0 0;
    max-width: 100%;
    font-size: .32rem;
    font-weight: 600;
    letter-spacing: .01333rem;
    line-height: .37333rem;
    color: #EAC016 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s13-rank__stand {
    position: relative;
    width: 100%;
    height: 1.49333rem;
    margin-top: .16rem;
}
.s13-rank__stand-img {
    display: block;
    width: 100%;
    height: 100%;
    filter: hue-rotate(269deg);
}
.s13-rank__badge {
    position: absolute;
    left: 50%;
    top: .57333rem;
    width: .78667rem;
    height: .86667rem;
    transform: translate(-50%);
}
.s13-rank__seat.is-1 .s13-rank__stand {
    height: 2.01333rem;
}

.s13-rank__rows {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin-top: .70667rem;
}
.s13-rank__row {
    position: relative;
    border: none;
}
.s13-rank__row {
    display: flex;
    align-items: center;
    height: .93333rem;
    padding: 0 .26667rem 0 .09333rem;
    box-sizing: border-box;
    border-radius: .2rem;
    background:var(--bg_color_L2);
    box-shadow: none !important;
}
.s13-rank__row:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    padding: .01333rem;
    border-radius: inherit;
    background: linear-gradient(90deg, rgb(0 184 44 / 90%) 0%, rgba(0, 86, 184, 0.35) 15%, rgba(0, 86, 184, 0.2) 100%) !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.s13-rank__no {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    width: 1.16rem;
    height: .72rem;
    padding-left: .10667rem;
    box-sizing: border-box;
}
.s13-rank__no img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: hue-rotate(273deg);
}
.s13-rank__no em {
    position: relative;
    font-style: normal;
    font-size: .42667rem;
    font-weight: 700;
    line-height: 1;
    color: #D4D8FF !important;
}
.s13-rank__row-avatar {
    position: relative;
    z-index: 1;
    flex: none;
    width: .72rem;
    height: .72rem;
    margin-left: -.34667rem;
    border-radius: 50%;
    object-fit: cover;
    background: #49586B !important;
}
.s13-rank__row-name {
    flex: 1;
    min-width: 0;
    margin-left: .26667rem;
    font-size: .32rem;
    font-weight: 600;
    letter-spacing: .01333rem;
    line-height: 1;
    color: #D4D8FF !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s13-rank__row-score {
    flex: none;
    max-width: 45%;
    font-size: .32rem;
    font-weight: 600;
    letter-spacing: .01333rem;
    line-height: 1;
    color: #EAC016 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s13-winners {
    --gap: .8rem;
    font-family: Poppins, sans-serif;
}
.side-distance {
    margin-left: .4rem;
    margin-right: .4rem;
}
.s13-home__winners {
    margin-top: 1rem;
}
.s13-winners__panel {
    position: relative;
    border: none;
}
.s13-winners__panel {
    margin-top: .33333rem;
    padding: .25333rem;
    box-sizing: border-box;
    border-radius: .26667rem;
    background: var(--bg_color_L1);
    box-shadow: none !important;
    backdrop-filter: blur(.13333rem);
    -webkit-backdrop-filter: blur(.13333rem);
}

.s13-winners__panel:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    padding: .01333rem;
    border-radius: inherit;
    background: linear-gradient(135deg, #22E85A 0%,#22e85a00 22%, #22e85a00 78%, #22E85A 100%) !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.s13-winners__head {
    display: grid;
    grid-template-columns: .72rem 1fr 3.06667rem;
    column-gap: var(--gap);
    padding: 0 .26667rem 0 .25333rem;
    margin-bottom: .26667rem;
    box-sizing: border-box;
    font-size: .32rem;
    font-weight: 500;
    line-height: 1.5;
    color: #D4D8FF !important;
    text-align: center;
}
.s13-winners__head .is-amount {
    text-align: right;
}
.s13-winners__rows {
    display: flex;
    flex-direction: column;
    gap: .21333rem;
}
.s13-winners__row {
    position: relative;
    border: none;
}
.s13-winners__row {
    display: grid;
    grid-template-columns: .72rem 1fr 3.06667rem;
    align-items: center;
    column-gap: var(--gap);
    height: 1.17333rem;
    padding: 0 .26667rem 0 .25333rem;
    box-sizing: border-box;
    border-radius: .2rem;
    background: var(--bg_color_L2) !important;
}
.s13-winners__row:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    padding: .01333rem;
    border-radius: inherit;
    background: linear-gradient(90deg, rgb(0 184 44 / 90%) 0%, rgba(0, 86, 184, 0.35) 15%, rgba(0, 86, 184, 0.2) 100%) !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.s13-winners__cover {
    width: .72rem;
    height: .96rem;
    border-radius: .05333rem;
    object-fit: cover;
    background: #101D41 !important;
}
.s13-winners__member {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .16rem;
    min-width: 0;
}
.s13-winners__avatar {
    flex: none;
    width: .58667rem;
    height: .58667rem;
    border-radius: 50%;
    object-fit: cover;
    background: #49586B !important;
}
.s13-winners__name {
    min-width: 0;
    font-size: .26667rem;
    font-weight: 600;
    letter-spacing: .01333rem;
    line-height: 1.2;
    color: #fff;
    white-space: nowrap;
}
.s13-winners__amount {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .14667rem;
    min-width: 0;
    font-size: .32rem;
    font-weight: 600;
    letter-spacing: .01333rem;
    line-height: 1;
    color: #EAC016 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s13-winners__coin {
    flex: none;
    width: .42667rem;
    height: .42667rem;
    object-fit: contain;
}
.s13-jackpot {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .26667rem;
}
.s13-home__jackpot {
    margin-top: .69333rem;
}
.s13-resource {
    display: block;
    overflow: hidden;
}
.s13-resource__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #101D41 !important;
}




.login-header {
    position: relative;
    width: 100%;
    height: 7.89333rem !important;
    margin-bottom: -1.86667rem !important;
}

.login-header .head {
    position: relative !important;
    z-index: 1 !important;
    padding: .42667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login-header .head-left {
    color:#FFFFFF !important;
    font-size: .64rem;
}
.login-header .head-lan {
    display: flex;
    align-items: center;
    gap: 0 .32rem;
}

.login-header .head-lan .head-right {
    width: .53333rem;
    height: .53333rem;
}
.login-header .head-lan .head-right svg{
    fill: #02cf23;
}
img.imgLang {
    width: 100%;
}
.login-header .head-lan .lange {
    color: #FFFFFF !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 .13333rem;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.login-header .head-lan .lange .language {
    width: .48rem;
    height: .48rem;
}
.login-wrapper .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    /*height: 8.89333rem;*/
    margin: 0;
}
.login-wrapper .logo img, .login-wrapper .logo div {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}


/**/


.login-wrapper section {
    color: #fff;
    position: relative;
}
.form-main {
    width: 100%;
    margin: .32rem auto;
    padding: 0 .32rem;
    text-align: center;
}
.login-wrapper .login-section form {
    padding: 0 .4rem;
}
.form-main .form-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .32rem;
}
.form-main .form-row .c {
    position: relative;
    width: 100%;
}
.form-main .form-row .c .common {
    width: 100%;
    padding: .16rem .32rem;
    border-radius: .21333rem;
    border: .02667rem solid #49586B;
    font-size: .42667rem;
    display: flex;
    align-items: center;
    color: #66759A;
    min-width: 0;
    min-height: 1.17333rem;
    position: relative;
}
.login-wrapper .login-section .form-row .c .common {
    border:.02667rem solid #055c2b;
    background:#02140a;
    padding: .24rem;
    font-size: .34667rem;
}

.form-main .form-row .c .pre {
    width: .53333rem;
    height: .53333rem;
    flex-shrink: 0;
    margin-right: .21333rem;
}
.phone-input {
    display: flex;
    gap: .21333rem;
    align-items: center;
    border-radius: .21333rem;
    height: .56rem;
    padding: 0 .16rem 0 .10667rem;
    z-index: 10;
    position: relative;
    font-size: .37333rem;
}
.phone-input>* {
    color: #FFFFFF;
}
.phone-input .select {
    padding-right: .16rem;
    display: flex;
    align-items: center;
}
.form-main .form-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form-main .form-row .c .common>input, .form-main .form-row .c .common>textarea, .form-main .form-row .c .common .form-select input {
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border: none;
    font-size: .37333rem;
    color: #FFFFFF;
}
.form-main .eyeIcon {
    font-size: .53333rem;
    color: #98B7D3;
}

.login-wrapper .forget {
    padding: 0 .4rem .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #EAC016 !important;
    clear: both;
}
.login-wrapper .forget .page-type, .login-wrapper .forget .password {
    font-size: .32rem;
    text-decoration: underline;
}
.handle {
    width: 7.86667rem;
    margin: auto;
}
.login-wrapper .handle .btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.17333rem;
    border-radius: .66667rem;
    border: none;
    outline: none;
    color: #FFFFFF !important;
    margin: 1.06667rem auto .42667rem;
    font-size: .42667rem;
    background: var(--main_color);
}
.login-wrapper .login-type {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    font-size: .42667rem;
    width: 7.86667rem;
    height: 1.17333rem;
    border-radius: .66667rem;
    border: .02667rem solid var(--main-color);
}


/* promotion */
.page-wrapper {
    width: 100%;
    min-height: 100dvh;
    box-sizing: border-box;
    background: var(--bg_color_L1);
    padding-top: 1.44rem;
}
.page-wrapper header.scrolled {
    background: var(--bg_color_L2);
}
.isOverfllow {
    overflow-x: hidden;
}
.page-wrapper header {
    width: 10rem;
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    right: 0px;
    top: 0px;
    height: 1.44rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0.4rem;
    z-index: 50;
}
.page-wrapper header {
    transition: background-color 0.2s;
}
.page-wrapper header .head-left {
    position: relative;
    z-index: 10;
    display: flex;
}
.page-wrapper header .back {
    width: 0.66667rem;
    height: 0.66667rem;
}
.page-wrapper header .head-title {
    margin-right: auto;
    position: relative;
    width: 100%;
    height: 100%;
}
.page-wrapper header .noTitle {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    pointer-events: none;
    font-size: 0.48rem;
    color: var(--text_primary);
    font-weight: 600;
    margin-right: initial;
}
.page-wrapper header .route-name {
    line-height: 1.44rem;
}
.page-wrapper header .extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.21333rem;
}
.page-content {
    padding: .32rem .4rem .4rem;
    background: var(--bg_color_L1);
}

.commission-section {
    margin-bottom: .42667rem;
    background: var(--secondary_color2);
    border-radius: .21333rem;
}
.commission-section .commission-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .21333rem;
    height: 3.06667rem;
    border-radius: .21333rem;
    background-image: url(https://92blaze11.com/assets/ar_saas13/commissBg-6cb24c12.webp);
    background-size: cover;
    background-position: center;
    filter: hue-rotate(276deg);
}
.commission-section .commission-info .commission-title {
    color: var(--text_primary);
    text-align: center;
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 500;
    line-height: .58667rem;
}

.commission-section .commission-info .commission-amount {
    color: var(--main_color);
    font-family: Poppins;
    font-size: .66667rem;
    font-style: normal;
    font-weight: 600;
    line-height: .50667rem;
}

.my-swipe {
    padding-bottom: .8rem;
}
.subordinates-card {
    background-color: var(--bg_color_L2);
    border-radius: .21333rem;
    overflow: hidden;
    box-shadow: 0 .05333rem .37333rem #383a4c08;
    min-height: 6.24rem;
}
.subordinates-card .tab-header {
    display: flex;
    gap: .05333rem;
}
.subordinates-card .tab-header .tab-item {
    flex: 1;
    height: 1.06667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .37333rem;
    color: var(--text_btn_main);
    background: var(--secondary_color3);
}
.subordinates-card .tab-content {
    padding: .26667rem .33333rem;
    display: flex;
    align-items: stretch;
}
.subordinates-card .tab-content .content-item {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.subordinates-card .tab-content .content-item .item {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: var(--text_primary);
    font-size: .37333rem;
    font-weight: 500;
}
.subordinates-card .tab-content .content-item .item .title {
    font-size: .32rem;
    text-wrap: wrap;
    text-align: center;
    font-weight: 400;
    color: #fff;
}
.subordinates-card .tab-content .content-item .item .green {
    color: var(--norm_green_color);
}
.subordinates-card .tab-content .content-item .item .yellow {
    color: var(--norm_hint_color);
}
.subordinates-card .tab-content .line {
    flex: none;
    width: .01333rem;
    background: var(--Dividing_line_color);
}

.subordinates-card2 {
    min-height: 6.24rem;
    display: flex;
    flex-direction: column;
    background: var(--bg_color_L2);
    border-radius: .21333rem;
}
.subordinates-card2 .half {
    padding: 0 .4rem;
    flex: 1;
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .37333rem;
    height: 3.12rem;
    box-sizing: border-box;
    color: var(--text_primary);
}
.subordinates-card2 .half .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.subordinates-card2 .half .amount {
    background: var(--secondary_color3);
    border-radius: .66667rem;
    min-width: 3.2rem;
    display: flex;
    width: fit-content;
    height: .8rem;
    justify-content: center;
    align-items: center;
    padding: 0 .26667rem;
    color: var(--text_btn_main);
    font-size: .42667rem;
    font-weight: 500;
    margin-bottom: .16rem;
}
.subordinates-card2 .half+.half {
    padding: .57333rem .4rem 0;
    border-top: .01333rem solid #d3d3d3;
}
.subordinates-card2 .half+.half .item {
    justify-content: start;
}

.invitation-card {
    background-color: var(--bg_color_L2);
    border-radius: .26667rem;
    overflow: hidden;
    box-shadow: var(--box_shadow_1);
    padding: 0 .42667rem;
}
.invitation-card .invitation-item {
    display: flex;
    align-items: center;
    gap: .21333rem;
    border-bottom: .01333rem solid var(--Dividing_line_color);
    font-size: .37333rem;
    height: 1.17333rem;
}
.invitation-card .invitation-item .icon {
    width: .64rem;
    height: .64rem;
}
.invitation-card .invitation-item .item-text {
    flex: 1;
    color: var(--text_primary);
}
.invitation-card .invitation-item .item-code {
    color: var(--text_primary);
    font-size: .32rem;
}
.invitation-card .invitation-item .icon2 {
    width: .42667rem;
    height: .42667rem;
}
.btn_main_style {
    background: var(--main_gradient_color);
    box-shadow: 0 4px 8px 0 rgba(61, 15, 15, 0.25), 0 2px 0 0 rgba(255, 255, 255, 0.5) inset, 0 -4px 4px 0 rgba(0, 0, 0, 0.2) inset;
}
.invitation-btn {
    height: 1.17333rem;
    font-size: .4rem;
    font-weight: 500;
    border-radius: .66667rem;
    color: var(--text_btn_main);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .42667rem;
}

.activeList {
    width: 100%;
    display: flex;
    flex: none;
    flex-direction: column;
    gap: .42667rem;
    padding: .42667rem .42667rem 1.6rem;
}
.activeList .activeItem {
    display: block;
    border-radius: .21333rem;
    height: 3.73333rem;
    will-change: transform, opacity;
    position: relative;
}
.activeList .activeItem .link-image {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .21333rem;
    object-fit: cover;
}


.wallet {
    padding: .42667rem .4rem 0;
}

.bottom_mix_style {
    border-radius: 8px;
    background: var(--bg_color_L2, #101D41);
    box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 0 0 rgba(243, 249, 255, 0.45) inset;
}
.wallet .card {
    width: 100%;
    min-height: 3.06667rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .32rem;
    padding: 0 .32rem;
    border-radius: .21333rem;
    background-image: url(https://92blaze11.com/images/card_bg-BRun31TE.webp);
    background-size: cover;
}
.wallet .card .title {
    height: .58667rem;
    line-height: .58667rem;
    color: var(--text_primary);
    font-size: .42667rem;
    font-weight: 500;
}
.wallet .card .amount {
    height: .8rem;
    line-height: .8rem;
    color: var(--norm_hint_color);
    font-size: .8rem;
    font-weight: 600;
}
.wallet .tips {
    margin-top: 1.17333rem;
    color: var(--text_primary);
}
.wallet .tips .title {
    font-size: .42667rem;
    margin-bottom: .13333rem;
    color: #fff;
}
.wallet .tips .content {
    font-size: .32rem;
    color: var(--text_secondary);
}
.btn_main_style {
    background: var(--main_gradient_color);
    box-shadow: 0 4px 8px 0 rgba(61, 15, 15, 0.25), 0 2px 0 0 rgba(255, 255, 255, 0.5) inset, 0 -4px 4px 0 rgba(0, 0, 0, 0.2) inset;
}
.wallet .tips .btn {
    width: 7.73333rem;
    height: 1.17333rem;
    line-height: 1.17333rem;
    text-align: center;
    border-radius: .66667rem;
    margin: .90667rem auto 0;
    color: var(--text_btn_main);
    font-size: .37333rem;
}

/* account */

.mine {
    overflow-y: auto;
    font-size: .37333rem;
    position: relative;
    padding-bottom: 1.25333rem;
}

.mine-header {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main_gradient_color);
    height: 4.77333rem;
    border-radius: 0 0 1.6rem 1.6rem;
    color: #fff;
    margin-top: -.53333rem;
}
.mine-header--info {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 .4rem;
}
.mine-header--detail {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: .21333rem;
}
.mine-header--portrait {
    width: 1.73333rem;
    height: 1.73333rem;
    border-radius: 50%;
    position: relative;
    background: var(--svg_color_3);
    flex-shrink: 0;
}
.mine-header--detail img {
    margin-left: .05333rem;
}
.mine-header--portrait>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
}
.mine-header--headTop {
    display: flex;
    flex-flow: column;
}
.mine-header--name, .mine-header--id {
    display: inline-flex;
    align-items: center;
    gap: .10667rem;
}
.mine .icon {
    width: .42667rem;
    height: .42667rem;
}

.mine-header-level {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
.mine-header-level--vip {
    width: 1.33333rem;
}
.mine-header-level--name {
    width: 1.33333rem;
    height: .37333rem;
    display: flex;
    padding: 0 .16rem;
    margin-top: .05333rem;
    justify-content: center;
    align-items: center;
    gap: .13333rem;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: .66667rem;
    background: var(--secondary_color1, #FFE1E1);
    color: var(--main_color, #F13F39);
    font-family: Poppins;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: .32rem;
}
.box_shadow_1 {
    box-shadow: 0 4px 4px 0 rgba(3, 17, 36, 0.13);
}
.mine-account {
    margin: 0 .4rem .42667rem;
    border-radius: .26667rem;
    height: 1.94667rem;
    background: var(--bg_color_L2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .4rem;
}
.mine-header+div {
    margin-top: -.97333rem;
}
.mine-account--balance {
    color: var(--main_color, #F13F39);
    font-family: Poppins;
    font-size: .64rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: .16rem;
}
.mine-account--refresh {
    font-size: .34667rem;
}
.mine-account-function {
    display: flex;
    gap: .53333rem;
    text-align: center;
}
.mine-account-function>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .16rem;
    cursor: pointer;
}
.mine-account-function>div .icon {
    width: .85333rem;
    height: .85333rem;
}
.mine-account-function--name {
    color: var(--text_secondary, #768096);
    text-align: center;
    font-family: Poppins;
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: .37333rem;
}
.mine-header-level .n0 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip0.webp);
    background-size: cover;
}

.mine-header-level .n1 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip1.webp);
    background-size: cover;
}

.mine-header-level .n2 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip2.webp);
    background-size: cover;
}

.mine-header-level .n3 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip3.webp);
    background-size: cover;
}

.mine-header-level .n4 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip4.webp);
    background-size: cover;
}

.mine-header-level .n5 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip5.webp);
    background-size: cover;
}

.mine-header-level .n6 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip6.webp);
    background-size: cover;
}

.mine-header-level .n7 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip7.webp);
    background-size: cover;
}

.mine-header-level .n8 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip8.webp);
    background-size: cover;
}

.mine-header-level .n9 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip9.webp);
    background-size: cover;
}

.mine-header-level .n10 {
    width: 1.33333rem;
    height: 1.33333rem;
    background-image: url(../images-new/vip10.webp);
    background-size: cover;
}
.mine-category {
    display: flex;
    padding: .32rem .42667rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .26667rem;
    align-self: stretch;
    margin: 0 .4rem;
    border-radius: .26667rem;
    background: var(--bg_color_L2, #FFF);
}
.mine-category-item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .21333rem;
    width: 100%;
    border-bottom: .01333rem solid var(--Dividing_line_color);
    padding-bottom: .21333rem;
}
.mine-category-item--icon {
    font-size: .66667rem;
}
.mine-category-item--name {
    color: var(--text_primary, #1E2637);
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mine-category-item--tips {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mine-desc {
    color: var(--text_secondary, #768096);
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mine-category-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.mine-loginout {
    margin: 1.33333rem .4rem 0;
    display: block;
    width: 9.2rem;
    border: .02667rem solid var(--main_color, #F13F39);
    border-radius: .58667rem;
    color: var(--main_color, #F13F39);
    background: transparent;
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: .56rem;
    padding: .2rem 0;
}
.page-wrapper header .extra .ar_icon {
    --secondary_color5: var(--main_color);
}

.page-wrapper .icon {
    width: .64rem;
    height: .64rem;
}
.page-wrapper header.bg {
    background: var(--bg_color_L2);
}
.pay-top {
    padding: .32rem .4rem;
}
.headerRecharge {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .16rem;
}
.bottom_mix_style {
    border-radius: 8px;
    background: var(--bg_color_L2, #101D41);
    box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.12), 0 2px 0 0 rgba(243, 249, 255, 0.45) inset;
}
.headerRecharge>div {
    width: calc(50% - .08rem);
    height: 1.97333rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .21333rem;
    background-size: 1.06667rem;
    background-repeat: no-repeat;
    background-position: left bottom;
    gap: .16rem;
    color: var(--text_primary);
    text-align: center;
    font-family: Poppins;
    font-size: .42667rem;
    font-weight: 500;
}
.headerRecharge .h_1 {
    background-image: url('https://92blaze11.com/assets/ar_saas13/wallet/icon_cash_b-6de9e557.webp');
}
.flex {
    display: flex;
}
.flex-items-center {
    align-items: center;
}
.headerRecharge .balance {
    gap: .05333rem;
}
.headerRecharge>div>p:last-of-type {
    color: var(--norm_hint_color);
    font-size: .53333rem;
    font-weight: 600;
    height: .8rem;
    line-height: .8rem;
}
.withdrawl p{
    color: #fff!important;
    font-size:.42667rem!important;
    padding-right: 10px;
    font-weight: 500 !important;
}

.headerRecharge .h_2.clickable {
    cursor: pointer;
}

.headerRecharge .h_2 {
    
    background-image: url('https://92blaze11.com//assets/ar_saas13/wallet/icon_with2-65e0b9f4.webp');
    position: relative;
}
.headerRecharge .h_2 .arrow {
    position: absolute;
    right: .32rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .42667rem;
}
.headerRecharge>div>p:last-of-type span {
    font-size: .37333rem;
}

.pay-main {
    padding: 0 .4rem .8rem;
}


.payment-methods {
    margin-bottom: .8rem;
}
.payment-methods .section-title {
    color: var(--text_primary);
    font-size: .34667rem;
    font-weight: 400;
    margin-bottom: .32rem;
}
.payment-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2rem;
    list-style: none;
    padding: 0;
    margin-bottom: .32rem;
}
.payment-item {
    position: relative;
    display: flex;
    height: 1.17333rem;
    padding: 0 .13333rem;
    justify-content: center;
    align-items: center;
    gap: .0667rem;
    border-radius: .16rem;
    background: var(--bg_color_L2);
    filter: drop-shadow(0 .10667rem .10667rem rgba(3, 17, 36, .08));
}
.payment-item.active {
    border: .02667rem solid var(--norm_hint_color);
    background: var(--main_gradient_color);
}
.payment_img {
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}
.payment_img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.payment-item .name {
    flex: 1;
    min-width: 0;
    color: var(--text_tertiary);
    font-family: Roboto, Poppins, sans-serif;
    font-size: .32rem;
    font-weight: 400;
    line-height: .35333rem;
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
}
.payment-item.active .name {
    color: #fff;
    text-shadow: 0 .02667rem .01333rem rgba(0, 0, 0, .5);
}
.payment-item.active:after {
    content: "";
    width: .69333rem;
    height: .56rem;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('https://92blaze11.com/assets/common/subscript-4e3ff634.webp') no-repeat;
    background-size: cover;
}
.rechargeRifts {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 .16rem;
    background: var(--secondary_color1);
    color: var(--main_color);
    display: flex;
    width: 1.06667rem;
    height: .29333rem;
    justify-content: center;
    align-items: center;
    gap: .13333rem;
    font-size: .26667rem;
}


.deposit-tips .section-title {
    color: var(--text_primary);
    font-size: .34667rem;
    font-weight: 400;
    height: .53333rem;
    line-height: .53333rem;
    margin-bottom: .26667rem;
}
.deposit-tips .tips-list {
    color: var(--text_secondary);
    font-size: .32rem;
    display: flex;
    flex-direction: column;
    gap: .16rem;
}
.deposit-tips .tips-list li {
    line-height: .48rem;
    margin-bottom: .16rem;
}

.Recharge__content-paymoney__money-input {
    position: relative;
    height: 1.17333rem;
    width: 100%;
    display: flex;
    border-radius: .16rem;
    border: .02667rem solid var(--Dividing_line_color);
    background: var(--bg_color_L2);
    font-size:.37333rem;
}
.KeyPasscode {
    position: relative;
    height: .9333rem;
    width: 100%;
    display: flex;
    border-radius: .16rem;
    border: .02667rem solid var(--Dividing_line_color);
    background: var(--bg_color_L2);
}
.KeyPasscode .input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: .13333rem;
    width: 100%;
    height: .9333rem;
}
.KeyPasscode .input-wrapper input{
    color: var(--norm_hint_color);
    font-size:14px;
}
.input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: .13333rem;
    width: 100%;
    height: 1.17333rem;
}
.input-wrapper input {
    flex: 1;
    width: 100%;
    height: 100%;
    padding: .10667rem;
    border: none;
    box-sizing: border-box;
    border-radius: .16rem;
    background: transparent;
}
.input-wrapper input{
    color: var(--norm_hint_color);
}
.arrival-preview {
    font-size: .32rem;
    line-height: .45333rem;
    color: var(--text_primary, #d4e8ff);
    font-weight: 400;
    margin: .10667rem 0 0;
}
.arrival-preview .al-num {
    color: var(--norm_hint_color, #edb04c);
}

.addBankAccount {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.06667rem;
    gap: .16rem;
    color: var(--main_color);
    margin-top: .45333rem;
    font-size: .34667rem;
    background: var(--bg_color_L2);
    padding: 0 .32rem;
    border-radius: .21333rem;
}
.addBankAccount .add_icon {
    width: .42667rem;
    height: .42667rem;
}

.amountInput {
    margin-top: .15333rem;
    border-radius: .16rem;
    border: .02667rem solid #02512b;
    background: var(--bg_color_L2);
    padding: .21333rem .42667rem;
    font-size: .37333rem;
    color: var(--text_primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.amountInput .currency {
    flex: none;
    position: relative;
    margin-right: .16rem;
    display: flex;
    align-items: center;
    gap: .24rem;
}
.amountInput .currency:after {
    content: "";
    width: .02667rem;
    height: .37333rem;
    display: block;
    border-radius: .05333rem;
    background: var(--text_primary);
}
.amountInput input {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: none;
    outline: none;
    color: var(--text_primary);
    font-size: .37333rem;
}
.amountInput .all {
    flex: none;
    white-space: nowrap;
    color: var(--main_color);
    text-align: right;
    font-size: .42667rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .18667rem;
}
.amountInput .all:before {
    content: "";
    width: .02667rem;
    height: .37333rem;
    display: block;
    border-radius: .05333rem;
    background: var(--Dividing_line_color);
}

.infoBank {
    display: flex;
    flex-direction: column;
    gap: .32rem;
    color: var(--text_tertiary);
    font-size: .32rem;
}
.infoBank  .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .21333rem;
    padding: .21333rem .32rem;
    background: var(--bg_color_L2);
}
.infoBank  .item span {
    color: var(--text_primary);
}

.thisWeekHits{
    margin-top: .33333rem;
}
.s13-hits {
    font-family: Poppins, sans-serif;
}
.s13-hits__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .26667rem;
}
.s13-hits__card {
    height: 2.28rem;
    box-sizing: border-box;
    border-radius: .26667rem;
    background: var(--bg_color_L2);
    overflow: hidden;
}

.s13-hits__card {
    position: relative;
    border: none;
}
.s13-hits__card:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    padding: .01333rem;
    border-radius: inherit;
    background: #026105;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.s13-hits__glow {
    position: absolute;
    left: -.08rem;
    top: -.50667rem;
    width: 3.18667rem;
    height: 3.18667rem;
    pointer-events: none;
}
.s13-hits__cover {
    position: absolute;
    left: .12rem;
    top: .12rem;
    width: 2.05333rem;
    height: 2.01333rem;
    border-radius: .2rem;
    overflow: hidden;
    background: var(--bg_color_L2);
}
.s13-hits__cover-img {
    display: block;
    width: 100%;
    height: auto;
}
.s13-hits__info {
    position: absolute;
    left: 2.37333rem;
    top: .12rem;
    width: 1.94667rem;
}
.s13-hits__name {
    margin: 0;
    font-size: .32rem;
    font-weight: 500;
    line-height: .37333rem;
    color: var(--s13_text_title);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.s13-hits__rtp {
    margin: .08rem 0 0;
    font-size: .32rem;
    font-weight: 500;
    line-height: .37333rem;
    color: var(--s13_rtp_label);
    white-space: nowrap;
}
.s13-hits__rtp em {
    font-style: normal;
    color: var(--s13_rtp_value);
}
.s13-btn {
    position: relative;
    border: none;
}
.s13-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: .62667rem;
    padding: 0 .26667rem;
    box-sizing: border-box;
    border-radius: .2rem;
    background: #032e1a;
    box-shadow: var(--s13_btn_shadow);
    opacity: var(--s13_btn_opacity);
    font-family: Poppins, sans-serif;
    font-size: .26667rem;
    font-weight: 700;
    line-height: 1;
    color: var(--s13_text_title);
    white-space: nowrap;
    overflow: hidden;
}
.s13-hits__btn {
    position: absolute;
    left: 2.37333rem;
    top: 1.50667rem;
    width: 1.94667rem;
    padding: 0;
}
.s13-btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    padding: .01333rem;
    border-radius: inherit;
    background: #333333;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.s13-btn__stripe {
    position: absolute;
    left: .08rem;
    top: 50%;
    width: 1.4rem;
    height: .44rem;
    transform: translateY(-50%);
    pointer-events: none;
}
.s13-btn__text {
    position: relative;
}

.bank-list_wrapper{
    margin-top: 10px;
}
.bank-name{
    text-decoration:ellipsis;
    width: 40px;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-l-15 {
    color: #fff;
    font-size: 16px;
    padding-left: 10px;
}

.lab {
    padding: 10px 0;
    font-size: 16px;
    color: #538f57;
}

.inputText input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    background: var(--bg_color_L2);
    color: var(--norm_hint_color);
}
.van-divider{
    margin: 0;
}
.gift-wrapper {
    padding: .42667rem;
}

.s13-home__ways {
    margin-top: .8rem;
}

.s13-sechead__action {
    flex: none;
    display: flex;
    align-items: center;
    gap: .08rem;
    padding: 0;
    border: none;
    background: transparent;
    font-size: .26667rem;
    font-weight: 600;
    letter-spacing: .01333rem;
    line-height: 1;
    color: var(--s13_link);
    white-space: nowrap;
}
.s13-sechead__arrow {
    width: .22667rem;
    height: .13333rem;
    transform: rotate(90deg);
}
.s13-ways__panel {
    position: relative;
    border: none;
}
.s13-ways__panel {
    margin-top: .33333rem;
    padding: .25333rem;
    box-sizing: border-box;
    border-radius: .26667rem;
    background: var(--bg_color_L1);
    box-shadow: var(--s13_panel_shadow);
}
.s13-ways__panel:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    padding: .01333rem;
    border-radius: inherit;
    background: linear-gradient(135deg, #22E85A 0%, #22e85a00 22%, #22e85a00 78%, #22E85A 100%) !important;;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.s13-ways__scroller {
    display: flex;
    gap: .17333rem;
    overflow-x: auto;
}
.s13-ways__card {
    position: relative;
    flex: none;
    width: 2.77333rem;
    aspect-ratio: 208 / 282;
    border-radius: .18667rem;
    background: var(--bg_color_L2);
    overflow: hidden;
}
.s13-ways__cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.customer {
    position: fixed;
    width: 75px;
    z-index: 100;
    cursor: move;
    overflow: hidden;
    filter: drop-shadow(rgb(0, 0, 0) 0px 0px 0.4rem);
}
.dragging-slider-wrapepr {
    position: relative;
}

.dragging-slider-wrapepr img {
    width: 100%;
    border-radius: 100%;
}