.HomePopupsList_home_popups_list__QXmLV {
    max-width: 12rem;
    display: flex;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    padding: 0 0.2rem;
    margin: 0.3rem auto 0;

    scrollbar-width: none;
    -ms-overflow-style: none;
}
.HomePopupsList_home_popups_list__QXmLV::-webkit-scrollbar {
    display: none;
}
.HomePopupsList_accumulated_charge__7d4QX,
.HomePopupsList_inbox_popup__UWjP7,
.HomePopupsList_vip_club_popup__qKV0Q,
.HomePopupsList_amount_loss_popup__ESuLg {
    width: 2.6rem;
    height: 2rem;
    background: #211b2e;
    border-radius: 0.1rem;
    margin: 0.4rem 0.11rem 0;
    border-bottom: 4px solid #3e224c;
    padding-bottom: 4px;
    position: relative;
    flex-shrink: 0;
}

.HomePopupsList_accumulated_charge__7d4QX::after,
.HomePopupsList_inbox_popup__UWjP7::after,
.HomePopupsList_vip_club_popup__qKV0Q::after,
.HomePopupsList_amount_loss_popup__ESuLg::after {
    content: "";
    width: 0.6rem;
    border-radius: 50%;
    position: absolute;
    bottom: 1.2rem;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    box-shadow: 0 0 30px 25px rgba(236, 135, 11, 0.2);
}
.HomePopupsList_selected__6MkFD {
    border-bottom: 4px solid #ec4cff;
    padding-bottom: 4px;
}

.InBoxPopup_inBoxPopupMain__iuTHw {
    height: 2rem;
}
.InBoxPopup_inBoxPopupContent__qr073 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 2;
    top: -0.21rem;
}
.InBoxPopup_inBox___nifH {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.InBoxPopup_bg__KG6eu {
    width: 0.98rem;
    height: 1.2rem;
    border-radius: 50%;
    border-image: linear-gradient(0deg, #921b86, #65089c) 4 4;
}
.InBoxPopup_timeStyle__YA5QX {
    min-width: 1.62rem;
    height: 0.41rem;
    border-radius: 0.2rem;
    font-family: Roboto;
    font-weight: bold;
    font-size: 0.3rem;
    color: #ffffff;
    position: absolute;
    bottom: -0.48rem;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    padding: 0 0.1rem;
}
.InBoxPopup_timeStyle__YA5QX p {
    font-family: Roboto;
    font-weight: 500;
    font-size: 0.32rem;
    color: #ffffff;
}

.InBoxPopup_statuIcon__svdb_ {
    width: 0.33rem;
    height: 0.33rem;
    background: #ff183e;
    box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.39);
    border-radius: 50%;
    border: 1px solid #ffe9e9;
    position: absolute;
    z-index: 1;
    right: -0.8rem;
    top: 0.2rem;
}

.InfoDetailBox_gift_content__bEoQ6 {
    padding-bottom: 0.5rem;
    text-align: left;
    white-space: pre-wrap;
}

.InfoDetailBox_gift_msg_content__98LYC {
    max-height: 3.9rem;
    overflow-y: auto;
}

.InfoDetailBox_gift_box__7shtA {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    padding-top: 0.3rem;
    text-align: left;
    height: 3rem;
}

.InfoDetailBox_gift_list__UCbTt {
    display: flex;
    gap: 0.3rem;
    text-align: center;
    font-size: 0.4rem;
    margin-top: 0.2rem;
    color: #33d24a;
    font-weight: bold;
}

.InfoDetailBox_gift__l45_G {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.1rem;
    padding: 0.25rem 0.3rem 0.1rem 0.3rem;
    position: relative;
}

.InfoDetailBox_gift_no_bg__gcECR {
    background: none;
}

.InfoDetailBox_gift_gray__xo7Fo {
    background: none;
    border-radius: 0.2rem;
    /*filter: brightness(0.5);*/
}

.InfoDetailBox_gift_gray__xo7Fo::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(27, 28, 38, 0.6);
    border-radius: 0.1rem;
}

.InfoDetailBox_gift_icon__bTeDK {
    width: 1.2rem;
}

.InfoDetailBox_gift_check__PgP57 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0.7rem;
}

.InfoDetailBox_gc_color__zkHya {
    color: #faee31;
    margin-top: -0.15rem;
}

.InfoDetailBox_sc_color__ehe_w {
    color: #33d24a;
    margin-top: -0.15rem;
}

.inboxDialog_modalOverlay__DJlTx {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    top: 1.8rem;
    margin: 0 auto;
}

.inboxDialog_modal__7WQIC {
    background: #05011d;
    color: #fff;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    position: relative;
    font-size: 0.3rem;
    max-width: 12rem;
}

.inboxDialog_header__bJKAb {
    text-align: center;
    background-image: url("/img/rewards/banner_inbox@2x.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 2.5rem;
    position: relative;
    display: flex;
    align-items: center;
}
.inboxDialog_headerContent__Qjfdp {
    display: flex;
    align-items: center;
}
.inboxDialog_headerContent__Qjfdp img {
    width: 0.52rem;
    margin: 0 0.56rem;
    /* height: 0.32rem; */
}
.inboxDialog_headerContent__Qjfdp h1 {
    font-weight: lighter !important;
}

.inboxDialog_emails__L5wf9 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: calc(100% - 3.8rem) !important;
    /* height: 100%; */
    overflow-y: auto;
    margin-top: 0.3rem;
    padding: 0 0.4rem 0.4rem 0.4rem;
    position: relative;
}

.inboxDialog_emailItem__VEYVq {
    padding: 0.5rem;
    border-radius: 10px;
    background: linear-gradient(180deg, #2a0a3b, #22083f);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.inboxDialog_item_gray___s5QA {
    background: #261c31;
    color: #655c6f;
}

.inboxDialog_item_gray___s5QA .inboxDialog_rechargeLabel__ieGhy {
    color: #655c6f;
}

.inboxDialog_item_gray___s5QA .inboxDialog_emailValue__adTHG {
    color: #4f4659;
}

.inboxDialog_statuIcon__A8JlP {
    width: 0.39rem;
    height: 0.39rem;
    background: #ff183e;
    box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.39);
    border-radius: 50%;
    border: 1px solid #ffe9e9;
    position: absolute;
    right: 0;
    top: 0;
}

.inboxDialog_leftContent__zGUjN {
    display: flex;
    align-items: center;
    width: 100%;
}
.inboxDialog_iconStyle__bSq1I {
    width: 1rem;
    margin-right: 0.4rem;
}

.inboxDialog_emailDetails__VaXth {
    display: flex;
    justify-content: space-between;
    /* margin: 0.2rem 0; */
    font-size: 14px;
    color: #333;
}
.inboxDialog_delTime__shl_0 {
    color: #1cd551;
}

.inboxDialog_emailButton__Si5Du {
    width: 2.8rem;
    height: 1rem;
    background: #0090ff;
    border-radius: 0.5rem;

    font-family: Roboto;
    font-weight: 700;
    font-size: 0.52rem;
    color: #ffffff;
}
.inboxDialog_claimButton__GgR7z {
    background: #1cd551;
}
.inboxDialog_emailButton__Si5Du:hover {
    opacity: 0.9;
}

.inboxDialog_emailButton__Si5Du:active {
    transform: scale(0.98);
}

.inboxDialog_checkmark__XQffP {
    display: inline-block;
    height: 0.52rem;
    /* position: absolute;
  bottom: -0.1rem;
  right: 0; */
}
.inboxDialog_checkmark__XQffP img {
    width: 100%;
    height: 100%;
    transform: scaleX(-1); /* 水平翻转 */
}

.inboxDialog_progressContainer__gyfA8 {
    width: 100%;
    color: #fff;
    font-family: Arial, sans-serif;
    background: var(--tabs-bg-color);
    height: 2rem;
    border-radius: 0.2rem;
    padding: 0 0.2rem 0.2rem 0;
    margin: 0.4rem 0;
    display: flex;
}
.inboxDialog_progressContainerImg__z95OY {
    width: 2.7rem !important;
    height: 2rem !important;
    position: relative !important;
}
.inboxDialog_progressStyle__jPLZH {
    width: 77%;
}

.inboxDialog_label__tZHqA {
    margin-bottom: 8px;
    font-size: 0.4rem;
    color: #d0c0e0;
    position: relative;
    right: 0.5rem;
    margin-top: 0.2rem;
}

.inboxDialog_progressBar__lFm7f {
    position: relative;
    height: 0.4rem;
    border-radius: 50px;
    padding: 0.1rem;
    background-color: #3e2146; /* 背景条颜色 */
    overflow: hidden;
    right: 0.5rem;
}

.inboxDialog_progressFill__Yy3xi {
    height: 100%;
    background-color: #ff8c00; /* 进度条颜色 */
    transition: width 0.3s ease;
    border-radius: 50px;
}

.inboxDialog_milestones__eQHKA {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #ffffff;
    right: 0.5rem;
    top: 5px;
}

.inboxDialog_milestone__CepLz {
    position: relative;
    text-align: center;
    font-size: 0.38rem;
}

.inboxDialog_rechargeText__42y1y {
    font-size: 0.4rem;
    color: #d0c0e0;
    margin-bottom: 0.1rem;
}

.inboxDialog_rechargeLabel__ieGhy {
    color: #d0c0e0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 7rem;
}

.inboxDialog_rechargeTarget___h4Fc {
    color: #1cd551;
    font-weight: bold;
}

.inboxDialog_rechargeProgress___sPwQ {
    color: #d0c0e0;
}

.inboxDialog_progressComplete__qrLlt {
    color: #1cd551; /* 完成时的颜色 */
    font-weight: bold;
}

.inboxDialog_progressIncomplete__LbxLf {
    color: #d0c0e0; /* 未完成时的颜色 */
}
.inboxDialog_emailValue__adTHG {
    color: #7b6b8d;
    display: flex;
    align-items: center;
    font-size: 0.4rem;
}

.inboxDialog_emailValue__adTHG span {
    margin-left: 0.2rem;
}
.inboxDialog_noPresent__yCBYu {
    width: 100%;
    height: 0.49rem;
    font-family: Roboto;
    font-weight: 400;
    font-size: 0.52rem;
    color: #454354;
    text-align: center;
    margin-bottom: 1rem;
}

.VipClubPopup_vipClubPopupMain__KBwuD {
    height: 2rem;
}
.VipClubPopup_vipClubPopupContent__Mvcvf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 2;
    top: -0.21rem;
}
.VipClubPopup_vipClub__x7fFK {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.VipClubPopup_bg__0MDEJ {
    width: 1.44rem;
    height: 1.2rem;
    border-radius: 50%;
    border-image: linear-gradient(0deg, #921b86, #65089c) 4 4;
}
.VipClubPopup_timeStyle__ZFOCJ {
    min-width: 1.62rem;
    height: 0.41rem;
    border-radius: 0.2rem;
    font-family: Roboto;
    font-weight: bold;
    font-size: 0.3rem;
    color: #ffffff;
    position: absolute;
    bottom: -0.48rem;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    padding: 0 0.1rem;
}
.VipClubPopup_timeStyle__ZFOCJ p {
    font-family: Roboto;
    font-weight: 500;
    font-size: 0.32rem;
    color: #ffffff;
}

.GrandPrizeAnnouncement_main__iUkim {
    width: 12rem;
    max-width: 100%;
    margin: 0 auto;
}

.GrandPrizeAnnouncement_category_title__w5B0O {
    font-size: .5rem;
    text-align: center;
    color: var(--game-category-title);
}

.GrandPrizeAnnouncement_category_title_name__fQ4t3 {
    margin: 0 .2rem;
    color: #fff;
}

.GrandPrizeAnnouncement_list_wrapper__xcL3_ {
    margin-top: .4rem;
    height: 16rem;
    overflow: hidden;
    position: relative;
}

.GrandPrizeAnnouncement_list_content__3i7TM {
    width: 100%;
    height: 16rem;
    margin-top: -1.6rem;
}

.GrandPrizeAnnouncement_has_bg__WTEVZ {
    background: #261c31;
}

.GrandPrizeAnnouncement_list_item__vfzHb {
    position: absolute;
    width: 100%;
    height: 1.6rem;
    display: flex;
    color: #fff;
    font-size: .3rem;
    justify-content: space-between;
    align-items: center;
    padding: 0 .3rem;
    transition: transform 0.5s ease-in-out;
}

.GrandPrizeAnnouncement_list_item__vfzHb:hover {
    /*transform: scale(1.05);*/
    /*transition: all .2s ease-in-out;*/
}

.GrandPrizeAnnouncement_list_animate_active__1AdGL {
    transform: translate(0, 1.6rem);
}

.GrandPrizeAnnouncement_item_left__knl12 {
    display: flex;
}

.GrandPrizeAnnouncement_item_avatar__77IM7 {
    display: block;
    width: .8rem;
    height: .8rem;
    overflow: hidden;
    margin-right: .2rem;
    cursor: pointer;
}

.GrandPrizeAnnouncement_item_game_name__q5Jsw {
    font-size: .4rem;
}

.GrandPrizeAnnouncement_player_name__IzjLj {
    color: #78767c;
}

.GrandPrizeAnnouncement_vip_icon__OED_M {
    width: .3rem;
    height: .3rem;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    margin-left: .1rem;
    margin-top: -0.1rem;
}

.GrandPrizeAnnouncement_item_total__iSuUf {
    color: #0CEB4B;
    font-weight: 600;
    text-align: right;
}

.GrandPrizeAnnouncement_bet_info__n0_Oh {
    font-size: .25rem;
    margin-bottom: .1rem;
}

.GrandPrizeAnnouncement_bet_num__2xhjs {
    background: #44444a;
    margin-right: .1rem;
}

.GrandPrizeAnnouncement_bet_rate__E6jQZ {
    background: #3154f8;
}

.GrandPrizeAnnouncement_bet_num__2xhjs, .GrandPrizeAnnouncement_bet_rate__E6jQZ {
    padding: 0.05rem .1rem;
    border-radius: .05rem;
}
.page_page__sC1co {
    width: 100%;
    height: 100%;
    overflow-y: inherit;
    padding-bottom: 0.3rem;
    padding-top: 1.8rem;
}

.page_game_list_wrapper__rpdrD {
    position: relative;
    padding: 0 0.3rem;
    margin-top: 0.6rem;
}

.page_game_list_title__7yiUm {
    font-size: 0.5rem;
    color: var(--game-category-title);
    text-align: center;
    margin-bottom: 0.35rem;
}

.page_ft_icon_title__cU0SY {
    color: var(--font-icon-color);
    width: 1.2em !important;
    height: 1.2em !important;
}

.page_game_list_grid__WQ0UU {
    display: grid;
    grid-column-gap: 0.2rem;
    column-gap: 0.2rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-row-gap: 0.3rem;
    row-gap: 0.3rem;
    max-width: 12rem;
    margin: 0 auto;
}

.page_grid_item__HyxKP {
    /*background: #fff;*/

    cursor: pointer;
}