.deposit-progress-bar-container {
    display: flex;
    align-items: center;
    padding: 0.15rem 0.2rem;
    background: undefined;
}

@media (min-width: 769px) {
    .deposit-progress-bar-container {
        padding: 0 0 0.08rem;
    }
}

.deposit-progress-bar-container:has(.deposit-progressbar-container) .account-info-container {
    width: 35%;
}

.deposit-progress-bar-container .account-info-container {
    display: flex;
    align-items: center;
    width: 100%;
}

.deposit-progress-bar-container .account-info-container .account-img {
    position: relative;
}

.deposit-progress-bar-container .account-info-container .account-img svg .st0 {
    fill: #28db00 !important;
}

.deposit-progress-bar-container .account-info-container .account-img .icon-verified {
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.deposit-progress-bar-container .account-info-container .account-img .member-profile-img {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.2rem 0 0.05rem;
    border: 0.01rem solid #aaa;
    border-radius: 50%;
    padding: 0;
}

@media (min-width: 769px) {
    .deposit-progress-bar-container .account-info-container .account-img .member-profile-img {
        width: 0.5rem;
        height: 0.5rem;
        margin: 0;
    }
}

.deposit-progress-bar-container .account-info-container .account-img .badge-vip {
    margin-left: -10%;
    padding: 0.05rem 0.1rem;
    font-size: 0.16rem;
    border-radius: 0.1rem;
    background: #858d8f;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

.deposit-progress-bar-container .account-info-container .account-info {
    height: fit-content;
    font-size: 0.12rem;
    margin: 0 0 0 0.08rem;
    white-space: nowrap;
}

.deposit-progress-bar-container .account-info-container .account-info .account-group {
    color: #aaa;
    font-size: 0.21rem;
}

@media (min-width: 769px) {
    .deposit-progress-bar-container .account-info-container .account-info .account-group {
        font-size: 0.1rem;
        font-weight: 400;
        line-height: 0.11rem;
    }
}

.deposit-progress-bar-container .account-info-container .account-info .account-name {
    color: #ffe138;
    font-size: 0.24rem;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    line-height: 1;
}

@media (min-width: 769px) {
    .deposit-progress-bar-container .account-info-container .account-info .account-name {
        font-size: 0.14rem;
        font-weight: 700;
        line-height: 0.16rem;
    }
}

.deposit-progress-bar-container .straightLine {
    height: 0.45rem;
    border: 0.01rem #e6e6e6;
    border-style: none solid none none;
    margin: 0 0.2rem 0 0.1rem;
}

.deposit-progress-bar-container .deposit-progressbar-container {
    width: 100%;
    padding: undefined;
    white-space: normal;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper {
    display: flex;
    align-items: center;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-progress-container {
    width: 35%;
    padding-right: 0.2rem;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-progress-container .status-progress {
    height: 0.15rem;
    background: #555;
    border-radius: 0.5rem;
    overflow: hidden;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-progress-container .progress-bar {
    background: #28db00;
    border-radius: 0.5rem;
    height: 100%;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit {
    width: 70%;
    font-size: 0.24rem;
    color: #aaa;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount {
    color: #00eaff;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount .status-total-deposit {
    color: #00eaff;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount .status-total-deposit,
.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount .status-upgrade-total {
    display: inline-block;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit p {
    color: #aaa;
    margin: 0;
    font-size: 0.22rem;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit p span {
    color: #00eaff;
}

.deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit p span .totalDeposit {
    color: #00eaff;
}

.deposit-progress-bar-container .deposit-progressbar-container .deposit-detail-container {
    color: #aaa;
    margin-top: 0.1rem;
    font-size: 0.22rem;
    line-height: 1;
}

.deposit-progress-bar-container .deposit-turnover-slider {
    width: 65%;
}

.deposit-progress-bar-container .deposit-turnover-slider .slick-slide {
    margin: auto;
}

.mobileGameTabContainer .menuTab {
    padding: 0 0.3rem 0 0.2rem;
    background: linear-gradient(#511a91, #391266);
    display: undefined;
    grid-template-columns: undefined;
    fill: WhitE;
    align-items: undefined;
}

.mobileGameTabContainer .menuTab .menu-item-container {
    width: 100%;
    display: flex !important;
    overflow-x: scroll;
    overflow-y: hidden;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-item {
    text-align: center;
    padding: 0.2rem 0;
    transition: 0.3s;
    color: #fff;
    font-size: 0.14rem;
    flex: 0 0 1.25rem;
    text-transform: uppercase;
    margin: undefined;
    background: undefined;
    box-shadow: undefined;
    border-radius: undefined;
    border-right: undefined;
    border-image: undefined;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-item:nth-child(8),
.mobileGameTabContainer .menuTab .menu-item-container .menu-item:nth-child(9) {
    margin: 0 0.1rem;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-item svg {
    width: 0.55rem;
    height: 0.55rem;
    margin-bottom: 0.14rem;
    fill: #2ebbfe;
    transition: 0.3s;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-item img {
    width: auto;
    height: 1rem;
    margin: 0 auto;
    transition: undefined;
    filter: undefined;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-item p {
    font-size: 0.2rem;
    white-space: undefined;
    margin: 0.05rem 0 0;
    color: undefined;
    text-transform: undefined;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-selected {
    background: undefined;
    border: 0.02rem #edfa00;
    border-style: undefined;
    box-shadow: undefined;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-selected svg {
    fill: #edfa00;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-selected .hover_line {
    border-bottom: unset;
    width: 0.25rem;
    margin-left: auto;
    margin-right: auto;
    display: undefined;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-selected p {
    color: #ffe138;
    margin: 0.05rem 0 0;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-selected img {
    background-color: undefined;
    border-radius: undefined;
    box-shadow: undefined;
    -webkit-appearance: none;
    -webkit-box-shadow: undefined;
    filter: undefined;
}

.mobileGameTabContainer .menuTab .menu-dots-container {
    display: undefined;
    position: absolute;
    bottom: -0.4rem;
    left: 50%;
    transform: translateX(-50%);
}

.mobileGameTabContainer .menuTab .menu-dots-container .dots {
    width: 0.14rem;
    height: 0.12rem;
    border-radius: 0.4rem;
    background: #c8c8c8;
    margin: 0 0.07rem;
    transition-duration: 0.5s;
}

.mobileGameTabContainer .menuTab .menu-dots-container .active {
    width: 0.7rem;
    background: #acacac;
    transition-duration: 0.5s;
}

.mobileGameTabContainer .menuTab .menuTabArrowBar {
    display: undefined;
    align-self: undefined;
}

.mobileGameTabContainer .submenuTab {
    background: #171717;
    padding: 0 0.2rem 0.2rem;
    color: #aaa;
    text-transform: undefined;
}

.mobileGameTabContainer .submenuTab .submenuHeader {
    display: undefined;
    align-items: center;
}

.mobileGameTabContainer .submenuTab .submenuHeader img {
    width: 0.6rem;
}

.mobileGameTabContainer .submenuTab .submenu-title {
    margin: auto;
    padding: 0.2rem 0;
    color: #fff;
    text-transform: capitalize;
}

.mobileGameTabContainer .submenuTab .submenu-item-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 0.01rem solid #333;
    white-space: nowrap;
    padding: 0.3rem 0.1rem;
    border-radius: 0.06rem;
    background: #1a1a1ce6;
}

.mobileGameTabContainer .submenuTab .submenu-item-container.carousel {
    position: relative;
    display: block;
    grid-template-columns: none;
    padding: 0 0 0.3rem;
}

.mobileGameTabContainer .submenuTab .submenu-item-container.carousel .slick-slide {
    margin: 0;
    padding-top: 0.15rem;
}

.mobileGameTabContainer .submenuTab .submenu-item-container.carousel .slick-slide:nth-child(even) {
    margin-left: 0;
}

.mobileGameTabContainer .submenuTab .submenu-item-container.carousel .slick-slide>div {
    margin: 0 0.2rem 0.2rem;
}

.mobileGameTabContainer .submenuTab .submenu-item-container.carousel .submenu-dots-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0.3rem);
}

.mobileGameTabContainer .submenuTab .submenu-item-container.carousel .submenu-dots-container .dots {
    width: 0.15rem;
    height: 0.15rem;
    border-radius: 0.4rem;
    background: #aaaaaa61;
    margin: 0 0.05rem;
    transition-duration: 0.5s;
}

.mobileGameTabContainer .submenuTab .submenu-item-container.carousel .submenu-dots-container .dots.active {
    background: #00eaff;
    width: 0.5rem;
}

.mobileGameTabContainer .submenuTab .submenu-item-container.carousel li.submenu-item {
    width: calc(50% - 0.1rem) !important;
    margin: 0 0.2rem 0 0;
}

.mobileGameTabContainer .submenuTab .submenu-item-container.carousel li.submenu-item.full-width {
    width: 100% !important;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: undefined;
    margin: undefined;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item.enlarge-first-item:first-child {
    grid-column: 1/3;
    grid-row: 1/3;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item.enlarge-first-item:first-child .submenu-img-container .submenu-img {
    height: 2.9rem;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container {
    background: undefined;
    position: relative;
    width: 90%;
    display: flex;
    justify-content: center;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .submenu-img {
    height: 1.7rem;
    width: undefined;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container svg {
    height: 100%;
    width: auto;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .float-dot {
    position: absolute;
    top: -0.15rem;
    right: -2%;
    color: #fff;
    border-radius: 0.1rem;
    font-size: 0.18rem;
    padding: 0.05rem 0.15rem;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .float-dot.hot-provider {
    background: #dc3545;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .float-dot.new-provider {
    background: #00ff1e;
    color: #000;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .maintenance-icon-container {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .maintenance-icon-container .maintenance-icon {
    width: 0.7rem;
    height: 100%;
    width: auto;
    fill: url(#m98-maintenance-gradient);
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .maintenance-wrapper {
    height: 100%;
    position: absolute;
    top: 0;
    width: 90%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #f0d843;
    border: 0.02rem solid #999;
    border-radius: 0.06rem;
    padding: 0.08rem;
    min-height: 0.7rem;
    cursor: pointer;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .maintenance-wrapper span {
    white-space: normal;
    text-transform: none;
    font-size: 0.18rem;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .maintenance-wrapper svg {
    height: 80%;
    fill: url(#m98-maintenance-gradient);
}

.mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item p {
    margin: 0.1rem 0 0.15rem;
}

.mobileGameTabContainer .submenuTab .submenu-item-container .disable-submenu {
    opacity: 0.5;
    filter: grayscale(100%);
}

.mobileGameTabContainer .submenu-banner-tab .banner-item-container {
    background-repeat: no-repeat;
    background-size: cover;
    width: 7.3rem;
    height: 2.2rem;
    margin: auto;
    border: 0.01rem #aaa;
    border-style: none none solid none;
    display: grid;
    align-items: center;
    justify-content: flex-end;
}

.mobileGameTabContainer .submenu-banner-tab .banner-item-container .banner-item {
    margin: 0 0.3rem 0 0;
}

.mobileGameTabContainer .submenu-banner-tab .banner-item-container .banner-item .banner-title {
    text-align: right;
    margin: 0 0.1rem 0.1rem 0;
    color: #00eaff;
    font-size: 0.36rem;
    text-transform: capitalize;
}

.mobileGameTabContainer .submenu-banner-tab .banner-item-container .banner-item .btn-container {
    width: 100%;
    display: flex;
    justify-content: right;
}

.mobileGameTabContainer .submenu-banner-tab .banner-item-container .banner-item .btn-container .banner-btn {
    height: 0.6rem;
    width: 1.53rem;
    margin: 0 0.1rem 0 0;
    color: #fff;
    font-size: 0.2rem;
    text-transform: undefined;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: undefined;
}

.mobileGameTabContainer .submenu-banner-tab .banner-item-container .banner-item .btn-container .auth-btn {
    color: undefined;
    background: #9ba4c4;
}

.mobileGameTabContainer .submenu-banner-tab .banner-item-container .banner-item .btn-container .bet-btn {
    background: #00eaff;
}

.mobileHotGameContainer {
    width: 100%;
}

.mobileHotGameContainer .mobileScrollSlider {
    overflow-x: scroll;
    overflow-y: hidden;
}

.mobileHotGameContainer .mobileScrollSlider .content {
    width: auto;
    white-space: nowrap;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider {
    display: inline-block;
    width: 1.76rem;
    height: 2.5rem;
    background: undefined;
    padding: 0;
    position: relative;
    margin: 0 0.15rem 0 0;
    vertical-align: unset;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:last-child {
    margin-right: 0.205rem;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .img-container {
    height: 70%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-radius: 0.06rem;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotGameRoundBtn {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(0.5rem);
    transform: translateY(0.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotGameRoundBtn .hotGamePlayBtn {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50% !important;
    background: rgba(26, 26, 26, 0.5);
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.4);
    margin-top: -0.5rem;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover {
    transition: all 0.3s ease-in;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover img {
    transition: 0.3s;
    transition-delay: 0.3s;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover .hotGameRoundBtn {
    visibility: visible;
    opacity: 1;
    transition: 0.3s;
    transition-delay: 0.3s;
    transform: translate(0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50% !important;
    background: rgba(26, 26, 26, 0.5);
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.4);
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn svg {
    fill: #fff;
    width: 0.2rem;
    height: 0.2rem;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn:hover {
    animation: shady 1s linear infinite;
}

@keyframes shady {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 0 rgba(3, 108, 129, 0.5);
    }
    100% {
        box-shadow: 0 0 0 0.3rem transparent, 0 0 0 0 transparent;
    }
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent {
    padding: 0.21rem 0.18rem;
    text-transform: capitalize;
    color: #fff;
    white-space: unset;
    display: flex;
    justify-content: center;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent p {
    margin-bottom: 0.1rem;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent .hotGameSubContent {
    color: #fff;
    display: undefined;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent .hotGameSubContent span {
    margin-right: 0.05rem;
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent .hotGameSubContent span:last-child {
    margin-right: 0;
}

.mobileHotGameContainer .emptyHotGameContent {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mobileNewGameContainer {
    width: 100%;
}

.mobileNewGameContainer .mobileScrollSlider {
    overflow-x: scroll;
    overflow-y: hidden;
}

.mobileNewGameContainer .mobileScrollSlider .content {
    width: auto;
    white-space: nowrap;
}

.mobileNewGameContainer .mobileScrollSlider .content .newGameSlider {
    display: inline-block;
    width: 1.76rem;
    height: 2.5rem;
    background: undefined;
    padding: 0;
    position: relative;
    margin: 0 0.15rem 0.2rem 0;
    vertical-align: unset;
}

.mobileNewGameContainer .mobileScrollSlider .content .newGameSlider:last-child {
    margin-right: 0.205rem;
}

.mobileNewGameContainer .mobileScrollSlider .content .newGameSlider .img-container {
    height: 70%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-radius: 0.06rem;
}

.mobileNewGameContainer .mobileScrollSlider .content .newGameSlider:hover {
    transition: all 0.3s ease-in;
}

.mobileNewGameContainer .mobileScrollSlider .content .newGameSlider:hover img {
    transition: 0.3s;
    transition-delay: 0.3s;
}

.mobileNewGameContainer .mobileScrollSlider .content .newGameSlider .newgameContent {
    padding: 0.21rem 0.18rem;
    text-transform: capitalize;
    color: #fff;
    white-space: normal;
    display: flex;
    justify-content: center;
    text-align: center;
}

.mobileNewGameContainer .mobileScrollSlider .content .newGameSlider .newgameContent p {
    margin-bottom: 0.1rem;
}

.mobileNewGameContainer .emptynewgameContent {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mobileLatestPromoContainer {
    color: #a3a3a3;
}

.mobileLatestPromoContainer .promoSlideContainer {
    overflow-x: scroll;
    width: auto;
    white-space: nowrap;
    margin: undefined;
}

.mobileLatestPromoContainer .promoSlideContainer .promoSlider {
    display: inline-block;
    width: 70%;
    background: #ffffff1a;
    margin: 0 0.15rem 0 0;
    border-radius: 0.06rem;
    border: undefined;
}

.mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoBanner {
    width: 100%;
    overflow: hidden;
    padding: undefined;
    height: undefined;
}

.mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoBanner img {
    width: 100%;
    border-radius: 0.06rem 0.06rem 0 0;
}

.mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent {
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0.15rem;
}

.mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent .promo-title {
    width: 70%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 0.5rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
}

.mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent .promo-description {
    color: #888;
}

.mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent .promo-description p {
    max-width: 9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent .more-btn {
    color: #ffe138;
    text-transform: capitalize;
    font-weight: undefined;
    background: undefined;
    background-repeat: undefined;
    background-size: undefined;
    width: undefined;
    display: undefined;
    align-items: undefined;
    justify-content: undefined;
    height: undefined;
    border-radius: undefined;
    margin: undefined;
}

.m-home-app-landing-title {
    padding-left: 0.2rem;
    margin: undefined;
    color: undefined;
    font-size: undefined;
    text-transform: undefined;
}

.m-home-app-landing {
    position: relative;
}

.m-home-app-landing img {
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.m-home-app-landing .header-container {
    width: 60%;
    text-align: center;
}

.m-home-app-landing .header-container .title {
    font-weight: 700;
    color: #00eaff;
}

.m-home-app-landing .download-container {
    width: undefined;
    display: flex;
    position: absolute;
    bottom: 0.3rem;
    left: 0.2rem;
}

.m-home-app-landing .download-container .download-item {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #000;
    padding: 0.1rem 0.3rem;
    border-radius: 0.1rem;
    margin-right: 0.2rem;
    white-space: nowrap;
}

.m-home-app-landing .download-container .download-item .android {
    fill: #86c80e;
}

.m-home-app-landing .download-container .download-item .ios {
    fill: #959595;
}

.m-home-app-landing .download-container .download-item svg {
    height: 0.4rem;
    width: 0.4rem;
    margin-right: 0.1rem;
    width: undefine;
}

.homeLiveStreamContainer {
    color: #fff;
    font-weight: 700;
    position: undefined;
}

.homeLiveStreamContainer .react-player {
    height: 100% !important;
    width: undefined;
    margin: auto;
}

.homeLiveStreamContainer .NoLiveStreamOverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    background: #000;
    opacity: 35%;
    z-index: 1;
}

.homeLiveStreamContainer header {
    width: 54%;
    margin: auto;
}

.homeLiveStreamContainer header p {
    margin-bottom: 0.05rem;
    color: unset;
}

.homeLiveStreamContainer header p svg {
    width: auto !important;
    height: 0.25rem !important;
    fill: unset;
}

.homeLiveStreamContainer header p img {
    margin: undefined;
}

.homeLiveStreamContainer .livestream-header-container {
    width: 54%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.15rem auto;
}

.homeLiveStreamContainer .livestream-header-container .livestream-date {
    flex: 70%;
    font-weight: 600;
}

.homeLiveStreamContainer .livestream-header-container .livestream-more-btn {
    background: linear-gradient(#ffd900, #ffb000);
    color: #000;
    flex: 30%;
    height: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.03rem;
    font-weight: undefined;
    text-transform: unset;
}

.homeLiveStreamContainer .livestream-header-container .livestream-more-btn:hover {
    cursor: pointer;
    box-shadow: 0 0 0.1em rgba(255, 255, 255, 0.4);
}

.homeLiveStreamContainer .livestream-match-container .livestream-match {
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 0.42rem;
    padding: 0.05rem 0;
    width: 54%;
    margin: auto;
}

.homeLiveStreamContainer .livestream-match-container .team-name {
    flex: 25%;
}

.homeLiveStreamContainer .livestream-match-container .team-name.home-team {
    text-align: right;
}

.homeLiveStreamContainer .livestream-match-container .home-icon {
    margin-right: 3%;
    margin-left: 1%;
    width: 0.3rem;
}

.homeLiveStreamContainer .livestream-match-container .away-icon {
    margin-left: 3%;
    margin-right: 1%;
    width: 0.3rem;
}

.homeLiveStreamContainer .livestream-match-container .livestream-runtime {
    padding: 0.05rem 0.1rem;
    background: #660e0d;
    margin: unset;
    color: #fff;
}

.homeLiveStreamContainer .livestream-match-container .livestream-play-btn {
    height: 80%;
    flex: 5%;
    margin-left: 8%;
}

.homeLiveStreamContainer .livestream-match-container .livestream-play-btn svg {
    fill: #ffd900;
    cursor: pointer;
}

.homeLiveStreamContainer .liveTV-break-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homeLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: undefined;
    width: undefined;
    padding-left: undefined;
    padding-right: undefined;
    background: undefined;
    border-radius: undefined;
}

.homeLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container .liveTV-break-desc {
    z-index: 2;
}

.homeLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container .liveTV-break-desc a {
    color: #00eaff !important;
    font-weight: 700;
    text-decoration: underline;
}

.homeLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container .livetv-break-img-container {
    z-index: 2;
    margin-bottom: 0.2rem;
}

.homeLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container .livetv-break-img-container img {
    height: 1rem;
}

.mobileLiveStreamContainer {
    width: 100%;
}

.mobileLiveStreamContainer .liveTV-break-container {
    background: url(/public/html/images/home_img/mobileHomeLiveStream_background.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 4.1rem;
}

.mobileLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.mobileLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container .livetv-break-img-container {
    margin: 0 0 0.2rem;
}

.mobileLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container .livetv-break-img-container img {
    height: 1rem;
}

.mobileLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container .liveTV-break-desc {
    text-align: center;
}

.mobileLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container .liveTV-break-desc p {
    color: #fff;
}

.mobileLiveStreamContainer .liveTV-break-container .liveTV-break-desc-container .liveTV-break-desc a {
    color: #00eaff !important;
}

.mobileLiveStreamContainer .react-player {
    float: none;
    clear: both;
    width: 100% !important;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0.25rem;
    height: 0 !important;
}

.mobileLiveStreamContainer .react-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ceremony-container {
    width: 100%;
    background: url(/public/html/default_whitelabel/shared-image/home_img/worldcup-coutdown-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ceremony-container .ceremony-timer-container {
    height: 100%;
    width: 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ceremony-container .ceremony-timer-container .worldcup-logo-container {
    width: 20%;
}

.ceremony-container .ceremony-timer-container .worldcup-logo-container img {
    width: 90%;
}

.ceremony-container .ceremony-timer-container .left-element,
.ceremony-container .ceremony-timer-container .right-element {
    width: 10%;
}

.ceremony-container .ceremony-timer-container .left-element img,
.ceremony-container .ceremony-timer-container .right-element img {
    width: 100%;
}

.ceremony-container .ceremony-timer-container .info-wrapper .date-type-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.ceremony-container .ceremony-timer-container .info-wrapper .date-type-container .rhombus {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 0.15rem;
    height: 0.15rem;
    background: #ff004c;
    margin: auto 0.1rem;
}

.ceremony-container .ceremony-timer-container .info-wrapper .date-type-container .date-type {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0.05rem 0;
    width: 0.6rem;
}

.ceremony-container .ceremony-timer-container .info-wrapper .date-type-container .date-type .value {
    color: #fff;
    font: 400 0.24rem avertastd-extrabold;
}

.ceremony-container .ceremony-timer-container .info-wrapper .date-type-container .date-type .type {
    font-size: 0.12rem;
    color: #fff;
}

.ceremony-container .ceremony-timer-container .info-wrapper .countdown-complete-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.15rem 0;
}

.ceremony-container .ceremony-timer-container .info-wrapper .countdown-complete-container .countdown-complete {
    color: #fff;
    font-size: 0.2rem;
    font-weight: 700;
}

.ceremony-container .ceremony-timer-container .ceremory-btn-section {
    width: 23%;
}

.ceremony-container .ceremony-timer-container .ceremory-btn-section .ceremory-btn {
    height: auto;
    padding: 0.08rem 0;
    background: #29db01;
    border-radius: 0.05rem;
    font-size: 0.12rem;
    margin-right: unset;
    width: 80%;
    min-width: unset;
    text-transform: none;
    color: undefined;
}

.m-ceremony-container {
    width: 100%;
    background: url(/public/html/default_whitelabel/shared-image/home_img/worldcup-coutdown-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    margin: 0 0 0.3rem;
}

.m-ceremony-container .info-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    min-height: 1.5rem;
    padding: 0 0.2rem;
    position: relative;
}

.m-ceremony-container .info-wrapper .worldcup-logo-container {
    width: 25%;
}

.m-ceremony-container .info-wrapper .worldcup-logo-container img {
    width: 100%;
}

.m-ceremony-container .info-wrapper .date-type-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.m-ceremony-container .info-wrapper .date-type-container .date-type {
    display: flex;
    flex-direction: column;
    text-align: center;
    min-width: 0.9rem;
}

.m-ceremony-container .info-wrapper .date-type-container .date-type .value {
    color: #fff;
    font: 400 0.5rem avertastd-extrabold;
}

.m-ceremony-container .info-wrapper .date-type-container .date-type .type {
    font-size: 0.2rem;
    color: #fff;
}

.m-ceremony-container .info-wrapper .countdown-complete-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 0.26rem 0;
}

.m-ceremony-container .info-wrapper .countdown-complete-container .countdown-complete {
    font-size: 0.3rem;
    color: #fff;
    font-weight: 700;
    white-space: break-spaces;
    text-align: center;
}

.m-ceremony-container .info-wrapper .rhombus {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 0.3rem;
    height: 0.3rem;
    background: #ff004c;
    margin: auto;
}

.m-ceremony-container .info-wrapper .ceremory-btn-section {
    width: 25%;
}

.m-ceremony-container .info-wrapper .ceremory-btn-section .ceremory-btn {
    height: auto;
    padding: 0.15rem 0.1rem;
    border-radius: 0.05rem;
    color: #fff;
    width: 100%;
    background: #29db01;
    font-size: 0.25rem;
    border-radius: 5px;
    text-transform: none;
}

.m-ceremony-container .info-wrapper .ceremory-btn-section .ceremory-btn svg {
    display: none;
}

.sideBannerSection .siderBarLeft {
    top: 22%;
    position: fixed;
    z-index: 1001;
    cursor: pointer;
}

.sideBannerSection .siderBarLeft .siderBarLeftDownload {
    position: fixed;
    width: 0.45rem;
    height: 2.2rem;
    transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -webkit-transition: left 0.4s ease-in-out;
    z-index: 1001;
}

.sideBannerSection .siderBarLeft .siderBarLeftDownload:hover {
    left: 0;
}

.sideBannerSection .siderBarLeft .siderBarLeftDownload .toggleLeft {
    position: absolute;
    height: 2.2rem;
    width: 0.45rem;
    background: #e822f7;
    display: flex;
    align-items: center;
    transition: 0.3s;
    justify-content: center;
}

.sideBannerSection .siderBarLeft .siderBarLeftDownload .toggleLeft svg {
    fill: #fff;
    width: 0.4rem;
    height: 0.4rem;
    padding: 0.03rem;
    position: absolute;
    top: 0.2rem;
}

.sideBannerSection .siderBarLeft .siderBarLeftDownload .toggleLeft p {
    margin-bottom: 0;
    transform: rotate(90deg);
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    font-size: 0.14rem;
    margin-top: 0.45rem;
}

.sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox {
    background: #1a1a1a;
    display: flex;
    flex-direction: column;
    height: 2.2rem;
    padding: 0.1rem 0;
    position: relative;
    width: 100%;
}

.sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox img {
    margin: 0 auto;
    width: 85%;
}

.sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox .download-content {
    color: #e822f7;
    margin: 0 auto;
    width: 76%;
}

.sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox .download-content .desc-1,
.sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox .download-content .desc-2 {
    font-size: 0.14rem;
    margin: 0.05rem 0 0;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame {
    position: fixed;
    width: 2.2rem;
    left: -2.2rem;
    height: 1rem;
    transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -webkit-transition: left 0.4s ease-in-out;
    margin-top: 2.3rem;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame:hover {
    left: 0;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame:hover .toggleLeft {
    opacity: 0;
    transition: 0.3s;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .toggleLeft {
    position: absolute;
    left: 2.2rem;
    height: 0.5rem;
    width: 0.42rem;
    background: #e822f7;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: 0.3s;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .toggleLeft svg {
    fill: #fff;
    width: 0.35rem;
    height: 0.35rem;
    padding: 0.03rem;
    margin-top: 0.05rem;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .toggleLeft .hotgameIconGif {
    position: absolute;
    height: 1rem;
    margin-top: 0.34rem;
    width: 0.42rem;
    transition: 0.3s;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .toggleLeft .hotgameIconGif img {
    width: 100%;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox {
    background: #1a1a1a;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameBoxContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.15rem 0.1rem;
    text-align: center;
    background: #1a1a1a;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameBoxContainer img {
    width: 0.2rem;
    height: 0.2rem;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameBoxContainer span {
    color: #aaa;
    font-size: 0.2rem;
    text-transform: uppercase;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameBoxBanner img {
    width: 100%;
    cursor: pointer;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .react-tabs__tab-list {
    border-bottom: 0;
    margin: 0;
    position: relative;
    display: flex;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .react-tabs__tab-list .react-tabs__tab {
    background: #1a1a1a;
    border-radius: 0;
    border: 0;
    bottom: 0;
    color: #aaa;
    padding: 0.15rem;
    font-size: 0.12rem;
    width: 33.33%;
    text-align: center;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .react-tabs__tab-list .react-tabs__tab:hover {
    background: #e822f7;
    color: #fff;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .react-tabs__tab-list .react-tabs__tab--selected {
    background: #e822f7;
    color: #fff;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotgameNewIcon {
    position: absolute;
    z-index: 1;
    top: 0.15rem;
    right: 0.55rem;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotgameHotIcon {
    position: absolute;
    z-index: 1;
    top: 0.05rem;
    right: 0.05rem;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotgameHotIcon img {
    height: 0.2rem;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList {
    overflow: auto;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3, 0.6fr);
    grid-gap: 0.05rem;
    padding: 0.05rem;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li {
    background: #1a1a1a;
    border: 0.01rem solid #aaa;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    position: relative;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li .tagType {
    position: absolute;
    right: 0;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li a {
    display: inline;
    padding: 0;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li a img {
    width: 100%;
    height: 100%;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li a p {
    margin: 0;
    color: #aaa;
    font-size: 0.09rem;
    padding: 0.05rem 0.02rem;
    text-align: center;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li:hover {
    background: #e822f7;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li:hover p {
    color: #fff;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList .hotGame-width {
    height: 100%;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList .hotGame-width a {
    padding-top: 0;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList .hotGame-width a img {
    width: 100%;
}

.sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList .hotGame-width a p {
    font-size: 0.1rem;
    height: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sideBannerSection .siderBarRight {
    top: 22%;
    position: fixed;
    z-index: 1001;
}

.sideBannerSection .siderBarRight .siderBarRightcontact {
    position: fixed;
    width: 2.5rem;
    right: -2.52rem;
    height: 1rem;
    transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    -ms-transition: right 0.4s ease-in-out;
    -moz-transition: right 0.4s ease-in-out;
    -webkit-transition: right 0.4s ease-in-out;
    z-index: 1001;
}

.sideBannerSection .siderBarRight .siderBarRightcontact:hover {
    right: 0;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .toggleRight {
    position: absolute;
    right: 2.5rem;
    height: 2.5rem;
    width: 0.45rem;
    background: #511a91;
    display: flex;
    align-items: center;
    transition: 0.3s;
    justify-content: center;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .toggleRight svg {
    fill: #fff;
    background: undefined;
    border-radius: undefined;
    box-shadow: undefined;
    width: 0.4rem;
    height: 0.4rem;
    padding: 0.03rem;
    position: absolute;
    top: 0.1rem;
    margin-right: 0;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .toggleRight img {
    width: 0.4rem;
    height: 0.4rem;
    padding: 0.03rem;
    position: absolute;
    bottom: 0.1rem;
    margin-right: -0.15rem;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .toggleRight p {
    margin-bottom: 0;
    transform: rotate(90deg);
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    font-size: 0.14rem;
    margin-right: 0;
    margin-top: 0.4rem;
    text-transform: capitalize;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox {
    background: #1a1a1a;
    padding: 0.1rem 0;
    min-height: 2.5rem;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li {
    cursor: pointer;
    padding: 0.1rem 0.25rem;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li:nth-child(odd) {
    background: #1a1a1a;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li:nth-child(even) {
    background: #1a1a1a;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li:first-child {
    text-align: center;
    background: unset;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li:nth-child(2) {
    cursor: pointer;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer {
    display: flex;
    align-items: center;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer .qr_img {
    width: auto;
    margin-left: 0;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer svg {
    fill: #aaa;
    width: 0.3rem;
    height: 0.3rem;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer img {
    height: 0.3rem;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer p {
    margin-bottom: 0;
    text-align: left;
    margin-left: 0.15rem;
    color: #a2a2a2;
    width: 70%;
    font-size: 0.16rem;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer p a {
    color: #aaa;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .qrCode {
    align-items: flex-start;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .qrCode svg {
    fill: #aaa;
    width: 0.3rem;
    height: 0.3rem;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .qrCode img {
    width: 70%;
    margin-left: 0.15rem;
    height: auto;
}

.sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .qrCode img:first-child {
    width: unset;
    margin-left: 0;
    height: 0.3rem;
}

.sideBannerSection .siderBarRight .siderBarRightDownload {
    position: fixed;
    width: 2.5rem;
    right: -2.52rem;
    height: 1rem;
    transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    -ms-transition: right 0.4s ease-in-out;
    -moz-transition: right 0.4s ease-in-out;
    -webkit-transition: right 0.4s ease-in-out;
    margin-top: 2.15rem;
}

.sideBannerSection .siderBarRight .siderBarRightDownload:hover {
    right: 0;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .toggleRight {
    position: absolute;
    right: 2.5rem;
    height: 2.5rem;
    width: 0.45rem;
    background: #511a91;
    display: flex;
    align-items: center;
    transition: 0.3s;
    justify-content: center;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .toggleRight svg {
    fill: #fff;
    width: 0.4rem;
    height: 0.4rem;
    padding: 0.03rem;
    position: absolute;
    bottom: 0.1rem;
    margin-right: 0;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .toggleRight img {
    width: 0.4rem;
    height: 0.4rem;
    padding: 0.03rem;
    position: absolute;
    bottom: 0.1rem;
    margin-right: -0.15rem;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .toggleRight p {
    margin-bottom: 0;
    transform: rotate(90deg);
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    font-size: 0.14rem;
    margin-right: 0;
    margin-top: -0.4rem;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox {
    background: #1a1a1a;
    height: 2.5rem;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0.18rem 0.1rem;
    transition: 0.3s;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a p {
    margin-bottom: 0;
    color: #fff;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a p:first-child {
    margin-bottom: 0.05rem;
    font-weight: 600;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a svg {
    width: 0.35rem;
    height: 0.35rem;
    fill: #00eaff;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a img {
    height: 0.3rem;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a .downloadContent {
    margin-left: 0.1rem;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a:hover {
    background: #00eaff;
    transition: 0.3s;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a:hover .downloadContent p {
    color: #fff !important;
}

.sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a:hover svg {
    fill: #fff !important;
}

.sideBannerSection .sideBarLeftHotGameBanner {
    top: 75%;
    position: fixed;
    z-index: 200;
    width: 1.83rem;
    height: 2.54rem;
    left: 0.1rem;
    bottom: 1%;
    background-repeat: no-repeat;
    background-size: contain;
}

.sideBannerSection .sideBarLeftHotGameBanner .hotGameCloseBtn {
    position: absolute;
    left: 1.53rem;
    top: 0.2rem;
    cursor: pointer;
}

.sideBannerSection .justReleaseGameBanner {
    width: 2rem;
    height: 2.5rem;
    background-repeat: no-repeat;
    top: 50%;
    bottom: undefined;
    right: 0;
    z-index: 200;
    position: fixed;
    background-size: contain;
    cursor: pointer;
}

.sideBannerSection .justReleaseGameBanner .justReleaseGameCloseBtn {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 0.3rem;
    right: undefined;
    left: 1.64rem;
    top: 0.6rem;
    cursor: pointer;
}

.navbar-container {
    background: linear-gradient(180deg, #dfb341, #593713);
    font-size: 14px;
    position: undefined;
    z-index: undefined;
    width: unefined;
}

.navbar-container .header {
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: center;
    height: 1rem;
}

.navbar-container .header .header-logo {
    height: 0.8rem;
    width: 30%;
    padding: 0.15rem 0.15rem 0.15rem 0;
    display: flex;
    align-items: unset;
    margin-left: unset;
    transform: unefined;
}

.navbar-container .header .header-logo div {
    width: 100%;
}

.navbar-container .header .header-logo img {
    height: 100%;
    width: auto;
}

.navbar-container .header .header-logo .affiliate-title {
    color: #aaa;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 0.06rem;
    white-space: nowrap;
}

.navbar-container .header .header-control {
    width: 70%;
}

.navbar-container .navbar-linear-border {
    width: 100%;
    height: 0.04rem;
    background: linear-gradient(#bc8200, #ffe138, #bc8200);
}

.mobile-nav {
    height: 0.9rem;
    width: 100%;
    margin: unset;
    position: fixed;
    top: 0;
    z-index: 999;
    align-items: center;
    padding: 0 0.205rem;
    background: linear-gradient(180deg, #593713 0%, #dfb341 146.67%);
    border-bottom: undefined;
}

.mobile-nav .nav-container {
    height: 100%;
    width: 100%;
    margin: unset;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.01rem solid #ffe138;
}

.mobile-nav .nav-container .col-left {
    width: 15%;
    display: flex;
    align-items: center;
}

.mobile-nav .nav-container .col-left .sb-btn-container svg {
    fill: #fff;
}

.mobile-nav .nav-container .col-left svg {
    width: 28px;
    height: 28px;
    fill: #ffe138;
}

.mobile-nav .nav-container .col-center {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
}

.mobile-nav .nav-container .col-center .custom-img-title {
    width: 100%;
}

.mobile-nav .nav-container .col-center .unread-message-continer {
    font-size: 0.205rem;
    font-weight: 700;
    width: 0.24rem;
    height: 0.24rem;
    border-radius: 0.2rem;
    text-align: center;
    margin-bottom: 0.25rem;
    background: REd;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-nav .nav-container .col-right {
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
}

.mobile-nav .nav-container .col-right .m-nav-login {
    margin-left: 0.3rem;
}

.mobile-nav .nav-container .col-right .m-nav-login .registerLogin-icon {
    width: 0.7rem;
    height: 0.7rem;
    margin-top: 0.1rem;
}

.mobile-nav .nav-container .col-right .icon-notified {
    height: 0.65rem;
    width: 0.65rem;
    fill: #fff;
}

.mobile-nav .nav-container .col-right .messaging-icon-container {
    height: 0.7rem;
    width: 0.7rem;
    margin: 0 0.15rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: 0 0;
}

.mobile-nav .nav-container .col-right .messaging-icon-container:nth-child(1) {
    order: undefined;
}

.mobile-nav .nav-container .col-right .messaging-icon-container:nth-child(2) {
    order: undefined;
}

.mobile-nav .nav-container .col-right .messaging-icon-container .message-icon {
    width: 0.45rem;
    height: 0.45rem;
}

.mobile-nav .nav-container .col-right .messaging-icon-container .unread-message-continer {
    position: absolute;
    font-size: 0.205rem;
    font-weight: 700;
    width: 0.24rem;
    height: 0.24rem;
    border-radius: 50%;
    text-align: center;
    display: grid;
    place-content: center;
    background: REd;
    top: 0.14rem;
    right: 0.54rem;
    color: #fff;
    overflow: visible;
}

.mobile-nav .nav-container .col-right .messaging-icon-container .msg-count-box {
    position: relative;
}

.mobile-nav .nav-container .col-right .messaging-icon-container .msg-count-box .tag {
    position: absolute;
    background: #e9203d;
    padding: 0.05rem 0.1rem;
    border-radius: 0.2rem;
    top: -0.3rem;
    left: -0.2rem;
    font-size: 0.2rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: undefined;
    height: undefined;
}

.mobile-nav .nav-container .col-right .profile-icon-container {
    margin: unset;
}

.mobile-nav .nav-container .col-right .profile-icon-container img {
    width: 0.7rem;
    height: 0.7rem;
}

.mobile-nav .nav-container .col-right svg {
    width: 0.37rem;
    height: 0.37rem;
    fill: #fff;
}

.mobile-nav .nav-container .col-right .naviMainWallet {
    color: #fff;
    white-space: nowrap;
}

.mobile-nav .nav-container .col-right .naviMainWallet p {
    font-size: 0.42rem;
    color: #fff;
}

.mobile-nav .nav-container .col-right .naviMainWallet .currencyNavi {
    font-size: 0.35rem;
}

.mobile-nav .nav-container .col-right .naviMainWallet .currencyNavi span:first-child {
    margin-right: 0.1rem;
    color: #fff;
}

.mobile-nav .nav-container .col-right.special-header-col {
    width: 80%;
}

.mobile-nav .nav-container .merchant-logo {
    margin: auto;
    height: 80%;
}

.mobile-nav .nav-container .sidebar-merchant-logo {
    width: unset;
    background: unset;
    padding: unset;
    max-width: unset;
}

.mobile-nav .announcment-container {
    height: 30%;
    font-size: 0.39rem;
    margin: 0 0.66rem;
    background: #232426;
}

.mobile-nav .announcment-container .annoucement-bar {
    height: 100%;
}

.mobile-nav .nav-language-box-container {
    width: 100%;
}

.mobile-nav .nav-language-box-container .language-box {
    display: grid;
    grid-template-columns: 25% 75%;
    align-items: center;
    border: #a6acae solid 0.07rem;
    padding: 0.1rem 0.15rem;
    width: 100%;
}

.mobile-nav .nav-language-box-container .language-box img {
    height: auto;
    width: 100%;
}

.mobile-nav .nav-language-box-container .language-box p {
    margin: 0;
    font-size: 0.3rem;
    font-weight: 600;
}

.mobile-nav-login-reg .nav-container {
    border-bottom: 0.01rem solid #ffe138;
}

.mobile-nav-login-reg .nav-container .col-left .sidebar-container .sb-btn-container svg {
    fill: #fff;
}

.overlay {
    height: 100vh;
    width: 30vw;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.8);
}

.nav-announce-modal {
    height: 80%;
    width: 90vw;
    margin: 10% auto;
    font-size: 0.5rem;
    color: #a1a1a1;
    border-radius: 0;
    border: 0.01rem solid transparent;
    background: linear-gradient(180deg, #c09848, #7f602a);
    padding: 0.02rem;
}

.nav-announce-modal .a-modal-header {
    padding: 3%;
    color: #00eaff;
    background: 0, #160f07, #150e06;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 0.01rem solid transparent;
    display: flex;
    align-items: center;
}

.nav-announce-modal .a-modal-body {
    position: relative;
    text-align: left;
    padding: 6% 5% !important;
    width: 100%;
    height: 93%;
    overflow-y: auto;
    color: #efefee;
    padding: 0.2rem 0.15rem;
    background: linear-gradient(0deg, #160f07, #150e06);
}

.nav-announce-modal .modal-title {
    width: 100%;
    display: flex;
    align-items: center;
}

.nav-announce-modal .announce-title {
    width: 80%;
    text-align: left;
}

.nav-announce-modal .close-btn {
    width: 20%;
    text-align: right;
    font-size: 0.7rem;
    color: #aaa;
}

.nav-announce-modal .modal-body {
    font-size: 0.36rem;
}

.nav-announce-modal .modal-body .annc-content {
    padding: 0.1rem 0;
}

.floating-app-nav {
    top: 1.2rem;
    margin-bottom: 1.2rem;
}

.float-header-download {
    display: flex;
    width: 100%;
    height: 1.2rem;
    color: BlacK;
    background: #e7e7e7;
    position: fixed;
    z-index: 1050;
    top: 0;
}

.float-header-download .float-close-button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #a9a9a9;
    width: 10vw;
}

.float-header-download .float-close-button span {
    font-size: 1rem;
    font-size: 0.6rem;
}

.float-header-download .float-device-icon {
    display: flex;
    height: 100%;
    width: 15vw;
    justify-content: center;
    align-items: center;
}

.float-header-download .float-device-icon img {
    border-radius: 0.15rem;
    height: 60%;
    width: auto;
}

.float-header-download .float-desc-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 43vw;
    font-size: 0.246rem;
}

.float-header-download .float-desc-container .float-title {
    white-space: nowrap;
}

.float-header-download .float-download-container {
    display: flex;
    width: 30vw;
    align-items: center;
    justify-content: center;
}

.float-header-download .float-download-container button {
    font-size: 0.246rem;
    border-radius: 0.12rem;
    padding: 0 0.4rem;
    background: linear-gradient(#b27ef0, #511a91);
    color: #fff;
    min-height: 0.5rem;
    white-space: nowrap;
}

.nav-title {
    white-space: nowrap;
    color: #fff;
    font-size: 0.32rem;
    font-weight: 400;
}

.mobile-header-login .btnLogin {
    color: #00eaff;
    background: #000;
    border: 0.01rem solid #00eaff;
    margin-right: 1%;
    font-weight: 500;
    padding: 0.15rem 0.3rem;
    text-transform: uppercase;
    margin: 0 0.2rem 0 0;
    border-radius: 0.1rem;
    white-space: nowrap;
    font-family: arial, 黑体, 'sans-serif';
}

.mobile-header-join .btnJoin {
    color: #000;
    background: #00eaff;
    border: 0.01rem solid #00eaff;
    margin-right: 1%;
    font-weight: 500;
    padding: 0.15rem 0.3rem;
    white-space: nowrap;
    text-transform: uppercase;
    border-radius: 0.1rem;
    font-family: arial, 黑体, 'sans-serif';
}

.language-box {
    position: relative;
    border-left: undefined;
    padding-left: undefined;
    bottom: undefined;
}

.language-box .change-language-btn {
    background: #00000080;
    display: flex;
    align-items: center;
    border: 0.01rem solid #00000080;
    border-radius: undefined;
    position: undefined;
    padding: undefined;
    top: undefined;
    margin: undefined;
}

.language-box .change-language-btn .language-icon-size {
    width: 0.25rem;
    height: auto;
    border: 0;
    border-radius: undefined;
}

.language-box .change-language-btn .language-icon-size:first-child {
    margin-right: 0.06rem;
}

.language-box .change-language-btn .language-dropdown-icon {
    width: 0.18rem;
    height: 0.18rem;
    filter: opacity(1) brightness(100);
}

.language-box .language-dropdown-container {
    position: absolute;
    z-index: 99999;
    top: 0.38rem;
    right: 0;
    width: 2.8rem;
    background: #737272e0;
    visibility: hidden;
    opacity: 0;
    border-radius: 0.05rem;
    padding: 0.15rem 0.2rem 0;
    backdrop-filter: blur(0.05rem);
    border: 0.01rem solid #00000080;
    white-space: nowrap;
}

.language-box .language-dropdown-container.isOpen {
    visibility: visible;
    opacity: 1;
}

.language-box .language-dropdown-container .separator {
    display: flex;
    align-items: center;
    margin: 0.05rem 0 0.15rem;
}

.language-box .language-dropdown-container .separator .language-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 0.05rem;
}

.language-box .language-dropdown-container .country-name {
    color: #fff;
    font-size: 0.13rem;
}

.language-box .language-dropdown-container .language-icon {
    height: 0.25rem;
    margin-right: 0.1rem;
}

.language-box .language-dropdown-container .coming-soon {
    cursor: default !important;
}

.language-box .language-dropdown-container .language-select {
    border-right: 0.01rem solid #dfdfdf;
    padding: 0 0.1rem;
    cursor: pointer;
    color: #fff;
    width: 100%;
    margin: 0.01rem 0;
    height: fit-content;
}

.language-box .language-dropdown-container .language-select:nth-child(3),
.language-box .language-dropdown-container .language-select:nth-child(6) {
    border: 0;
    border-width: undefined;
}

.language-box .language-dropdown-container .language-select:last-child {
    border: 0;
}

.language-box .language-dropdown-container .is-active {
    pointer-events: none;
    color: #ffe138;
}

.m-language-container {
    background: unset;
    margin: unset;
    border-radius: unset;
    width: unset;
}

.m-language-container .country-language-container {
    background: 0 0;
    padding: unset;
}

.m-language-container .country-language-container .language-container {
    display: flex;
    padding: 0.25rem;
}

.m-language-container .country-language-container .language-container .flag-container {
    width: 16.8%;
    padding: 0 0.1rem;
}

.m-language-container .country-language-container .language-container .flag-container img {
    max-width: 100%;
}

.m-language-container .country-language-container .language-container .display-languages-container {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    padding: 0.2rem;
    align-items: center;
    text-align: center;
}

.m-language-container .country-language-container .language-container .display-languages-container .language-column {
    padding: 0 0.2rem;
    margin: 0.1rem 0;
    width: 33%;
    white-space: nowrap;
    border-right: 0.01rem solid #d3d3d3;
}

.m-language-container .country-language-container .language-container .display-languages-container .language-column:nth-child(3),
.m-language-container .country-language-container .language-container .display-languages-container .language-column:nth-child(6) {
    border: 0;
}

.m-language-container .country-language-container .language-container .display-languages-container .language-column:last-child {
    border: 0;
}

.m-language-container .country-language-container .language-container .display-languages-container .active {
    color: #ffe138;
    background: unset;
}

.navMenu-container .menu-warpper li.active .headerLink:before,
.navbar-container .menu-warpper li.active .headerLink:before {
    opacity: 1;
}

.navMenu-container .menu-warpper li:hover .headerLink:before,
.navbar-container .menu-warpper li:hover .headerLink:before {
    opacity: 1;
}

.navMenu-container .menu-warpper li .headerLink:before,
.navbar-container .menu-warpper li .headerLink:before {
    content: '';
    display: block;
    background: undefined;
    background-image: url(/static/img/icon/menu-home.png);
    background-repeat: no-repeat;
    background-size: auto 0.5rem;
    background-position: top 0.03rem center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: drop-shadow(0 0 0.17rem #ed47ff);
    border-radius: undefined;
    transform: undefined;
}

.navMenu-container .menu-warpper li .headerLink>div,
.navbar-container .menu-warpper li .headerLink>div {
    backdrop-filter: blur(0.03rem);
}

.navMenu-container .menu-warpper li #menu-mobile:before,
.navbar-container .menu-warpper li #menu-mobile:before {
    background-image: url(/static/img/icon/menu-download.png);
}

.navMenu-container .menu-warpper li #menu-sports:before,
.navbar-container .menu-warpper li #menu-sports:before {
    background-image: url(/static/img/icon/menu-sports.png);
}

.navMenu-container .menu-warpper li #menu-esports:before,
.navbar-container .menu-warpper li #menu-esports:before {
    background-image: url(/static/img/icon/menu-esports.png);
    height: 0.35rem;
}

.navMenu-container .menu-warpper li #menu-casino:before,
.navbar-container .menu-warpper li #menu-casino:before {
    background-image: url(/static/img/icon/menu-casino.png);
}

.navMenu-container .menu-warpper li #menu-slots:before,
.navbar-container .menu-warpper li #menu-slots:before {
    background-image: url(/static/img/icon/menu-slots.png);
}

.navMenu-container .menu-warpper li #menu-poker:before,
.navbar-container .menu-warpper li #menu-poker:before {
    background-image: url(/static/img/icon/menu-poker.png);
}

.navMenu-container .menu-warpper li #menu-fishing:before,
.navbar-container .menu-warpper li #menu-fishing:before {
    background-image: url(/static/img/icon/menu-fishing.png);
}

.navMenu-container .menu-warpper li #menu-lottery:before,
.navbar-container .menu-warpper li #menu-lottery:before {
    background-image: url(/static/img/icon/menu-lottery.png);
}

.navMenu-container .menu-warpper li #menu-3d-games:before,
.navbar-container .menu-warpper li #menu-3d-games:before {
    background-image: url(/static/img/icon/menu-3d.png);
}

.navMenu-container .menu-warpper li #menu-promo:before,
.navbar-container .menu-warpper li #menu-promo:before {
    background-image: url(/static/img/icon/menu-promo.png);
}

.navMenu-container .menu-warpper li #menu-live-tv:before,
.navbar-container .menu-warpper li #menu-live-tv:before {
    background-image: url(/static/img/icon/menu-TV.png);
}

.navMenu-container .menu-warpper li #menu-live-score:before,
.navbar-container .menu-warpper li #menu-live-score:before {
    background-image: url(/static/img/icon/menu-live-score.png);
}

.navMenu-container .menu-warpper li #menu-vip:before,
.navbar-container .menu-warpper li #menu-vip:before {
    background-image: url(/static/img/icon/menu-vip.png);
}

.navMenu-container .menu-warpper li #menu-cockfight:before,
.navbar-container .menu-warpper li #menu-cockfight:before {
    background-image: url(/static/img/icon/menu-cockfight.png);
}

.navMenu-container .menu-warpper li #menu-affiliate:before,
.navbar-container .menu-warpper li #menu-affiliate:before {
    background-image: url(/static/img/icon/menu-affiliate.png);
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-item {
    position: relative;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-item:before {
    content: '';
    display: block;
    background-image: url(/static/img/icon/menu-casino.png);
    background-repeat: no-repeat;
    background-size: auto 1rem;
    background-position: top 0.21rem center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: drop-shadow(0 0 0.17rem #ed47ff);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-sports:before {
    background-image: url(/static/img/icon/menu-sports.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-slots:before {
    background-image: url(/static/img/icon/menu-slots.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-poker:before {
    background-image: url(/static/img/icon/menu-poker.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-fishing:before {
    background-image: url(/static/img/icon/menu-fishing.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-casino:before {
    background-image: url(/static/img/icon/menu-casino.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-lottery:before {
    background-image: url(/static/img/icon/menu-lottery.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-esports:before {
    background-image: url(/static/img/icon/menu-esports.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-3d-games:before {
    background-image: url(/static/img/icon/menu-3d.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-cockfight:before {
    background-image: url(/static/img/icon/menu-cockfight.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-live-tv:before {
    background-image: url(/static/img/icon/menu-TV.png);
}

.mobileGameTabContainer .menuTab .menu-item-container #menu-affiliate:before {
    background-image: url(/static/img/icon/menu-affiliate.png);
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-selected:before {
    opacity: 1;
}

.mobileGameTabContainer .menuTab .menu-item-container .menu-selected img {
    backdrop-filter: blur(0.03rem);
}

.mobileGameTabContainer .menuTab .menu-item {
    position: relative;
}

.mobileGameTabContainer .menuTab .menu-item:before {
    content: '';
    display: block;
    background-image: url(/static/img/icon/menu-casino.png);
    background-repeat: no-repeat;
    background-size: auto 1rem;
    background-position: top 0.21rem center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: drop-shadow(0 0 0.17rem #ed47ff);
}

.mobileGameTabContainer .menuTab #menu-sports:before {
    background-image: url(/static/img/icon/menu-sports.png);
}

.mobileGameTabContainer .menuTab #menu-slots:before {
    background-image: url(/static/img/icon/menu-slots.png);
}

.mobileGameTabContainer .menuTab #menu-poker:before {
    background-image: url(/static/img/icon/menu-poker.png);
}

.mobileGameTabContainer .menuTab #menu-fishing:before {
    background-image: url(/static/img/icon/menu-fishing.png);
}

.mobileGameTabContainer .menuTab #menu-casino:before {
    background-image: url(/static/img/icon/menu-casino.png);
}

.mobileGameTabContainer .menuTab #menu-lottery:before {
    background-image: url(/static/img/icon/menu-lottery.png);
}

.mobileGameTabContainer .menuTab #menu-esports:before {
    background-image: url(/static/img/icon/menu-esports.png);
}

.mobileGameTabContainer .menuTab #menu-3d-games:before {
    background-image: url(/static/img/icon/menu-3d.png);
}

.mobileGameTabContainer .menuTab #menu-cockfight:before {
    background-image: url(/static/img/icon/menu-cockfight.png);
}

.mobileGameTabContainer .menuTab #menu-live-tv:before {
    background-image: url(/static/img/icon/menu-TV.png);
}

.mobileGameTabContainer .menuTab #menu-affiliate:before {
    background-image: url(/static/img/icon/menu-affiliate.png);
}

.mobileGameTabContainer .menuTab .menu-selected:before {
    opacity: 1;
}

.mobileGameTabContainer .menuTab .menu-selected img {
    backdrop-filter: blur(0.03rem);
}

.navMenu-container {
    height: 100%;
    background: #7f5900;
    text-transform: unset;
    font-size: 14px;
    font-weight: unset;
    border-top: unset;
    border-bottom: unset;
    font-family: unset;
    padding: 5px;
}

.navMenu-container:lang(km) {
    font-family: unset;
}

.navMenu-container .menu-warpper {
    display: flex;
    justify-content: space-between;
    align-items: undefined;
    height: 100%;
    width: undefined;
}

.navMenu-container .menu-warpper .navbar-item {
    padding: 0;
    height: 100%;
    position: relative;
    cursor: pointer;
    text-align: center;
    text-transform: capitalize;
}

.navMenu-container .menu-warpper .navbar-item a {
    color: #fff;
}

.navMenu-container .menu-warpper .navbar-item a .img-with-text-sibeBYside {
    display: flex;
    align-items: center;
}

.navMenu-container .menu-warpper .navbar-item a .menu-item-title p {
    margin-bottom: 0.06rem !important;
    white-space: nowrap;
}

.navMenu-container .menu-warpper .navbar-item a .menu-item-title p:last-child {
    margin-bottom: 0 !important;
}

.navMenu-container .menu-warpper .navbar-item svg {
    margin: undefined;
    height: 0.21rem;
    width: auto;
    fill: #fff;
}

.navMenu-container .menu-warpper .navbar-item svg.active {
    fill: #edfa00;
}

.navMenu-container .menu-warpper .navbar-item .menu-slice {
    padding-left: 0.15rem;
}

.navMenu-container .menu-warpper .navbar-item img {
    height: 0.5rem;
    width: auto;
}

.navMenu-container .menu-warpper .navbar-item p {
    margin: 0.05rem 0;
    color: #fff;
    font-weight: undefined;
}

.navMenu-container .menu-warpper .navbar-item .live-icon {
    width: 0.29rem;
    height: 0.17rem;
    margin-right: 0.05rem;
    position: absolute;
    top: 0.05rem;
    right: undefined;
    left: 0.45rem;
    z-index: 1;
}

.navMenu-container .menu-warpper .navbar-item .hot-provider {
    position: absolute;
    top: 0.1rem;
    right: 0;
    left: 0.39rem;
    font-size: 0.08rem;
    background: REd;
    color: #fff;
    border-radius: 0.04rem;
    padding: 0.03rem 0;
    width: 0.25rem;
    height: unset;
    text-align: center;
}

.navMenu-container .menu-warpper .navbar-item .vipNavImg {
    height: 0.3rem;
}

.navMenu-container .menu-warpper .navbar-item:hover {
    background: unset;
    border-bottom: unset;
}

.navMenu-container .menu-warpper .navbar-item:hover a {
    color: #fff;
}

.navMenu-container .menu-warpper .navbar-item:hover a .hover_line {
    border-bottom: unset;
    width: 0.25rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0;
}

.navMenu-container .menu-warpper .navbar-item:hover svg {
    fill: #edfa00;
}

.navMenu-container .menu-warpper .navbar-item:hover p {
    color: #edfa00;
}

.navMenu-container .menu-warpper .navbar-item.active {
    background: 0 0;
}

.navMenu-container .menu-warpper .navbar-item.active .hover_line {
    border-bottom: 0.03rem solid #edfa00;
    width: 0.25rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0;
}

.navMenu-container .menu-warpper .navbar-item.active a {
    color: #fff;
}

.navMenu-container .menu-warpper .navbar-item.active svg {
    fill: #fff;
}

.navMenu-container .menu-warpper .navbar-item.active p {
    color: #ffe138;
}

.navMenu-container .menu-warpper .navbar-item .nav-menu-row {
    margin: 0.2rem 0;
    text-align: undefined;
}

.navMenu-container .menu-warpper .navbar-item:last-child .menu-slice {
    display: none;
}

.navMenu-container .headerLink {
    display: flex;
    justify-content: center;
}

.navSubmenu-container {
    font-size: 0.12rem;
}

.navSubmenu-container .submenu-outerbox {
    width: 100%;
    position: absolute;
    z-index: 999;
    background: #000000de;
    border-bottom: 0.04rem solid #ffe138;
    border-image: undefined;
    backdrop-filter: blur(0.02rem);
}

.navSubmenu-container .submenu-outerbox .submenu {
    padding-top: 0.1rem;
    width: undefined;
    margin: undefined;
    display: undefined;
    grid-template-columns: undefined;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu {
    width: unset;
    margin: unset;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu {
    opacity: 0.5;
    filter: grayscale(100%);
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu:has(.maintenance-wrapper) {
    opacity: 1;
    filter: none;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu .image-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu .image-wrapper .maintenance-wrapper {
    height: 100%;
    background: #000000cc;
    position: absolute;
    top: 0;
    width: 70%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #f0d843;
    border: 0.02rem solid #999;
    border-radius: 0.06rem;
    padding: 0.08rem;
    min-height: 0.7rem;
    cursor: pointer;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container {
    position: relative;
    width: 16.6666666667%;
    padding-bottom: 0.2rem;
    padding-top: 0.15rem;
    display: inline-block;
    text-align: center;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container:hover .submenu-icon {
    color: undefined;
    opacity: undefined;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon {
    display: block;
    height: 100%;
    color: #a5a4a6;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon.opacity-5 {
    opacity: 0.5;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon:hover {
    color: #ffe138;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .submenu-text {
    margin-top: 0.06rem;
    text-transform: undefined;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .submenu-text:hover {
    color: #ffe138;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    position: absolute;
    top: 0.02rem;
    right: 0;
    max-width: 0.5rem;
    width: 30%;
    height: unset;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .custom-hot-provider {
    right: 10%;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .float-dot-nav {
    position: absolute;
    font-size: 0.08rem;
    padding: 0.03rem 0;
    color: #fff;
    border-radius: 0.04rem;
    top: 0.1rem;
    right: 0.35rem;
    width: 0.25rem;
    height: unset;
    text-align: center;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider-nav {
    background: REd;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider-nav {
    background: #00ff1e;
    color: #000;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon img {
    width: 80%;
    height: auto;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg {
    fill: #edfa00;
    width: 1rem;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container:hover {
    fill: #edfa00;
    background: unset;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .maintenance-icon-container {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0.3rem;
    pointer-events: none;
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .maintenance-icon-container .maintenance-icon {
    width: 0.5rem;
    height: auto;
    fill: url(#m98-maintenance-gradient);
}

.navSubmenu-container .submenu-outerbox .submenu.submenu-less-icon .provider-submenu {
    display: unset;
    justify-content: unset;
}

.navSubmenu-container .submenu-outerbox .submenu .weekly-rebate {
    padding: undefined;
    text-align: undefined;
}

.navSubmenu-container .submenu-outerbox .submenu .weekly-rebate .rebate-text {
    color: undefined;
    font-size: undefined;
    font-weight: undefined;
}

.navSubmenu-container .submenu-outerbox .submenu .weekly-rebate .weekly-text {
    color: undefined;
    font-size: undefined;
    font-weight: undefined;
}

.navSubmenu-container .submenu-outerbox .special-submenu {
    cursor: pointer;
}

.navSubmenu-container .submenu-outerbox .special-submenu img {
    width: 100%;
    height: 100%;
}

.providerLandingIndexContainer .tab-container {
    padding: 0;
    background: #000000cc;
}

.providerLandingIndexContainer .tab-container .standard-tab {
    display: flex;
    justify-content: space-between;
    width: 11rem;
    margin: auto;
    padding: 0;
}

.providerLandingIndexContainer .tab-container .standard-tab .tab-list {
    display: flex;
}

.providerLandingIndexContainer .tab-container .standard-tab .tab-list .tab-header {
    flex-grow: unset;
    margin: 0 0.1rem 0 0;
}

.providerLandingIndexContainer .tab-container .standard-tab .game-search-container {
    display: flex;
    margin: 0 0 0 auto;
}

.providerLandingIndexContainer .tab-container .standard-tab .game-search-container .gamefound {
    color: #959595;
    display: flex;
    justify-content: center;
    align-items: center;
}

.providerLandingIndexContainer .tab-container .standard-tab .game-search-container .gameSearch {
    margin-left: 0.15rem;
    margin: 0.15rem 0 0.15rem 0.15rem;
    position: relative;
}

.providerLandingIndexContainer .tab-container .standard-tab .game-search-container .gameSearch svg {
    width: 0.3rem;
    height: 0.3rem;
    top: 5%;
    right: 1%;
    position: absolute;
    border-radius: 0.05rem;
    fill: #ffffff4d;
    padding: 0.05rem 0;
}

.providerLandingIndexContainer .tab-container .standard-tab .game-search-container .gameSearch input {
    height: 0.34rem;
    padding: 0.08rem 0.35rem 0.08rem 0.1rem;
    background: #40404099;
    border-radius: 0.05rem;
    border: 0.01rem #ffffff33;
    border-style: none;
    color: #ffffff80;
    font-family: arial, 黑体, 'sans-serif';
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .tab-container {
    padding: 0.1rem 0 0.16rem;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content {
    display: grid;
    grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11%;
    grid-row-gap: 0.01rem;
    justify-content: space-between;
    margin: 0 0 0.6rem;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col {
    width: 100%;
    padding: 0.3rem 0;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col .item-container {
    width: 1.24rem;
    height: 1.36rem;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col .item-container .item img {
    height: unset;
    border-radius: 0.1rem;
    cursor: pointer;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col .item-container .rtp {
    background: #999;
    color: #fff;
    border-radius: 0.5rem;
    text-align: center;
    margin: 0;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col .item-container .rtp.noValue {
    opacity: 0;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container {
    width: 100%;
    max-width: 100%;
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container:hover {
    cursor: pointer;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.06rem;
    padding: 0.1rem;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .slick-list .slick-track .slick-slide {
    width: 2.34rem;
    margin: auto;
    padding: 0.1rem 0;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .slick-list .slick-track .slick-slide .rg-item img {
    border: 0.02rem solid #ffffff33;
    border-radius: 0.2rem;
    padding: 0.1rem;
    width: 100%;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .slick-list .slick-track .slick-slide .rg-item .rg-desc {
    text-align: center;
    margin: 0.12rem;
    color: #fff;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .recommended-dots-container {
    text-align: center;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .recommended-dots-container .dots {
    background: #c8c8c8;
    border-radius: 0.4rem;
    margin: 0 0.05rem;
    width: 0.1rem;
    height: 0.1rem;
    transition-duration: 0.5s;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .recommended-dots-container .dots.active {
    width: 0.4rem;
    background: #ffe138;
}

.m-provider-content-container .search-mobile .search-icon {
    right: -0.3rem;
    height: 0.9rem;
}

.m-provider-content-container .search-mobile svg.icon-sm.mobile-search-icon {
    margin-top: 0;
    width: 0.46rem;
    height: 0.46rem;
    fill: #fff;
}

.m-provider-content-container .rg-container {
    padding: 0.2rem;
}

.m-provider-content-container .rg-container .slick-slide {
    margin: 0.1rem 0.08rem;
    text-align: center;
}

.m-provider-content-container .rg-container .slick-slide .main-box {
    border-radius: 0.06rem;
    height: 2.6rem;
    padding: 0.1rem 0;
}

.m-provider-content-container .rg-container .slick-slide .main-box img {
    width: 1.3rem;
    height: 1.3rem;
    margin: 0.1rem auto;
    object-fit: cover;
}

.m-provider-content-container .rg-container .slick-slide .main-box p {
    font-size: 0.246rem;
    margin: 0.1rem 0;
}

.m-provider-content-container .provider-content .game-row-spacing {
    width: auto;
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-row-gap: 0.2rem;
    justify-content: space-between;
    padding: 0.25rem 0.25rem 3.2rem;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box {
    text-align: center;
    height: unset;
    display: unset;
    justify-content: unset;
    padding: unset;
    min-height: unset;
    width: unset;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .slot-tab-img {
    width: 100%;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box .tab-img {
    min-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    border-radius: 0.06rem;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .rtp {
    background: #999;
    color: #fff;
    border-radius: 0.5rem;
    text-align: center;
    margin: 0.05rem 0;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .rtp.noValue {
    opacity: 0;
}

.m-casino-container {
    width: 100%;
    padding: 0.3rem 0.2rem;
}

.m-casino-container .m-casino-container-wrap {
    margin: 0 0 1.5rem;
}

.m-casino-container .m-casino-container-wrap .banner-container {
    margin: 0 0 0.2rem;
}

.m-casino-container .m-casino-container-wrap .banner-container img {
    border-radius: 0.1rem;
    width: 100%;
}

.m-casino-container .m-casino-container-wrap .info-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0.24rem 0.15rem 0.05rem;
    border-bottom: 0.02rem solid #d4d4d480;
}

.m-casino-container .m-casino-container-wrap .info-container .info-label-field {
    margin: 0.13rem 0;
    width: 100%;
    max-width: 25%;
    color: #fff;
}

.m-casino-container .m-casino-container-wrap .info-container .info-label-field .info-label {
    font-size: 0.26rem;
}

.m-casino-container .m-casino-container-wrap .info-container .info-input-field {
    margin: 0 0 0.2rem;
    width: 100%;
    max-width: 75%;
}

.m-casino-container .m-casino-container-wrap .info-container .info-input-field .info-input {
    border: none;
    border-style: none;
    color: #ffffffe6;
    background: #0000004d;
    border-radius: 0.08rem;
    padding: 0.12rem 0.16rem;
    height: auto;
    font-size: 0.28rem;
}

.m-casino-container .m-casino-container-wrap .info-container .info-input-field .info-copy-icon {
    position: relative;
    float: right;
    width: 0.35rem;
    height: 0.35rem;
    margin: -0.45rem 0.12rem 0 0;
    fill: #ffffffe6;
}

.m-casino-container .m-casino-container-wrap .btm-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0.2rem 0;
    width: 100%;
    justify-content: space-between;
}

.m-casino-container .m-casino-container-wrap .btm-container .download-btn-container {
    margin: 0 auto;
    width: 49%;
}

.m-casino-container .m-casino-container-wrap .btm-container .download-btn-container .download-btn2 {
    background: #b6b6b680;
    color: #fff;
    padding: 0.24rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    width: 100%;
    font-size: 0.3rem;
}

.m-casino-container .m-casino-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text {
    margin: auto;
}

.m-casino-container .m-casino-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text svg {
    width: 0.28rem;
    margin-right: 0.12rem;
    vertical-align: undefined;
}

.m-casino-container .m-casino-container-wrap .btm-container .deposit-container {
    width: 100%;
    text-align: center;
    margin: 0.2rem 0;
    font-size: 0.28rem;
}

.m-casino-container .m-casino-container-wrap .btm-container .deposit-container .deposit-info {
    text-decoration: underline;
    fill: #ffffffe6;
    color: #fff;
}

.m-casino-container .m-casino-container-wrap .btm-container .deposit-container .deposit-info svg {
    width: 0.2rem;
    height: auto;
    margin: 0 0.1rem;
}

.m-casino-container .m-casino-container-wrap .btm-container .deposit-container .deposit-info .transfer-icon {
    max-width: 0.55rem;
}

.m-casino-container .bottom-category ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0.4rem 0.25rem;
    grid-gap: 0.3rem 0;
}

.m-casino-container .bottom-category ul li .image-container {
    position: relative;
    margin: auto;
}

.m-casino-container .bottom-category ul li .image-container .lazy-load-image-loaded {
    padding: 0 0.2rem;
    margin: auto;
    display: flex !important;
}

.m-casino-container .bottom-category ul li .image-container .lazy-load-image-loaded img {
    width: 100%;
    object-fit: cover;
    border-radius: 0.1rem;
}

.m-casino-container .bottom-category ul li .image-container .top-float {
    position: absolute;
    border-radius: 0.1rem;
    padding: 0.16rem 0.06rem 0.13rem;
    top: -0.15rem;
    right: 4%;
    color: #fff;
    font-size: 0.16rem;
    text-align: center;
    font-weight: 700;
}

.m-casino-container .bottom-category ul li .image-container .hot-badge {
    background: REd;
}

.m-casino-container .bottom-category ul li .image-container .new-badge {
    background: #28db00;
}

.m-casino-container .bottom-category ul li .image-container .float-dot {
    position: absolute;
    top: 7.96rem;
}

.m-casino-container .bottom-category ul li .image-container .float-dot.hot-provider {
    right: 52%;
}

.m-casino-container .bottom-category ul li .image-container .float-dot.new-provider {
    right: 6%;
}

.m-casino-container .bottom-category ul li .desc-container {
    text-align: center;
    font-size: 0.24rem;
    padding: 0.12rem 0 0.2rem;
}

.sidebar-container {
    position: relative;
}

.sidebar-container .sidebar-container-dot {
    position: absolute;
    top: 0.05rem;
    left: -0.05rem;
    width: 0.15rem;
    height: 0.15rem;
    background: red;
    border-radius: 0.1rem;
}

.sidebar-container .sb-content {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 999;
    background: linear-gradient(#8d7100, #b49002);
    background-size: cover;
    overflow: auto;
    padding: 0 0 1.5rem;
}

.sidebar-container .sb-content .row-top {
    height: 100px;
    text-align: center;
    padding: 28px;
    border-bottom: 0.01rem solid #ffe138;
    background: undefined;
}

.sidebar-container .sb-content .row-top img {
    height: 100%;
}

.sidebar-container .sb-content .sb-item {
    margin: 18px 0 0;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-container .sb-content .sb-item .item-svg svg {
    fill: #ffe138;
}

.sidebar-container .sb-content .sb-item .item-content {
    display: flex;
    align-items: center;
    color: #fff;
    text-transform: capitalize;
}

.sidebar-container .sb-content .sb-item .item-content svg {
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    fill: #fff;
}

.sidebar-container .sb-content .sb-item .item-content img {
    width: 0.55rem;
    height: auto;
    margin: 0 0.4rem 0 0;
}

.sidebar-container .sb-content .sb-content-additional-menu {
    padding: 0.2rem;
    margin: 0 0 -0.2rem;
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-title {
    color: #00eaff;
    font-size: 0.3rem;
    font-weight: 700;
    margin: 0.05rem 0 0.1rem;
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item {
    position: relative;
    margin: 0.05rem 0.1rem 0.05rem 0;
    padding: 0.15rem;
    background: linear-gradient(#fdb6141a, #ff6c001a);
    border-radius: 0.1rem;
    color: #000;
    height: 1.42rem;
}

@media (min-width: 769px) {
    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item {
        height: 0.7rem;
    }
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item p {
    margin: 0;
    font-size: 0.24rem;
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item img {
    margin: 0 0.1rem 0 0;
    width: 0.85rem;
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item.active {
    background: linear-gradient(#fdb614, #00eaff);
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item.active p {
    color: #fff;
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item .sb-item-dot {
    position: absolute;
    top: -0.02rem;
    left: -0.02rem;
    width: 0.1rem;
    height: 0.1rem;
    background: red;
    border-radius: 0.1rem;
}

.sidebar-container .sb-content .deposit-progress-bar-container {
    display: block;
}

.sidebar-container .sb-content .deposit-progress-bar-container .straightLine {
    border: none;
    height: 0.2rem;
}

.sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container {
    width: 100%;
}

.sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper {
    display: grid;
    grid-template-columns: 35% 60%;
}

.sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-progress-container {
    width: 100%;
}

.sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit {
    width: 100%;
    font-size: 0.2rem;
}

@media (min-width: 769px) {
    .sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit {
        font-size: 0.14rem;
    }
}

.sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .deposit-detail-container {
    font-size: 0.18rem;
}

@media (min-width: 769px) {
    .sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .deposit-detail-container {
        font-size: 0.14rem;
    }
}

.sidebar-container .sb-content .sb-content-download-banner-container {
    padding: 0.3rem;
    height: 2.6rem;
}

.sidebar-container .sb-content .sb-content-download-banner-container .sb-content-download-banner-sub-container {
    background: url(/public/html/images/home_img/m-app-bn.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    border-radius: 0.1rem;
    position: relative;
}

.sidebar-container .sb-content .sb-content-download-banner-container .sb-content-download-banner-sub-container .sb-item {
    position: absolute;
    left: 48%;
    bottom: 0.5rem;
    height: 0.5rem;
    border-radius: 0.1rem;
    background: #fff;
    display: grid;
    justify-content: center;
}

.sidebar-container .sb-content .sb-content-download-banner-container .sb-content-download-banner-sub-container .sb-item .item-content {
    color: #fff;
}

.sidebar-container .sb-content .sb-content-download-banner-container .sb-content-download-banner-sub-container .sb-item p {
    margin: 0;
}

.sidebar-container .sb-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    z-index: 99;
}

.floating-app-nav .sidebar-container .sb-content {
    top: 1.2rem;
    height: calc(100% - 1.2rem);
    overflow: auto;
}

@media (min-width: 769px) {
    .sidebar-container {
        margin: 0 0.05rem 0 0;
    }
    .sidebar-container .sb-btn-container {
        cursor: pointer;
    }
    .sidebar-container .sb-btn-container svg {
        width: 0.2rem !important;
    }
    .sidebar-container .sb-content {
        position: absolute;
        top: 0.3rem;
        width: auto;
        height: auto;
        border-radius: 0.1rem;
        padding: 0.2rem;
    }
    .sidebar-container .sb-content .sb-item {
        margin: 0.1rem 0 0;
        padding: 0;
        font-size: 0.16rem;
    }
    .sidebar-container .sb-content .sb-item .item-content {
        cursor: pointer;
    }
    .sidebar-container .sb-content .sb-item .item-content svg {
        width: 0.3rem;
        height: 0.3rem;
        margin: 0 0.3rem 0 0;
        fill: #fff;
    }
    .sidebar-container .sb-content .sb-content-additional-menu {
        padding: 0 0 0.3rem;
    }
    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-title {
        font-size: 0.14rem;
        margin: 0 0 0.1rem;
    }
    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item {
        width: 1.4rem;
        margin: 0.05rem 0.05rem 0.05rem 0;
        padding: 0.06rem;
    }
    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item p {
        margin: 0;
        font-size: 0.14rem;
    }
    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item img {
        margin: 0 0.05rem 0 0;
        width: 0.5rem;
    }
    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item:hover {
        background: linear-gradient(#fdb614, #00eaff);
    }
    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item:hover p {
        color: #fff;
    }
}

.bottom-navbar-container {
    position: fixed;
    bottom: 1.2rem;
    width: 100%;
    z-index: 5;
}

.bottom-navbar-container.advance-cover {
    z-index: 9999;
}

.bottom-navbar-container.advance-cover.active {
    height: calc(100%);
    bottom: 0;
}

.bottom-navbar-container.advance-cover.active .popup-cover {
    height: calc(100% - 1rem);
    transform: translateY(-0.05rem);
    visibility: visible;
    opacity: 1;
}

.bottom-navbar-container.advance-cover .popup-cover {
    position: relative;
    opacity: 0;
    height: 0;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.8);
    overflow: scroll;
    visibility: hidden;
    transition: visibility 0s, opacity 0.5s linear;
    align-items: center;
}

.bottom-navbar-container.advance-cover .popup-cover .wrapper {
    margin-top: auto;
    padding: 1rem 0 0;
}

.bottom-navbar-container.advance-cover .popup-cover .item {
    padding: 0.3rem;
    display: flex;
    align-items: center;
}

.bottom-navbar-container.advance-cover .popup-cover .item .contact-icon svg {
    width: 0.8rem;
    fill: undefined;
}

.bottom-navbar-container.advance-cover .popup-cover .item .contact-name {
    margin-left: 0.3rem;
}

.bottom-navbar-container.advance-cover .bn-content {
    position: fixed;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
}

.bottom-navbar-container .bn-content {
    background: #292929;
    border-radius: 0.15rem 0.15rem 0 0;
    margin: 0 0.2rem;
    padding: 0.15rem 0.1rem 0.1rem;
    align-items: baseline;
    display: flex;
    justify-content: unset;
    bottom: 0;
    font-size: 12px;
    height: undefined;
    position: relative;
    z-index: 9;
}

.bottom-navbar-container .bn-content .bn-menu {
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    fill: #fff;
    margin: auto;
    display: undefined;
    grid-row-gap: undefined;
    justify-content: undefined;
    text-transform: undefined;
    padding: undefined;
    flex-direction: undefined;
    align-items: undefined;
    font-size: undefined;
}

.bottom-navbar-container .bn-content .bn-menu .bn-icon {
    height: 30px;
    width: 30px;
    margin: undefined;
    position: undefined;
    left: undefined;
    top: undefined;
}

.bottom-navbar-container .bn-content .bn-menu .bn-icon-active {
    height: 0.55rem;
    margin: undefined;
    fill: #ffe138;
}

.bottom-navbar-container .bn-content .bn-menu .bn-desc-active {
    color: #fff;
}

.bottom-navbar-container .bn-content .bn-menu .bn-image {
    height: 0.85rem;
}

.bottom-navbar-container .bn-content .bn-menu .bn-logo-img {
    height: 1.1rem;
}

.bottom-navbar-container .bn-content .bn-menu #btm-login {
    height: undefined;
    position: undefined;
    top: undefined;
    width: undefined;
    padding-bottom: undefined;
}

.bottom-navbar-container .bn-content .bn-menu #btm-login.bn-icon-active {
    height: 0.85rem;
}

.bottom-navbar-container .bn-content .bn-menu img {
    object-fit: undefined;
}

.bottom-navbar-container .bn-content .bn-menu .glow-button {
    position: relative;
    height: 1.3rem;
    width: 1.3rem;
    border-radius: 50%;
    font-size: 0.18rem;
    -webkit-box-shadow: 0 0 0.15rem 0.05rem #02d6ef;
    -moz-box-shadow: 0 0 0.15rem 0.05rem #02d6ef;
    box-shadow: 0 0 0.15rem 0.05rem #02d6ef;
    position: absolute;
    transform: scale(1.2);
    background: linear-gradient(to left bottom, #1555b5, #071444, #1555b5);
    top: -0.6rem;
    display: flex;
    justify-content: center;
}

.bottom-navbar-container .bn-content .bn-menu .glow-button .glow-content-wrapper {
    position: absolute;
    top: 0.1rem;
}

.bottom-navbar-container .bn-content .bn-menu .glow-button .glow-content-wrapper img {
    height: 0.7rem;
}

.bottom-navbar-container .bn-content .bn-menu.active {
    background: undefined;
}

.bottom-navbar-container .bn-promo-banner {
    width: 100vw;
    position: relative;
}

.bottom-navbar-container .bn-promo-banner img {
    width: calc(100% - (0.205rem * 2));
    margin: 0 0.205rem 0.09rem;
}

.bottom-navbar-container .bn-promo-banner .close-btn {
    position: absolute;
    right: 0.1rem;
    top: -0.06rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 100%;
    font-size: 0.42rem;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-navbar-container .bn-promo-banner .close-btn p {
    margin-bottom: 0;
    height: 0.45rem;
}

.settings-container {
    background: undefined;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 0 0 0.5rem;
}

.settings-container .st-section {
    margin: auto;
    padding: 0.5rem 0;
}

.settings-container .st-section .page-change-title {
    margin: 0 0 0.05rem;
    color: #ffe138;
    font-size: 0.16rem;
    font-weight: 700;
}

.settings-container .st-section .breadcrum-container {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
}

.settings-container .st-section .breadcrum-container svg {
    width: 0.2rem;
    height: 0.2rem;
}

.settings-container .st-section .breadcrum-container .module-Bread {
    margin-top: 0.04rem;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.settings-container .st-section .breadcrum-container .module-Bread span {
    width: 0;
    height: 0;
    border-top: 0.05rem solid transparent;
    border-left: 0.08rem solid #fff;
    border-bottom: 0.05rem solid transparent;
    margin: 0.05rem;
}

.settings-container .st-section .st-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0.25rem 0 0;
}

.settings-container .st-section .st-content .sideNavbar-section {}

.settings-container .st-section .st-content .st-detail-container {}

.settings-container .st-section .st-content .st-detail-container .st-detail {
    position: relative;
    z-index: 1;
    border-radius: 0.1rem;
    box-shadow: unset;
    background: #000000a8;
}

.settings-container .st-section .st-content .st-detail-container .st-detail .announcementBar-section .annoucement-bar-component {
    height: 0.35rem;
    background: #ffffff00;
    border-radius: 0.1rem 0.1rem 0 0;
    width: 100%;
    padding: 0 0 0 0.35rem;
}

.settings-container .st-section .st-content .st-detail-container .st-detail .announcementBar-section .annoucement-bar-component .left-block {
    background: #ffffff00;
    padding: 0 0.1rem;
    width: 5.5%;
}

.settings-container .st-section .st-content .st-detail-container .st-detail .announcementBar-section .annoucement-bar-component .left-block svg {
    width: 0.22rem;
    height: 0.22rem;
    fill: #ffffff4d;
    border-radius: 50%;
}

.settings-container .st-section .st-content .st-detail-container .st-detail .announcementBar-section .annoucement-bar-component .right-block {
    background: #ffffff00;
    width: 2%;
}

.settings-container .st-section .standard-setting-table-container {
    white-space: nowrap;
    overflow-x: scroll;
    border: unset;
    border-style: none;
    margin: 0.1rem 0.15rem;
    scrollbar-width: thin !important;
}

.settings-container .st-section .standard-setting-table-container::-webkit-scrollbar {
    width: 0.05rem;
}

.settings-container .st-section .standard-setting-table-container::-webkit-scrollbar:horizontal {
    height: 0.08rem;
}

.settings-container .st-section .standard-setting-table-container::-webkit-scrollbar-track {
    background: rgba(204, 204, 204, 0.3);
}

.settings-container .st-section .standard-setting-table-container::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.2);
}

.settings-container .st-section .standard-setting-table-container table {
    width: 100%;
    background: #ffffff1a;
}

.settings-container .st-section .standard-setting-table-container table thead {
    background: 0 0;
    color: #ffe138;
    font-size: 0.14rem;
}

.settings-container .st-section .standard-setting-table-container table thead tr {
    border-bottom: 0.02rem solid #ffffff33;
}

.settings-container .st-section .standard-setting-table-container table thead tr:last-child {
    bottom: 0;
}

.settings-container .st-section .standard-setting-table-container table thead tr th {
    width: 1.5rem;
    padding: 0.05rem 0.2rem;
    border: unset;
    border-style: none;
    text-align: center;
}

.settings-container .st-section .standard-setting-table-container table thead tr th .sorting-column {
    display: flex;
}

.settings-container .st-section .standard-setting-table-container table thead tr th .sorting-column svg {
    width: 0.15rem;
    height: 0.15rem;
    margin: 0 0 0 0.05rem;
    fill: #ffe138;
    cursor: pointer;
}

.settings-container .st-section .standard-setting-table-container table thead tr.standard-setting-table-header th.standard-setting-table-header-col-span-2 {
    border-style: none solid solid none;
}

.settings-container .st-section .standard-setting-table-container table thead tr.standard-setting-table-header th:last-child {
    border-right: 0;
}

.settings-container .st-section .standard-setting-table-container table tbody tr {
    border-bottom: 0.01rem solid #ffffff33;
}

.settings-container .st-section .standard-setting-table-container table tbody tr:last-child {
    border-bottom: 0;
}

.settings-container .st-section .standard-setting-table-container table tbody tr td {
    width: 1.5rem;
    padding: 0.1rem 0.2rem;
    color: #fff;
    font-size: 0.14rem;
    text-align: center;
}

.settings-container .st-section .standard-setting-table-container table tbody tr td button {
    background: #b27ef0;
    padding: 0.05rem;
    border-radius: 0.04rem;
    color: undefined;
}

.settings-container .st-section .standard-setting-table-container table tbody .emptyHistoryContainer {
    text-align: center;
}

.settings-container .st-section .standard-setting-table-container table.monthly-win-loss-report-table tr th {
    border: 0.02rem solid #ffffff33;
    border-style: none solid none none;
}

.settings-container .st-section .custom-without-transaction-button-btn button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.5rem;
    font-size: 0.14rem;
    width: 80%;
    border: 0;
    border-radius: 0.05rem;
    font-weight: 600;
    background: #b6b6b680;
    margin: 0 auto 0 0;
    text-transform: capitalize;
    color: undefined;
}

.settings-container .st-section .custom-without-transaction-button-btn button:hover {
    cursor: pointer;
    background: #b6b6b6cc;
}

.settings-container .st-section .custom-without-transaction-button-btn button:disabled {
    opacity: 0.2;
    background: #b6b6b6;
}

.settings-container .st-section .custom-without-transaction-button-btn button svg {
    margin-right: 0.1rem;
    width: 0.16rem;
    height: 0.16rem;
}

.settings-container .st-section .custom-without-transaction-button-btn button svg .st0 {
    fill: #28db00 !important;
}

.desktopReferralContainer {
    margin: 0.24rem auto;
    background: linear-gradient(#b27ef0, #511a91);
    border-radius: 0.1rem;
    padding: 0.2rem 0.3rem;
    display: flex;
    align-items: center;
    position: relative;
}

.desktopReferralContainer .share-container .highlighted-text {
    background: #00000080;
    padding: 0.2rem;
    border: 0.01rem dashed;
    margin-right: 0.2rem;
    color: #fff;
    position: relative;
    white-space: nowrap;
}

.desktopReferralContainer .share-container .referral-btn {
    margin-left: 0.1rem;
    padding: 0.06rem 0.1rem;
    background: #fefefe;
    color: #000;
    font-weight: 700;
    border-radius: unset;
    font-family: unset;
}

.desktopReferralContainer .referral-container-icon {
    width: 0.55rem;
    fill: unset;
}

.desktopReferralContainer .referral-close-logo {
    position: absolute;
    right: 2%;
    top: 10%;
    font-size: 0.25rem;
    color: #fff;
    cursor: pointer;
}

.desktopReferralContainer .referral-subtitle {
    margin: 0 0.1rem;
    font-weight: 700;
    color: #fff;
    font-size: undefined;
}

.desktopReferralContainer .referral-subtitle .subtitle {
    color: #ffe138;
}

.desktopReferralContainer .referral-subtitle p {
    margin-bottom: 0;
}

.desktopReferralContainer .referral-subtitle span {
    color: #ccc;
}

.desktopReferralContainer .arrow-up {
    width: 0;
    height: 0;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    border-bottom: 0.3rem solid #fff;
    position: absolute;
    left: 12%;
    bottom: 0%;
}

.desktopReferralContainer .arrow-up::after {
    content: '';
    width: 1.2rem;
    height: 0.5rem;
    position: absolute;
    left: -0.52rem;
    top: -0.3rem;
}

.desktopReferralContainer .referral-dropdown {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    width: 2rem;
    left: 10%;
    margin-top: 0.2rem;
    padding: 0.1rem;
    font-weight: 600;
    height: unset;
    overflow-y: scroll;
}

.desktopReferralContainer .referral-dropdown .referral-copy {
    cursor: pointer;
    padding: 0.2rem;
    display: flex;
    border-bottom: 0.01rem solid #f5f5f5;
    align-items: center;
    color: unset;
}

.desktopReferralContainer .referral-dropdown .referral-copy .referral-share-link {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: 0.05rem 0.1rem !important;
}

.desktopReferralContainer .referral-dropdown .referral-share-link {
    padding: 0.2rem !important;
    border-bottom: 0.01rem solid #f5f5f5 !important;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
}

.desktopReferralContainer .referral-dropdown .referral-share-link span {
    color: unset;
}

.desktopReferralContainer .referral-dropdown .referral-icon {
    margin-right: 0.05rem;
    width: 0.24rem;
    height: 0.24rem;
}

.notification-popup-container {
    width: 90%;
}

.notification-popup-container .standard-popup-modal-header {
    display: grid;
    grid-template-columns: 95% 5%;
    align-items: center;
    justify-content: space-between;
}

.notification-popup-container .standard-popup-modal-header .standard-modal-close {
    font-size: 0.3rem;
}

.notification-popup-container .standard-popup-modal-body {
    padding: 0.2rem 0.32rem;
    text-align: center;
}

.notification-popup-container .standard-popup-modal-body .transaction-button-section {
    margin: 0.2rem;
}

.notification-popup-container .standard-popup-modal-body .transaction-button-section .standard-submit-form-button {
    margin: 0 auto;
    min-width: 45%;
}

@media (min-width: 769px) {
    .notification-popup-container {
        width: 45%;
    }
    .notification-popup-container .standard-popup-modal-body {
        padding: 0.2rem 0.32rem;
        text-align: center;
    }
}

.m-standard-content-container .standard-setting-table-container {
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    border: unset;
    margin: 0.1rem 0 0;
}

.m-standard-content-container .standard-setting-table-container::-webkit-scrollbar {
    width: 0.05rem;
}

.m-standard-content-container .standard-setting-table-container::-webkit-scrollbar:horizontal {
    height: 0.08rem;
}

.m-standard-content-container .standard-setting-table-container::-webkit-scrollbar-track {
    background: rgba(204, 204, 204, 0.3);
}

.m-standard-content-container .standard-setting-table-container::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.2);
}

.m-standard-content-container .standard-setting-table-container table {
    width: 100%;
    background: #ffffff1a;
}

.m-standard-content-container .standard-setting-table-container table thead {
    background: 0 0;
    color: #edfa00;
    font-size: 0.14rem;
}

.m-standard-content-container .standard-setting-table-container table thead tr {
    border-bottom: 0.01rem solid #ffffff33;
}

.m-standard-content-container .standard-setting-table-container table thead tr:last-child {
    bottom: 0;
}

.m-standard-content-container .standard-setting-table-container table thead tr th {
    font-size: 0.24rem;
    width: 1.5rem;
    padding: 0.2rem 0.25rem;
    border-right: unset;
    border-style: none;
    text-align: center;
    border-top: none;
    border-bottom: none;
    border-left: none;
    color: #ffe138;
}

.m-standard-content-container .standard-setting-table-container table thead tr th .sorting-column {
    display: flex;
}

.m-standard-content-container .standard-setting-table-container table thead tr th .sorting-column svg {
    width: 0.27rem;
    height: 0.27rem;
    margin: 0 0 0 0.1rem;
    fill: #ffe138;
    cursor: pointer;
}

.m-standard-content-container .standard-setting-table-container table thead tr.standard-setting-table-header th.standard-setting-table-header-col-span-2 {
    border-style: none solid solid none;
}

.m-standard-content-container .standard-setting-table-container table thead tr.standard-setting-table-header th:last-child {
    border-right: 0;
}

.m-standard-content-container .standard-setting-table-container table tbody tr {
    border-bottom: 0.015rem solid #ffffff33;
}

.m-standard-content-container .standard-setting-table-container table tbody tr:last-child {
    border-bottom: 0;
}

.m-standard-content-container .standard-setting-table-container table tbody tr td {
    width: 1.5rem;
    padding: 0.2rem 0.25rem;
    font-size: 0.24rem;
}

.m-standard-content-container .standard-setting-table-container table tbody tr td button {
    background: #b27ef0;
    padding: 0.1rem;
    border-radius: 0.08rem;
    color: undefined;
}

.m-standard-content-container .standard-setting-table-container table tbody .emptyHistoryContainer {
    text-align: center;
}

.m-standard-content-container .standard-setting-table-container table.monthly-win-loss-report-table thead tr th {
    border: 0.01rem solid #ffffff33;
    border-style: none solid none none;
}

.m-standard-content-container .standard-setting-table-container table.monthly-win-loss-report-table thead tr:first-child {
    border-bottom: none;
}

.settings-main-wallet {
    padding: 0.3rem;
    backdrop-filter: blur(0.02rem);
}

.settings-main-wallet .upper-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.settings-main-wallet .upper-section .member-feature-container {
    width: 50%;
}

.settings-main-wallet .upper-section .member-wallet-container {
    width: 49%;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content {
    display: flex;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet {
    width: 50%;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet .wallet-balance {
    margin: 0 0 0.05rem;
    color: #fff;
    font-size: 13px;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet .wallet-balance .currency-label {
    color: #ffe138;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet .currency-amount {
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    font-weight: 700;
    color: #fff;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet .currency-amount svg {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0 0 0.1rem;
    background: #28db00;
    border-radius: 0.5rem;
    padding: 0.02rem;
    fill: #fff;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-middle-line {
    width: 0.01rem;
    background: #ffffff33;
    height: 0.35rem;
    margin: 0 0.01rem;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer {
    width: 50%;
    padding: 0 0 0 0.15rem;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-label {
    color: #aaa;
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    white-space: undefined;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control {
    display: flex;
    align-items: center;
    margin: 0 0 0 0.05rem;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control.wallet-disable .check {
    background: #ababab !important;
    box-shadow: 0 0 0 0.04rem #ababab !important;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control.wallet-disable .seamless-status {
    color: #ababab !important;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer {
    position: relative;
    width: 0.25rem;
    height: 0.1rem;
    cursor: pointer;
    margin: 0 0 0 0.05rem;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer input {
    opacity: 0;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer input:checked~.check-btn {
    left: 60%;
    background: url(/public/html/default_whitelabel/shared-image/home_img/custom-switch.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer .check {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: #28db00;
    border-radius: 0.4rem;
    box-shadow: 0 0 0 0.04rem #28db00;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer .check-btn {
    position: absolute;
    top: -0.06rem;
    left: -0.1rem;
    width: 0.21rem;
    height: 0.21rem;
    border-radius: 0.5rem;
    background: url(/public/html/default_whitelabel/shared-image/home_img/custom-switch.png);
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .seamless-status {
    color: #28db00;
    font-size: 0.14rem;
    margin: 0 0 0 0.2rem;
}

.settings-main-wallet .upper-section .user-verification-section {
    display: flex;
    margin: 0 0 0.1rem;
}

.settings-main-wallet .upper-section .user-verification-section .wallet-middle-line {
    margin: 0 0.15rem;
}

.settings-main-wallet .upper-section .user-verification-section .user-verification-container {
    display: flex;
    align-items: center;
}

.settings-main-wallet .upper-section .user-verification-section .verification-text {
    width: undefined;
    margin: 0 0.2rem 0 0;
}

.settings-main-wallet .upper-section .user-verification-section .verification-text p {
    margin-bottom: 0;
    color: #aaa;
    font-size: 0.14rem;
}

.settings-main-wallet .upper-section .user-verification-section .verification-icons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.05rem;
}

.settings-main-wallet .upper-section .user-verification-section .verification-icons .verify-icon {
    fill: #6c708a;
    width: 0.3rem;
    height: 0.3rem;
    background: #3b405b;
    border-radius: 50%;
    padding: 0.05rem;
}

.settings-main-wallet .upper-section .user-verification-section .verification-icons .verify-icon:hover {
    cursor: pointer;
}

.settings-main-wallet .upper-section .user-verification-section .verification-icons .verify-icon.active {
    background: #28db00;
    fill: #fff;
}

.settings-main-wallet .upper-section .wallet-middle-line {
    width: 0.01rem;
    background: #ffffff33;
    height: 0.35rem;
    margin: 0 0.01rem;
}

.settings-main-wallet .upper-section .restore-wallet {
    display: flex;
    align-items: center;
    margin: 0.2rem 0 0;
}

.settings-main-wallet .upper-section .restore-wallet .restore-btn {
    display: flex;
    align-items: center;
    padding: 0.08rem 0.1rem;
    background: #ededed;
    border: 0;
    border-radius: 0.3rem;
    margin: 0 0.2rem 0 0;
    color: #000;
}

.settings-main-wallet .upper-section .restore-wallet .restore-btn:hover {
    cursor: pointer;
}

.settings-main-wallet .upper-section .restore-wallet .restore-btn p {
    margin: 0 0.1rem 0 0;
    white-space: nowrap;
    font-size: 0.14rem;
}

.settings-main-wallet .upper-section .restore-wallet .restore-btn svg {
    height: 0.2rem;
    width: 0.2rem;
    fill: #511a91;
}

.settings-main-wallet .upper-section .restore-wallet .history-link {
    display: flex;
    align-items: center;
}

.settings-main-wallet .upper-section .restore-wallet .history-link p {
    font-size: 0.14rem;
    color: #a2a2a2;
    margin: 0 0.1rem 0 0;
}

.settings-main-wallet .upper-section .restore-wallet .history-link svg {
    height: 0.12rem;
    width: 0.12rem;
    fill: #a2a2a2;
}

.settings-main-wallet .upper-section .deposit-progressbar-container {
    width: calc(100% - 0.3rem);
    padding: 0.1rem;
    background: #212121e6;
    border-radius: 0.05rem;
    margin: 0 0 0 0.3rem;
}

.settings-main-wallet .upper-section .deposit-progressbar-container:has(#deposit) {
    margin-bottom: 0.1rem !important;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper {
    display: flex;
    align-items: center;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-progress-container {
    width: 40%;
    padding-right: 0.1rem;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-progress-container .status-progress {
    height: 0.1rem;
    background: #ffffff1a;
    border-radius: 0.5rem;
    overflow: hidden;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-progress-container .progress-bar {
    background: #00eaff;
    border-radius: 0.5rem;
    height: 100%;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit {
    width: 60%;
    font-size: 0.14rem;
    text-align: right;
    color: #fff;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount .status-total-deposit {
    color: #00eaff;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit p {
    margin: 0;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit p span {
    color: #00eaff;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit p span .totalDeposit {
    color: undefined;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .deposit-detail-container {
    color: #aaa;
    margin-top: 0.1rem;
    font-size: 0.12rem;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .deposit-detail-container p {
    margin: 0;
}

.settings-main-wallet .upper-section .deposit-progressbar-container .deposit-detail-container .deposit-detail p {
    margin: 0 0 0.02rem;
}

.settings-main-wallet .upper-section .conversion-rate-info-box-container {
    position: relative;
}

.settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-box svg {
    width: 0.3rem;
    height: 0.3rem;
    fill: #00eaff;
    margin: 0 0.05rem 0 0;
}

.settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-box p {
    color: #aaa;
    margin: 0;
}

.settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-list-container {
    position: absolute;
    z-index: 999;
    width: 2rem;
    background: #282828;
    padding: 0.2rem;
    margin: 0.15rem 0 0;
}

.settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-list-container p {
    color: #aaa;
    margin: 0 0 0.05rem;
}

.settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-list-container::before {
    content: '';
    position: absolute;
    left: 45%;
    top: -0.12rem;
    width: 0;
    height: 0;
    border-bottom: 0.13rem solid #282828;
    border-left: 0.07rem solid transparent;
    border-right: 0.07rem solid transparent;
}

.mobile-wallet-container {
    background: #000000a8;
    border-radius: 0 0 0.05rem 0.05rem;
    backdrop-filter: blur(0.05rem);
}

.mobile-wallet-container .wallet-control {
    padding: 0.2rem 0.3rem 0;
    position: relative;
    margin: undefined;
}

.mobile-wallet-container .wallet-control .upper-section {
    display: flex;
    justify-content: space-between;
}

.mobile-wallet-container .wallet-control .upper-section .member-wallet {
    width: 55%;
}

.mobile-wallet-container .wallet-control .upper-section .member-wallet .wallet-balance {
    margin-bottom: 0.1rem;
    color: #aaa;
    font-size: 13px;
    width: 2.5rem;
}

.mobile-wallet-container .wallet-control .upper-section .member-wallet .wallet-balance .txt-wallet {
    color: inherit;
    display: undefined;
}

.mobile-wallet-container .wallet-control .upper-section .member-wallet .wallet-balance span {
    color: #ffe138;
}

.mobile-wallet-container .wallet-control .upper-section .member-wallet .currency-amount {
    display: flex;
    align-items: center;
    font-size: 0.32rem;
    color: #fff;
}

.mobile-wallet-container .wallet-control .upper-section .member-wallet .currency-amount svg {
    width: 0.35rem;
    height: 0.35rem;
    margin: 0 0 0 0.1rem;
    padding: undefined;
    fill: #000;
    background-color: #aaa;
    border-radius: 0.2rem;
}

.mobile-wallet-container .wallet-control .upper-section .center-line {
    position: absolute;
    border-left: none;
    height: 0.45rem;
    left: 47%;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer {
    width: 55%;
    font-size: 0.22rem;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-label {
    color: #aaa;
    margin-bottom: 0.1rem;
    font-size: 0.22rem;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control {
    display: flex;
    align-items: center;
    margin-top: 0.12rem;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control.wallet-disable .check {
    background: #ababab !important;
    box-shadow: 0 0 0 0.04rem #ababab !important;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control.wallet-disable .seamless-status {
    color: #ababab !important;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer {
    position: relative;
    width: 0.6rem;
    height: 0.25rem;
    cursor: pointer;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer input {
    opacity: 0;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer input:checked~.check-btn {
    left: 50%;
    background: url(/public/html/default_whitelabel/shared-image/home_img/custom-switch.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer .check {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 0.25rem;
    background: #28db00;
    border-radius: 0.4rem;
    box-shadow: 0 0 0 0.04rem #28db00;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer .check-btn {
    position: absolute;
    top: -0.08rem;
    left: -0.08rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.5rem;
    background: url(/public/html/default_whitelabel/shared-image/home_img/custom-switch.png);
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .seamless-status {
    color: #28db00;
    font-size: 0.24rem;
    margin: 0 0 0 0.3rem;
}

.mobile-wallet-container .wallet-control .bottom-section {
    display: flex;
    align-items: center;
    padding: 0.2rem 0;
}

.mobile-wallet-container .wallet-control .bottom-section .restore-history-wrapper {
    display: flex;
}

.mobile-wallet-container .wallet-control .bottom-section .restore-btn {
    display: flex;
    align-items: center;
    padding: 0.1rem 0.2rem;
    background: #fff;
    border: 0;
    border-radius: 0.5rem;
    margin: 0 0.2rem 0 0;
    color: #000;
    box-shadow: undefined;
}

.mobile-wallet-container .wallet-control .bottom-section .restore-btn p {
    margin: 0 0.2rem 0 0;
    white-space: nowrap;
    font-size: 0.22rem;
}

.mobile-wallet-container .wallet-control .bottom-section .restore-btn svg {
    height: 0.3rem;
    width: 0.3rem;
    fill: #511a91;
    margin: 0;
}

.mobile-wallet-container .wallet-control .bottom-section .history-link {
    display: flex;
    align-items: center;
}

.mobile-wallet-container .wallet-control .bottom-section .history-link p {
    font-size: 0.21rem;
    color: #a2a2a2;
    margin: 0 0.2rem 0 0;
}

.mobile-wallet-container .wallet-control .bottom-section .history-link svg {
    height: 0.2rem;
    width: 0.2rem;
    fill: #a2a2a2;
    margin: 0;
}

.mobile-wallet-container .wallet-control .mobile-wallet-short-cut-container {
    position: absolute;
    bottom: 0;
    right: 0.3rem;
    width: 0.6rem;
    height: 0.5rem;
    background: #00eaff;
    border-radius: 0.1rem 0.1rem 0 0;
    fill: #fff;
    display: grid;
    align-items: center;
    justify-items: center;
}

.mobile-wallet-container .wallet-control .mobile-wallet-short-cut-container svg {
    height: auto !important;
    width: 0.25rem !important;
    margin: 0;
}

.mobile-wallet-container .wallet-control .mobile-wallet-short-cut-container.revert {
    background: #b8b8b8;
}

.mobile-wallet-container .wallet-control .mobile-wallet-short-cut-container.revert svg {
    transform: rotate(180deg);
}

.mobile-wallet-container .wallet-break-line {
    height: 0.02rem;
    background: #d7d7d7d7;
    margin: 0 0.3rem;
}

.mobile-wallet-container .wallet-shortcut {
    display: flex;
    margin: 0.2rem 0 0;
    padding: 0 0.15rem 0.3rem;
}

.mobile-wallet-container .wallet-shortcut .shortcut-item {
    display: flex;
    flex-direction: column;
    width: 20%;
    align-items: center;
    position: relative;
    color: #fff;
}

.mobile-wallet-container .wallet-shortcut .shortcut-item svg {
    fill: #fff;
}

.mobile-wallet-container .wallet-shortcut .shortcut-item svg.mission-claimable {
    animation: blinkSVG 1.5s linear infinite;
}

.mobile-wallet-container .wallet-shortcut .shortcut-item img {
    width: 80%;
}

.mobile-wallet-container .wallet-shortcut .shortcut-item .unread-msg {
    top: 0;
    right: 0.25rem;
    background: REd;
    border-radius: 50%;
    width: 0.3rem;
    height: 0.3rem;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.mobile-wallet-container.compactMode .wallet-control {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.2rem;
}

.mobile-wallet-container.compactMode .upper-section .member-wallet {
    width: 100%;
    display: flex;
    align-items: center;
}

.mobile-wallet-container.compactMode .upper-section .member-wallet .wallet-balance {
    width: auto;
    font-size: 0.24rem;
    margin: 0 0.05rem 0 0;
}

.mobile-wallet-container.compactMode .upper-section .member-wallet .currency-amount {
    font-size: 0.24rem;
    color: #252525;
    margin: undefined;
}

.mobile-wallet-container.compactMode .upper-section .member-wallet .currency-amount svg {
    margin: 0;
    padding: 0.03rem;
    background-color: #b8b8b8;
    border-radius: 50%;
    fill: #fff;
}

.mobile-wallet-container.compactMode .upper-section .wallet-auto-transfer {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.mobile-wallet-container.compactMode .upper-section .wallet-auto-transfer .seamless-label {
    white-space: nowrap;
}

.mobile-wallet-container.compactMode .bottom-section .restore-history-wrapper {
    align-self: start;
    margin-right: 0.2rem;
}

.mobile-wallet-container.compactMode .bottom-section .restore-history-wrapper .restore-btn {
    margin: 0 0 0.1rem;
    box-shadow: 0.03rem 0.03rem 0.1rem #02a9dc;
}

.mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper {
    width: 100%;
}

.mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper .wallet-shortcut {
    justify-content: space-between;
    padding-bottom: 0;
    margin: undefined;
}

.mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper .wallet-shortcut .shortcut-item {
    color: #252525;
}

.mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper .wallet-shortcut .shortcut-item svg {
    fill: #252525;
    width: undefined;
    height: undefined;
    margin: undefined;
}

.mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper .wallet-shortcut .shortcut-item p {
    white-space: nowrap;
    font-size: undefined;
}

.mobile-wallet-container.compactMode .bottom-section .restore-history-wrapper:not(:last-child) {
    flex-direction: column;
    align-items: center;
}

.mobile-wallet-container.compactMode .bottom-section .wallet-break-line {
    margin: 0;
}

.settings-side-navbar {
    border-radius: 0.1rem;
    box-shadow: unset;
    background: #ffffff1a;
}

.settings-side-navbar svg {
    height: 1rem;
}

.settings-side-navbar .sidenav-title {
    display: flex;
    align-items: center;
    padding: 0.15rem 0.3rem;
    background: linear-gradient(#8d7100, #b49002);
    color: #fff;
}

.settings-side-navbar .sidenav-title:first-child {
    border-radius: 0.1rem 0.1rem 0 0;
}

.settings-side-navbar .sidenav-tab-section {
    padding: 0.12rem 0;
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab {
    display: flex;
    align-items: center;
    padding: 0.1rem 0.3rem;
    color: #fff;
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab:hover {
    cursor: pointer;
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab svg {
    height: 0.25rem;
    width: 0.25rem;
    fill: #fff;
    filter: grayscale(1);
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab p {
    margin: 0 0 0 0.2rem;
    font-size: 0.14rem;
    color: #fff;
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab.tab-selected,
.settings-side-navbar .sidenav-tab-section .sidenav-tab:hover {
    color: #ffe138;
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab.tab-selected svg,
.settings-side-navbar .sidenav-tab-section .sidenav-tab:hover svg {
    fill: #ffe138;
    filter: none;
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab.tab-selected p,
.settings-side-navbar .sidenav-tab-section .sidenav-tab:hover p {
    color: #ffe138;
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab .mission-claimable {
    fill: #fff;
    animation: blinkSVG 1.5s linear infinite;
    filter: unset;
}

@keyframes blinkSVG {
    50% {
        fill: #28db00;
    }
}

.standard-transaction-container {
    padding: 0.3rem 0.1rem;
}

.standard-transaction-container .transaction-form .bank-select-deposit-container {
    justify-content: space-between;
    margin: undefined;
}

.standard-transaction-container .transaction-form .bank-select-deposit-container .bank-select-deposit {
    width: 90%;
    margin-bottom: 0;
}

.standard-transaction-container .transaction-form .bank-select-deposit-container .bank-select-deposit.hide-add-bank {
    width: 100%;
}

.standard-transaction-container .transaction-form .bank-select-deposit-container .bank-add-deposit-btn {
    width: 10%;
    min-width: 10%;
    height: 0.38rem;
    padding: 0.05rem 0.1rem;
    margin: unset;
}

.standard-transaction-container .transaction-form .upload-recepit-btn-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.standard-transaction-container .transaction-form .upload-recepit-btn-container .receipt-image-box img {
    width: 100%;
}

.standard-transaction-container .transaction-form .upload-recepit-btn-container .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.12rem;
}

.standard-transaction-container .transaction-form .upload-recepit-btn-container .upload-receipt-btn {
    border-radius: 0.4rem;
    padding: 0.05rem;
    background: #28db00;
    height: 0.4rem;
    text-transform: capitalize;
}

.standard-transaction-container .transaction-form .standard-amount-btn-container {
    width: 100%;
    margin-top: 0.1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.05rem;
}

.standard-transaction-container .transaction-form .standard-amount-btn-container button {
    color: #ffffff33;
    padding: 0.1rem 0.15rem;
    width: 100%;
    border-radius: 0.05rem;
    background: Transparent;
    border: 0.01rem #ffffff33;
    border-style: solid;
}

.standard-transaction-container .transaction-form .standard-amount-btn-container .amount-btn-selected {
    background: #ffffff33;
    color: WHITe;
    border: 0.04rem solid #28db00;
}

.standard-transaction-container .transaction-form .bank-account-container .bank-account-info .standard-input {
    padding: 0.05rem 0.35rem 0.05rem 0.1rem;
}

.standard-form-field-last {
    margin-bottom: 0;
}

.notice-label {
    color: REd;
}

.transaction-instruction-container {
    width: 100%;
    padding: 0 0.35rem 0.35rem;
    position: udnefined;
    top: undefined;
    right: undefined;
}

.transaction-instruction-container .instruction-title {
    font-weight: 700;
}

.transaction-instruction-container .instruction-step {
    margin-top: 0.15rem;
    list-style: auto;
}

.m-transaction-form {
    width: 100%;
    background: #ffffff1a;
    backdrop-filter: blur(0.02rem);
    border-radius: 0.1rem;
    padding: 0.25rem 0.3rem;
    margin-bottom: 1.3rem;
    backdrop-filter: blur(0.05rem);
}

.m-transaction-form svg {
    width: 0.4rem;
    height: 0.4rem;
}

.m-transaction-form .receipt-container {
    margin: 0.3rem 0 0.2rem;
}

.m-transaction-form .receipt-container .upload-receipt-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.m-transaction-form .receipt-container .upload-receipt-container .upload-receipt-input {
    width: 55%;
}

.m-transaction-form .receipt-container .upload-receipt-container .upload-receipt-input img {
    width: 100%;
}

.m-transaction-form .receipt-container .upload-receipt-container .upload-receipt-input .pdf-clear {
    margin-left: 0.2rem;
    width: 0.33rem;
}

.m-transaction-form .receipt-container .upload-receipt-container .upload-receipt-btn {
    border-radius: 0.5rem;
    padding: 0.05rem 0.1rem;
    background: #28db00;
    font-size: 0.25rem;
    width: 40%;
    height: 0.8rem;
    white-space: nowrap;
}

.m-transaction-form .bank-select-deposit-container {
    justify-content: space-between;
}

.m-transaction-form .bank-select-deposit-container .bank-select-deposit {
    width: 80%;
    margin-bottom: 0;
}

.m-transaction-form .bank-select-deposit-container .bank-select-deposit.hide-add-bank {
    width: 100%;
}

.m-transaction-form .bank-select-deposit-container .bank-add-deposit-btn {
    width: 15%;
    height: 0.8rem;
    padding: 0.05rem 0.1rem;
    min-width: 15%;
    border-radius: 0.1rem;
    margin: unset;
}

.m-transaction-form .standard-amount-btn-container {
    width: 100%;
    margin: 0.15rem 0 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.12rem;
}

.m-transaction-form .standard-amount-btn-container button {
    padding: 0.21rem 0.15rem;
    width: 100%;
    border-radius: 0.05rem;
    color: #ffffff33;
    background: Transparent;
    border: 0.01rem #ffffff33;
    border-style: solid;
    font-size: undefined;
}

.m-transaction-form .standard-amount-btn-container .amount-btn-selected {
    background: #ffffff33;
    color: WHITe;
    border: 0.02rem solid #28db00;
}

.method-container,
.option-container {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    grid-gap: 0 0.07rem;
    margin: 0 0 0.18rem;
}

.method-container .standard-form-field,
.option-container .standard-form-field {
    margin: 0;
}

.method-container.bank-container,
.option-container.bank-container {
    grid-template-columns: repeat(3, 3fr);
}

.method-container.bank-container img,
.option-container.bank-container img {
    background: #fff;
    border-radius: 0.05rem;
}

.method-container input,
.option-container input {
    display: none;
}

.method-container .standard-radio-container,
.option-container .standard-radio-container {
    flex-wrap: inherit;
    justify-content: center;
}

.method-container .standard-radio-container .standard-radio-content,
.option-container .standard-radio-container .standard-radio-content {
    background: #ededed;
    margin: 0 auto 0.08rem;
    border-radius: 0.05rem;
    cursor: pointer;
    flex-direction: row;
    width: 100%;
    height: 0.6rem;
    position: relative;
    border: 0.01rem solid #dcdcdc;
    word-break: break-word;
    color: #888;
    font-size: 0.1rem;
}

.method-container .standard-radio-container .standard-radio-content.bank-content,
.option-container .standard-radio-container .standard-radio-content.bank-content {
    flex-direction: inherit;
}

.method-container .standard-radio-container .standard-radio-content.bank-content span,
.option-container .standard-radio-container .standard-radio-content.bank-content span {
    width: 0.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    font-size: 0.1rem;
    padding: 0 0 0 0.05rem;
}

.method-container .standard-radio-container .standard-radio-content.bank-content span.standard-tooltip-box,
.option-container .standard-radio-container .standard-radio-content.bank-content span.standard-tooltip-box {
    display: none;
    width: auto;
    padding: 0.1rem 0.2rem;
    font-size: 0.1rem;
}

.method-container .standard-radio-container .standard-radio-content.bank-content.selected span,
.option-container .standard-radio-container .standard-radio-content.bank-content.selected span {
    width: 0.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    font-size: 0.11rem;
    padding: 0 0 0 0.05rem;
}

.method-container .standard-radio-container .standard-radio-content.bank-content.selected span.standard-tooltip-box,
.option-container .standard-radio-container .standard-radio-content.bank-content.selected span.standard-tooltip-box {
    display: none;
    width: auto;
    padding: 0.1rem 0.2rem;
    font-size: 0.1rem;
}

.method-container .standard-radio-container .standard-radio-content.bank-content.selected.online::before,
.option-container .standard-radio-container .standard-radio-content.bank-content.selected.online::before {
    top: 10%;
}

.method-container .standard-radio-container .standard-radio-content.bank-content.selected.offline::before,
.option-container .standard-radio-container .standard-radio-content.bank-content.selected.offline::before {
    top: 10%;
}

.method-container .standard-radio-container .standard-radio-content.bank-content.online::before,
.option-container .standard-radio-container .standard-radio-content.bank-content.online::before {
    position: absolute;
    content: '';
    background: #30e100;
    border-radius: 50%;
    width: 0.06rem;
    height: 0.06rem;
    top: 15%;
    left: 0.39rem;
    z-index: 1;
}

.method-container .standard-radio-container .standard-radio-content.bank-content.offline::before,
.option-container .standard-radio-container .standard-radio-content.bank-content.offline::before {
    position: absolute;
    content: '';
    background: red;
    border-radius: 50%;
    width: 0.06rem;
    height: 0.06rem;
    top: 15%;
    left: 0.39rem;
    z-index: 1;
}

.method-container .standard-radio-container .standard-radio-content .qrcode-img,
.option-container .standard-radio-container .standard-radio-content .qrcode-img {
    margin: 0 0.05rem;
}

.method-container .standard-radio-container .standard-radio-content.selected,
.option-container .standard-radio-container .standard-radio-content.selected {
    position: relative;
    border: 0.03rem solid #28db00;
    border-radius: 0.05rem;
    background: #fff;
    color: #131313;
}

.method-container .standard-radio-container .standard-radio-content.selected svg .st0,
.option-container .standard-radio-container .standard-radio-content.selected svg .st0 {
    fill: #28db00;
}

.method-container .standard-radio-container .standard-radio-content img,
.option-container .standard-radio-container .standard-radio-content img {
    margin: 0 0.05rem;
    width: 0.38rem;
    max-width: 100%;
    background: #fff;
    border-radius: 0.05rem;
    border: 0.01rem solid #dcdcdc;
}

.method-container .standard-radio-container .standard-radio-content svg,
.option-container .standard-radio-container .standard-radio-content svg {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: -0.03rem;
    bottom: -0.02rem;
}

.method-container .standard-radio-container .standard-radio-content .standard-tooltip-box,
.option-container .standard-radio-container .standard-radio-content .standard-tooltip-box {
    display: none;
    background: #181818cc;
    position: absolute;
    bottom: -0.15rem;
    right: -0.5rem;
    border-radius: 0.05rem;
}

.method-container .standard-radio-container .qrcode-name,
.option-container .standard-radio-container .qrcode-name {
    text-align: center;
    padding: 0 0.01rem 0 0;
}

.deposit-channnel-contaniner {
    margin-top: 0.14rem;
    margin-bottom: 0.14rem;
}

.deposit-channnel-contaniner .bank-account-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.deposit-channnel-contaniner .bank-account-container .standard-radio-container {
    align-items: flex-start;
    width: 25%;
    flex-direction: column;
}

.deposit-channnel-contaniner .bank-account-container .standard-radio-container img {
    height: 0.6rem;
    width: 0.6rem;
    margin: 0;
}

.deposit-channnel-contaniner .bank-account-container .bank-acc-name-container .bank-acc-name {
    padding: 0.2rem 0 0.1rem;
}

.bank-active .bank-active-img-container {
    position: relative;
    background: #fff;
}

.bank-active .bank-active-img-container img {
    border: 0.04rem solid #28db00;
    border-radius: 0.05rem;
}

.bank-active .bank-active-img-container svg {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.bank-active .bank-active-img-container svg .st0 {
    fill: #28db00;
}

.m-notice-label {
    color: REd;
}

.deposit-landing-mobile-wallet {
    margin: 0.2rem;
}

.m-standard-transaction-container {
    margin-bottom: 1.8rem;
    padding: 0.2rem;
}

.m-standard-transaction-container .m-transaction-form {
    margin: 0;
}

.m-standard-transaction-container .m-transaction-form .standard-label {
    margin: 0 0.06rem 0.15rem;
}

.grid-content-container {
    margin: -0.05rem 0 0;
}

.grid-content-container .m-standard-transaction-container {
    padding: 0 0.2rem 0.2rem;
}

.grid-content-container .m-standard-transaction-container .m-transaction-form {
    border-radius: 0 0 0.1rem 0.1rem;
}

@media (max-width: 768px) {
    .transaction-instruction-container {
        width: 100% !important;
    }
    .deposit-tab-container {
        background-color: unset;
    }
    .deposit-tab-container .recommend-icon {
        position: absolute;
        top: 0;
        width: 1.2rem;
    }
    .deposit-tab-container .real-time-icon {
        position: absolute;
        bottom: 0.1rem;
        width: 1.2rem;
    }
    .method-container,
    .option-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        flex-wrap: wrap;
        grid-gap: 0.1rem;
    }
    .method-container.bank-container,
    .option-container.bank-container {
        grid-template-columns: repeat(3, 3fr);
        grid-gap: 0.1rem;
    }
    .method-container .standard-radio-container,
    .option-container .standard-radio-container {
        padding: 0;
    }
    .method-container .standard-radio-container .standard-radio-content,
    .option-container .standard-radio-container .standard-radio-content {
        margin-left: 0;
        width: 2.15rem;
        height: 1rem;
        color: #888;
    }
    .method-container .standard-radio-container .standard-radio-content img,
    .option-container .standard-radio-container .standard-radio-content img {
        width: 0.8rem;
        background: unset;
        border-radius: 0.1rem;
        padding: 0.05rem;
        margin-right: 0;
    }
    .method-container .standard-radio-container .standard-radio-content svg,
    .option-container .standard-radio-container .standard-radio-content svg {
        position: absolute;
        right: -0.03rem;
        bottom: -0.03rem;
        width: 0.3rem;
        height: 0.3rem;
    }
    .method-container .standard-radio-container .standard-radio-content svg .st0,
    .option-container .standard-radio-container .standard-radio-content svg .st0 {
        fill: #28db00 !important;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-selected,
    .option-container .standard-radio-container .standard-radio-content.bank-selected {
        position: relative;
        border: 0.04rem solid #28db00;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-selected img,
    .option-container .standard-radio-container .standard-radio-content.bank-selected img {
        width: 1rem;
        height: 1rem;
        background: unset;
        border-radius: 0.1rem;
        padding: 0.05rem;
        border: unset;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content,
    .option-container .standard-radio-container .standard-radio-content.bank-content {
        flex-direction: inherit;
        margin: 0;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content img,
    .option-container .standard-radio-container .standard-radio-content.bank-content img {
        width: 0.8rem;
        height: 0.8rem;
        background: #fff;
        border-radius: 0.1rem;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content.online::before,
    .option-container .standard-radio-container .standard-radio-content.bank-content.online::before {
        position: absolute;
        content: '';
        background: #30e100;
        border-radius: 50%;
        width: 0.08rem;
        height: 0.08rem;
        top: 8%;
        left: 0.78rem;
        z-index: 1;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content.offline::before,
    .option-container .standard-radio-container .standard-radio-content.bank-content.offline::before {
        position: absolute;
        content: '';
        background: red;
        border-radius: 50%;
        width: 0.08rem;
        height: 0.08rem;
        top: 8%;
        left: 0.78rem;
        z-index: 1;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content span,
    .option-container .standard-radio-container .standard-radio-content.bank-content span {
        width: 1rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
        font-size: 0.2rem;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected,
    .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected {
        position: relative;
        border: 0.05rem solid #28db00;
        color: #000;
        background: #f6f6f6;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected img,
    .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected img {
        border: 0.01rem solid #dcdcdc;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected span,
    .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected span {
        width: 1rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
        font-size: 0.24rem;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected.online::before,
    .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected.online::before {
        top: 6%;
        left: 0.8rem;
    }
    .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected.offline::before,
    .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected.offline::before {
        top: 6%;
        left: 0.8rem;
    }
    .method-container .standard-radio-container .standard-radio-content span,
    .option-container .standard-radio-container .standard-radio-content span {
        padding: 0 0.08rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
        font-size: 0.2rem;
    }
    .bank-account-container {
        margin-bottom: 0.2rem;
        width: 100%;
    }
    .bank-account-container .standard-radio {
        display: none;
    }
    .bank-account-container .acc-name {
        padding: 0.2rem 0 0.2rem 0.15rem;
        font-size: 0.26rem;
        color: WHITe;
    }
    .bank-account-container .standard-radio-container {
        align-items: flex-start;
        display: flex;
    }
    .bank-account-container .standard-radio-container img {
        width: 0.8rem;
        background: #fff;
        padding: 0.05rem;
        border-radius: 0.1rem;
    }
    .bank-account-container .standard-radio-container .standard-radio-content {
        margin: 0;
    }
    .bank-account-container .bank-account-info {
        width: 100%;
    }
    .bank-account-container .bank-account-info .standard-form-field {
        margin-bottom: 0.1rem;
    }
    .bank-account-container .bank-active .standard-radio-content {
        position: relative;
    }
    .bank-account-container .bank-active .standard-radio-content img {
        background: #fff;
        padding: 0.05rem;
        border-radius: 0.1rem;
        border: 0.06rem solid #28db00;
        width: 0.8rem;
    }
    .bank-account-container .bank-active .standard-radio-content svg {
        position: absolute;
        right: 0.08rem;
        bottom: -0.03rem;
        width: 0.25rem;
        height: 0.25rem;
    }
    .bank-account-container .bank-active .standard-radio-content svg .st0 {
        fill: #28db00;
    }
}

.transaction-bar {
    border-top: 0.06rem solid #ffffff33;
    width: 100vw;
    margin: 0.35rem 0;
    margin-left: -0.2rem;
}

.bank-apps-container {
    display: flex;
    position: relative;
}

.bank-apps-container .bankapps-form {
    padding: 0 0.15rem;
}

.bank-apps-container .bankapps-form .bank-account-container {
    width: 100%;
    display: flex;
}

.bank-apps-container .bankapps-form .bank-account-container .bank-account-info {
    width: 75%;
    display: flex;
    flex-direction: column;
}

.bank-apps-container .bankapps-form .bank-account-container .bank-account-info .bank-acc-name {
    padding: 0.2rem 0 0.1rem;
}

.bank-apps-container .bankapps-form .bank-account-container .standard-radio-container {
    width: 25%;
    align-items: flex-start;
}

.bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .standard-radio-content {
    margin-left: 0;
}

.bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .standard-radio {
    display: none;
}

.bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-img {
    margin-left: 0;
    background: #e9e9e9;
    border-radius: 0.05rem;
    padding: 0.01rem;
}

.bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-img img {
    height: 0.6rem;
    width: 0.6rem;
    margin-right: 0;
}

.bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-active .bank-active-img-container {
    position: relative;
    background: #fff;
}

.bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-active .bank-active-img-container img {
    border: 0.04rem solid #28db00;
    border-radius: 0.05rem;
}

.bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-active .bank-active-img-container svg {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-active .bank-active-img-container svg .st0 {
    fill: #28db00 !important;
}

.m-bank-apps-container .m-transaction-form .bank-account-container {
    margin-bottom: 0.2rem;
    width: 100%;
}

.m-bank-apps-container .m-transaction-form .bank-account-container .standard-radio {
    display: none;
}

.m-bank-apps-container .m-transaction-form .bank-account-container .acc-name {
    padding: 0.2rem 0 0.2rem 0.15rem;
    font-size: 0.26rem;
}

.m-bank-apps-container .m-transaction-form .bank-account-container .standard-radio-container {
    align-items: flex-start;
    display: flex;
}

.m-bank-apps-container .m-transaction-form .bank-account-container .standard-radio-container img {
    width: 1rem;
    background: #d7d7d7;
    padding: 0.02rem;
    border-radius: 0.1rem;
}

.m-bank-apps-container .m-transaction-form .bank-account-container .standard-radio-container .standard-radio-content {
    width: 20%;
}

.m-bank-apps-container .m-transaction-form .bank-account-container .bank-account-info {
    width: 80%;
}

.m-bank-apps-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content {
    position: relative;
}

.m-bank-apps-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content img {
    background: #fff;
    padding: 0.02rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #4caf50;
    width: 1rem;
}

.m-bank-apps-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content svg {
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    right: 0.2rem;
    bottom: -0.05rem;
}

.bankqr-container {
    position: relative;
    display: flex;
}

.m-bankqr-container {
    position: relative;
    padding: undefined;
}

.bank-transfer-container {
    display: flex;
    position: relative;
}

.bank-transfer-container .transaction-form {
    width: 45%;
    padding: 0 0.15rem;
    height: 100%;
    min-height: 0;
}

.bank-transfer-container .transaction-form .banks-select {
    width: 100%;
}

.bank-transfer-container .transaction-form .banks-select .standard-form-field {
    flex-direction: column;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container {
    align-items: flex-start;
    width: 25%;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .standard-radio {
    display: none;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .standard-radio-content {
    margin-left: 0;
    background: #ededed;
    border-radius: 0.05rem;
    padding: 0.01rem;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .standard-radio-content img {
    height: 0.6rem;
    width: 0.6rem;
    margin-right: 0;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .bank-active .bank-active-img-container {
    position: relative;
    background: #fff;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .bank-active .bank-active-img-container img {
    border: 0.04rem solid #28db00;
    border-radius: 0.05rem;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .bank-active .bank-active-img-container svg {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container .bank-account-info {
    width: 75%;
    display: flex;
    flex-direction: column;
}

.bank-transfer-container .transaction-form .banks-select .bank-account-container .bank-account-info .bank-acc-name {
    padding: 0.2rem 0 0.1rem;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container {
    width: 100%;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container {
    margin-bottom: 0.2rem;
    width: 100%;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .standard-radio {
    display: none;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .acc-name {
    padding: 0.2rem 0 0.2rem 0.15rem;
    font-size: 0.26rem;
    color: #fff;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .standard-radio-container {
    align-items: flex-start;
    display: flex;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .standard-radio-container img {
    width: 0.8rem;
    background: #ededed;
    padding: 0.05rem;
    border-radius: 0.1rem;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .standard-radio-container .standard-radio-content {
    margin: 0;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-account-info {
    width: 100%;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-account-info .standard-form-field {
    margin-bottom: 0.1rem;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-active .standard-radio-content {
    position: relative;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-active .standard-radio-content img {
    background: #fff;
    padding: 0.05rem;
    border-radius: 0.1rem;
    border: 0.06rem solid #28db00;
    width: 0.8rem;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-active .standard-radio-content svg {
    position: absolute;
    right: 0.08rem;
    bottom: -0.03rem;
    width: 0.3rem;
    height: 0.3rem;
}

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-active .standard-radio-content svg .st0 {
    fill: #28db00 !important;
}

.card-payment-container {
    position: relative;
    display: flex;
}

.crypto-container {
    display: flex;
    position: relative;
}

.crypto-container .deposit-form .qr-container {
    justify-content: space-between;
    padding: 0.16rem 0.1rem 0.02rem;
    background: #ffffff1a;
    border-radius: 0.05rem;
    margin: 0 0 0.14rem;
}

.crypto-container .deposit-form .qr-container .qr-box {
    width: 40%;
}

.crypto-container .deposit-form .qr-container .qr-box .qr-canvas {
    width: 100% !important;
    height: 100% !important;
}

.crypto-container .deposit-form .qr-container .qr-box button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    white-space: nowrap;
    background: #28db00;
    width: 100%;
    height: 0.4rem;
    padding: 0.1rem;
}

.crypto-container .deposit-form .qr-container .qr-box button svg {
    width: 0.25rem;
    height: 0.25rem;
    padding: 0.05rem;
    fill: #fff;
}

.crypto-container .deposit-form .qr-container .qr-info {
    width: 56%;
    margin-top: 0.2rem;
    color: #fff;
}

.crypto-container .deposit-form .qr-container .qr-info p {
    margin-bottom: 0.05rem;
}

.crypto-container .deposit-form .textbox-share-container {
    color: #b8b8b8;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.crypto-container .deposit-form .textbox-share-container span {
    width: 88%;
    padding: 0.1rem;
    line-height: 1.5;
    border-radius: 0.05rem;
    background: #5c5b5b99;
    color: #ffffffe6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.crypto-container .deposit-form .textbox-share-container .textshare {
    background: #28db00;
    border-radius: 0.05rem;
    color: #fff;
    width: 10%;
    padding: 0.1rem 0;
}

.crypto-container .deposit-form .textbox-share-container .textshare svg {
    fill: #fff;
    width: 0.18rem;
    height: 0.18rem;
}

.crypto-container .deposit-form .reminder-note ol li {
    list-style-type: undefined;
}

.m-crypto-container .qr-container {
    padding: 0.2rem 0.2rem 0.15rem;
    background: #ffffff1a;
    border-radius: 0.1rem;
    margin: 0.3rem 0 0.15rem;
}

.m-crypto-container .qr-container .qr-box-container {
    justify-content: space-between;
    display: flex;
}

.m-crypto-container .qr-container .qr-box-container .qr-box {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.m-crypto-container .qr-container .qr-box-container .qr-box .qr-canvas {
    height: 2.67rem !important;
    width: 100% !important;
}

.m-crypto-container .qr-container .qr-box-container .qr-box button {
    background: #28db00;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0;
    margin-top: 0.1rem;
    width: 100%;
}

.m-crypto-container .qr-container .qr-box-container .qr-box button svg {
    width: 0.35rem;
    height: 0.35rem;
    fill: #fff;
    padding-left: 0.05rem;
}

.m-crypto-container .qr-container .qr-info {
    margin: 0.3rem 0 0.2rem;
    font-size: 0.25rem;
    width: 56%;
    color: #fff;
}

.m-crypto-container .textbox-share-container {
    color: #b8b8b8;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m-crypto-container .textbox-share-container .textbox {
    width: 88%;
    padding: 0.1rem;
    line-height: 1.5;
    border-radius: 0.05rem;
    background: #cbcbcb;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-crypto-container .textbox-share-container .textshare {
    padding: 0.15rem;
    background: #28db00;
    border-radius: 0.1rem;
    color: #fff;
    width: 10%;
}

.m-crypto-container .textbox-share-container .textshare svg {
    fill: #fff;
    width: 0.35rem;
    height: 0.35rem;
}

.m-crypto-container .reminder-note ol li {
    list-style-type: undefined;
}

.eWallet-apps-container {
    display: flex;
    position: relative;
}

.express-deposit-container {
    display: flex;
    position: relative;
}

.express-deposit-container .standard-form-container .standard-form-field .label-title {
    margin: 0 0 0.1rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container {
    align-items: flex-start;
    width: 25%;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content {
    margin: 0;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content .bank-active-img-container {
    background: #e9e9e9;
    margin: 0;
    border-radius: 0.05rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content .bank-active-img-container img {
    width: 0.52rem;
    height: 0.52rem;
    margin: 0.04rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info {
    width: 75%;
    display: flex;
    flex-direction: column;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info .bank-acc-name-container {
    margin: 0 0 0.06rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info .bank-detials .standard-label {
    margin: 0 0 0.06rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info .bank-detials .qrImage {
    margin-bottom: 0.3rem;
    height: 1rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info .bank-detials .qrImage img {
    height: 100%;
    width: auto;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .selected-prefer-bank .bank .bank-container .img-container img {
    width: 0.5rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank {
    color: #fff;
    margin: 0 0 0.1rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container {
    display: flex;
    align-items: center;
    margin: 0 0 0.1rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .img-container {
    width: 0.6rem;
    height: 0.6rem;
    display: flex;
    align-items: center;
    margin-right: 0.05rem;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .img-container span {
    width: 100%;
    height: 100%;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .img-container span img {
    height: 100%;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .name {
    width: 70%;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .info {
    width: 45%;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .info .standard-form-field-wrapper {
    margin: 0.1rem 0 0;
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .info .standard-form-field-wrapper .standard-input {
    width: 100%;
}

.express-deposit-container .standard-form-container .standard-form-field .no-bank-container {
    color: #fff;
}

.express-deposit-container .standard-form-container .standard-form-field .transaction-button-section {
    width: 100%;
}

.express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .express-add-bank {
    color: #00eaff;
    font-size: 0.12rem;
    margin: 0.05rem 0 0;
}

.express-deposit-container .standard-form-container .reminder-note {
    color: #8697a2;
    font-size: 0.12rem;
    border: 0.03rem solid #f7f7f7;
    border-radius: 0.1rem;
    line-height: 1.5;
    padding: 0.15rem;
}

.express-deposit-container .standard-form-container .reminder-note span {
    font-size: 0.14rem;
}

.express-deposit-container .standard-form-container .reminder-note ul {
    margin: 0 0 0 0.15rem;
}

.express-deposit-container .standard-form-container .reminder-note ul li {
    list-style: disc;
}

.m-express-deposit-container .standard-form-container .standard-form-field .standard-label {
    margin: 0 0 0.2rem !important;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container {
    font-size: 0.24rem;
    width: 100%;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container {
    align-items: start;
    width: 100%;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info {
    width: 100%;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info .acc-name {
    margin: 0 0 0.2rem;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info .bank-detials .qrLabel {
    margin-bottom: 0.1rem !important;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info .bank-detials .qrImage {
    margin-bottom: 0.3rem;
    height: 1rem;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info .bank-detials .qrImage img {
    height: 100%;
    width: auto;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content {
    margin-left: 0;
    padding: 0.1rem;
    margin: 0 0.2rem 0 0;
    background: #ededed;
    border-radius: 0.05rem;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content img {
    margin-right: 0;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank {
    align-items: center;
    color: #0f161f;
    display: flex;
    margin: 0 0 0.2rem;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.1rem;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container span {
    width: 100%;
    height: 100%;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container span img {
    height: 100%;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .name {
    margin: 0 0.2rem 0 0;
    width: 100%;
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .info {
    color: #fff;
}

.m-express-deposit-container .standard-form-container .standard-form-field .no-bank-container {
    color: #fff;
}

.m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section {
    width: 100%;
    margin-top: 0.1rem;
}

.m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .express-add-bank {
    color: red;
    font-size: 0.2rem;
    margin: 0.1rem 0;
}

.m-express-deposit-container .standard-form-container .standard-form-field .express-deposit-form-container {
    margin: 0.3rem 0 0;
    width: 100%;
}

.m-express-deposit-container .standard-form-container .reminder-note {
    color: #8697a2;
    font-size: 0.12rem;
    border: 0.03rem solid #f7f7f7;
    border-radius: 0.1rem;
    line-height: 1.5;
    padding: 0.15rem;
}

.m-express-deposit-container .standard-form-container .reminder-note span {
    font-size: 0.14rem;
}

.m-express-deposit-container .standard-form-container .reminder-note ul {
    margin: 0 0 0 0.15rem;
}

.m-express-deposit-container .standard-form-container .reminder-note ul li {
    list-style: disc;
}

.mission-diary-container .standard-content-container {
    padding: 0.3rem 0.1rem 0.2rem;
}

.mission-diary-container .standard-content-container .md-info-section {
    padding: 0 0.15rem;
    display: grid;
    grid-template-columns: 67% 33%;
    place-items: baseline;
}

.mission-diary-container .standard-content-container .md-info-section .time-info {
    display: flex;
    align-items: center;
}

.mission-diary-container .standard-content-container .md-info-section .time-info .countdown-container {
    background: #aaa;
    border-radius: 0.1rem;
    padding: 0.01rem 0.1rem;
    color: #fff;
}

.mission-diary-container .standard-content-container .md-info-section .time-countdown {
    margin-left: 0.1rem;
}

.mission-diary-container .standard-content-container .md-info-section .right-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.mission-diary-container .standard-content-container .md-info-section .right-container .spin-to-win-btn {
    text-transform: uppercase;
    color: #fff;
    border-radius: 0.3rem;
    padding: 5% 8%;
    background: linear-gradient(to right, #b300ea, #4e00a3);
    background: undefined;
    cursor: pointer;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container {
    margin: 0.15rem 0 0.05rem;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.5rem;
    font-size: 0.14rem;
    border-radius: 0.05rem;
    font-weight: 600;
    padding: 0.2rem;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container p {
    margin: 0.05rem 0 0.2rem;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance {
    display: flex;
    align-items: center;
    font-size: 0.2rem;
    font-weight: 700;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance .point-title {
    color: #aaa;
    font-size: 0.14rem;
    font-weight: 400;
    margin: 0;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance .point-title span {
    color: #b27ef0;
    margin: 0;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance .refresh-container {
    position: relative;
    display: flex;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance .refresh-container .refresh-tooltip {
    position: absolute;
    font-weight: 400;
    background: #000000cf;
    color: #aaa;
    padding: 0.05rem;
    border-radius: 0.05rem;
    font-size: 0.14rem;
    top: 0.27rem;
    white-space: nowrap;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance svg {
    fill: #fff;
    background: #28db00;
    justify-self: flex-end;
    border-radius: 100%;
    height: 0.24rem;
    width: 0.24rem;
    padding: 0.04rem;
    cursor: pointer;
    margin: 0 0 0 0.08rem;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance span {
    margin: 0 0 0 0.08rem;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .small-loading-box .small-loading {
    float: right;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info.withSpinToWinBtn {
    display: flex;
    align-items: center;
    margin: 0.15rem 0 0;
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .last-update {
    margin: 0 0 0 0.1rem;
    color: #aaa;
    font-weight: 400;
}

.mission-diary-container .standard-content-container .md-info-section .conversion-currency {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.mission-diary-container .standard-content-container .md-table-container .md-progress-bar-container {
    display: block;
    width: 100%;
    height: 0.12rem;
    border-radius: 0.12rem;
    background: #ffffff33;
}

.mission-diary-container .standard-content-container .md-table-container .md-progress-bar-container .md-progress-bar {
    display: block;
    height: 0.12rem;
    border-radius: 0.12rem;
    background: #28db00;
}

.mission-diary-container .standard-content-container .md-table-container .md-table-section .md-claim-btn {
    width: 100%;
    min-width: unset;
    background: #ffffff33;
}

.mission-diary-container .standard-content-container .md-table-container .md-table-section .md-claim-btn:hover {
    background: undefined;
}

.mission-diary-container .standard-content-container .md-table-container .md-table-section .md-claim-btn .completed-icon {
    width: 0.17rem;
    height: 0.17rem;
    padding: 0.03rem;
    margin: 0 0.08rem 0 0;
}

.mission-diary-container .standard-content-container .md-table-container .md-table-section .completed-icon {
    width: 0.27rem;
    height: 0.27rem;
    border-radius: 100%;
    padding: 0.06rem;
    margin: 0 auto;
    background: #28db00;
    fill: #fff;
}

.mission-diary-container .standard-content-container .md-table-container .md-table-section tr p {
    margin: 0;
}

.mission-diary-container .standard-content-container .md-table-container .md-table-section tr td .md-claimed-div {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #28db002a;
    border-radius: 0.1rem;
    padding: 0.04rem 0;
}

.mission-diary-container .standard-content-container .md-table-container .md-table-section tr td .md-claimed-div .completed-icon {
    width: 0.17rem;
    height: 0.17rem;
    padding: 0.03rem;
    margin: 0 0.05rem 0 0;
}

.mission-diary-container .standard-content-container .md-table-container .md-table-section tr .reward-type-section {
    white-space: break-spaces;
}

.m-mission-diary-container .m-standard-content-container {
    padding: 0.3rem 0.1rem 1.5rem;
}

.m-mission-diary-container .m-standard-content-container .md-info-section {
    padding: 0 0.15rem 0.1rem;
    display: grid;
    grid-template-columns: 65% 35%;
}

.m-mission-diary-container .m-standard-content-container .md-info-section .time-info {
    display: block;
}

.m-mission-diary-container .m-standard-content-container .md-info-section .time-info .countdown-container {
    background: #aaa;
    border-radius: 0.1rem;
    padding: 0.05rem 0.1rem;
    color: #fff;
}

.m-mission-diary-container .m-standard-content-container .md-info-section p {
    margin: 0 0 0.1rem;
}

.m-mission-diary-container .m-standard-content-container .md-info-section .point-info {
    display: flex;
    align-items: center;
    margin: 0.15rem 0 0.05rem;
}

.m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-title {
    color: #aaa;
    margin: 0;
}

.m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-title span {
    color: #b27ef0;
}

.m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-balance {
    display: flex;
    grid-template-columns: 78% 22%;
    font-size: 0.3rem;
    align-items: center;
    font-weight: 700;
}

.m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-balance span {
    margin: 0 0.1rem;
}

.m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-balance svg {
    fill: #fff;
    background: #28db00;
    justify-self: flex-end;
    border-radius: 100%;
    height: 0.35rem;
    width: 0.35rem;
    padding: 0.05rem;
}

.m-mission-diary-container .m-standard-content-container .conversion-currency {
    display: flex;
    font-weight: 600;
}

.m-mission-diary-container .m-standard-content-container .spin-to-win-btn {
    text-transform: uppercase;
    width: fit-content;
    padding: 0.22rem 0.45rem;
    margin: 0.15rem 0 0;
    border-radius: 0.5rem;
    background: linear-gradient(to right, #b300ea, #4e00a3);
    cursor: pointer;
    color: #fff;
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container {
    margin: 0.3rem 0 0;
    color: #aaa;
    text-align: center;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-progress-bar-container {
    height: 0.4rem;
    border-radius: 0.6rem;
    margin: 0.12rem auto 0;
    width: 75%;
    background: #ffffff33;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-progress-bar-container .md-progress-bar {
    display: block;
    height: 0.4rem;
    border-radius: 0.6rem;
    margin: -0.39rem 0 0;
    background: #28db00;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-progress-bar-container .progress-amount {
    padding: 0.065rem 0 0;
    color: #fff;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section .md-claim-btn {
    width: 100%;
    min-width: unset;
    background: #ffffff33;
    height: auto;
    padding: 0.2rem;
    font-size: 0.25rem;
    border-radius: 0.1rem;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section .md-claim-btn:hover {
    background: undefined;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section .md-claim-btn .complete-icon {
    width: 0.25rem;
    height: 0.25rem;
    padding: 0.05rem;
    margin: 0 0.08rem 0 0;
    border-radius: 100%;
    background: #28db00;
    fill: #fff;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section .completed-icon {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 100%;
    padding: 0.07rem;
    margin: 0 0.05rem 0 0;
    background: #28db00;
    fill: #fff;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section tr td {
    text-align: center;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section tr td .md-claimed-div {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #28db002a;
    border-radius: 0.3rem;
    padding: 0.1rem 0.2rem;
}

.m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section tr .reward-type-section {
    white-space: break-spaces;
}

.mission-diary-claim-dialog-container {
    width: 25%;
}

.mission-diary-claim-dialog-container .md-dialog .standard-popup-modal-header {
    display: flex;
    align-items: center;
}

.mission-diary-claim-dialog-container .md-dialog .standard-modal-title {
    width: 100%;
}

.mission-diary-claim-dialog-container .md-dialog .md-dialog-content {
    padding: 0.15rem;
}

.mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container {
    text-align: center;
    background: #ffffff1a;
    padding: 0.2rem;
    border-radius: 0.1rem;
}

.mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container p {
    margin: 0.2rem 0;
}

.mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .congrat-title {
    font-weight: 600;
}

.mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .congrat-amount {
    color: #00eaff;
}

.mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .congrat-img {
    width: 2rem;
    height: auto;
}

.mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .congrat-btn {
    margin: 0 auto;
    border-radius: 0.05rem;
}

.mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .completed-icon {
    background: #33cc1e;
    fill: #fff;
    border-radius: 100%;
    width: 0.2rem;
    height: 0.2rem;
    padding: 0.05rem;
    margin: 0 0.08rem 0 0;
}

@media (max-width: 768px) {
    .mission-diary-claim-dialog-container {
        width: 90%;
    }
    .mission-diary-claim-dialog-container .standard-popup-modal-header {
        padding: 0.35rem;
    }
    .mission-diary-claim-dialog-container .standard-popup-modal-header .standard-modal-close {
        font-size: 0.5rem;
    }
    .mission-diary-claim-dialog-container .md-dialog-content {
        font-size: 0.5rem;
    }
    .mission-diary-claim-dialog-container .md-dialog-content .congrat-container {
        font-size: 0.35rem;
    }
    .mission-diary-claim-dialog-container .md-dialog-content .congrat-container p {
        margin: 0 0 0.3rem;
    }
    .mission-diary-claim-dialog-container .md-dialog-content .congrat-container .congrat-img {
        width: 3rem !important;
        margin: 0.45rem 0;
    }
    .mission-diary-claim-dialog-container .md-dialog-content .congrat-container .congrat-btn {
        width: 45%;
        height: 1rem;
        border-radius: 0.15rem !important;
        font-size: 0.4rem;
    }
    .mission-diary-claim-dialog-container .md-dialog-content .congrat-container .completed-icon {
        border-radius: 100%;
        width: 0.4rem;
        height: 0.4rem;
        padding: 0.1rem;
        margin: 0 0.1rem 0 0;
    }
}

.line-deposit-container {
    display: flex;
    position: relative;
}

.line-deposit-container .line-deposit-content {
    text-align: center;
}

.line-deposit-container .line-deposit-content p {
    margin-bottom: 0.4em;
}

.line-deposit-container .line-deposit-content .left-arrow,
.line-deposit-container .line-deposit-content .right-arrow {
    width: 0.18rem;
    height: 0.18rem;
    filter: opacity(0.3) brightness(100);
    background: 0 0;
}

.line-deposit-container .line-deposit-content .right-arrow {
    justify-self: flex-end;
}

.line-deposit-container .line-deposit-content .deposit-line-url {
    color: #00e;
    cursor: pointer;
}

.line-deposit-container .slick-slider {
    display: grid;
    grid-template-columns: 10% 80% 10%;
    justify-content: center;
    align-items: center;
}

.line-deposit-container .slick-slider img {
    width: 100%;
}

.line-deposit-container .slick-slider .sliderImgWarper {
    padding: 0 0 0.1rem;
}

.m-line-deposit-container .line-deposit-content {
    text-align: center;
}

.m-line-deposit-container .line-deposit-content p {
    margin-bottom: 0.4em;
}

.m-line-deposit-container .line-deposit-content .left-arrow,
.m-line-deposit-container .line-deposit-content .right-arrow {
    width: 0.42rem;
    height: 0.42rem;
    filter: opacity(0.3) brightness(100);
    background: 0 0;
    position: relative;
    z-index: 999;
}

.m-line-deposit-container .line-deposit-content .left-arrow {
    justify-self: flex-end;
}

.m-line-deposit-container .line-deposit-content .deposit-line-url {
    color: #00e;
    cursor: pointer;
}

.m-line-deposit-container .slick-slider {
    display: grid;
    grid-template-columns: 10% 80% 10%;
    justify-content: center;
    align-items: center;
}

.m-line-deposit-container .slick-slider img {
    width: 100%;
}

.m-line-deposit-container .slick-slider .sliderImgWarper {
    padding: 0.1rem 0.2rem;
}

.mobile-card-container {
    display: flex;
    position: relative;
    padding: 0.3rem;
}

.mobile-card-container .bankapps-form {
    width: 45%;
    padding: 0 0.15rem;
}

.mobile-card-container .bankapps-form .bank-account-container {
    width: 100%;
    display: flex;
}

.mobile-card-container .bankapps-form .bank-account-container .standard-radio-container {
    width: 25%;
    align-items: flex-start;
}

.mobile-card-container .bankapps-form .bank-account-container .standard-radio-container .standard-radio {
    display: none;
}

.mobile-card-container .bankapps-form .bank-account-container .standard-radio-container .bank-img {
    margin-left: 0;
    background: #e9e9e9;
    border-radius: 0.05rem;
    padding: 0.01rem;
}

.mobile-card-container .bankapps-form .bank-account-container .standard-radio-container .bank-img img {
    height: 0.6rem;
    width: 0.6rem;
    margin-right: 0;
}

.mobile-card-container .bankapps-form .bank-account-container .bank-details-select-container {
    width: 75%;
}

.mobile-card-container .bankapps-form .bank-account-container .bank-details-select-container .bank-acc-name {
    padding: 0.2rem 0 0.1rem;
}

.m-mobile-card-container .m-transaction-form .bank-account-container {
    margin-bottom: 0.2rem;
    width: 100%;
}

.m-mobile-card-container .m-transaction-form .bank-account-container .standard-radio {
    display: none;
}

.m-mobile-card-container .m-transaction-form .bank-account-container .acc-name {
    padding: 0.2rem 0 0.2rem 0.15rem;
    font-size: 0.26rem;
}

.m-mobile-card-container .m-transaction-form .bank-account-container .standard-radio-container {
    align-items: flex-start;
    display: flex;
}

.m-mobile-card-container .m-transaction-form .bank-account-container .standard-radio-container img {
    width: 1rem;
    background: #d7d7d7;
    padding: 0.02rem;
    border-radius: 0.1rem;
}

.m-mobile-card-container .m-transaction-form .bank-account-container .standard-radio-container .standard-radio-content {
    width: 20%;
}

.m-mobile-card-container .m-transaction-form .bank-account-container .bank-account-info {
    width: 80%;
}

.m-mobile-card-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content {
    position: relative;
}

.m-mobile-card-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content img {
    background: #fff;
    padding: 0.02rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #4caf50;
    width: 1rem;
}

.m-mobile-card-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content svg {
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    right: 0.2rem;
    bottom: -0.05rem;
}

.p2p-transfer-container {
    position: relative;
    display: flex;
}

.p2p-transfer-container .transaction-form {
    height: 100%;
    min-height: 0;
}

.p2p-transfer-container .transaction-form .bank-info-container {
    margin: 0.15rem 0;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-row {
    width: 100%;
    margin: 0 0 0.12rem;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-row p {
    margin: 0;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-row .info-label {
    color: #000;
    margin: 0 0 0.03rem;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-row .info-value-container {
    display: grid;
    align-items: center;
    grid-template-columns: 75% 25%;
    background: #eaeaea;
    border: 0.01rem solid #ffffff33;
    padding: 0.05rem 0.05rem 0.05rem 0.1rem;
    border-radius: 0.05rem;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-row .info-value-container .info-value {
    display: flex;
    align-items: center;
    color: #000;
    height: 0.24rem;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-row .info-value-container .copy-btn {
    display: grid;
    place-content: center;
    cursor: pointer;
    border-radius: 0.12rem;
    background: #00eaff;
    color: #fff;
    height: 0.24rem;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-countdown {
    display: flex;
    margin: 0.06rem 0;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-countdown p {
    margin: 0;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-countdown .info-label {
    color: #000;
    margin: 0 0.09rem 0 0;
}

.p2p-transfer-container .transaction-form .bank-info-container .info-countdown .info-value {
    color: #000;
}

.p2p-transfer-container .transaction-button-section {
    width: 100%;
}

.m-p2p-transfer-container {
    position: relative;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container {
    margin: 0.15rem 0;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row {
    width: 100%;
    margin: 0 0 0.12rem;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row p {
    margin: 0;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row .info-label {
    color: #000;
    margin: 0 0 0.1rem;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row .info-value-container {
    display: grid;
    align-items: center;
    grid-template-columns: 75% 25%;
    background: #eaeaea;
    border: 0.01rem solid #ffffff33;
    padding: 0.1rem 0.18rem;
    border-radius: 0.05rem;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row .info-value-container .info-value {
    display: flex;
    align-items: center;
    color: #000;
    height: 0.42rem;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row .info-value-container .copy-btn {
    display: grid;
    place-content: center;
    cursor: pointer;
    border-radius: 0.12rem;
    background: #00eaff;
    color: #fff;
    height: 0.42rem;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-countdown {
    display: flex;
    margin: 0.15rem 0;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-countdown p {
    margin: 0;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-countdown .info-label {
    color: #000;
    margin: 0 0.09rem 0 0;
}

.m-p2p-transfer-container .m-transaction-form .bank-info-container .info-countdown .info-value {
    color: #000;
}

.qrpay-container {
    position: relative;
    display: flex;
}

.qrpay-container .transaction-form {
    height: 100%;
    min-height: 0;
}

.quickpay-container {
    display: flex;
    position: relative;
}

.quickpay-container .quick-pay-method-option .method-container {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(3, 1fr);
}

.quickpay-container .quick-pay-method-option .method-container input {
    display: none;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container {
    cursor: pointer;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .standard-radio-content-warpper .standard-radio-content {
    height: 0.6rem;
    width: 0.6rem;
    margin-right: 0.1rem;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .standard-radio-content-warpper .standard-radio-content img {
    width: 100%;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container input {
    display: none;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .bank-status {
    display: grid;
    grid-template-columns: 1.8rem 0.7rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #aaa;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .bank-status span {
    display: block;
    margin: 0 0 0 0.05rem;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .bank-status span:first-child {
    font-weight: 700;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .bank-status span:last-child {
    background: #2bd900;
    color: #fff;
    margin: 0;
    padding: 0.05rem 0.1rem;
    text-transform: uppercase;
    border-radius: 0.05rem;
    text-align: center;
    font-size: 0.12rem;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container.selected .standard-radio-content {
    border: 0.04rem solid #28db00;
    background: #fff;
    position: relative;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container.selected .standard-radio-content svg {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: -0.02rem;
    bottom: -0.02rem;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container.selected .standard-radio-content svg .st0 {
    fill: #28db00 !important;
}

.quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container.selected .bank-status {
    color: #fff;
}

.quickpay-container .standard-radio-content {
    background: #ededed;
    height: 0.6rem;
    width: 0.6rem;
    margin: 0 0.15rem 0 0;
    border-radius: 0.05rem;
    cursor: pointer;
}

.quickpay-container .standard-radio-content img {
    width: 100%;
    margin: auto;
}

.quickpay-container .standard-radio-content.selected {
    position: relative;
    border: 0.04rem solid #28db00;
    border-radius: 0.05rem;
    background: #fff;
}

.quickpay-container .standard-radio-content.selected svg {
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    right: -0.02rem;
    bottom: -0.02rem;
}

.quickpay-container .standard-radio-content.selected svg .st0 {
    fill: #28db00 !important;
}

.m-quickpay-container .standard-radio {
    display: none;
}

.m-quickpay-container .quick-pay-method-option .method-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-wrap: wrap;
    width: 100%;
}

.m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container {
    position: relative;
}

.m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .standard-radio-content {
    margin: 0;
}

.m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .standard-radio-content img {
    width: 0.8rem;
    background: #e9e9e9;
    border-radius: 0.1rem;
    padding: 0.05rem;
    margin-right: 0;
    border: 0.06rem solid transparent;
}

.m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .standard-radio-content svg {
    position: absolute;
    right: -0.03rem;
    bottom: -0.03rem;
    width: 0.3rem;
    height: 0.3rem;
}

.m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .standard-radio-content svg .st0 {
    fill: #28db00 !important;
}

.m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .bank-selected {
    position: relative;
    border: 0.06rem solid #28db00;
    color: #000;
    background: #f6f6f6;
}

.m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .bank-selected img {
    width: 0.8rem;
    background: unset;
    border-radius: 0.1rem;
    padding: 0.05rem;
    border: none;
}

.m-quickpay-container .quick-pay-bank-option .standard-radio-content {
    margin-left: 0;
    position: relative;
    width: 100%;
}

.m-quickpay-container .quick-pay-bank-option .standard-radio-content img {
    background: #e9e9e9;
    border-radius: 0.1rem;
    padding: 0.05rem;
}

.m-quickpay-container .quick-pay-bank-option .standard-radio-content svg {
    position: absolute;
    right: -0.03rem;
    bottom: -0.03rem;
    width: 0.3rem;
    height: 0.3rem;
}

.m-quickpay-container .quick-pay-bank-option .standard-radio-content .bank-info-warpper {
    display: flex;
    align-items: center;
    width: 80%;
}

.m-quickpay-container .quick-pay-bank-option .standard-radio-content .bank-info-warpper .bank-info-container {
    position: relative;
}

.m-quickpay-container .quick-pay-bank-option .standard-radio-content .bank-info-warpper .st0 {
    fill: #28db00 !important;
}

.m-quickpay-container .quick-pay-bank-option .standard-radio-content .bank-status {
    font-size: 0.25rem;
    background: #28db00;
    color: #fff;
    padding: 0.1rem;
    width: 20%;
    text-align: center;
    border-radius: 0.1rem;
}

.m-quickpay-container .quick-pay-bank-option .bank-info-selected img {
    width: 0.8rem;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.05rem;
    border: 0.06rem solid #28db00;
}

.m-quickpay-container .quick-pay-bank-option .bank-info-name {
    font-size: 0.26rem;
    color: #fff;
}

.m-quickpay-container .transaction-button-section {
    width: 100%;
}

.reload-container {
    display: flex;
    position: relative;
}

.reload-container .transaction-form .standard-form-container .deposit-channnel-contaniner .standard-select {
    margin: 0 0 0.1rem;
}

.reload-container .transaction-button-section {
    width: 100%;
}

.reload-container .deposit-channnel-contaniner {
    margin-top: 0.14rem;
    margin-bottom: 0;
}

.reload-container .deposit-channnel-contaniner .bank-account-container {
    width: 100%;
    justify-content: flex-start;
}

.reload-container .deposit-channnel-contaniner .deposit-channnel-contaniner {
    margin: 0.14rem 0;
}

.reload-container .deposit-channnel-contaniner .deposit-channnel-contaniner .bank-account-container {
    width: 100%;
    margin-top: undefined;
}

.reload-container .deposit-channnel-contaniner .deposit-channnel-contaniner .bank-account-container .standard-bank-info {
    width: undefined;
}

.reload-container .deposit-channnel-contaniner .deposit-channnel-contaniner .standard-form-field .standard-select {
    margin: 0 0 0.1rem;
}

.reload-container .deposit-channnel-contaniner .bank-select-deposit-container {
    margin: 0 0 0.1rem;
}

.reload-container .deposit-channnel-contaniner .bank-select-deposit-container .bank-select-deposit {
    margin: 0 0.1rem 0 0;
}

.reload-container .standard-radio-container .standard-radio-content {
    margin: 0;
}

.m-reload-container .m-transaction-form {
    display: inherit;
}

.m-reload-container .m-transaction-form .bank-account-container {
    margin-bottom: 0.2rem;
    width: 100%;
}

.m-reload-container .m-transaction-form .bank-account-container .acc-name {
    font-size: 0.26rem;
    color: #fff;
}

.m-reload-container .m-transaction-form .bank-account-container .standard-radio-container {
    align-items: flex-start;
    display: flex;
}

.m-reload-container .m-transaction-form .bank-account-container .standard-radio-container img {
    width: 1rem;
    background: #d7d7d7;
    padding: 0.02rem;
    border-radius: 0.1rem;
}

.m-reload-container .m-transaction-form .bank-account-container .bank-account-info {
    width: 93%;
    margin: 0 0 0 auto;
}

.m-reload-container .m-transaction-form .standard-form-field .standard-select {
    margin: 0 0 0.1rem;
}

.m-reload-container .m-transaction-form .bank-select-deposit-container .bank-select-deposit {
    width: 100%;
    margin: 0 0.1rem 0 0;
}

.tm-qr-container {
    position: relative;
    display: flex;
}

.tm-qr-container .transaction-form {
    height: 100%;
    min-height: 0;
}

.history-container .history-control-panel {
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem;
    flex-direction: column;
}

.history-container .history-control-panel .form-panel {
    display: grid;
    align-items: flex-end;
    grid-template-columns: 31% 31% 31%;
    width: 100%;
    grid-gap: 0.25rem;
    row-gap: 0;
    padding: 0 0.15rem;
    justify-content: space-between;
}

.history-container .history-control-panel .form-panel .standard-form-field {
    width: 100%;
}

.history-container .history-control-panel .form-panel .standard-form-field .standard-form-field {
    width: 100%;
    margin: 0;
}

.history-container .history-control-panel .range-wrapper {
    padding: 0 0.15rem;
    width: 100%;
    margin-bottom: 0.2rem;
}

.history-container .history-control-panel .range-wrapper .standard-form-field {
    margin-bottom: 0.05rem;
}

.history-container .history-control-panel .range-wrapper .range-options {
    display: flex;
}

.history-container .history-control-panel .range-wrapper .range-options div {
    padding: 0.1rem;
    border: 0.01rem solid #dcdcdc;
    margin-right: 0.1rem;
    border-radius: 0.1rem;
    cursor: pointer;
}

.history-container .history-control-panel .range-wrapper .range-options div.active {
    border: 0.02rem solid #edfa00;
}

.history-container .history-control-panel .range-wrapper .range-options div.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.history-container .history-control-panel .type-wrapper {
    display: flex;
    padding: 0 0.15rem;
    width: 100%;
    margin-bottom: 0.2rem;
}

.history-container .history-control-panel .type-wrapper div {
    padding: 0.1rem;
    border: 0.01rem solid #dcdcdc;
    margin-right: 0.1rem;
    cursor: pointer;
}

.history-container .history-control-panel .type-wrapper div.selected {
    border: 0.01rem solid #edfa00;
    background: rgba(237, 250, 0, 0.1);
}

.history-container .pagination-container {
    padding: 0 0.15rem;
}

.withdrawal-container {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.withdrawal-container .transaction-form {
    width: 48%;
    height: 100%;
    min-height: 0;
}

.withdrawal-container .transaction-form .qr-container {
    padding: 0.1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.05rem;
    margin: 0 0 0.14rem;
    width: 100%;
}

.withdrawal-container .transaction-form .qr-container p {
    margin-bottom: 0.05rem;
}

.withdrawal-container .transaction-form .transaction-button-section {
    width: 100%;
}

.withdrawal-container .transaction-note-section {
    width: 45%;
}

.m-withdrawal-container {
    margin-bottom: 1.3rem;
}

.m-withdrawal-container .m-transaction-form .transaction-button-section {
    width: 100%;
}

.m-withdrawal-container .m-transaction-form .standard-form-field:first-child {
    margin-bottom: 0;
}

.m-withdrawal-container .m-transaction-form .standard-form-field:first-child .standard-form-field {
    margin-bottom: 0;
}

.m-crypto-withdrawal-container .m-transaction-form .qr-container {
    width: 100%;
    padding: 0.2rem 0.2rem 0.15rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.1rem;
    margin: 0 0 0.15rem;
}

.m-crypto-withdrawal-container .m-transaction-form .qr-container .qr-info {
    font-size: 0.25rem;
}

.m-crypto-withdrawal-container .m-transaction-form .m-select-warpper {
    justify-content: space-between;
}

.m-crypto-withdrawal-container .m-transaction-form .m-select-warpper .crypto-withdrawal-select {
    width: 80%;
}

.m-crypto-withdrawal-container .m-transaction-form .m-select-warpper .crypto-withdrawal-select-btn {
    width: 15%;
    height: 0.8rem;
    padding: 0.05rem 0.1rem;
    min-width: 15%;
    border-radius: 0.1rem;
    margin: unset;
}

.m-crypto-withdrawal-container .m-transaction-form .transaction-button-section {
    width: 100%;
    margin-top: 0.2rem;
}

.transfer-container .transaction-form {
    border-bottom: 0.01rem solid #ffffff33;
    padding: 0.3rem;
}

.transfer-container .transaction-form .amount-promo-container {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 31% 31% 31%;
    justify-content: space-between;
    padding: 0 0.15rem;
}

.transfer-container .transaction-form .amount-promo-container .valid-invalid-container {
    margin-top: 0.05rem;
    display: flex;
    align-items: center;
}

.transfer-container .transaction-form .amount-promo-container .valid-invalid-container .valid-invalid-img {
    width: 0.17rem;
}

.transfer-container .transaction-form .amount-promo-container .valid-invalid-container .specialCodeValid {
    color: #28db00;
    margin-left: 0.05rem;
}

.transfer-container .transaction-form .amount-promo-container .valid-invalid-container .specialCodeInvalid {
    color: REd;
    margin-left: 0.05rem;
}

.transfer-container .transaction-form .from-to-container {
    display: grid;
    align-items: flex-end;
    grid-template-columns: 31% 31% 31%;
    justify-content: space-between;
    padding: 0 0.15rem;
}

.transfer-container .transaction-form .from-to-container .standard-form-field-container:last-child {
    padding: 0;
}

.transfer-container .transaction-form .standard-form-field-container {
    width: 100%;
}

.transfer-container .transaction-form .standard-form-field-container .standard-form-field {
    width: 100%;
    margin-bottom: 0;
}

.transfer-container .standard-form-container {
    padding: 0.3rem 0.1rem;
}

.transfer-container .standard-form-container .provider-category-list-container {
    width: 100%;
    padding: 0 0.15rem;
}

.transfer-container .standard-form-container .provider-category-list-container .standard-form-field {
    width: 33.33%;
    margin-bottom: 0.2rem;
    float: right;
}

.transfer-container .standard-form-container .provider-list-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    flex-wrap: wrap;
    grid-gap: 0.15rem;
    padding: 0 0.15rem;
    width: 100%;
}

.transfer-container .standard-form-container .provider-list-container svg {
    width: 0.15rem;
    height: 0.15rem;
    fill: #ffffffe6;
}

.transfer-container .standard-form-container .provider-list-container .provider-item {
    border: 0.01rem solid #ffffff33;
    border-radius: 0.06rem;
    display: flex;
    padding: 0.1rem;
    background: 0 0;
}

.transfer-container .standard-form-container .provider-list-container .provider-item:hover {
    cursor: pointer;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-img {
    width: 30%;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-img img {
    height: 0.35rem;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-content {
    width: 70%;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-content p {
    margin-bottom: 0.04rem;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .pi-name {
    width: 100%;
    font-size: 0.13rem;
    color: #fff;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .balance-addon-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .balance-addon-container .pi-balance {
    font-weight: 700;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .turnover-allin-container {
    font-size: 0.14rem;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .turnover-allin-container .pi-turnover {
    background: #ffffff33;
    padding: 0.03rem 0.05rem;
    border-radius: 0.05rem;
    margin: 0.02rem 0;
    font-size: 0.13rem;
    line-height: 1;
    color: #aaa;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .turnover-allin-container .pi-allin-btn {
    padding: 0.04rem 0.03rem;
    border-radius: 0.5rem;
    border: 0.01rem solid #ffffff33;
    color: #aaa;
    text-align: center;
    margin-top: 0.1rem;
    font-size: 0.13rem;
    line-height: 1;
    text-transform: undefined;
}

.transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .turnover-allin-container .pi-allin-btn:hover {
    background: #511a91;
    color: #fff;
    border: 0.01rem solid #511a91;
}

.m-transfer-container {
    margin: 0.2rem;
    overflow: scroll;
}

.m-transfer-container .provider-toggle-box-container {
    width: 100%;
    background: linear-gradient(#511a91, #391266);
    color: #fff;
    padding: 0.25rem;
    border-radius: 0.1rem;
    margin: 0.2rem 0 0;
    font-size: 0.28rem;
    display: flex;
}

.m-transfer-container .provider-toggle-box-container .pl-btn {
    width: 52%;
    display: flex;
    align-items: center;
    min-height: 0.5rem;
}

.m-transfer-container .provider-toggle-box-container .pl-btn svg {
    width: 0.3rem;
    height: 0.3rem;
    fill: #ffffffe6;
    margin-right: 0.15rem;
    overflow: visible;
}

.m-transfer-container .provider-toggle-box-container .provider-category-list-container {
    width: 48%;
    padding: 0;
}

.m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field {
    width: 100%;
    margin-bottom: 0;
    display: block;
}

.m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field .standard-select {
    min-height: 0.5rem;
    border: transparent;
}

.m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field .standard-select-arrow {
    top: 0.15rem;
    border-width: 0 0.05rem 0.05rem 0;
    width: 0.15rem;
    height: 0.15rem;
}

.m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field .standard-select-arrow::after {
    top: 0.13rem;
}

.m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field.hidden {
    display: none;
}

.m-transfer-container .provider-list-container {
    margin: 0 0 0.3rem;
    border-radius: 0.1rem;
}

.m-transfer-container .provider-list-container .pl-content {
    background: #ffffff1a;
    backdrop-filter: blur(0.02rem);
    border-radius: 0.1rem;
    color: WHITe;
    padding: 0.15rem;
}

.m-transfer-container .provider-list-container .pl-content .pl-box {
    display: grid;
    grid-template-columns: 2fr 2fr;
    flex-wrap: wrap;
    grid-gap: 0.2rem;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item {
    border: 0.01rem solid #ffffff33;
    border-radius: 0.1rem;
    display: flex;
    padding: 0.1rem;
    background: 0 0;
    backdrop-filter: blur(0.02rem);
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-img {
    width: 27%;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-img img {
    height: 0.6rem;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content {
    width: 68%;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content p {
    margin-bottom: 0.02rem;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .pi-name {
    width: 100%;
    font-size: 0.22rem;
    color: #fff;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .balance-addon-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .balance-addon-container .pi-balance {
    font-weight: 700;
    font-size: 0.25rem;
    color: #fff;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .balance-addon-container .pi-add-btn svg {
    fill: #ffffffe6;
    width: 0.35rem;
    height: 0.35rem;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .turnover-allin-container {
    font-size: 0.22rem;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .turnover-allin-container .pi-turnover {
    background: #ffffff33;
    padding: 0.05rem;
    border-radius: 0.05rem;
    line-height: 1;
    color: #aaa;
}

.m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .turnover-allin-container .pi-allin-btn {
    padding: 0.02rem 0.1rem;
    border-radius: 0.5rem;
    border: 0.01rem solid #ffffff33;
    text-align: center;
    margin-top: 0.1rem;
    font-size: 0.24rem;
    color: #aaa;
}

.m-transfer-container .transaction-form {
    width: 100%;
}

.m-transfer-container .transaction-form .valid-invalid-container {
    margin-top: 0.05rem;
    display: flex;
    align-items: center;
}

.m-transfer-container .transaction-form .valid-invalid-container .valid-invalid-img {
    width: 0.5rem;
}

.m-transfer-container .transaction-form .valid-invalid-container .specialCodeValid {
    color: #28db00;
    margin-left: 0.05rem;
}

.m-transfer-container .transaction-form .valid-invalid-container .specialCodeInvalid {
    color: REd;
    margin-left: 0.05rem;
}

.eWallet-apps-container {
    display: flex;
    position: relative;
}

.transaction-button-section .standard-button-container {
    justify-content: space-between;
}

.transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #b6b6b680;
}

.transaction-button-section .standard-button-container .standard-submit-form-button svg {
    fill: #28db00;
}

.transaction-button-section .standard-button-container .standard-submit-form-button svg .st0 {
    fill: #28db00 !important;
}

.transaction-button-section .standard-button-container .standard-submit-form-button:nth-child(2) {
    background: undefined;
    color: undefined;
}

.transaction-button-section .standard-button-container .standard-submit-form-button:nth-child(2):hover {
    background: undefined;
}

.transaction-button-section .standard-button-container .standard-submit-form-button:disabled {
    opacity: undefined;
}

.transaction-button-section .standard-button-container .standard-cancel-form-button {
    background: #e9203d;
}

.transaction-button-section .standard-button-container .standard-cancel-form-button svg {
    fill: #fff;
}

.transaction-button-section .standard-button-container .standard-cancel-form-button svg circle {
    fill: undefined;
}

.transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button {
    background: undefined;
}

.transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button svg {
    fill: undefined;
}

.transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button svg circle {
    fill: undefined;
}

.transaction-button-section .standard-button-container .standard-add-form-button {
    background: #b6b6b680;
}

.transaction-button-section .standard-button-container .standard-add-form-button svg {
    fill: #28db00;
}

.transaction-button-section .standard-button-container .standard-add-form-button:disabled {
    opacity: undefined;
}

.transaction-button-section .standard-button-container .standard-delete-form-button {
    background: #e9203d;
}

.transaction-button-section .standard-button-container .standard-delete-form-button svg {
    fill: #28db00;
}

.transaction-button-section .standard-button-container .standard-delete-form-button.inverted-theme-button {
    background: undefined;
}

.transaction-button-section .standard-button-container .standard-delete-form-button.inverted-theme-button svg {
    fill: undefined;
}

.transaction-button-section .standard-button-container .standard-delete-form-button.inverted-theme-button svg circle {
    fill: undefined;
}

.transaction-button-section .standard-button-container .standard-fund-form-button {
    background: #c3c3c3;
}

.transaction-button-section .standard-button-container .standard-fund-form-button svg {
    fill: #fff;
}

.transaction-button-section .standard-button-container .standard-submit-form-button,
.transaction-button-section .standard-button-container .standard-cancel-form-button,
.transaction-button-section .standard-button-container .standard-add-form-button,
.transaction-button-section .standard-button-container .standard-delete-form-button,
.transaction-button-section .standard-button-container .standard-fund-form-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.5rem;
    font-size: 0.14rem;
    min-width: 48%;
    border: 0;
    border-radius: 0.05rem;
    font-weight: 600;
    padding: 0 0.2rem;
    text-transform: capitalize;
}

.transaction-button-section .standard-button-container .standard-submit-form-button svg,
.transaction-button-section .standard-button-container .standard-cancel-form-button svg,
.transaction-button-section .standard-button-container .standard-add-form-button svg,
.transaction-button-section .standard-button-container .standard-delete-form-button svg,
.transaction-button-section .standard-button-container .standard-fund-form-button svg {
    margin-right: 0.1rem;
    width: 0.16rem;
    height: 0.16rem;
}

.transaction-button-section .standard-button-container .standard-submit-form-button img,
.transaction-button-section .standard-button-container .standard-cancel-form-button img,
.transaction-button-section .standard-button-container .standard-add-form-button img,
.transaction-button-section .standard-button-container .standard-delete-form-button img,
.transaction-button-section .standard-button-container .standard-fund-form-button img {
    height: 100%;
}

.transaction-button-section .standard-button-container .standard-submit-form-button:disabled,
.transaction-button-section .standard-button-container .standard-cancel-form-button:disabled,
.transaction-button-section .standard-button-container .standard-add-form-button:disabled,
.transaction-button-section .standard-button-container .standard-delete-form-button:disabled,
.transaction-button-section .standard-button-container .standard-fund-form-button:disabled {
    opacity: 0.2;
    pointer-events: auto !important;
    cursor: not-allowed !important;
    background: #b6b6b6;
}

.transaction-button-section .standard-button-container .standard-submit-form-button:disabled:hover,
.transaction-button-section .standard-button-container .standard-cancel-form-button:disabled:hover,
.transaction-button-section .standard-button-container .standard-add-form-button:disabled:hover,
.transaction-button-section .standard-button-container .standard-delete-form-button:disabled:hover,
.transaction-button-section .standard-button-container .standard-fund-form-button:disabled:hover {
    background: #b6b6b6;
}

.transaction-button-section .standard-button-container .standard-submit-form-button:hover,
.transaction-button-section .standard-button-container .standard-add-form-button:hover,
.transaction-button-section .standard-button-container .standard-fund-form-button:hover {
    background: #b6b6b6cc;
}

.transaction-button-section .standard-button-container .standard-cancel-form-button:hover,
.transaction-button-section .standard-button-container .standard-delete-form-button:hover {
    background: #fb2525;
}

.transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button:hover,
.transaction-button-section .standard-button-container .standard-delete-form-button.inverted-theme-button:hover {
    background: undefined;
}

@media (max-width: 768px) {
    .transaction-button-section .standard-button-container .standard-add-form-button,
    .transaction-button-section .standard-button-container .standard-submit-form-button {
        background: undefined;
    }
    .transaction-button-section .standard-button-container .standard-cancel-form-button {
        background: undefined;
    }
    .transaction-button-section .standard-button-container .standard-cancel-form-button:hover {
        background: undefined;
    }
    .transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button {
        background: undefined;
    }
    .transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button:hover {
        background: undefined;
    }
    .transaction-button-section .standard-button-container .standard-submit-form-button,
    .transaction-button-section .standard-button-container .standard-cancel-form-button,
    .transaction-button-section .standard-button-container .standard-add-form-button,
    .transaction-button-section .standard-button-container .standard-delete-form-button,
    .transaction-button-section .standard-button-container .standard-fund-form-button {
        height: 50px;
        font-size: 14px;
        border-radius: 0.1rem;
    }
    .transaction-button-section .standard-button-container .standard-submit-form-button svg,
    .transaction-button-section .standard-button-container .standard-cancel-form-button svg,
    .transaction-button-section .standard-button-container .standard-add-form-button svg,
    .transaction-button-section .standard-button-container .standard-delete-form-button svg,
    .transaction-button-section .standard-button-container .standard-fund-form-button svg {
        margin-right: 0.15rem;
        width: 0.32rem;
        height: 0.32rem;
    }
}

.transaction-note-section {
    width: 45%;
    z-index: 900;
    flex: 1;
    padding: 0 0.2rem;
}

.transaction-note-section .transaction-notes-container .note-icon {
    margin-left: auto;
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: center;
}

.transaction-note-section .transaction-notes-container .note-icon span {
    margin-right: 0.05rem;
}

.transaction-note-section .transaction-notes-container .note-icon span.notice {
    text-transform: uppercase;
}

.transaction-note-section .transaction-notes-container .note-icon svg {
    width: 0.25rem;
    height: 0.25rem;
    fill: #ffe138;
}

.transaction-note-section .transaction-notes-container .note-icon svg:hover {
    cursor: pointer;
}

.transaction-note-section .transaction-notes-container .notes-modal-opacity-default-show {
    opacity: 1;
    display: block;
}

.transaction-note-section .transaction-notes-container .notes-modal-opacity-default-hide {
    opacity: 0;
    display: none;
}

.transaction-note-section .transaction-notes-container .transaction-note-fade-enter {
    opacity: 0 !important;
}

.transaction-note-section .transaction-notes-container .transaction-note-fade-enter-active {
    opacity: 1 !important;
    transition: opacity 500ms;
    transition-timing-function: ease;
}

.transaction-note-section .transaction-notes-container .transaction-note-fade-enter-done {
    opacity: 1 !important;
}

.transaction-note-section .transaction-notes-container .transaction-note-fade-exit {
    opacity: 1 !important;
}

.transaction-note-section .transaction-notes-container .transaction-note-fade-exit-active {
    opacity: 0 !important;
    transition: opacity 500ms;
    transition-timing-function: ease;
}

.transaction-note-section .transaction-notes-container .transaction-note-fade-exit-done {
    opacity: 0 !important;
}

.transaction-note-section .transaction-notes-container .transaction-note-fade-enter-active,
.transaction-note-section .transaction-notes-container .transaction-note-fade-enter-active,
.transaction-note-section .transaction-notes-container .transaction-note-fade-enter-done {
    display: block;
}

.transaction-note-section .transaction-notes-container .defaultApperance-enter {
    opacity: 0 !important;
}

.transaction-note-section .transaction-notes-container .defaultApperance-enter-active {
    opacity: 1 !important;
    transition: opacity 0;
}

.transaction-note-section .transaction-notes-container .defaultApperance-enter-done {
    opacity: 1 !important;
}

.transaction-note-section .transaction-notes-container .defaultApperance-exit {
    opacity: 1 !important;
}

.transaction-note-section .transaction-notes-container .defaultApperance-exit-active {
    opacity: 0 !important;
    transition: opacity 0;
}

.transaction-note-section .transaction-notes-container .defaultApperance-exit-done {
    opacity: 0 !important;
}

.transaction-note-section .transaction-notes-container .defaultApperance-enter,
.transaction-note-section .transaction-notes-container .defaultApperance-enter-active,
.transaction-note-section .transaction-notes-container .defaultApperance-enter-done {
    display: block;
}

.transaction-note-section .transaction-notes-container .notes-modal {
    background: #000000cf;
    color: #aaa;
    padding: 0.2rem;
    border-radius: 0.05rem;
    font-size: 0.14rem;
    border: undefined;
}

.transaction-note-section .transaction-notes-container .notes-modal .note-info-container {
    margin: 0 0 0.15rem;
}

.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info {
    margin: 0 0 0.1rem;
    display: flex;
}

.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span {
    display: block;
}

.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:first-child {
    width: 40%;
    margin-right: 0.1rem;
    font-weight: undefined;
}

.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:last-child {
    width: 70%;
    color: #aaa;
    font-weight: undefined;
}

.transaction-note-section .transaction-notes-container .notes-modal .note-info-detail p {
    margin: 0;
    padding: 0 0 0.2rem;
}

.m-transaction-note-section .transaction-notes-container .note-icon {
    width: 10%;
    margin-left: auto;
    text-align: right;
}

.m-transaction-note-section .transaction-notes-container .note-icon svg {
    width: 0.25rem;
    height: 0.25rem;
    fill: #ffe138;
}

.m-transaction-note-section .transaction-notes-container .notes-modal {
    background: #ffffff1a;
    color: #fff;
    padding: 0.25rem 0.3rem;
    border-radius: 0.1rem;
    font-size: 0.25rem;
    margin: 0.25rem 0 0;
    backdrop-filter: blur(0.05rem);
}

.m-transaction-note-section .transaction-notes-container .notes-modal .note-info-detail ol li:last-child {
    padding: 0;
}

.m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container {
    margin: 0 0 0.15rem;
}

.m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info {
    margin: 0 0 0.1rem;
    display: flex;
}

.m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span {
    display: block;
}

.m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:first-child {
    width: 40%;
    margin-right: 0.1rem;
}

.m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:last-child {
    width: 70%;
    color: #ffe138;
}

.m-transaction-note-section .transaction-notes-container .notes-modal .note-info-detail p {
    margin: 0;
    padding: 0 0 0.2rem;
}

.pagination-container {
    display: flex;
    color: #aaa;
    font-size: 0.13rem;
    align-items: center;
    justify-content: space-between;
    margin: 0.1rem 0 0;
}

.pagination-container .pagination-wrapper .pagination-content {
    display: flex;
    background: #21212199;
}

.pagination-container .pagination-wrapper .pagination-content .page-item {
    padding: 0.08rem 0.1rem;
    border: 0.01rem solid #ffffff33;
}

.pagination-container .pagination-wrapper .pagination-content .page-item:hover {
    text-decoration: underline;
}

.pagination-container .pagination-wrapper .pagination-content .page-item:first-child {
    border-top-left-radius: 0.05rem;
    border-bottom-left-radius: 0.05rem;
}

.pagination-container .pagination-wrapper .pagination-content .page-item:last-child {
    border-top-right-radius: 0.05rem;
    border-bottom-right-radius: 0.05rem;
}

.pagination-container .pagination-wrapper .pagination-content .page-item .page-link {
    color: #aaa !important;
}

@media (max-width: 768px) {
    .pagination-container {
        font-size: 0.25rem;
        margin: 0.2rem 0 0;
        width: 100%;
    }
    .pagination-container .pagination-wrapper .pagination-content .page-item {
        padding: 0.15rem 0.2rem;
    }
    .pagination-container .pagination-declaration-container .pagination-declaration-content {
        margin: 0 0 0.16rem;
    }
}

.referral-share-modal-body svg {
    fill: #696969;
    width: 0.62rem;
    height: 0.62rem;
}

.referral-share-modal-body img {
    width: 0.62rem;
    height: 0.62rem;
}

.bank-detail-container .select-bank-form {
    padding: 0.3rem 0.1rem;
}

.bank-detail-container .select-bank-form .standard-form-one-row-container {
    display: grid;
    align-items: normal;
    grid-template-columns: 31% 31% 31%;
    width: 100%;
    grid-gap: 0.25rem;
    row-gap: 0;
    padding: 0 0.15rem;
    justify-content: space-between;
}

.bank-detail-container .select-bank-form .standard-form-one-row-container:first-child {
    margin-top: 0;
}

.bank-detail-container .select-bank-form .standard-form-one-row-container .standard-form-field-container {
    width: 100%;
}

.bank-detail-container .select-bank-form .standard-form-one-row-container .standard-form-field-container .standard-form-field .standard-select {
    padding: 0.05rem 0.2rem 0.05rem 0.1rem;
}

.bank-detail-container .select-bank-form .standard-form-one-row-container .transaction-button-section {
    width: 100%;
}

.bank-detail-container .select-bank-form .standard-form-one-row-container .transaction-button-section .standard-button-container {
    width: 100%;
}

.bank-detail-container .select-bank-form .standard-form-one-row-container .transaction-button-section .standard-button-container button {
    min-width: 100%;
    padding: 0 0.06rem;
    margin: 0.09rem 0 0;
}

.bank-detail-container .contactSuppor-style-warpper {
    padding: 0.15rem 0.1rem !important;
}

.bank-detail-container .contactSuppor-style-warpper .contactSuppor-style {
    color: red;
    padding: 0 0.2rem;
    font-weight: 700;
    font-size: 0.12rem;
}

.bank-detail-container .main-detail {
    padding: 0.3rem 0.1rem;
    border-top: 0.01rem solid #ffffff33;
}

.bank-detail-container .main-detail .box-container {
    width: 65%;
    border: 0.02rem solid #ffffff33;
    border-radius: 0.1rem;
    background: 0 0;
    margin: 0 0.15rem;
}

.bank-detail-container .main-detail .box-container .box {
    display: flex;
    border-bottom: 0.02rem solid #ffffff33;
    padding: 0.15rem;
}

.bank-detail-container .main-detail .box-container .box:last-child {
    border-bottom: 0;
}

.bank-detail-container .main-detail .box-container .box .box-warpper {
    display: flex;
    width: 65%;
}

.bank-detail-container .main-detail .box-container .box .box-warpper .bank-item-col {
    margin: 0 0.1rem 0 0;
    width: 0.6rem;
    height: 0.6rem;
}

.bank-detail-container .main-detail .box-container .box .box-warpper .bank-item-col span img {
    width: 100%;
    background: #ededed;
    border-radius: 0.05rem;
    padding: 0.01rem;
    width: 0.6rem;
    height: 0.6rem;
}

.bank-detail-container .main-detail .box-container .box .box-warpper .bank-item-col .bank-other {
    width: 0.22rem;
    height: 0.22rem;
    overflow: unset;
    fill: #fff;
}

.bank-detail-container .main-detail .box-container .box .box-warpper .bank-info-col {
    width: 80%;
}

.bank-detail-container .main-detail .box-container .box .box-warpper .bank-info-col p {
    margin-bottom: 0;
    font-size: 0.14rem;
    word-break: break-word;
    color: #fff;
}

.bank-detail-container .main-detail .box-container .box .box-warpper .bank-info-col .bank-created-date {
    color: #23b200;
}

.bank-detail-container .main-detail .box-container .box .box-warpper .bank-info-col .bank-name {
    font-size: 0.17rem;
    font-weight: 700;
    color: #ffe138;
}

.bank-detail-container .main-detail .box-container .box .transaction-button-section {
    width: 35%;
    padding: 0 0 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: undefined;
}

.bank-detail-container .main-detail .box-container .box .transaction-button-section .standard-button-container {
    width: 100%;
}

.bank-detail-container .main-detail .box-container .box .transaction-button-section .standard-button-container button {
    width: 100%;
    min-width: 100%;
}

.bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    border-radius: 0.2rem;
    line-height: 0.1rem;
    padding: 0.08rem;
}

.bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info.P {
    background: rgba(255, 138, 0, 0.1);
    color: #ff8a00;
}

.bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info.A {
    background: rgba(40, 219, 1, 0.1);
    color: #28db01;
}

.bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info.R {
    background: rgba(255, 0, 0, 0.1);
    color: red;
}

.bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info svg {
    width: 0.14rem;
    height: 0.14rem;
    margin: 0 0.05rem 0 0;
}

.change-password-container {
    padding: 0.3rem 0.1rem;
}

.change-password-container .change-password-form {
    width: 45%;
    padding: 0 0.15rem;
}

.change-provider-password-container {
    padding: 0.3rem 0.1rem;
}

.change-provider-password-container .change-provider-password-form {
    width: 45%;
    padding: 0 0.15rem;
}

.change-provider-password-container .change-provider-password-form .standard-form-field .standard-input:disabled {
    cursor: no-drop;
}

.change-provider-password-container .change-provider-password-form .standard-form-field .notice-text {
    font-size: 0.12rem;
    background: #f6f6f6;
    color: REd;
    padding: 0.12rem;
    border-radius: 0.06rem;
    position: absolute;
    display: flex;
    width: 100%;
    right: -105%;
}

.message-container .message-form-warrper {
    padding: 0.3rem 0.1rem 0.2rem;
}

.message-container .message-form-warrper .message-form {
    display: flex;
    align-items: flex-end;
    margin-bottom: 0.14rem;
}

.message-container .message-form-warrper .message-form .standard-form-field {
    width: 30%;
    margin: 0 0.15rem;
}

.message-container .message-form-warrper .message-form .standard-form-field input[type='date']::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0.1rem;
    content: '';
    background: url(/public/html/images/icon/fa-calendar.svg);
    width: 0.2rem;
    height: 0.22rem;
    cursor: pointer;
}

.message-container .message-form-warrper .message-form .standard-form-field .standard-select-arrow {
    top: 0.34rem;
}

.message-container .message-form-warrper .message-form .transaction-button-section {
    width: 25%;
    margin: 0 0.15rem;
}

.message-container .message-form-warrper .message-form .transaction-button-section .standard-submit-form-button {
    width: 100%;
}

.message-container .select-delete-container {
    width: 46.5%;
    display: flex;
    margin: 0.3rem 0.15rem 0;
    justify-content: space-between;
}

.message-container .select-delete-container .standard-checkbox-container {
    display: flex;
    align-items: center;
    width: 58%;
}

.message-container .select-delete-container .standard-checkbox-container label {
    margin: 0 0 0 0.1rem;
    color: #fff;
}

.message-container .select-delete-container .transaction-button-section {
    width: 40%;
}

.message-container .select-delete-container .transaction-button-section .standard-button-container {
    width: 100%;
    min-width: 100%;
}

.message-container .select-delete-container .transaction-button-section .standard-button-container button {
    width: 100%;
    height: 0.4rem;
}

.message-container .select-delete-container .transaction-button-section .standard-button-container button svg {
    width: 0.16rem;
    height: 0.16rem;
    fill: #fff;
}

.message-container .standard-invisible-checkbox {
    width: 0.15rem;
    height: 100%;
}

.message-container .main-detail-container {
    padding: 0 0.15rem 0.3rem;
    border-top: unset;
}

.message-container .main-detail-container .main-detail-content {
    display: flex;
    justify-content: space-between;
}

.message-container .main-detail-container .main-detail-content .box-container {
    width: 47%;
    border: 0.01rem solid #ffffff33;
    border-radius: 0.1rem;
    background: 0 0;
    margin: 0 0.1rem;
    color: #fff;
}

.message-container .main-detail-container .main-detail-content .box-container .box {
    display: flex;
    border-bottom: 0.01rem solid #ffffff33;
    padding: 0.15rem;
}

.message-container .main-detail-container .main-detail-content .box-container .box:last-child {
    border-bottom: 0;
}

.message-container .main-detail-container .main-detail-content .box-container .box.current-read {
    background-color: rgba(255, 255, 255, 0.1);
}

.message-container .main-detail-container .main-detail-content .box-container .box .main-detail {
    width: 85%;
    display: grid;
    grid-template-columns: 10% 5% 85%;
}

.message-container .main-detail-container .main-detail-content .box-container .box .main-detail .standard-checkbox-container {
    display: flex;
    align-items: center;
}

.message-container .main-detail-container .main-detail-content .box-container .box .main-detail .unread-symbol {
    background: #e9203d;
    border-radius: 50%;
    height: 0.1rem;
    width: 0.1rem;
}

.message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details {
    overflow-wrap: anywhere;
    display: inline-block;
    word-break: break-word;
    cursor: pointer;
}

.message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details .date {
    font-size: 0.12rem;
    color: #fff;
    margin: 0;
}

.message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details .title {
    font-size: 0.14rem;
    color: #fff;
    margin: 0;
}

.message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details .unread {
    color: #ffe138;
}

.message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details .current-read {
    color: WhitE;
}

.message-container .main-detail-container .main-detail-content .box-container .box .delete-bank-col {
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.message-container .main-detail-container .main-detail-content .box-container .box .delete-bank-col .delete-icon {
    background: unset;
}

.message-container .main-detail-container .main-detail-content .box-container .box svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: #ffffffe6;
}

.message-container .main-detail-container .main-detail-content .box-container .empty-container {
    padding: 0.3rem;
}

.message-container .main-detail-container .main-detail-content .message-detail-container {
    width: 47%;
    font-size: 0.14rem;
    border: 0.01rem solid transparent;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.1rem;
    padding: 0.15rem;
    margin: 0 0.1rem;
    overflow-wrap: anywhere;
    display: inline-block;
    word-break: break-word;
}

.message-container .main-detail-container .main-detail-content .message-detail-container .detail-box {
    display: flex;
}

.message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .icon-col {
    margin: 0 0.1rem 0 0;
}

.message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .icon-col svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: #fff;
}

.message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .info-col .date {
    color: #fff;
    margin: 0;
    font-size: 0.12rem;
}

.message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .info-col .title {
    color: #ffe138;
    margin: 0 0 0.05rem;
    font-size: 0.16rem;
}

.message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .info-col .info-row p {
    color: #fff;
}

.message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .info-col .info-row img {
    width: 100% !important;
    height: auto !important;
}

.message-container .main-detail-container .my-2 {
    display: flex;
    color: #bfbfbf;
    font-size: 0.14rem;
    align-items: center;
    justify-content: space-between;
    margin: 0.1rem 0 0;
    width: 50%;
}

.message-container .main-detail-container .my-2 .my-auto {
    max-width: 20%;
}

.message-container .main-detail-container .my-2 .my-pagination {
    max-width: 44%;
}

.message-container .main-detail-container .my-2 .my-pagination .pagination {
    display: flex;
}

.message-container .main-detail-container .my-2 .my-pagination .pagination .page-item {
    padding: 0.08rem 0.12rem;
}

.message-container .main-detail-container .my-2 .my-pagination .pagination .page-item:first-child {
    border: 0.01rem solid #ffffff33;
    border-radius: 0.02rem 0 0 0.02rem;
}

.message-container .main-detail-container .my-2 .my-pagination .pagination .page-item:nth-child(2) {
    border-top: 0.01rem solid #ffffff33;
    border-bottom: 0.01rem solid #ffffff33;
}

.message-container .main-detail-container .my-2 .my-pagination .pagination .page-item:last-child {
    border: 0.01rem solid #ffffff33;
    border-radius: 0 0.02rem 0.02rem 0;
}

.message-container .main-detail-container .my-2 .my-pagination .pagination .page-item .page-link {
    color: #aaa !important;
}

.message-container .main-detail-container .pagination-section {
    padding: 0 0.15rem;
    width: 50%;
}

.message-container .main-detail-container .pagination-section .pagination-declaration-container .pagination-declaration-content {
    margin: 0;
}

.setting-profile-container {
    padding: 0.3rem 0.1rem;
    display: flex;
    justify-content: space-between;
}

.setting-profile-container .profile-column {
    width: 48%;
    padding: 0 0.15rem;
}

.setting-profile-container .profile-column .standard-form-field {
    margin-bottom: 0.2rem;
    justify-content: space-between;
}

.setting-profile-container .profile-column .standard-form-field .showEditIcon {
    width: 50%;
    display: flex;
    cursor: pointer;
    align-items: center;
}

.setting-profile-container .profile-column .standard-form-field .showEditIcon .iconStyling {
    width: 12%;
    margin: 0 0 0 0.05rem;
}

.setting-profile-container .profile-column .standard-form-field .standard-label {
    width: auto;
}

.setting-profile-container .profile-column .standard-form-field .standard-input:disabled {
    background: 0 0;
    color: #ffe138;
    cursor: no-drop;
    height: unset;
    width: unset;
    padding: unset;
    border: unset;
    border-bottom: unset;
    text-align: right;
}

.setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container {
    padding: 0 0.06rem;
}

.setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container a {
    color: #3ea6ff;
}

.setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container {
    margin: 0.1rem 0;
}

.setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container .referral-btn {
    background: #511a91;
    padding: 0.1rem;
    border-radius: 0.04rem;
    color: #fff;
    border: undefined;
}

.setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container .referral-btn:hover {
    filter: brightness(110%);
}

.setting-profile-container .profile-column .standard-form-field .profile-input a {
    font-size: 0.14rem;
}

.setting-profile-container .profile-column .standard-form-field .standard-form-field-inner-container {
    display: flex;
}

.setting-profile-container .profile-column .standard-form-field .standard-form-field-inner-container .verify-icon {
    width: 0.18rem;
}

.setting-profile-container.setting-profile-card-container {
    padding: 0.5rem 0.6rem 0.8rem 0.33rem;
}

.setting-profile-container.setting-profile-card-container p {
    margin: 0;
}

.setting-profile-container.setting-profile-card-container .card-column {
    position: relative;
    height: fit-content;
    padding: 0.24rem 0.2rem 0.24rem 0.27rem;
    background: linear-gradient( 90deg, rgba(0, 234, 255, 0.1) 0%, rgba(0, 234, 255, 0) 100%);
    border-radius: 0.1rem;
    font-size: 0.14rem;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info {
    display: grid;
    grid-template-columns: 13% 45% 42%;
    align-items: center;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .account-container {
    position: relative;
    width: fit-content;
    height: fit-content;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .member-profile-img {
    width: 0.4rem;
    height: 0.4rem;
    border: 0.01rem solid #aaa;
    border-radius: 50%;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .verify-icon {
    position: absolute;
    bottom: -0.04rem;
    left: -0.05rem;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .verify-icon svg {
    height: 0.15rem;
    width: 0.15rem;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .verify-icon svg .st0 {
    fill: #28db00 !important;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .vip-list {
    position: absolute;
    right: -0.05rem;
    top: -0.06rem;
    background: gray;
    color: #fff;
    padding: 0.02rem 0.04rem;
    border-radius: 0.2rem;
    font-size: 0.1rem;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .profile-container {
    width: fit-content;
    height: fit-content;
    margin: 0 0 0 0.08rem;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .profile-container .profile-name {
    color: #00eaff;
    font-weight: 600;
    margin: 0 0 0.02rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    font-size: 0.15rem;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .profile-container p {
    font-size: 0.1rem;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container {
    width: fit-content;
    height: fit-content;
    margin: 0 0 0 0.05rem;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container .referral-label {
    font-size: 0.1rem;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container .referral-wrapper {
    position: relative;
    margin: 0.04rem 0 0;
    cursor: pointer;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container .referral-wrapper .referral-input {
    height: fit-content;
    padding: 0.03rem 0.3rem 0.03rem 0.11rem;
    background: rgba(0, 234, 255, 0.1);
    border: 0.01rem dashed #00eaff;
    border-radius: 0.05rem;
    font-size: 0.14rem;
    text-overflow: ellipsis;
    color: #00eaff;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container .referral-wrapper .referral-input-svg {
    position: absolute;
    right: 0.11rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.2rem;
    height: 0.2rem;
    fill: #00eaff;
}

.setting-profile-container.setting-profile-card-container .card-column .member-info-verify {
    margin: 0.24rem 0 0;
}

.setting-profile-container.setting-profile-card-container .card-column .member-social-verify {
    margin: 0.16rem 0 0;
}

.setting-profile-container.setting-profile-card-container .card-column .verify-icon-container {
    margin: 0.05rem 0 0;
    display: flex;
}

.setting-profile-container.setting-profile-card-container .card-column .verify-icon-container .verify-icon {
    width: 0.26rem;
    height: 0.26rem;
    cursor: pointer;
}

.setting-profile-container.setting-profile-card-container .card-column .verify-icon-container .verify-icon svg {
    fill: #dcdcdc;
}

.setting-profile-container.setting-profile-card-container .card-column .verify-icon-container .verify-icon.verified svg {
    fill: #28db00;
}

.setting-profile-container.setting-profile-card-container .card-column .verify-icon-container .verify-icon:not(:first-child) {
    margin: 0 0 0 0.09rem;
}

.referral-container .standard-tab-container .standard-tab .tab-header {
    text-transform: capitalize;
}

.referral-container .pagination-container {
    padding: 0 0.15rem;
}

.myreferral-container .row-container {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin: 0 0 0.2rem;
}

.myreferral-container .ref-code-container {
    width: 100%;
}

.myreferral-container .ref-code-container .ref-share-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0.2rem;
}

.myreferral-container .ref-code-container .ref-share-container .share-text {
    color: #00eaff;
}

.myreferral-container .ref-code-container .standard-input {
    padding: 0.05rem 0.4rem 0.05rem 0.1rem;
    background: #99999999;
}

.myreferral-container .ref-status-container {
    width: 100%;
}

.myreferral-container .ref-status-container .ref-status {
    border: unset;
    border-style: none;
    border-radius: 0.05rem;
    background: #99999999;
    padding: 0.01rem;
}

.myreferral-container .ref-status-container .ref-status .invi-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.01rem solid #ffffff33;
    padding: 0.1rem 0.2rem;
    color: #fff;
}

.myreferral-container .ref-status-container .ref-status .invi-status .value {
    color: #ffe138;
}

.myreferral-container .ref-status-container .ref-status .invi-status:last-child {
    border-bottom: 0;
}

.myreferral-container .ref-notice-container {
    width: 50%;
    position: absolute;
    right: 0.15rem;
}

.myreferral-container .ref-notice-container .info {
    text-align: right;
}

.myreferral-container .ref-notice-container svg {
    height: 0.25rem;
    width: 0.25rem;
    fill: #ffe138;
}

.myreferral-container .ref-notice-container svg:hover {
    cursor: pointer;
}

.myreferral-container .ref-notice-container .ref-tnc-container {
    background: #000000cf;
    color: #fff;
    padding: 0.2rem;
    border-radius: 0.05rem;
    font-size: 0.14rem;
    line-height: 0.22rem;
    position: relative;
    z-index: 1;
}

.myreferral-container .ref-notice-container .ref-tnc-container .main-box .title {
    color: #edfa00;
    font-size: 0.16rem;
}

.myreferral-container .ref-notice-container .ref-tnc-container img {
    width: undefined;
    margin: undefined;
}

.myreferral-container .referral-statement-container {
    flex-direction: column;
    width: 86%;
    margin: 0 0 0.3rem 0.15rem;
}

.myreferral-container .referral-statement-container .referral-statement-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.16rem;
}

.myreferral-container .referral-statement-container .referral-statement-title>* {
    margin: 0;
}

.myreferral-container .referral-statement-container .referral-statement-title .standard-label {
    width: 50%;
}

.myreferral-container .referral-statement-container .referral-statement-title .referral-detail {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #00eaff;
    cursor: pointer;
}

.myreferral-container .referral-statement-container .referral-statement-title .referral-detail svg {
    width: 0.12rem;
    height: 0.1rem;
    fill: #00eaff;
    margin: 0 0 0 0.06rem;
}

.myreferral-container .referral-statement-container .referral-statement-table {
    width: 100%;
    text-align: center;
}

.myreferral-container .referral-statement-container .referral-statement-table th,
.myreferral-container .referral-statement-container .referral-statement-table td {
    width: 50%;
    padding: 0.11rem;
    border: 0.005rem solid #dcdcdc;
}

.myreferral-container .referral-statement-container .referral-statement-table th:first-child,
.myreferral-container .referral-statement-container .referral-statement-table td:first-child {
    border-right: unset;
}

.myreferral-container .referral-statement-container .referral-statement-table th:last-child,
.myreferral-container .referral-statement-container .referral-statement-table td:last-child {
    border-left: unset;
}

.myreferral-container .referral-statement-container .referral-statement-table th {
    background: #dcdcdc;
    color: #888;
}

.myreferral-container .ref-qr-container {
    width: 45%;
    padding: 0 0.15rem;
    display: flex;
    justify-content: space-between;
}

.myreferral-container .ref-qr-container .qr-container .ref-qr {
    width: 1.2rem;
    height: 1.2rem;
}

.myreferral-container .ref-qr-container .share-container-wrapper {
    margin: 0 0 0 0.1rem;
}

.myreferral-container .ref-qr-container .share-container-wrapper .share-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0.08rem;
}

.myreferral-container .ref-details-container {
    width: 45%;
    padding: 0 0.15rem;
}

.myreferral-container .ref-details-container .share-earn-img {
    width: 100%;
    border-radius: 0.05rem;
}

.myreferral-container .ref-details-container .details-container {
    background: rgba(255, 255, 255, 0.1);
    border: 0.01rem solid #ffffff33;
    border-radius: 0.05rem;
    width: 100%;
    padding: 0.2rem 0.5rem;
    margin: 0.1rem 0 0;
}

.myreferral-container .ref-details-container .details-container .detail-row {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 0 0 0.05rem;
    color: WHITe;
}

.myreferral-container .ref-details-container .details-container .detail-row:last-child {
    padding: 0;
}

.myreferral-container .ref-details-container .details-container .detail-row .value {
    text-align: right;
}

.myreferral-container .ref-btn-container {
    width: 45%;
    padding: 0 0.15rem;
}

.myreferral-container .ref-btn-container .btn-wrapper {
    width: 100%;
}

.myreferral-container .ref-btn-container .btn-wrapper .ref-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.5rem;
    font-size: 0.14rem;
    width: 50%;
    border: 0;
    border-radius: 0.05rem;
    font-weight: 600;
    background: #b6b6b680;
    margin: 0 0 0 auto;
    color: undefined;
}

.myreferral-container .ref-btn-container .btn-wrapper .ref-btn:hover {
    background: #b6b6b6cc;
}

.myreferral-container .ref-btn-container .btn-wrapper .ref-btn svg {
    margin-right: 0.1rem;
    width: 0.16rem;
    height: 0.16rem;
}

.myreferral-container .ref-btn-container .btn-wrapper .ref-btn svg .st0 {
    fill: #28db00 !important;
}

.myrefcommbonus-container .bonus-form,
.myref-bonus-container .bonus-form {
    margin: 0 0 0.3rem;
}

.myrefcommbonus-container .bonus-form .field-row-container,
.myref-bonus-container .bonus-form .field-row-container {
    display: grid;
    grid-template-columns: 29% 29% 30%;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 0.1rem;
}

.myrefcommbonus-container .bonus-form .standard-form-field,
.myref-bonus-container .bonus-form .standard-form-field {
    margin: 0 0.15rem;
}

.myrefcommbonus-container .bonus-form .standard-form-field input[type='date']::-webkit-calendar-picker-indicator,
.myref-bonus-container .bonus-form .standard-form-field input[type='date']::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0.1rem;
    content: '';
    background: url(/public/html/images/icon/fa-calendar.svg);
    width: 0.2rem;
    height: 0.22rem;
    cursor: pointer;
}

.myrefcommbonus-container .bonus-form .standard-button-container,
.myref-bonus-container .bonus-form .standard-button-container {
    align-items: flex-end;
}

.myrefcommbonus-container .bonus-form .standard-button-container .standard-submit-form-button,
.myref-bonus-container .bonus-form .standard-button-container .standard-submit-form-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.5rem;
    font-size: 0.14rem;
    width: 80%;
    border: 0;
    border-radius: 0.05rem;
    font-weight: 600;
    background: #b6b6b680;
    margin: 0 auto 0 0.15rem;
    text-transform: capitalize;
}

.mobile-wallet-container svg,
.account-shortcut svg {
    height: 30px;
    width: 30px;
    margin: 0 0 0.1rem;
}

.mobile-wallet-container .shortcut-label,
.account-shortcut .shortcut-label {
    margin: 0;
    font-size: 13px;
    text-align: center;
}

.m-account-container .mobileWalletSection,
.m-account-container .account-menu-container {
    margin: 0.35rem 0.2rem;
}

.m-account-container .account-menu-container .account-shortcut {
    background: #ffffff1a;
    backdrop-filter: blur(0.02rem);
    border-radius: 0.05rem;
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-row-gap: 0.2rem;
    justify-content: space-between;
    padding: 0.3rem 0.15rem;
    margin: 0 0 1.5rem;
    color: #fff;
}

.m-account-container .account-menu-container .account-shortcut .shortcut-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}

.m-account-container .account-menu-container .account-shortcut .shortcut-menu svg {
    fill: #fff;
}

.m-account-container .account-menu-container .account-shortcut .shortcut-menu .unread-msg {
    top: 0;
    right: 0.25rem;
    background: REd;
    border-radius: 50%;
    width: 0.3rem;
    height: 0.3rem;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.m-account-container .account-menu-container .account-shortcut .shortcut-menu .mission-claimable {
    animation: blinkSVG 1.5s linear infinite;
}

.m-profile-container {
    background: #ffffff1a;
    border-radius: 0.1rem;
    margin: 0.35rem 0.2rem;
    backdrop-filter: blur(0.05rem);
}

.m-profile-container .form-container .standard-form-field {
    align-items: center;
    border-bottom: 0.01rem solid #ffffff33;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0.2rem 0.3rem;
}

.m-profile-container .form-container .standard-form-field .showEditIcon {
    width: 50%;
    display: flex;
    align-items: center;
}

.m-profile-container .form-container .standard-form-field .showEditIcon .standard-input {
    width: 88%;
}

.m-profile-container .form-container .standard-form-field .showEditIcon .iconStyling {
    width: 12%;
    margin: 0 0 0 0.05rem;
}

.m-profile-container .form-container .standard-form-field:last-child {
    border-bottom: 0;
}

.m-profile-container .form-container .standard-form-field .standard-label {
    margin: 0;
    width: auto;
}

.m-profile-container .form-container .standard-form-field .standard-input {
    border: 0;
    border-left: 0;
    border-bottom: 0;
    min-height: unset;
    padding: unset;
    text-align: right;
    width: unset;
}

.m-profile-container .form-container .standard-form-field .standard-input:disabled {
    background: 0 0;
    color: #ffe138;
}

.m-profile-container .form-container .standard-form-field .aff-profile-link {
    margin: 0 0 0.3rem;
}

.m-profile-container .form-container .standard-form-field .aff-profile-link .aff-link-container a {
    color: #3ea6ff;
    font-size: 0.25rem;
}

.m-profile-container .form-container .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container {
    margin: 0.1rem 0;
}

.m-profile-container .form-container .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container .referral-btn {
    font-size: 0.24rem;
    background: #511a91;
    padding: 0.1rem;
    border-radius: 0.04rem;
    color: #fff;
    width: undefined;
    height: undefined;
    border: undefined;
}

.m-profile-container .form-container .standard-form-field .aff-domain-warpper {
    display: flex;
}

.m-profile-container .form-container .standard-form-field .aff-domain-warpper a {
    font-size: 0.25rem;
}

.m-profile-container .form-container .standard-form-field .standard-form-field-inner-container {
    display: flex;
}

.m-profile-container .form-container .standard-form-field .standard-form-field-inner-container .verify-icon {
    width: 0.3rem;
}

.m-profile-container .form-container .m-user-verification-section {
    margin: 0 0 0.2rem;
}

.m-profile-container .form-container .m-user-verification-section .user-verification-container {
    padding: 0.2rem 0;
}

.m-profile-container .form-container .m-user-verification-section .verification-text {
    text-align: center;
    color: #b2b0b3;
    margin: 0 0 0.2rem;
    font-size: 0.26rem;
}

.m-profile-container .form-container .m-user-verification-section .verification-icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.m-profile-container .form-container .m-user-verification-section .verification-icons .verify-icon {
    fill: #6c708a;
    width: 0.7rem;
    height: 0.7rem;
    background: #3b405b;
    border-radius: 50%;
    padding: 0.1rem;
    margin: 0 0.3rem 0 0.1rem;
}

.m-profile-container .form-container .m-user-verification-section .verification-icons .verify-icon.active {
    background: #28db00;
    fill: #fff;
}

.m-card-column {
    margin: 0.3rem 0.2rem 0;
    position: relative;
    height: fit-content;
    padding: 0.32rem 0.28rem;
    background: linear-gradient( 84.08deg, rgba(0, 234, 255, 0.1) 0%, rgba(2, 169, 220, 0) 109.78%);
    border-radius: 0.1rem;
    font-size: 0.24rem;
}

.m-card-column .member-info {
    display: grid;
    grid-template-columns: 13% 45% 42%;
    align-items: center;
}

.m-card-column .member-info .account-container {
    position: relative;
    width: fit-content;
    height: fit-content;
}

.m-card-column .member-info .account-container .member-profile-img {
    width: 0.92rem;
    height: 0.92rem;
    border: 0.01rem solid #aaa;
    border-radius: 50%;
}

.m-card-column .member-info .account-container .verify-icon {
    position: absolute;
    bottom: -0.04rem;
    left: -0.05rem;
}

.m-card-column .member-info .account-container .verify-icon svg {
    height: 0.24rem;
    width: 0.24rem;
}

.m-card-column .member-info .account-container .verify-icon svg .st0 {
    fill: #28db00 !important;
}

.m-card-column .member-info .account-container .vip-list {
    position: absolute;
    right: -0.08rem;
    top: -0.06rem;
    background: gray;
    color: #fff;
    padding: 0.05rem 0.07rem;
    border-radius: 0.2rem;
    font-size: 0.2rem;
    line-height: 0.2rem;
}

.m-card-column .member-info .profile-container {
    width: fit-content;
    height: fit-content;
    margin: 0 0 0 0.14rem;
}

.m-card-column .member-info .profile-container .profile-name {
    color: #00eaff;
    font-weight: 600;
    margin: 0 0 0.02rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}

.m-card-column .member-info .profile-container .group-name {
    color: #131313;
}

.m-card-column .member-info .referral-container {
    width: 100%;
    height: fit-content;
    padding: 0 0 0 0.05rem;
}

.m-card-column .member-info .referral-container .referral-wrapper {
    position: relative;
    margin: 0.04rem 0 0;
    cursor: pointer;
}

.m-card-column .member-info .referral-container .referral-wrapper .referral-input {
    height: fit-content;
    padding: 0.11rem 0.43rem 0.11rem 0.16rem;
    background: rgba(0, 234, 255, 0.1);
    border: 0.01rem dashed #00eaff;
    border-radius: 0.08rem;
    text-overflow: ellipsis;
    color: #00eaff;
}

.m-card-column .member-info .referral-container .referral-wrapper .referral-input-svg {
    position: absolute;
    right: 0.11rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.32rem;
    height: 0.32rem;
    fill: #00eaff;
}

.m-card-column .member-info-verify {
    margin: 0.35rem 0 0;
}

.m-card-column .member-social-verify {
    margin: 0.32rem 0 0;
}

.m-card-column .verify-icon-container {
    margin: 0.11rem 0 0;
    display: flex;
}

.m-card-column .verify-icon-container .verify-icon {
    width: 0.62rem;
    height: 0.62rem;
}

.m-card-column .verify-icon-container .verify-icon svg {
    fill: #dcdcdc;
}

.m-card-column .verify-icon-container .verify-icon.verified svg {
    fill: #28db00;
}

.m-card-column .verify-icon-container .verify-icon:not(:first-child) {
    margin: 0 0 0 0.33rem;
}

.m-change-password-container {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.1rem;
    margin: 0.35rem 0.2rem;
    backdrop-filter: blur(0.05rem);
}

.m-change-password-container .form-container {
    padding: 0.25rem 0.3rem;
}

.m-change-password-container .form-container .account-button-section {
    padding: 0.15rem 0;
}

.m-change-provider-password-container {
    margin: 0.35rem 0.2rem 1.5rem;
}

.m-change-provider-password-container .form-container,
.m-change-provider-password-container .notice-text {
    background: rgba(255, 255, 255, 0.1);
    padding: 0.25rem 0.3rem;
    border-radius: 0.1rem;
    backdrop-filter: blur(0.05rem);
}

.m-change-provider-password-container .form-container .account-button-section,
.m-change-provider-password-container .notice-text .account-button-section {
    padding: 0.15rem 0;
}

.m-change-provider-password-container .notice-text {
    font-size: 0.22rem;
    padding: 0.1639rem 0.3073rem;
    margin: 0.2049rem 0 0;
    color: #fff;
}

.bank-support-container {
    color: red;
    padding: 0.2rem 0.5rem 0.1rem;
    font-size: 0.2rem;
    font-weight: 700;
}

.bank-support-container-content {
    margin: 0.1rem 0.2rem 1.5rem !important;
}

.m-bank-container {
    margin: 0.35rem 0.2rem 1.5rem;
    border-radius: 0.1rem;
    background: 0 0;
    backdrop-filter: blur(0.05rem);
    padding: undefined;
}

.m-bank-container .bank-info-box-container .bank-info-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 1.56rem;
    padding: 0 0 0 0.3rem;
    border: 0.01rem solid #ffffff33;
    border-width: 0 0 0.01rem;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-info-col {
    width: 69%;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row {
    display: flex;
    font-size: 0.3rem;
    color: #ffe138;
    margin: 0 0 0.05rem;
    max-width: undefined;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row:first-child {
    font-size: 0.23rem;
    color: #23b200;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row:nth-child(3),
.m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row:nth-child(4) {
    width: 4.5rem;
    color: #fff;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row:last-child {
    font-size: 0.23rem;
    color: #fff;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row .info-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row-detail {
    font-size: 0.23rem;
    color: #fff;
}

.m-bank-container .bank-info-box-container .bank-info-box .delete-bank-col {
    display: flex;
}

.m-bank-container .bank-info-box-container .bank-info-box .delete-bank-col .delete-icon {
    background: unset;
    margin: 0 0.28rem 0 0;
}

.m-bank-container .bank-info-box-container .bank-info-box .delete-bank-col .delete-icon svg {
    width: 0.5rem;
    height: 0.5rem;
    fill: REd;
}

.m-bank-container .bank-info-box-container .bank-info-box .delete-bank-col .delete-btn {
    background: REd;
    padding: 0.62rem 0.35rem;
    font-size: 0.24rem;
    color: #fff;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.11rem;
    border-radius: 0.5rem;
    line-height: 0.15rem;
    padding: 0.08rem;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info.P {
    background: rgba(255, 138, 0, 0.1);
    color: #ff8a00;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info.A {
    background: rgba(40, 219, 1, 0.1);
    color: #28db01;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info.R {
    background: rgba(255, 0, 0, 0.1);
    color: red;
}

.m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info svg {
    width: 0.27rem;
    height: 0.27rem;
    margin: 0 0.1rem 0 0;
}

.m-bank-container .transaction-button-section {
    padding: 0.45rem;
}

.m-bank-container .transaction-button-section .m-no-bank-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.m-bank-container .transaction-button-section .m-no-bank-details svg {
    width: 2.5rem;
}

.m-bank-container .transaction-button-section .m-no-bank-details p {
    margin: 0.3rem 0;
}

.m-bank-container .transaction-button-section .standard-button-container {
    justify-content: center;
}

.m-bank-container .transaction-button-section .standard-button-container .standard-add-form-button {
    width: 60%;
}

.m-history-landing-container {
    padding: 0.35rem 0.2rem 1.6rem;
}

.m-history-landing-container .history-control-section .history-control-panel {
    background: rgba(255, 255, 255, 0.1);
    margin: 0 0 0.35rem;
    padding: 0.25rem 0.3rem;
    border-radius: 0.1rem;
    backdrop-filter: blur(0.05rem);
    position: relative;
    z-index: 1;
}

.m-history-landing-container .history-control-section .history-control-panel .form-panel {
    grid-template-columns: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field {
    width: 49%;
}

.m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field:first-child {
    grid-column: 1 / span 3;
    width: 100%;
}

.m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field:last-child {
    grid-column: 1 / span 1;
    width: 100%;
}

.m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.Transaction-Type-selection {
    grid-column: 1 / span 3;
    width: 100%;
}

.m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.Status-selection {
    grid-column: 1 / span 3;
    width: 100%;
}

.m-history-landing-container .history-control-section .history-control-panel .form-panel .transaction-button-section {
    margin: 0.15rem 0;
}

.m-history-landing-container .history-control-section .history-control-panel .range-wrapper {
    width: 100%;
    margin-bottom: 0.2rem;
}

.m-history-landing-container .history-control-section .history-control-panel .range-wrapper .standard-form-field {
    margin-bottom: 0.05rem;
}

.m-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options {
    display: flex;
}

.m-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div {
    min-width: 1.2rem;
    border: 0.01rem solid #dcdcdc;
    margin-right: 0.1rem;
    border-radius: 0.1rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.05rem 0.1rem;
    cursor: pointer;
}

.m-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div.active {
    border: 0.02rem solid #edfa00;
}

.m-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.m-history-landing-container .history-control-section .history-control-panel .type-wrapper {
    width: 100%;
    display: grid;
    grid-gap: 0.1rem;
    grid-template-columns: 1fr 1fr;
}

.m-history-landing-container .history-control-section .history-control-panel .type-wrapper div {
    padding: 0.1rem;
    border: 0.01rem solid #dcdcdc;
    cursor: pointer;
    min-height: 0.6rem;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 0.05rem;
    margin-bottom: 0.2rem;
    flex: 0 0 calc(50% - 0.05rem);
    margin-bottom: 0.1rem;
}

.m-history-landing-container .history-control-section .history-control-panel .type-wrapper div:not(:last-child) {
    margin-bottom: 0.1rem;
}

.m-history-landing-container .history-control-section .history-control-panel .type-wrapper div.selected {
    border: 0.01rem solid #edfa00;
    background: rgba(237, 250, 0, 0.1);
}

.m-history-landing-container .m-standard-content-container {
    border: transparent;
}

.m-history-landing-container .m-standard-content-container .history-container {
    padding: 0;
}

.m-history-landing-container .m-standard-content-container .history-container .history-info-container {
    border-radius: 0.1rem;
    backdrop-filter: blur(0.05rem);
}

.m-history-landing-container .m-standard-content-container .history-container .pagination-container {
    padding: 0;
}

.m-referral-container {
    margin: 0.35rem 0.2rem;
    min-height: 100vh;
}

.m-referral-container .standard-tab-container {
    border: 0;
    width: 80%;
    margin: 0.3rem auto;
    border-radius: 0.1rem;
    background: #ffffff1a;
}

.m-referral-container .standard-tab-container .standard-tab {
    padding: 0;
}

.m-referral-container .standard-tab-container .standard-tab .tab-header {
    width: 50%;
    padding: 0.2rem 0.3rem;
    text-transform: capitalize;
}

.m-referral-container .standard-tab-container .standard-tab .tab-header p {
    margin: 0;
}

.m-referral-container .standard-tab-container .standard-tab .tab-header.active {
    background: linear-gradient(#511a91, #391266);
    color: #fff;
    border-radius: 0.1rem;
}

.m-referral-container .referral-statement-container {
    background: #ffffff1a;
    padding: 0.3rem 0.3rem 0.6rem;
    border: 0.01rem solid #ffffff33;
    border-radius: 0.06rem;
    margin: 0 0 0.3rem;
}

.m-referral-container .referral-statement-container .referral-statement-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.24rem;
}

.m-referral-container .referral-statement-container .referral-statement-title>* {
    margin: 0;
}

.m-referral-container .referral-statement-container .referral-statement-title .standard-label {
    width: 50%;
}

.m-referral-container .referral-statement-container .referral-statement-title .referral-detail {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #00eaff;
    cursor: pointer;
}

.m-referral-container .referral-statement-container .referral-statement-title .referral-detail svg {
    width: 0.2rem;
    height: 0.16rem;
    fill: #00eaff;
    margin: 0 0 0 0.08rem;
}

.m-referral-container .referral-statement-container .referral-statement-table {
    width: 100%;
    text-align: center;
}

.m-referral-container .referral-statement-container .referral-statement-table th,
.m-referral-container .referral-statement-container .referral-statement-table td {
    width: 50%;
    padding: 0.16rem;
    border: 0.005rem solid #dcdcdc;
}

.m-referral-container .referral-statement-container .referral-statement-table th:first-child,
.m-referral-container .referral-statement-container .referral-statement-table td:first-child {
    border-right: unset;
}

.m-referral-container .referral-statement-container .referral-statement-table th:last-child,
.m-referral-container .referral-statement-container .referral-statement-table td:last-child {
    border-left: unset;
}

.m-referral-container .referral-statement-container .referral-statement-table th {
    background: #dcdcdc;
    color: #888;
}

.m-referral-container .m-myreferral-container {
    padding: 0 0 1.6rem;
}

.m-referral-container .m-myreferral-container .ref-code-container {
    background: #ffffff1a;
    padding: 0.3rem;
    border-radius: 0.06rem;
    backdrop-filter: blur(0.05rem);
}

.m-referral-container .m-myreferral-container .ref-code-container .ref-share-container {
    font-size: 0.24rem;
    text-align: center;
    margin: 0.3rem auto;
}

.m-referral-container .m-myreferral-container .ref-code-container .ref-share-container .standard-button-container {
    justify-content: center;
}

.m-referral-container .m-myreferral-container .ref-code-container .ref-share-container .share-container {
    display: flex;
    grid-gap: 0.3rem;
    justify-content: space-between;
}

.m-referral-container .m-myreferral-container .ref-code-container .ref-share-container .share-container button {
    width: 0.92rem;
    height: 0.92rem;
}

.m-referral-container .m-myreferral-container .ref-code-container .share-important-container {
    font-size: 0.24rem;
    text-align: center;
}

.m-referral-container .m-myreferral-container .ref-code-container .share-important-container .important-notice {
    display: flex;
    justify-content: center;
}

.m-referral-container .m-myreferral-container .ref-code-container .share-important-container .important-notice svg {
    fill: #ffe138;
    margin: 0 0.05rem;
}

.m-referral-container .m-myreferral-container .ref-code-container .share-important-container .important-notice span {
    text-decoration-line: underline;
    color: #aaa;
}

.m-referral-container .m-myreferral-container .ref-code-container .ref-qr-container {
    text-align: center;
}

.m-referral-container .m-myreferral-container .ref-code-container .ref-qr-container .qr-label {
    margin: 0.4rem 0 0.1rem;
    justify-content: center;
}

.m-referral-container .m-myreferral-container .ref-details-container {
    margin: 0.5rem 0 0;
}

.m-referral-container .m-myreferral-container .ref-details-container .ref-details-label {
    padding: 0 0.3rem;
}

.m-referral-container .m-myreferral-container .ref-details-container .share-earn-img {
    width: 100%;
    border-radius: 0.06rem;
}

.m-referral-container .m-myreferral-container .ref-details-container .details-container {
    background: rgba(255, 255, 255, 0.1);
    border: 0.01rem solid #ffffff33;
    border-radius: 0.05rem;
    width: 100%;
    padding: 0.3rem 1rem;
    margin: 0.1rem 0 0;
}

.m-referral-container .m-myreferral-container .ref-details-container .details-container .detail-row {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 0 0 0.2rem;
    color: WHITe;
}

.m-referral-container .m-myreferral-container .ref-details-container .details-container .detail-row:last-child {
    padding: 0;
}

.m-referral-container .m-myreferral-container .ref-details-container .details-container .detail-row .value {
    text-align: right;
}

.m-referral-container .m-myreferral-container .ref-status-container {
    margin: 0.5rem 0 0.2rem;
}

.m-referral-container .m-myreferral-container .ref-status-container .ref-status {
    backdrop-filter: blur(0.05rem);
}

.m-referral-container .m-myreferral-container .ref-status-container .ref-status .invi-status,
.m-referral-container .m-myreferral-container .ref-status-container .ref-status .convert-status {
    display: flex;
    justify-content: space-between;
    background: #ffffff1a;
    padding: 0.2rem 0.3rem;
    color: #fff;
}

.m-referral-container .m-myreferral-container .ref-status-container .ref-status .invi-status .value,
.m-referral-container .m-myreferral-container .ref-status-container .ref-status .convert-status .value {
    color: #ffe138;
}

.m-referral-container .m-myreferral-container .ref-status-container .ref-status .invi-status {
    border-radius: 0.06rem 0.06rem 0 0;
    border-bottom: 0.01rem solid #ffffff33;
}

.m-referral-container .m-myreferral-container .ref-status-container .ref-status .convert-status {
    border-radius: 0 0 0.06rem 0.06rem;
}

.m-referral-container .m-myrefcommbonus-container .standard-form-one-row-container,
.m-referral-container .m-myrefbonus-container .standard-form-one-row-container,
.m-referral-container .m-myteam-container .standard-form-one-row-container {
    display: grid;
    margin: 0;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
}

.m-referral-container .m-myrefcommbonus-container .standard-form-one-row-container .standard-form-field,
.m-referral-container .m-myrefbonus-container .standard-form-one-row-container .standard-form-field,
.m-referral-container .m-myteam-container .standard-form-one-row-container .standard-form-field {
    width: 98%;
}

.m-referral-container .m-myrefcommbonus-container .reward-type-row,
.m-referral-container .m-myrefbonus-container .reward-type-row,
.m-referral-container .m-myteam-container .reward-type-row {
    grid-template-columns: 1fr;
    margin: 0 0 0.2rem;
}

.m-referral-container .m-myrefcommbonus-container .reward-type-row .reward-type-field,
.m-referral-container .m-myrefbonus-container .reward-type-row .reward-type-field,
.m-referral-container .m-myteam-container .reward-type-row .reward-type-field {
    width: 99%;
}

.isMulti-tier-referral {
    margin: 0;
}

.isMulti-tier-referral .standard-tab-container {
    margin: 0;
    width: 100%;
}

.isMulti-tier-referral .standard-tab-container .standard-tab {
    padding: 0.1rem 0;
}

.isMulti-tier-referral .standard-tab-container .standard-tab .tab-header {
    position: relative;
}

.isMulti-tier-referral .standard-tab-container .standard-tab .tab-header.active {
    color: #0bc;
    background: 0 0;
}

.isMulti-tier-referral .standard-tab-container .standard-tab .tab-header.active .border-line {
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 0.05rem;
    background: #edfa00;
}

.isMulti-tier-referral .m-myreferral-container,
.isMulti-tier-referral .m-myrefbonus-container,
.isMulti-tier-referral .m-myteam-container {
    margin: 0.3rem 0.2rem 0;
}

.mobileReferralContainer {
    background: linear-gradient(#511a91, #391266);
    padding: 0.25rem;
    font-size: 0.25rem;
    font-weight: 600;
    border-radius: 0.06rem;
    margin: 0 0 0.2rem;
}

.mobileReferralContainer .referral-content {
    color: #fff;
}

.mobileReferralContainer .share-container {
    margin: 0.5rem 0;
    position: relative;
    display: flex;
}

.mobileReferralContainer .share-container .highlighted-text {
    color: #dadada;
    background: #353535;
    padding: 0.2rem 25%;
    border: 0.01rem dashed #898989;
}

.mobileReferralContainer .share-container .referral-btn {
    color: #000;
    padding: 0.2rem 0.5rem;
    border-radius: 0.15rem;
    background: linear-gradient(180deg, #e4e6e7, #93979a);
    border: none;
    font-weight: 700;
    font-family: unset;
    white-space: nowrap;
    margin: 0 auto;
    width: 2rem;
}

.m-myrefcommbonus-container .filter-container,
.m-myrefbonus-container .filter-container {
    background: #ffffff1a;
    padding: 0.3rem;
    border-radius: 0.06rem;
}

.m-myrefcommbonus-container .filter-container button.standard-submit-form-button,
.m-myrefbonus-container .filter-container button.standard-submit-form-button {
    margin: 0.2rem 0;
}

.m-message-container {
    padding: 0.35rem 0.2rem 1.6rem;
}

.m-message-container .filter-container {
    background: rgba(255, 255, 255, 0.1);
    margin: 0 0 0.35rem;
    padding: 0.25rem 0.3rem;
    border-radius: 0.1rem;
}

.m-message-container .filter-container .standard-form-one-row-container {
    margin: 0 0 0.3rem;
}

.m-message-container .filter-container .transaction-button-section {
    margin: 0.15rem 0;
}

.m-message-container .form-panel {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    backdrop-filter: blur(0.05rem);
    position: relative;
    z-index: 1;
}

.m-message-container .form-panel .standard-form-field {
    width: 49%;
}

.m-message-container .form-panel .standard-form-field .standard-submit-form-button {
    width: 100%;
    min-width: 100%;
}

.m-message-container .form-panel .standard-form-field .standard-select-arrow {
    top: 0.6rem;
}

.m-message-container .form-panel .standard-form-field .standard-select-arrow::after {
    top: 0.6rem;
}

.m-message-container .select-delete-container {
    display: flex;
    margin: 0.2rem 0;
    justify-content: space-between;
    z-index: 0;
    position: relative;
}

.m-message-container .select-delete-container .standard-checkbox-container {
    display: flex;
    align-items: center;
    width: 50%;
}

.m-message-container .select-delete-container .standard-checkbox-container label {
    padding: 0 0 0 0.1rem;
    margin: 0;
}

.m-message-container .select-delete-container .transaction-button-section {
    width: 40%;
}

.m-message-container .select-delete-container .transaction-button-section .standard-button-container {
    width: 100%;
    min-width: 100%;
}

.m-message-container .select-delete-container .transaction-button-section .standard-button-container button {
    width: 100%;
}

.m-message-container .select-delete-container .transaction-button-section .standard-button-container button svg {
    width: 0.32rem;
    height: 0.32rem;
    fill: #fff;
}

.m-message-container .standard-invisible-checkbox {
    width: 0.3rem;
    height: 0.3rem;
}

.m-message-container .main-detail-container .box-container {
    border: transparent;
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.1);
    overflow-wrap: anywhere;
}

.m-message-container .main-detail-container .box-container .empty-container {
    padding: 0.15rem;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.m-message-container .main-detail-container .box-container .box {
    display: flex;
    border-bottom: 0.01rem solid #ffffff33;
    padding: 0.25rem 0.3rem;
}

.m-message-container .main-detail-container .box-container .box:last-child {
    border-bottom: 0;
}

.m-message-container .main-detail-container .box-container .box .main-detail {
    width: 65%;
    display: grid;
    grid-template-columns: 10% 5% 85%;
}

.m-message-container .main-detail-container .box-container .box .main-detail .standard-checkbox-container {
    margin-right: 0.15rem;
    display: flex;
    align-items: center;
}

.m-message-container .main-detail-container .box-container .box .main-detail .read-status {
    margin: 0 0.15rem 0 0;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
}

.m-message-container .main-detail-container .box-container .box .main-detail .read-status.unread {
    background: RED;
    border-radius: 50%;
}

.m-message-container .main-detail-container .box-container .box .main-detail .message-details {
    word-break: break-all;
}

.m-message-container .main-detail-container .box-container .box .main-detail .message-details p {
    margin-bottom: 0;
    font-size: 0.22rem;
}

.m-message-container .main-detail-container .box-container .box .main-detail .message-details p.date {
    margin-bottom: 0.05rem;
    color: #fff;
}

.m-message-container .main-detail-container .box-container .box .main-detail .message-details p.title {
    font-size: 0.26rem;
}

.m-message-container .main-detail-container .box-container .box .main-detail .message-details p.read {
    color: WhitE;
}

.m-message-container .main-detail-container .box-container .box .main-detail .message-details p.unread {
    color: #ffe138;
}

.m-message-container .main-detail-container .box-container .box .delete-bank-col {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.m-message-container .main-detail-container .box-container .box .delete-bank-col .delete-icon {
    background: unset;
}

.m-message-container .main-detail-container .box-container .box svg {
    width: 0.4rem;
    height: 0.4rem;
    fill: #ffffffe6;
}

.m-message-detail-container {
    margin: 0.35rem 0.2rem 1.5rem;
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(1rem);
}

.m-message-detail-container .box-container {
    padding: 0.25rem 0.3rem;
    background: unset;
    border-radius: 0.1rem;
    overflow-wrap: anywhere;
}

.m-message-detail-container .box-container .detail {
    display: grid;
    grid-template-columns: 7% 90%;
}

.m-message-detail-container .box-container .detail:last-child {
    border-bottom: 0;
}

.m-message-detail-container .box-container .detail .icon-col {
    margin: 0 0.15rem 0 0;
}

.m-message-detail-container .box-container .detail .icon-col svg {
    fill: #fff;
    width: 0.35rem;
    height: 0.35rem;
}

.m-message-detail-container .box-container .detail .info-col {
    color: #fff;
}

.m-message-detail-container .box-container .detail .info-col .info-row {
    width: 100%;
    display: inline-block;
    word-break: break-word;
    margin: 0 0 0.1rem;
    font-size: 0.24rem;
}

.m-message-detail-container .box-container .detail .info-col .info-row:last-child {
    margin: 0;
}

.m-message-detail-container .box-container .detail .info-col .info-row.date {
    font-size: 0.22rem;
}

.m-message-detail-container .box-container .detail .info-col .info-row .title {
    color: #ffe138;
    font-size: 0.26rem;
}

.m-message-detail-container .box-container .detail .info-col .info-row p,
.m-message-detail-container .box-container .detail .info-col .info-row h1,
.m-message-detail-container .box-container .detail .info-col .info-row h2,
.m-message-detail-container .box-container .detail .info-col .info-row h3,
.m-message-detail-container .box-container .detail .info-col .info-row h4,
.m-message-detail-container .box-container .detail .info-col .info-row h5,
.m-message-detail-container .box-container .detail .info-col .info-row h6 {
    margin: 0 0 0.24rem;
}

.m-message-detail-container .box-container .detail .info-col p {
    color: #fff;
}

.m-message-detail-container .box-container .detail .info-col img {
    width: 100% !important;
    height: auto !important;
}

.m-message-detail-container .box-container .transaction-button-section {
    margin: 0.3rem 0;
}

.m-message-detail-container .box-container .transaction-button-section .standard-button-container {
    justify-content: flex-end;
}

.m-message-detail-container .box-container .transaction-button-section .standard-button-container svg {
    fill: #fff;
}

.livetv-container {
    background: undefined;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}

.livetv-container .tab-container {
    background: #000000cc;
    border-bottom: unset;
    margin-bottom: 0.24rem;
}

.livetv-container .tab-container .tab-content {
    width: 11rem;
    margin: auto;
    justify-content: flex-start;
}

.livetv-container .tab-container .tab-content .tab-list {
    display: flex;
}

.livetv-container .tab-container .tab-content .tab-list .tab-item {
    padding: 0.18rem 0.24rem 0.2rem 0.08rem;
}

.livetv-container .tab-container .tab-content .tab-list .tab-item:first-child {
    padding-left: 0.1rem;
}

.livetv-container .tv-table-container {
    width: 9rem;
    margin: 0.3rem auto;
    padding: undefined;
}

.livetv-container .tv-table-container .tv-table {
    width: 100%;
    margin: 0 0 0.21rem;
}

.livetv-container .tv-table-container .tv-table .home-icon {
    fill: #00f;
}

.livetv-container .tv-table-container .tv-table .away-icon {
    fill: red;
}

.livetv-container .tv-table-container .tv-table:last-child {
    margin: 0;
}

.livetv-container .tv-table-container .tv-table thead {
    height: 0.66rem;
}

.livetv-container .tv-table-container .tv-table thead tr .tv-title {
    width: 70%;
    background: #1e1e1e;
    padding: 0 0.21rem;
}

.livetv-container .tv-table-container .tv-table thead tr .tv-title .datetime {
    font-size: 0.12rem;
    font-weight: 500;
}

.livetv-container .tv-table-container .tv-table thead tr .tv-status {
    text-align: center;
    width: 30%;
    background: #2a2a2a;
}

.livetv-container .tv-table-container .tv-table tbody {
    background: #ffffff33;
}

.livetv-container .tv-table-container .tv-table tbody .tv-state {
    height: 0.6rem;
    border: 0.01rem solid #00000080;
    border-style: solid none solid none;
}

.livetv-container .tv-table-container .tv-table tbody .tv-state td {
    border: 0.01rem solid #00000080;
}

.livetv-container .tv-table-container .tv-table tbody .tv-state .team-name {
    height: 0.6rem;
    display: grid;
    align-items: center;
    grid-template-columns: 15% 85%;
    border: none;
}

.livetv-container .tv-table-container .tv-table tbody .tv-state .team-name svg {
    width: 0.36rem;
    margin: auto;
}

.livetv-container .tv-table-container .tv-table tbody .tv-state .team-score {
    width: 10%;
    text-align: center;
}

.livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn {
    text-align: center;
    width: 100%;
}

.livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn img {
    height: 0.9rem;
}

.livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn img:hover {
    cursor: pointer;
}

.livetv-container .tv-table-container .tv-table tbody .tv-timer {
    height: 0.3rem;
    text-align: center;
}

.livetv-container .tv-table-container .tv-table tbody .tv-timer .tv-score {
    background: #21212199;
}

.livetv-container .tv-table-container .tv-table tbody .tv-timer .tv-countdown {
    background: #212121e6;
}

.livetv-container .livetv-break-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

.livetv-container .livetv-break-container .livetv-break-img-container {
    margin-bottom: 0.3rem;
}

.livetv-container .livetv-break-container .livetv-break-img-container img {
    width: 4rem;
}

.livetv-container .livetv-break-container .livetv-break-text-container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #aaa;
    text-align: center;
}

.livetv-container .livetv-break-container .livetv-break-text-container p {
    margin-bottom: 0.05rem;
}

.livetv-container .livetv-break-container .livetv-break-text-container p span .highlight {
    color: #ffe138 !important;
    text-decoration: underline;
}

.m-livetv-container .tab-container {
    background: #000000cc;
    border-bottom: unset;
}

.m-livetv-container .tab-container .tab-content {
    width: 100%;
    margin: auto;
    justify-content: flex-start;
}

.m-livetv-container .tab-container .tab-content .tab-list {
    display: flex;
}

.m-livetv-container .tab-container .tab-content .tab-list .tab-item {
    padding: 0.24rem 0.24rem 0.25rem 0.08rem;
    font-size: 0.28rem;
}

.m-livetv-container .tab-container .tab-content .tab-list .tab-item.active {
    background: 0 0;
}

.m-livetv-container .tv-table-container {
    width: 95%;
    margin: 0.3rem auto 1.5rem;
}

.m-livetv-container .tv-table-container .tv-table {
    width: 100%;
    margin: 0 0 0.21rem;
}

.m-livetv-container .tv-table-container .tv-table .home-icon {
    fill: #00f;
}

.m-livetv-container .tv-table-container .tv-table .away-icon {
    fill: red;
}

.m-livetv-container .tv-table-container .tv-table thead {
    height: 1rem;
}

.m-livetv-container .tv-table-container .tv-table thead tr .tv-title {
    width: 70%;
    background: #1e1e1e;
    padding: 0 0.21rem;
}

.m-livetv-container .tv-table-container .tv-table thead tr .tv-title .datetime {
    font-weight: 500;
}

.m-livetv-container .tv-table-container .tv-table thead tr .tv-status {
    text-align: center;
    width: 30%;
    background: #2a2a2a;
}

.m-livetv-container .tv-table-container .tv-table tbody {
    background: #ffffff33;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-state {
    height: 0.72rem;
    border: 0.01rem solid #00000080;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-state td {
    border: 0.01rem solid #00000080;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-state .team-name {
    height: 0.72rem;
    display: grid;
    align-items: center;
    grid-template-columns: 15% 85%;
    border: none;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-state .team-name svg {
    width: 0.36rem;
    margin: auto;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-state .team-score {
    width: 10%;
    text-align: center;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn {
    text-align: center;
    width: 100%;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn img {
    height: 0.8rem;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-timer {
    height: 0.42rem;
    text-align: center;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-timer .tv-score {
    background: #21212199;
}

.m-livetv-container .tv-table-container .tv-table tbody .tv-timer .tv-countdown {
    background: #212121e6;
}

.m-livetv-container .livetv-break-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

.m-livetv-container .livetv-break-container .livetv-break-img-container {
    margin-bottom: 0.3rem;
}

.m-livetv-container .livetv-break-container .livetv-break-img-container img {
    width: 5.5rem;
}

.m-livetv-container .livetv-break-container .livetv-break-text-container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #aaa;
    text-align: center;
}

.m-livetv-container .livetv-break-container .livetv-break-text-container p {
    margin-bottom: 0.05rem;
}

.m-livetv-container .livetv-break-container .livetv-break-text-container p span .highlight {
    color: #ffe138 !important;
    text-decoration: underline;
}

.livescore-container .score-content .tab-container {
    background: #000000cc;
    border-bottom: unset;
    margin-bottom: 0.24rem;
}

.livescore-container .score-content .tab-container .tab-content {
    width: 11rem;
    margin: auto;
    justify-content: flex-start;
}

.livescore-container .score-content .tab-container .tab-content .tab-list {
    display: flex;
}

.livescore-container .score-content .tab-container .tab-content .tab-list .tab-item {
    padding: 0.18rem 0.24rem 0.2rem 0.08rem;
}

.livescore-container .score-content .tab-container .tab-content .tab-list .tab-item:first-child {
    padding-left: 0.1rem;
}

.livescore-container .score-content .score-iframe-container {
    max-width: 100%;
    flex: 0 0 100%;
    justify-content: center;
    width: 100%;
    padding-left: 0;
    align-items: center;
    flex-wrap: nowrap;
    list-style: none;
}

.livescore-container .score-content .score-iframe-container .score-iframe {
    width: 11rem;
    height: 105vh;
    background: #fff;
    margin: auto;
    display: block;
}

@media (max-width: 768px) {
    .livescore-container .score-content .tab-container .tab-content .tab-list .tab-item {
        padding: 0.24rem 0.24rem 0.25rem 0.08rem;
        font-size: 0.28rem;
    }
    .livescore-container .score-content .score-iframe-container .score-iframe {
        width: 100%;
    }
}

.affiliateID {
    margin: unset;
}

.affiliateID svg {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0 0 0.06rem;
    fill: #a2a2a2;
    cursor: pointer;
}

.affiliateID svg.isOpen {
    transform: rotate(180deg);
}

.affiliateID svg.isHide {
    opacity: 1;
    visibility: unset;
}

.affiliateID .isHide {
    transition: visibility 0s linear 0.33s, opacity 0.33s linear;
    visibility: hidden;
    opacity: 0;
}

.affiliateID .isOpen {
    transition: visibility 0s linear 0.33s, opacity 0.33s linear;
    transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.register-main-container {
    display: flex;
    flex-direction: column;
    background: #000;
    background-size: 100% 100%;
    padding: 0.5rem 0 0.8rem;
    background-position: undefined;
    height: undefined;
    background-repeat: undefined;
}

.register-main-container .registration-title {
    width: 9.2rem;
    margin: 0 auto 0.2rem;
    font-size: 0.16rem;
    font-weight: 700;
    color: #ffe138;
    text-transform: undefined;
}

.register-main-container .register {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0.5rem 0.3rem;
    margin: 0 auto;
    border-radius: 0.2rem;
    background: unset;
    box-shadow: unset;
}

.register-main-container .register .reg {
    order: undefined;
}

.register-main-container .register .reg .reg-title {
    width: 100%;
    color: #00eaff;
    font-weight: 700;
    font-size: 0.28rem;
}

.register-main-container .register .reg .reg-step {
    width: 100%;
    margin: 0.2rem auto;
}

.register-main-container .register .reg .reg-container {
    width: unset;
    margin: unset;
}

.register-main-container .register .reg .reg-container .reg-btn-container {
    text-align: left;
    width: 60%;
    float: left;
}

.register-main-container .register .reg .reg-container .reg-btn-container button {
    height: 0.5rem;
    border-radius: 0.06rem;
}

.register-main-container .register .reg .reg-container .reg-btn-container button:hover {
    background: #b6b6b6cc;
}

.register-main-container .register .reg .reg-container .reg-btn-container button:disabled {
    background: #b6b6b6;
}

.register-main-container .register .reg .reg-container .reg-btn-container button svg {
    width: 0.16rem;
    height: 0.16rem;
    margin: 0 0.1rem 0 0;
}

.register-main-container .register .reg .reg-container .reg-btn-container button svg .st0 {
    fill: #28db00 !important;
}

.register-main-container .register .reg .reg-container .reg-notice-label {
    color: #757575;
    font-size: 0.12rem;
}

.register-main-container .register .reg .standard-label {
    color: WhitE;
    font-weight: unset;
    display: flex;
    align-items: center;
    margin: 0 0.08rem 0.06rem;
}

.register-main-container .register .reg .standard-form-field .standard-input:-webkit-autofill,
.register-main-container .register .reg .standard-form-field .standard-select:-webkit-autofill {
    -webkit-box-shadow: #99999999 !important;
}

.register-main-container .register .reg .standard-form-field .standard-select img {
    margin: 0 0.05rem 0 0;
}

.register-main-container .register .reg .standard-form-field .standard-select-dropdown {
    background-color: undefined;
    border: undefined;
    left: 0%;
}

.register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-options {
    padding: 0.05rem 0.09rem;
    color: undefined;
}

.register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-options img {
    margin: 0 0.05rem 0 0;
}

.register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-search input {
    color: undefined;
}

.register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-search ::placeholder {
    color: undefined;
}

.register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-search :-ms-input-placeholder {
    color: undefined;
}

.register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-search ::-ms-input-placeholder {
    color: undefined;
}

.register-main-container .register .reg-banner-container {
    width: 40%;
    margin: undefiend;
}

.register-main-container .register .reg-banner-container .lazy-load-image-background {
    display: undefined;
}

.register-main-container .register .reg-banner-container .banner-img {
    width: 100%;
    height: 100%;
    border-radius: undefined;
    box-shadow: undefined;
}

.register-main-container .register.registerStyle2 {
    border-radius: 0.06rem;
    color: #fff;
    /* padding: 0.32rem 0.6rem; */
    background: rgba(255, 255, 255, 0.1);
}

.register-main-container .register.registerStyle2 .right-section {
    display: block;
    flex-direction: column;
    justify-content: center;
}

.register-main-container .register.registerStyle2 .right-section .register-benefits-content {
    padding: undefined;
    width: undefined;
}

.register-main-container .register.registerStyle2 .register-benefits-content {
    width: 100%;
}

.register-main-container .register.registerStyle2 .register-benefits-content .register-benefits-bg {
    width: 100%;
    object-fit: undefined;
}

.register-main-container .register.registerStyle2 .register-benefits-content .member-benefits.body ul {
    display: block;
}

.register-main-container .register.registerStyle2 .register-benefits-content .member-benefits.body ul li {
    width: 90%;
    line-height: 0.16rem;
}

.register-main-container .register.registerStyle2 .banners-wrapper img {
    width: 100%;
    margin-top: 0.2rem;
}

.register-main-container .register.registerStyle2 .reg {}

.register-main-container .register.registerStyle2 .reg .reg-step {
    display: flex;
    justify-content: center;
    margin: 0.2rem auto 0.4rem;
}

.register-main-container .register.registerStyle2 .reg .reg-step .reg-progress-container .progressBar {
    width: 10%;
    height: 0.01rem;
}

.register-main-container .register.registerStyle2 .reg .reg-step .reg-progress-container .step-container {
    width: 0.27rem;
    height: 0.29rem;
    border-radius: undefined;
}

.register-main-container .register.registerStyle2 .reg .reg-container {
    display: grid;
}

.register-main-container .register.registerStyle2 .reg .reg-container .standard-form-container {
    order: 1;
}

.register-main-container .register.registerStyle2 .reg .reg-container .reg-btn-container {
    order: 3;
    float: none;
    margin: 0.4rem auto;
}

.register-main-container .register.registerStyle2 .reg .reg-container .reg-btn-container .standard-submit-button {
    background: #b6b6b680;
    color: undefined;
    text-transform: undefined;
}

.register-main-container .register.registerStyle2 .reg .reg-container .reg-btn-container .standard-submit-button:hover {
    background: #b6b6b6cc;
}

.register-main-container .register.registerStyle2 .reg .reg-container .reg-btn-container .standard-submit-button:disabled {
    background: #b6b6b6;
}

.register-main-container .register.registerStyle2 .reg .reg-container .reg-footer-notice {
    order: 2;
    font-size: 0.12rem;
    color: #aaa;
    padding: 0.14rem;
}

.register-main-container .register.registerStyle2 .reg .reg-success .success-animation {
    width: 1.6rem;
    height: 1.6rem;
    margin: auto;
}

.register-main-container .register.registerStyle2 .reg .reg-success .success-animation svg {
    fill: #edfa00;
}

.register-main-container .register.registerStyle2 .reg .reg-success .success-animation img {
    width: 90%;
}

.register-main-container .register.registerStyle2 .reg .reg-success .reg-success-svg {
    width: 2.1rem;
    height: 2.1rem;
    margin: 0 0 0.18rem;
}

.register-main-container .register.registerStyle2 .reg .reg-success .reg-btn-container {
    margin: undefined;
}

.register-main-container .register.registerStyle2 .reg .reg-success .reg-btn-container .reg-success-deposit-btn {
    height: 0.5rem;
    margin: auto;
    width: 100%;
    min-width: 100%;
    text-transform: undefined;
}

.register-main-container .register.registerStyle2 .reg .reg-success .reg-btn-container .reg-success-deposit-btn:hover {
    background: undefined;
}

.register-main-container .register.registerStyle2 .reg .reg-success .reg-btn-container .reg-success-deposit-btn:disabled:hover {
    background: undefined;
}

.register-main-container .registration-bottom {
    width: 9.2rem;
    margin: 0 auto;
    background: #1157aa;
    padding: 0.2rem;
    text-align: center;
    color: undefined;
}

.register-main-container .registration-bottom b {
    font-weight: 700;
    color: #fdd106;
}

.register-main-container .registration-vip-template {
    margin: 0 auto -4.5rem;
    transform: scale(0.84);
    transform-origin: top center;
}

.register-main-container .register-banners {
    width: 9.2rem;
    margin: 0.1rem auto;
}

.line-register-button {
    width: 100%;
    border-radius: 0.06rem;
}

.reg-progress-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 100%;
}

.reg-progress-container .step-container {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #aaa;
    background: #ffffff1a;
    width: 0.55rem;
    height: 0.4rem;
    border-radius: 0.05rem;
}

.reg-progress-container .step-container.on {
    background: #ffe138;
    color: #000;
}

.reg-progress-container .step-container.on svg {
    fill: #000;
}

.reg-progress-container .step-container:last-child.on {
    background: #28db00;
}

.reg-progress-container .step-container:last-child.on svg {
    fill: #000;
}

.reg-progress-container .step-container svg {
    fill: #aaa;
    width: 0.15rem;
    height: 0.15rem;
}

.reg-progress-container .progressBar {
    background: #ffffff1a;
}

.register-benefits-content {
    width: 90%;
    height: auto;
    margin: 0;
}

.register-benefits-content .register-benefits-bg {
    background: #ffffff99;
    height: 100%;
    padding: 0.15rem 0;
    border-radius: 0.06rem;
    box-shadow: 0.02rem 0.02rem 0.05rem 0 #a7a7a7;
    background-position: unset;
    background-repeat: unset;
    background-size: unset;
}

.register-benefits-content .reg-logo-container img {
    width: 100%;
    margin: 0.3rem 0;
}

.register-benefits-content .member-benefits.header {
    color: #000;
    background: 0 0;
}

.register-benefits-content .member-benefits.body {
    color: #000;
    padding: unset;
}

.register-benefits-content .member-benefits.body ul {
    padding-left: 0.45rem;
    display: flex;
    flex-wrap: wrap;
}

.register-benefits-content .member-benefits.body ul li {
    list-style: disc;
    font-size: 0.12rem;
    margin-bottom: unset;
    width: 50%;
}

.register-benefits-content .member-benefits.body ul li strong {
    line-height: unset;
}

.reg-btn-container-prevnext {
    order: 3;
}

.reg-btn-container-prevnext .standard-submit-button {
    background: #b6b6b680;
    text-transform: undefined;
}

.reg-btn-container-prevnext .standard-submit-button:hover {
    background: #b6b6b6cc;
}

.reg-btn-container-prevnext .standard-submit-button:disabled {
    background: #b6b6b6;
}

.reg-btn-container-prevnext button {
    margin-right: 0.08rem;
    border-radius: 0.06rem;
    background: undefined;
    text-transform: undefined;
}

.reg-btn-container-prevnext button:hover {
    background: undefined;
}

.reg-btn-container-prevnext button svg {
    fill: #fff;
    width: 0.16rem;
    height: 0.16rem;
    margin: 0 0.1rem 0 0;
}

.reg-btn-container-prevnext button:last-child {
    margin-right: 0;
}

@media (max-width: 768px) {
    .affiliate-register .get-otp-code-btn {
        height: 0.8rem;
        font-size: 0.24rem;
        border-radius: 0.1rem;
        margin-left: 0.1rem;
        margin-right: 0;
        margin-bottom: 0;
    }
    .line-register-button {
        border-radius: 0.1rem;
    }
}

@keyframes scaleAnimation {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes drawCircle {
    0% {
        stroke-dashoffset: 1.51rem;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes drawCheck {
    0% {
        stroke-dashoffset: 0.36rem;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#successAnimation {
    width: 1.5rem;
    height: 1.5rem;
}

#successAnimationCircle {
    stroke-dasharray: 1.51rem 1.51rem;
    stroke: #28db00;
}

#successAnimationCheck {
    stroke-dasharray: 0.36rem 0.36rem;
    stroke: #28db00;
}

#successAnimationResult {
    fill: #28db00;
    opacity: 0;
}

#successAnimation.animated {
    animation: 1s ease-out 0s 1 both scaleAnimation;
}

#successAnimation.animated #successAnimationCircle {
    animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
}

#successAnimation.animated #successAnimationCheck {
    animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
}

#successAnimation.animated #successAnimationResult {
    animation: 0.3s linear 0.9s both fadeIn;
}

.resetPassSection {
    background: undefined;
    background-size: cover;
    background-position: 50%;
    height: 5.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: unset;
    margin: unset;
}

.resetPassSection .reset-password-container {
    display: flex;
    background: #21212199;
    justify-content: center;
    height: 3.6rem;
    width: 5.4rem;
    border-radius: 0.06rem;
    padding: 0.32rem 0.95rem;
}

.resetPassSection .reset-password-container .reset-description {
    color: #fff;
    padding: 0 0 0.2rem;
}

.resetPassSection .reset-password-container .reset-description .list-info {
    display: flex;
    color: #fff;
    width: 100%;
    padding: unset;
    font-size: 0.12rem;
    margin: 0;
}

.resetPassSection .reset-password-container .reset-control {
    padding-top: 0.1rem;
    width: 100%;
}

.resetPassSection .reset-password-container .reset-control label {
    font-size: 0.14rem;
    margin: 0 0.08rem 0.06rem;
}

.resetPassSection .reset-password-container .reset-control .inputContainer {
    width: 100%;
}

.resetPassSection .reset-password-container .reset-control .inputContainer .standard-error-validation {
    font-size: 0.14rem;
}

.resetPassSection .reset-password-container .reset-control .resetPassword-btn-container button {
    margin: 0;
}

.resetPassSection .reset-password-container .reset-control .resetPassword-btn-container .single-button-container {
    width: 100%;
}

.resetPassSection .reset-password-container .reset-control .resetPassword-btn-container .single-button-container .standard-button-container {
    justify-content: center;
}

.resetPassSection .orline {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 0.2rem;
    margin: 0 0 0.14rem;
}

.resetPassSection .phone-field {
    width: 100%;
    display: grid;
    grid-template-columns: 30% 65%;
    column-gap: 5%;
}

.resetPassSection .phone-field .standard-select span {
    margin: 0;
}

.resetPassSection .phone-field .standard-select span img {
    margin: 0 0.05rem 0 0;
}

.resetPassSection .phone-field .standard-select-dropdown {
    top: 0.65rem;
}

.resetPassSection .phone-field .standard-select-dropdown .standard-select-options {
    display: flex;
    cursor: pointer;
}

.resetPassSection .phone-field .standard-select-dropdown .standard-select-options span {
    width: 10%;
}

.resetPassSection .phone-field .standard-select-dropdown .standard-select-options p {
    margin: 0;
}

.m-reset-password-container {
    background: #21212199;
    border-radius: 0.04rem;
    margin: 0.6rem;
    padding: 0.5rem;
    font-size: 0.4rem;
    display: grid;
    width: 85%;
}

.m-reset-password-container .descriotion-col {
    order: 1;
    line-height: 1;
    margin: 0 0 0.2rem;
}

.m-reset-password-container .descriotion-col p {
    font-size: 0.24rem;
    color: #7a7d7c;
}

.m-reset-password-container .standard-form-field {
    order: 2;
    margin: 0;
}

.m-reset-password-container .orline {
    order: 3;
    font-size: 0.26rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    padding: 0.1rem 0;
}

.m-reset-password-container .phone-container {
    order: 4;
}

.m-reset-password-container .phone-container .phone-field {
    display: grid;
    grid-template-columns: 40% 55%;
    grid-gap: 5%;
    width: 100%;
}

.m-reset-password-container .phone-container .phone-field .standard-select-dropdown {
    top: 1.25rem;
}

.m-reset-password-container .phone-container .phone-field .standard-select-options span {
    width: 15%;
}

.m-reset-password-container .transaction-button-section {
    order: 5;
    width: 100%;
    margin: auto;
    margin-top: 0.25rem;
}

.m-reset-password-container .single-button-container .standard-button-container {
    justify-content: center;
}

.m-reset-password-caption {
    margin-top: 1rem;
    font-size: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    fill: #aaa;
}

.m-reset-password-caption svg {
    width: 0.25rem;
}

.contact-container {
    padding: 0.77rem 0 4rem;
    background: #fff;
}

.contact-container .title-header {
    font-size: 0.2rem;
    font-weight: 700;
    padding: 0.2rem;
    background: #00eaff;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 0.01rem solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
    width: 11rem;
    margin: auto;
}

.contact-container .contactUs_detail_content {
    display: flex;
    flex-wrap: wrap;
    flex-flow: wrap;
    padding: 0.15rem;
    width: 11rem;
    padding: 0;
    margin: auto;
    justify-content: center;
}

.contact-container .contactUs_detail_content .contact-item {
    display: flex;
    width: 4.5rem;
    background: #f6f6f6;
    margin: unset;
    margin-bottom: 0.26rem;
    margin-right: 0.26rem;
    border-radius: 0.1rem;
    height: 1.6rem;
    z-index: 1;
    padding: 0.66rem 0.76rem 0.55rem;
    cursor: pointer;
    position: relative;
    text-align: center;
    overflow: hidden;
    border-bottom: 0;
}

.contact-container .contactUs_detail_content .contact-item:nth-child(2n),
.contact-container .contactUs_detail_content .contact-item:last-child {
    margin-right: 0;
}

.contact-container .contactUs_detail_content .contact-item .contact-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.contact-container .contactUs_detail_content .contact-item .contact-icon svg {
    width: 0.55rem;
    height: 0.55rem;
    fill: unset;
}

.contact-container .contactUs_detail_content .contact-item .contact-container {
    text-align: center;
    width: 2.65rem;
    color: #1a1a1a;
    padding: 0;
    background: unset;
    margin: 0 0 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-container .contactUs_detail_content .contact-item .contact-container .contact-method {
    color: #0426dd;
    font-size: 0.18rem;
    font-weight: 700;
    margin-bottom: 0;
}

.contact-container .contactUs_detail_content .contact-item .contact-container .contact-desc {
    color: unset;
    font-size: 0.18rem;
}

.contact-container .contactUs_detail_content .contact-item .contact-container .contact-desc a:link {
    color: #1a1a1a;
}

.contact-container .contactUs_detail_content .contact-item .contact-container .contact-desc a:visited {
    color: unset;
}

.contact-container .contactUs_detail_content .contact-item .contact-container .details_contact {
    color: unset;
}

.contact-container .contactUs_detail_content .contact-item .contact-container .details_contact a:link {
    color: #1a1a1a;
}

.contact-container .contactUs_detail_content .contact-item::after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: inherit;
    position: absolute;
    box-shadow: inset 0 0 0 2rem rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(0.1rem);
}

.contact-empty-space {
    height: 1.5rem;
}

.m-contact-container {
    background: #ffffff1a;
    width: undedifine;
    overflow-y: auto;
    margin: 0.205rem;
    border-radius: 0.06rem;
}

.m-contact-container .m-contact-intro {
    padding: 0.4rem 1.3rem;
    color: #fff;
    text-align: center;
}

.m-contact-container .m-contact-intro .m-contact-content {
    margin: 0.3rem 0;
    text-align: justify;
}

.m-contact-container .misc-contact-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0.4rem 0.7rem;
    border-bottom: 0.01rem solid transparent;
}

.m-contact-container .misc-contact-item .contact-title {
    color: #fff;
    margin: 0.5rem 0.7rem;
    text-decoration: underline;
}

.m-contact-container .misc-contact-item .common-content-parent {
    display: flex;
}

.m-contact-container .misc-contact-item .common-content-parent .common-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.m-contact-container .misc-contact-item .common-content-parent .common-content .contact-icon {
    margin: 0.2rem 0.7rem;
}

.m-contact-container .misc-contact-item .common-content-parent .common-content .contact-icon svg {
    width: 1rem;
    height: 1rem;
    fill: #00eaff;
}

.m-contact-container .misc-contact-item .common-content-parent .common-content .contact-content-container {
    margin: 0 0.7rem;
}

.m-contact-container .misc-contact-item .common-content-parent .common-content .contact-content-container .contact-method {
    color: #00eaff;
    margin-bottom: 0.08rem;
}

.m-contact-container .misc-contact-item .common-content-parent .common-content .contact-content-container .contact-desc {
    color: #aaa;
    margin-top: 0.2rem;
}

.m-contact-container .misc-contact-item .common-content-parent .common-content .contact-content-container .contact-desc a:link {
    color: #aaa;
}

.m-contact-container .contact-item {
    display: flex;
    width: 100%;
    padding: 0.24rem 0.46rem;
    border-bottom: 0.01rem solid #ffffff33;
}

.m-contact-container .contact-item:last-child {
    border-bottom: none;
}

.m-contact-container .contact-item .contact-icon {
    width: 8%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-contact-container .contact-item .contact-icon svg {
    width: 0.65rem;
    height: 0.65rem;
    fill: #aaa;
}

.m-contact-container .contact-item .contact-icon img {
    width: 60%;
}

.m-contact-container .contact-item .contact-content-container {
    width: 85%;
    color: #00eaff;
    font-size: 0.23rem;
    margin: 0 0 0 0.44rem;
    display: undefined;
    flex-direction: undefined;
    justify-content: undefined;
    overflow: auto;
}

.m-contact-container .contact-item .contact-content-container .contact-method {
    color: #b27ef0;
    margin-bottom: 0.1rem;
}

.m-contact-container .contact-item .contact-content-container .contact-desc {
    color: #fff;
    margin-top: 0;
}

.m-contact-container .contact-item .contact-content-container .contact-desc a {
    color: undefined;
}

.m-login-background {
    position: absolute;
    background: url(/public/html/images/register_mobile_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    z-index: 0;
}

.m-login-container {
    padding: 0.22rem 0 0;
    width: 85%;
    margin: auto;
    position: relative;
    z-index: 1;
}

.m-login-container .merchant-logo {
    margin: 0 auto 0.4rem;
    display: flex;
    justify-content: center;
    height: auto;
    width: 50%;
}

.m-login-container .merchant-logo img {
    height: 1rem;
}

.m-login-container .merchant-logo .affiliate-title {
    color: #aaa;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 0.06rem;
    white-space: nowrap;
    font-size: 0.25rem;
}

.m-login-container .login-form {
    padding: 0.36rem 0.6rem;
    background: undefine;
    backdrop-filter: blur(0.02rem);
    border-radius: undefined;
}

.m-login-container .login-form .login-icon {
    width: 10%;
    text-align: center;
}

.m-login-container .login-form .login-form-warpper .checkbox-forgot-container {
    align-items: center;
}

.m-login-container .login-form .login-form-warpper .login-btn-container {
    margin: 0.45rem 0 0;
    justify-content: center;
}

.m-login-container .login-form .login-form-warpper .standard-submit-form-button {
    background: undefined;
    font-weight: undefined;
    text-transform: undefined;
}

.m-login-container .login-form .login-form-warpper .standard-submit-form-button:disabled {
    background: undefined;
}

.m-login-container .standard-submit-button svg {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.3rem;
}

.m-login-container .forget-password-container {
    color: #fff;
    text-decoration: underline;
    text-align: right;
    font-size: 0.24rem;
}

.m-login-container .copyright-container {
    font-size: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 0.4rem;
    color: #aaa;
    fill: #aaa;
    flex-wrap: wrap;
}

.m-login-container .copyright-container svg {
    width: 0.3rem;
    height: 0.3rem;
    margin: 0 0.06rem;
}

.m-login-container .copyright-container .custom-copyright-svg {
    position: absolute;
    margin: 0.25rem 0 0 2.5rem;
}

.m-login-register-panel {
    height: undefined;
    min-height: undefined;
    background: undefined;
    background-size: undefined;
}

.m-login-register-panel .m-register-benefits-content {
    display: flex;
    justify-content: center;
    margin: 0.2rem 0.6rem;
}

.m-login-register-panel .m-register-benefits-content .m-register-benefits-bg {
    width: 100%;
}

.m-loginjoin-tab-container {
    background: #313233;
    border-radius: 0.15rem;
    border: unset;
    text-transform: capitalize;
}

.m-loginjoin-tab-container .tab-content {
    display: flex;
    align-items: center;
    padding: 0.2rem 0;
}

.m-loginjoin-tab-container .tab-content .tab-item {
    width: 50%;
    padding: 0.15rem 0;
    color: #aaa;
    text-transform: undefined;
    font-weight: undefined;
    background: undefined;
}

.m-loginjoin-tab-container .tab-content .tab-item.active {
    color: #fff;
    background: 0 0;
}

.m-loginjoin-tab-container .tab-content .tab-item.active .hover-line {
    border-color: undefined;
}

.m-loginjoin-tab-container .tab-content .center-line {
    color: #ffffff3b;
}

.Reg-terms-container span {
    color: #aaa;
}

.m-register-background {
    position: absolute;
    background: url(/public/html/images/register_mobile_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    z-index: 0;
}

.m-reg-banner-container,
.m-login-banner-container {
    position: relative;
    width: 100%;
    height: 6rem;
    margin: auto;
}

.m-reg-banner-container span,
.m-login-banner-container span {
    display: unset;
}

.m-reg-banner-container span img,
.m-login-banner-container span img {
    position: absolute;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 0.1rem;
}

.m-register-container {
    padding: 0.22rem 0 0;
    width: 85%;
    margin: auto;
    position: relative;
    z-index: 1;
}

.m-register-container .merchant-logo {
    margin: 0 auto 0.4rem;
    display: flex;
    justify-content: center;
    height: auto;
    width: 50%;
    border-radius: 0.05rem;
}

.m-register-container .merchant-logo img {
    height: 1rem;
}

.m-register-container .merchant-logo .affiliate-title {
    color: #aaa;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 0.06rem;
    font-size: 0.25rem;
}

.m-register-container .register-content {
    margin: 0 0 1.5rem;
}

.m-register-container .register-form {
    background: undefine;
    backdrop-filter: blur(0.02rem);
    padding: 0.36rem 0.66rem;
    border-radius: undefined;
}

.m-register-container .register-form .standard-form-field {
    margin: 0 0 0.36rem;
}

.m-register-container .register-form .standard-error-validation {
    margin: -0.3rem 0 0.3rem;
}

.m-register-container .register-form .standard-error-validation.margin-bottom-0 {
    margin-bottom: 0;
}

.m-register-container .register-form .standard-select-dropdown {
    background-color: undefined;
    left: 0%;
}

.m-register-container .register-form .standard-select-dropdown .standard-select-options {
    padding: 0.05rem 0.14rem;
    color: undefined;
}

.m-register-container .register-form .standard-select-dropdown .standard-select-search input {
    color: undefined;
}

.m-register-container .register-form .standard-select-dropdown .standard-select-search ::placeholder {
    color: undefined;
}

.m-register-container .register-form .standard-select-dropdown .standard-select-search :-ms-input-placeholder {
    color: undefined;
}

.m-register-container .register-form .standard-select-dropdown .standard-select-search ::-ms-input-placeholder {
    color: undefined;
}

.m-register-container .register-form .affiliateID svg {
    width: 0.3rem;
    height: 0.3rem;
    margin-top: -0.03rem;
    fill: undefined;
}

.m-register-container .register-form .affiliateID .aff-field.isHide {
    transition: height 0.33s;
    height: 0;
}

.m-register-container .register-form .affiliateID .aff-field.isShow {
    transition: height 0.33s;
    height: 100%;
}

.m-register-container .register-form .reg-btn-container {
    justify-content: center;
}

.m-register-container .register-form .reg-btn-container .standard-submit-form-button {
    background: #b6b6b680;
    text-transform: undefined;
}

.m-register-container .register-form .reg-btn-container .standard-submit-form-button:disabled {
    background: #b6b6b6;
}

.m-register-container .register-form .reg-btn-container-prevnext {
    float: unset;
    justify-content: space-between;
}

.m-register-container .register-form .reg-btn-container-prevnext .standard-cancel-form-button {
    order: 1;
    background: #e9203d;
    text-transform: undefined;
    margin: 0 0.2rem 0 0;
}

.m-register-container .register-form .reg-btn-container-prevnext .standard-submit-form-button {
    order: 2;
}

.m-register-container .register-form .reg-footer-notice {
    color: #aaa;
    margin: 0 0 0.3rem;
}

.m-register-container .register-form .react-datepicker-popper .react-datepicker {
    font-size: 1em;
}

.m-register-container .register-form .standard-form-field+.reg-notice-label {
    margin: -0.3rem 0 0.3rem;
}

.m-register-container .register-form .reg-notice-label {
    color: #757575;
    margin-bottom: 0.3rem;
}

.m-register-container .register-form .m-register-benefits-content {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0.6rem 0 0.3rem;
}

.m-register-container .register-form .m-register-benefits-content .register-benefits-bg {
    background: #ffffff99;
    height: 100%;
    padding: 0.2rem;
    border-radius: 0.1rem;
    box-shadow: 0.02rem 0.02rem 0.05rem 0 #a7a7a7;
}

.m-register-container .register-form .m-register-benefits-content .reg-logo-container img {
    width: 100%;
    margin: 0.3rem 0;
}

.m-register-container .register-form .m-register-benefits-content .member-benefits.header {
    color: #878787;
    background: 0 0;
    padding: 0.1rem 0 0 0.45rem;
}

.m-register-container .register-form .m-register-benefits-content .member-benefits.body {
    color: BLACK;
    padding: unset;
}

.m-register-container .register-form .m-register-benefits-content .member-benefits.body ul {
    padding-left: 0.45rem;
    display: block;
}

.m-register-container .register-form .m-register-benefits-content .member-benefits.body ul li {
    list-style: disc;
    font-size: 0.22rem;
    margin-bottom: unset;
    width: 90%;
}

.m-register-container .register-form .m-register-benefits-content .member-benefits.body ul li strong {
    line-height: unset;
}

.m-register-container .get-code-button {
    height: 0.8rem;
    font-size: 0.25rem;
    margin-left: 0.1rem;
    margin-bottom: 0;
    border-radius: 0.1rem;
}

.m-register-container .register-banners {
    width: 100%;
    margin: 0 auto 0.1rem;
}

.m-reg-logo-container {
    width: 85%;
    margin: auto;
}

.m-reg-logo-container .banner-img {
    width: 100%;
}

.m-login-register-panel {
    height: undefined;
    min-height: undefined;
    background: undefined;
    background-size: undefined;
}

.m-login-register-panel .m-merchant-logo {
    margin: 0 auto 0.4rem;
    display: flex;
    justify-content: center;
    height: auto;
    width: 50%;
    border-radius: 0.05rem;
}

.m-login-register-panel .m-merchant-logo img {
    height: 1rem;
}

.m-login-register-panel .banners-wrapper img {
    width: 100%;
    margin-top: 0.2rem;
}

.reg-progress-bar-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 42%;
    height: 100%;
    margin: 0 auto 0.33rem;
}

.reg-progress-bar-container .step-container {
    width: 1.5rem;
    height: 0.42rem;
    color: #aaa;
    background: #ffffff1a;
    border-radius: 0.05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.reg-progress-bar-container .step-container svg {
    width: 0.2049rem;
    height: 0.2049rem;
    fill: #aaa;
}

.reg-progress-bar-container .step-container.on {
    background: #ffe138;
    color: #000;
}

.reg-progress-bar-container .step-container:last-child.on {
    background: #28db00;
}

.reg-progress-bar-container .step-container:last-child.on svg {
    fill: #000;
}

.reg-progress-bar-container .progressBar {
    width: 80%;
    height: 0.01rem;
    background: #000;
}

.reg-success-container {
    text-align: center;
    color: #fff;
}

.reg-success-container svg {
    fill: #fff;
}

.reg-success-container .reg-svg {
    width: 2.4rem;
    margin: 0.3rem auto;
}

.reg-success-container .reg-success-deposit-btn {
    margin: 0.45rem 0 0;
}

.reg-success-container .reg-success-deposit-btn svg {
    fill: #fff;
}

.reg-success-container img {
    width: 35%;
    margin: 0.5rem auto;
}

.reg-success {
    color: WHITe;
    text-align: center;
}

.m-register-container .reg-btn-container .reg-success-deposit-btn {
    background: undefined;
    text-transform: undefined;
}

.m-register-container .reg-btn-container .reg-success-deposit-btn:disabled {
    background: undefined;
}

.maintenance-container {
    background: unset;
    padding: 0.55rem 0;
}

.maintenance-container .maintenance-box {
    width: 60%;
    margin: 0 auto;
    background: unset;
    padding: 0.4rem 0.6rem;
    border-radius: 0.15rem;
}

.maintenance-container .maintenance-box .title {
    color: #fff;
    font-size: 0.2rem;
    font-weight: 700;
}

.maintenance-container .maintenance-box .body {
    color: #fff;
}

@media (max-width: 768px) {
    .maintenance-container {
        background: unset;
        padding: 0.55rem 0;
    }
    .maintenance-container .maintenance-box {
        margin: 0 auto;
        background: unset;
        padding: 0.4rem 0.2rem;
        border-radius: 0.15rem;
        width: 95%;
    }
    .maintenance-container .maintenance-box .title {
        color: #fff;
        font-size: 0.3rem;
        font-weight: 700;
        margin: 0 0 0.4rem;
    }
    .maintenance-container .maintenance-box .body {
        font-size: 0.24rem;
    }
    .maintenance-container .maintenance-box .body p {
        margin: 0 0 0.3rem;
    }
}

.myteam-container .myteam-form {
    margin: 0 0 0.3rem;
}

.myteam-container .myteam-form .field-row-container {
    display: grid;
    grid-template-columns: 29% 29% 30%;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 0.1rem;
}

.myteam-container .myteam-form .field-row-container>div {
    margin: 0 0.15rem;
}

.myteam-container .myteam-form .field-row-container .standard-form-field-wrapper {
    width: 80%;
}

.myteam-container .myteam-form .standard-form-field input[type='date']::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0.1rem;
    content: '';
    background: url(/public/html/images/icon/fa-calendar.svg);
    width: 0.2rem;
    height: 0.22rem;
    cursor: pointer;
}

.myteam-container .myteam-form .standard-form-field.isHide {
    visibility: hidden;
}

.myteam-container .myteam-form .standard-button-container {
    align-items: flex-end;
}

.myteam-container .myteam-form .standard-button-container .standard-submit-form-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.5rem;
    font-size: 0.14rem;
    width: 80%;
    border: 0;
    border-radius: 0.05rem;
    font-weight: 600;
    background: #b6b6b680;
    margin: 0 auto 0 0.15rem;
    text-transform: capitalize;
}

.m-myteam-container .filter-container {
    background: rgba(255, 255, 255, 0.1);
    padding: 0.3rem;
    border-radius: 0.06rem;
}

.m-myteam-container .filter-container button.standard-submit-form-button {
    margin: 0.2rem 0;
}

.m-myteam-container .filter-container>.standard-form-one-row-container:not(:first-child),
.m-myteam-container .filter-container>.reward-type-row:not(:first-child),
.m-myteam-container .filter-container>.standard-form-field:not(:first-child) {
    margin: 0.2rem 0 0 !important;
}

.m-myteam-container .filter-container>.standard-form-one-row-container.isHide,
.m-myteam-container .filter-container>.reward-type-row.isHide,
.m-myteam-container .filter-container>.standard-form-field.isHide {
    visibility: hidden;
}

.referral-tutorial-container {
    padding: 0.3rem;
}

.referral-tutorial-container .tutorial-tab-container {
    display: flex;
    justify-content: center;
}

.referral-tutorial-container .tutorial-tab-container .tab-content {
    border: 0.01rem solid #aaa;
    background: 0 0;
    color: #aaa;
    font-size: 0.16rem;
    padding: 0.08rem 0.2rem;
    margin: 0 0.1rem 0 0;
    cursor: pointer;
}

.referral-tutorial-container .tutorial-tab-container .tab-content.isactive {
    border: 0.01rem solid #edfa00;
    background: #edfa001a;
    color: #fff;
}

.referral-tutorial-container .tutorial-tab-container .tab-content:last-child {
    margin: 0;
}

.referral-tutorial-container .tutorial-container .tutorial-img {
    margin: 0 0 0.1rem;
}

.referral-tutorial-container .tutorial-container .tutorial-img img {
    width: 100%;
}

.referral-tutorial-container .tutorial-container .tutorial-content .content {
    background: #333;
    color: #aaa;
    padding: 0.24rem;
}

.m_referral-tutorial-container {
    padding: 0;
    margin: 0.3rem 0.2rem 1.5rem;
}

.m_referral-tutorial-container .tutorial-tab-container {
    display: flex;
    justify-content: center;
}

.m_referral-tutorial-container .tutorial-tab-container .tab-content {
    border: 0.01rem solid #aaa;
    background: 0 0;
    color: #aaa;
    font-size: 0.28rem;
    padding: 0.15rem 0.4rem;
    margin: 0 0.3rem 0 0;
    cursor: pointer;
}

.m_referral-tutorial-container .tutorial-tab-container .tab-content.isactive {
    border: 0.01rem solid #edfa00;
    background: #edfa001a;
    color: #fff;
}

.m_referral-tutorial-container .tutorial-tab-container .tab-content:last-child {
    margin: 0;
}

.m_referral-tutorial-container .tutorial-container .tutorial-img {
    margin: 0 0 0.1rem;
}

.m_referral-tutorial-container .tutorial-container .tutorial-img img {
    width: 100%;
}

.m_referral-tutorial-container .tutorial-container .tutorial-content .content {
    background: #333;
    color: #aaa;
    padding: 0.24rem;
}

.contributor-modal-container {
    width: 11.5rem;
}

.contributor-modal-container .contributor-modal-header {
    padding: 0.15rem 0.2rem;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container {
    padding: 0;
    width: 11rem;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container {
    margin: 0.1rem 0;
    border-radius: 0.04rem;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container .custom-table thead tr th {
    border: 0.02rem transparent;
    padding: 0.1rem 0.3rem;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container .custom-table tbody tr:nth-child(even) {
    background: #f9fafb;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container .custom-table tbody td {
    color: #aaa;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container .custom-table .memberColumn {
    padding: 0.03rem 0.25rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #ffffff33;
    cursor: pointer;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-form-field {
    width: 100%;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-form-field .input-container {
    width: 18%;
    margin: 0 0.3rem 0 0;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-form-field .contributor-modal-search-btn {
    width: 15%;
    align-self: flex-end;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container,
.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container {
    cursor: pointer;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container.isHide,
.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container.isHide {
    display: none;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container {
    position: absolute;
    right: 0;
    top: -0.03rem;
    z-index: 3;
    display: flex;
    align-items: center;
    background: 0 0;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-container {
    border: 0.01rem solid #ffffff33;
    padding: 0.02rem 0.09rem;
    background: #1a1a1a;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-container .next-button {
    border-width: 0 0.02rem 0.02rem 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    transform: rotate(-45deg);
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-end-container {
    border: 0.01rem solid #ffffff33;
    padding: 0.02rem 0.05rem;
    background: #1a1a1a;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-end-container .next-end-button {
    border-width: 0 0.02rem 0.02rem 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    transform: rotate(-45deg);
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-end-container .next-end-button-2 {
    border-width: 0 0.02rem 0 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-gradient-div::before {
    content: '';
    background: linear-gradient(to left, #1a1a1a, #1a1a1af2, #1a1a1a00);
    padding: 0.04rem 0.3rem;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container {
    position: absolute;
    left: 0;
    top: -0.03rem;
    z-index: 3;
    display: flex;
    align-items: center;
    background: 0 0;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-container {
    border: 0.01rem solid #ffffff33;
    padding: 0.02rem 0.09rem;
    background: #1a1a1a;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-container .prev-button {
    border-width: 0 0.02rem 0.02rem 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    transform: rotate(135deg);
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-end-container {
    border: 0.01rem solid #ffffff33;
    padding: 0.02rem 0.05rem;
    background: #1a1a1a;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-end-container .prev-end-button {
    border-width: 0 0.02rem 0.02rem 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    transform: rotate(135deg);
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-end-container .prev-end-button-2 {
    border-width: 0 0 0 0.02rem;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-gradient-div::before {
    content: '';
    background: linear-gradient(to right, #1a1a1a, #1a1a1af2, #1a1a1a00);
    padding: 0.04rem 0.3rem;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    margin: 0 0.05rem 0 0;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .contributor-tree-item {
    margin: 0 0.05rem 0 0;
    display: flex;
    width: 100%;
    justify-content: center;
    cursor: pointer;
    font-size: 0.14rem;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .contributor-tree-item span {
    border: 0.01rem solid #ffffff33;
    border-radius: 0.04rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.02rem 0.1rem;
    color: #aaa;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .contributor-tree-item.isDownLine {
    cursor: default;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .contributor-tree-item.isDownLine span {
    border: 0.01rem solid transparent;
    color: #fff;
    font-weight: 700;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .arrow-next {
    display: inline-block;
    border-bottom: 0.05rem solid transparent;
    border-top: 0.05rem solid transparent;
    border-left: 0.08rem solid #aaa;
    width: 0;
    height: 0;
    margin: 0.05rem;
}

.contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .pagination-container .pagination-declaration-container p {
    margin: 0;
}

.m_contributor-modal-container {
    width: 90%;
}

.m_contributor-modal-container .contributor-modal-header {
    padding: 0.15rem 0.2rem;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m_contributor-modal-container .settings-container .st-section {
    padding: 0;
    width: 100%;
}

.m_contributor-modal-container .settings-container .st-section .standard-form-field {
    display: flex;
    flex-direction: column;
}

.m_contributor-modal-container .settings-container .st-section .standard-form-field .input-container {
    width: 100%;
}

.m_contributor-modal-container .settings-container .st-section .standard-form-field .contributor-modal-search-btn {
    width: 50%;
    margin: 0.3rem 0 0;
}

.m_contributor-modal-container .settings-container .st-section .standard-form-field .contributor-modal-search-btn .standard-submit-button {
    height: 0.85rem;
    font-size: 0.25rem;
    width: 100%;
}

.m_contributor-modal-container .settings-container .st-section .standard-form-field .contributor-modal-search-btn .standard-submit-button svg {
    margin: 0 0.15rem 0 0;
    width: 0.32rem;
    height: 0.32rem;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider {
    margin: 0.2rem 0;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container,
.m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container {
    cursor: pointer;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container.isHide,
.m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container.isHide {
    display: none;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container {
    position: absolute;
    right: 0;
    top: -0.03rem;
    z-index: 3;
    display: flex;
    align-items: center;
    background: 0 0;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-container {
    border: 0.03rem solid #ffffff33;
    padding: 0.05rem 0.15rem;
    background: #1a1a1a;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-container .next-button {
    border-width: 0 0.04rem 0.04rem 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    transform: rotate(-45deg);
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-end-container {
    border: 0.03rem solid #ffffff33;
    padding: 0.05rem 0.1rem;
    background: #1a1a1a;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-end-container .next-end-button {
    border-width: 0 0.04rem 0.04rem 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    transform: rotate(-45deg);
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-end-container .next-end-button-2 {
    border-width: 0 0.04rem 0 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-gradient-div::before {
    content: '';
    background: linear-gradient(to left, #1a1a1a, #1a1a1af2, #1a1a1a00);
    padding: 0.1rem 0.5rem;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container {
    position: absolute;
    left: 0;
    top: -0.03rem;
    z-index: 3;
    display: flex;
    align-items: center;
    background: 0 0;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-container {
    border: 0.03rem solid #ffffff33;
    padding: 0.05rem 0.15rem;
    background: #1a1a1a;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-container .prev-button {
    border-width: 0 0.04rem 0.04rem 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    transform: rotate(135deg);
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-end-container {
    border: 0.03rem solid #ffffff33;
    padding: 0.05rem 0.1rem;
    background: #1a1a1a;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-end-container .prev-end-button {
    border-width: 0 0.04rem 0.04rem 0;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    transform: rotate(135deg);
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-end-container .prev-end-button-2 {
    border-width: 0 0 0 0.04rem;
    border-style: solid;
    border-color: #a2a2a2;
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-gradient-div::before {
    content: '';
    background: linear-gradient(to right, #1a1a1a, #1a1a1af2, #1a1a1a00);
    padding: 0.1rem 0.5rem;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container {
    display: flex !important;
    width: 100% !important;
    align-items: center;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container .contributor-tree-item {
    margin: 0 0.1rem 0 0;
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 0.24rem;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container .contributor-tree-item span {
    border: 0.03rem solid #ffffff33;
    border-radius: 0.08rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.05rem 0.2rem;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container .contributor-tree-item.isDownLine span {
    color: #fff;
    border: 0.03rem solid transparent;
    font-weight: 700;
}

.m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container .arrow-next {
    display: inline-block;
    border-bottom: 0.08rem solid transparent;
    border-top: 0.08rem solid transparent;
    border-left: 0.11rem solid #aaa;
    width: 0;
    height: 0;
    margin: 0.08rem;
}

.m_contributor-modal-container .settings-container .st-section .standard-setting-table-container {
    margin: 0.1rem 0.15rem 0.1rem 0;
}

.m_contributor-modal-container .settings-container .st-section .standard-setting-table-container table thead {
    font-size: 0.24rem;
    color: #aaa;
}

.m_contributor-modal-container .settings-container .st-section .standard-setting-table-container table thead tr th {
    border: 0.02rem transparent;
    padding: 0.12rem 0.24rem;
    height: 0.76rem;
    width: 2rem;
}

.m_contributor-modal-container .settings-container .st-section .standard-setting-table-container table tbody tr td {
    font-size: 0.24rem;
    color: #aaa;
    padding: 0.16rem 0.24rem;
    height: 0.8rem;
    width: 2rem;
}

.m_contributor-modal-container .settings-container .st-section .standard-setting-table-container table .memberColumn {
    padding: 0.03rem 0.25rem;
    border-radius: 0.08rem;
    border: 0.03rem solid #ffffff33;
}

.m_contributor-modal-container .settings-container .st-section .pagination-container .pagination-declaration-container .pagination-declaration-content {
    margin: 0;
}

.promotion-share-modal-container .promotion-share-modal-header {
    background: #353535 !important;
    border-bottom: transparent !important;
    color: #fff !important;
}

.promotion-share-modal-container .promotion-share-modal-body {
    background: #1a1a1a !important;
    color: #fff;
}

.promotion-share-modal-container .promotion-share-modal-body .promotion-modal-social-media-container {
    grid-template-columns: 1fr 1fr 1fr !important;
}

.promotion-share-modal-container .promotion-share-modal-body .promotion-modal-social-media-container .share-link-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.promotion-share-modal-container .promotion-share-modal-body .promotion-modal-social-media-container .share-link-btn span {
    white-space: nowrap;
    margin: 0.15rem 0 0;
}

.promo-container {
    color: #aaa;
    background: unset;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.promo-container .tabSelect {
    background: #000000cc;
    white-space: nowrap;
    width: 100%;
    overflow: auto;
    margin: 0 0 0.24rem;
    border-bottom: undefined;
}

.promo-container .tabSelect .tab-container {
    width: 12rem;
    margin: auto;
    font-size: 0.16rem;
    position: relative;
}

.promo-container .tabSelect .tab-container::before {
    display: undefined;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0.7rem;
    background: undefined;
    height: 100%;
}

.promo-container .tabSelect .tab-container .arrow-container {
    position: relative;
    width: 100%;
}

.promo-container .tabSelect .tab-container .arrow-container .arrow-right-container {
    right: 0%;
    padding-top: 0.12rem;
    z-index: 2;
    position: absolute;
}

.promo-container .tabSelect .tab-container .arrow-container .arrow-right-container:hover {
    cursor: pointer;
}

.promo-container .tabSelect .tab-container .arrow-container .arrow-left-container {
    left: 0%;
    padding-top: 0.12rem;
    z-index: 2;
    position: absolute;
}

.promo-container .tabSelect .tab-container .arrow-container .arrow-left-container:hover {
    cursor: pointer;
}

.promo-container .tabSelect .tab-container .arrow-container img {
    width: 0.3rem;
    height: 0.3rem;
}

.promo-container .tabSelect .tab-container .standard-tab {
    width: 11rem;
    list-style: none;
    display: flex;
    margin: auto;
}

.promo-container .tabSelect .tab-container .standard-tab ul {
    display: flex;
    align-items: undefined;
    width: undefined;
}

.promo-container .tabSelect .tab-container .standard-tab ul li {
    padding: 0.18rem 0.24rem 0 0.08rem;
    color: #aaa;
    font-size: 0.14rem;
    text-align: undefined;
    width: undefined;
}

.promo-container .tabSelect .tab-container .standard-tab ul li .active {
    color: #fff;
}

.promo-container .tabSelect .tab-container .standard-tab ul li .tablinks {
    cursor: pointer;
    padding: undefined;
    display: undefined;
    text-transform: undefined;
}

.promo-container .tabSelect .tab-container .standard-tab ul li .tablinks p {
    margin: 0 0 0.14rem;
}

.promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:hover,
.promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:active,
.promo-container .tabSelect .tab-container .standard-tab ul li .tablinks.active {
    color: #fff;
    background: undefined;
}

.promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:hover .hover-line,
.promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:active .hover-line,
.promo-container .tabSelect .tab-container .standard-tab ul li .tablinks.active .hover-line {
    color: #ffe138;
    width: 50%;
    margin: 0.1rem auto 0;
    border-bottom: 0.03rem solid #ffe138;
    display: undefined;
}

.promo-container .promoWarpper {
    margin: auto;
    padding: 15px;
}

.promo-container .promoWarpper .promoWarpContainer {
    display: block;
    flex-wrap: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details {
    /* flex: 0 0 100%; */
    width: undefined;
    max-width: 100%;
    /* padding: 0 0.15rem 0.24rem; */
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promo-banner-container {
    display: flex;
    flex-direction: undefined;
    background: #000000a8;
    box-shadow: 0 0.1rem 0.2rem #4848481a;
    border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoImg {
    width: 100%;
    display: block;
    position: relative;
    align-items: unset;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoImg img {
    border-radius: 0.1rem 0 0 0.1rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent {
    width: 100%;
    display: undefined;
    flex-direction: undefined;
    justify-content: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails {
    padding: 0.1rem 0.2rem;
    display: undefined;
    flex-direction: undefined;
    flex-grow: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.04rem;
    height: 0.25rem;
    overflow: hidden;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container .promo-badge {
    display: inline-block;
    font-weight: 700;
    font-size: 0.12rem;
    text-align: center;
    padding: 0.06rem;
    border-radius: 0.05rem;
    margin: 0 0.05rem 0.03rem 0;
    line-height: 1;
    background: linear-gradient(#b27ef0, #511a91);
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer {
    flex: 0 0 100%;
    max-width: 100%;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-title {
    color: #fff;
    font-weight: 700;
    padding: 0.05rem 0 0.02rem;
    padding: 5px 0 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: undefined;
    text-transform: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-desc {
    color: #fff;
    font-size: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-desc p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .remainingTimerContainer {
    font-size: 0.12rem;
    margin: 0.1rem 0 0;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer {
    border-top: 0.01rem solid #ffffff33;
    display: undefined;
    justify-content: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer {
    display: grid;
    width: unset;
    grid-template-columns: 1fr;
    grid-column-gap: 0.1rem;
    flex: none;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 500;
    flex-flow: unset;
    grid-row-gap: unset;
    align-items: unset;
    padding: 0.16rem 0.2rem;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail {
    flex: undefined;
    max-width: undefined;
    padding: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail:hover {
    cursor: pointer;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth {
    background: #b6b6b680;
    color: #fff;
    padding: 0.18rem 0.04rem;
    font-weight: undefined;
    font-size: undefined;
    text-transform: undefined;
    border-radius: 0.05rem;
    text-align: center;
    width: 100%;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth:hover,
.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth:active {
    background: #b6b6b6cc;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth svg {
    width: 0.16rem;
    margin-right: 0.12rem;
    vertical-align: top;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn {
    background: #b6b6b680;
    color: #fff;
    padding: 0.18rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    width: 100%;
    min-width: undefined;
    font-weight: undefined;
    text-transform: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn:hover,
.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn:active {
    background: #b6b6b6cc;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn svg {
    width: 0.16rem;
    margin-right: 0.12rem;
    vertical-align: middle;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn {
    background: #b6b6b680;
    color: #fff;
    padding: 0.18rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    width: 100%;
    min-width: undefined;
    font-weight: undefined;
    text-transform: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:disabled {
    cursor: no-drop;
    opacity: 0.2;
    background: #696969cc;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:disabled:hover {
    background: #696969cc;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:hover,
.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:active {
    background: #b6b6b6cc;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn svg {
    width: 0.16rem;
    margin-right: 0.12rem;
    vertical-align: middle;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn svg .st0 {
    fill: #28db00 !important;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn {
    background: #b6b6b680;
    color: #fff;
    padding: 0.18rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    width: 100%;
    font-weight: undefined;
    text-transform: undefined;
    border: undefined;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn:disabled {
    cursor: no-drop;
    opacity: 0.2;
    background: #696969cc;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn:disabled:hover {
    background: #696969cc;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn:hover,
.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn:active {
    background: #b6b6b6cc;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainerWith3Buttons {
    grid-template-columns: 1fr 1fr 1fr;
}

.promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainerWith2Buttons {
    grid-template-columns: 1fr 1fr;
}

.m-promo-container {
    color: #aaa;
    width: 100%;
}

.m-promo-container .tabSelect {
    background: unset;
    white-space: nowrap;
    width: 100%;
    overflow: auto;
    margin-bottom: 0.24rem;
    border-bottom: undefined;
}

.m-promo-container .tabSelect .tab-container {
    width: 100%;
    margin: auto;
    padding: 0 0.15rem;
    font-size: 0.28rem;
}

.m-promo-container .tabSelect .tab-container .standard-tab {
    list-style: none;
    display: flex;
    margin: 0;
}

.m-promo-container .tabSelect .tab-container .standard-tab ul {
    display: flex;
    align-items: undefined;
    height: undefined;
}

.m-promo-container .tabSelect .tab-container .standard-tab ul li {
    padding: 0.24rem 0.24rem 0 0.08rem;
    color: #aaa;
    text-transform: undefined;
}

.m-promo-container .tabSelect .tab-container .standard-tab ul li .active {
    color: #fff;
}

.m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks {
    cursor: pointer;
    display: undefined;
    padding: undefined;
    height: undefined;
}

.m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:hover,
.m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:active,
.m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks.active {
    color: #fff;
    background: undefined;
}

.m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:hover .hover-line,
.m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:active .hover-line,
.m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks.active .hover-line {
    color: #ffe138;
    width: 50%;
    margin: 0.2rem auto 0;
    border-bottom: 0.06rem solid #ffe138;
    display: undefined;
}

.m-promo-container .promoWarpper {
    width: 100%;
    margin-bottom: 1.5rem;
    padding: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer {
    display: flex;
    flex-wrap: wrap;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details {
    position: relative;
    width: 100%;
    padding: 0 0.15rem 0.3rem;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promo-banner-container {
    background: #ffffff1a;
    box-shadow: 0 0.1rem 0.2rem rgba(72, 72, 72, 0.1);
    border-radius: 0.1rem;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoImg img {
    border-radius: 0.1rem 0.1rem 0 0;
    width: 100%;
    height: 100%;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails {
    padding: 0.1rem 0.2rem;
    display: undefined;
    flex-direction: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.04rem;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container .promo-badge {
    display: inline-block;
    font-weight: 700;
    font-size: 0.22rem;
    text-align: center;
    padding: 0.06rem;
    border-radius: 0.05rem;
    margin: 0 0.1rem 0.1rem 0;
    line-height: 1.2;
    background: linear-gradient(#b27ef0, #511a91);
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container .promo-badge .promo-type {
    color: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 0.28rem;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-title {
    color: #ffe138;
    font-weight: 700;
    padding-top: 0.1rem;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-desc {
    color: #fff;
    font-size: 0.24rem;
    margin: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .remainingTimerContainer {
    font-size: 0.24rem;
    margin: 0.1rem 0 0;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .remainingTimerContainer .remaining-timer span {
    color: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer {
    border-top: 0.01rem solid #ffffff33;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer {
    display: grid;
    width: unset;
    grid-template-columns: 1fr;
    grid-column-gap: 0.25rem;
    flex: none;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 500;
    padding: unset;
    padding: 0.16rem 0.2rem;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail {
    flex: undefined;
    max-width: undefined;
    padding: undefined;
    width: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth {
    background: #b6b6b680;
    color: #fff;
    padding: 0.24rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    width: 100%;
    font-size: 0.28rem;
    font-weight: 400;
    text-transform: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth svg {
    width: 0.3rem;
    margin-right: 0.12rem;
    vertical-align: middle;
    overflow: visible;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn {
    background: #b6b6b680;
    color: #fff;
    padding: 0.24rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    width: 100%;
    min-width: undefined;
    font-size: 0.25rem;
    font-weight: 400;
    text-transform: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn svg {
    width: 0.3rem;
    margin-right: 0.12rem;
    vertical-align: middle;
    overflow: visible;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn {
    background: #b6b6b680;
    color: #fff;
    padding: 0.24rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    width: 100%;
    min-width: undefined;
    font-size: 0.25rem;
    font-weight: 400;
    text-transform: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:disabled {
    background: #b6b6b680;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn svg {
    width: 0.3rem;
    margin-right: 0.12rem;
    vertical-align: middle;
    overflow: visible;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn svg .st0 {
    fill: #28db00 !important;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoShareBtn {
    background: #b6b6b680;
    color: #fff;
    padding: 0.24rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    width: 100%;
    font-size: 0.25rem;
    font-weight: 400;
    text-transform: undefined;
    border: undefined;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainerWith3Buttons {
    grid-template-columns: 1fr 1fr 1fr;
}

.m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainerWith2Buttons {
    grid-template-columns: 1fr 1fr;
}

.app-download-modal-container {
    max-width: 1140px;
    background: #1a1a1a;
}

.app-download-modal-container .app-download-popup-modal-body {
    overflow-x: auto;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-close-btn {
    opacity: 0.8;
    position: absolute;
    right: 0.1rem;
    top: 0.2rem;
    cursor: pointer;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-close-btn svg {
    fill: #fff;
    width: 0.3rem;
    height: 0.3rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items {
    background: #262626;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item {
    padding: 0.3rem 0.2rem 0;
    color: #fff;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item:hover,
.app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item:active,
.app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item.active {
    color: #fff;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item:hover .hover-line,
.app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item:active .hover-line,
.app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item.active .hover-line {
    color: #ffe138;
    width: 50%;
    margin: 0.2rem auto 0;
    border-bottom: 0.03rem solid #ffe138;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content {
    padding: 0.3rem;
    background: undefined;
    color: undefined;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane {
    margin-bottom: 0.24rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list {
    display: grid;
    grid-template-columns: 16% 16% 16% 16% 16% 16%;
    grid-row-gap: 0.16rem;
    justify-content: space-between;
    margin: 0.05rem 0 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail {
    border: 0.02rem solid #ffffff33;
    width: 100%;
    border-radius: 0.04rem;
    padding: 0.1rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container {
    display: flex;
    justify-content: undefined;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container .download-provider {
    width: 0.3rem;
    height: 0.3rem;
    margin: 0 0.07rem 0 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container .title {
    padding: 0.07rem 0 0;
    font-size: undefined;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container {
    position: relative;
    text-align: center;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container svg {
    width: 0.9rem;
    margin: 0.05rem 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container>svg {
    border: 0.02rem solid #fff;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container .fa-ios svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.24rem;
    fill: #2ab7fe;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container .fa-android svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.24rem;
    fill: #00d909;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container {
    margin: 0 0.15rem;
    background: #b6b6b680;
    color: #fff;
    padding: 0.1rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    cursor: pointer;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container:hover,
.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container:active {
    background: #b6b6b680;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail-hide-qr .download-btn-container {
    margin: 0.1rem 0.15rem 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer {
    width: 70%;
    margin: auto;
    padding: undefined;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .topTabContainer .title {
    color: #00eaff;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer {
    display: flex;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer {
    margin: 0 0.2rem 0 0;
    width: 100%;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap {
    display: flex;
    position: relative;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition {
    position: relative;
    margin: auto 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 2.5rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition .applogo-bg {
    box-shadow: 0 0.05rem 0.05rem 0 #000;
    border-radius: 0.12rem;
    width: 1.2rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition .applogo {
    left: 0;
    width: 1.2rem;
    position: relative;
    padding: 0;
    filter: drop-shadow(0 0.05rem 0.05rem #ededed);
    border-radius: 0.12rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .app-download-feature-desc {
    margin: 0.1rem 0 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .appDownloadBackground {
    position: absolute;
    right: 0;
    width: auto;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .top-desc {
    position: absolute;
    margin-top: -0.8rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer {
    margin: auto 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap {
    display: grid;
    grid-template-columns: 1.8rem 1.8rem;
    grid-gap: 0.18rem;
    justify-content: space-between;
    text-align: undefined;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer {
    border: 0.02rem solid #ffffff33;
    width: 100%;
    border-radius: 0.04rem;
    padding: 0.1rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode {
    position: relative;
    text-align: center;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode svg {
    width: 0.9rem;
    margin-bottom: 0.1rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode svg.download_qr {
    border: 0.02rem solid #fff;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode .fa-android svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.24rem;
    fill: #00d909;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container {
    margin: 0 0.15rem;
    background: #b6b6b680;
    color: #fff;
    padding: 0.1rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    cursor: pointer;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container:hover,
.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container:active {
    background: #b6b6b680;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container .app-download-btn-text {
    margin: 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer {
    border: 0.02rem solid #ffffff33;
    width: 100%;
    border-radius: 0.04rem;
    padding: 0.1rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode {
    position: relative;
    text-align: center;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode svg {
    width: 0.9rem;
    margin-bottom: 0.1rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode svg.download_qr {
    border: 0.02rem solid #fff;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode .fa-ios svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.24rem;
    fill: #2ab7fe;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container {
    margin: 0 0.15rem;
    background: #b6b6b680;
    color: #fff;
    padding: 0.1rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    cursor: pointer;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container:hover,
.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container:active {
    background: #b6b6b680;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container .app-download-btn-text {
    margin: 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer {
    border-top: 0.02rem solid #ffffff33;
    padding-top: 0.5rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid .installGuideIcon {
    width: 15%;
    padding: 0 0.15rem;
    fill: #00d909;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid .installGuideStep {
    width: 85%;
    padding: 0 0.15rem;
    margin: auto 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid .installGuideStep ol {
    margin-left: 0.2rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid .installGuideStep ol li {
    list-style: auto;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS .installGuideIcon {
    width: 15%;
    padding: 0 0.15rem;
    fill: #2ab7fe;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS .installGuideStep {
    width: 85%;
    padding: 0 0.15rem;
    margin: auto 0;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS .installGuideStep ol {
    margin-left: 0.2rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS .installGuideStep ol li {
    list-style: auto;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-download-navbar-container {
    display: block;
    margin: 0 0 0.5rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-download-navbar-container .app-download-nav-tabs {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-download-navbar-container .app-download-nav-tabs a {
    border: 0.01rem solid #ffffff33;
    margin: 0.05rem;
    font-size: 0.16rem;
    padding: 0.08rem 0.32rem;
    color: #aaa;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-download-navbar-container .app-download-nav-tabs .active {
    border: 0.01rem solid #edfa00;
    background: rgba(237, 250, 0, 0.1);
    color: #ffffffe6;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-header {
    font-weight: 700;
    color: #00eaff;
    font-size: 0.16rem;
    margin: 0 0 0.3rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-container {
    display: flex;
    justify-content: space-between;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-container .app-tutorial-image {
    text-align: center;
    width: 1.5rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-container .app-tutorial-title {
    font-weight: 700;
    color: #edfa00;
    margin: 0.15rem 0 0.1rem;
}

.app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-container p {
    font-size: 0.16rem;
}

.download-app {
    margin: undefined;
    padding: 0 0 1.5rem;
}

.download-app .tabs-container {
    background: unset;
    white-space: nowrap;
    width: 100%;
    overflow: auto;
    margin-bottom: 0.24rem;
}

.download-app .tabs-container .tabs-container-wrap {
    width: 100%;
    margin: auto;
    padding: 0 0.1rem;
}

.download-app .tabs-container .tabs-container-wrap ul {
    list-style: none;
    display: flex;
    margin: 0;
}

.download-app .tabs-container .tabs-container-wrap ul li {
    padding: 0.24rem 0.24rem 0 0.08rem;
    color: #aaa;
}

.download-app .tabs-container .tabs-container-wrap ul li .active {
    color: #00eaff;
}

.download-app .tabs-container .tabs-container-wrap ul li .tablinks {
    cursor: pointer;
}

.download-app .tabs-container .tabs-container-wrap ul li .tablinks:hover,
.download-app .tabs-container .tabs-container-wrap ul li .tablinks:active,
.download-app .tabs-container .tabs-container-wrap ul li .tablinks.active {
    color: #fff;
}

.download-app .tabs-container .tabs-container-wrap ul li .tablinks:hover .hover-line,
.download-app .tabs-container .tabs-container-wrap ul li .tablinks:active .hover-line,
.download-app .tabs-container .tabs-container-wrap ul li .tablinks.active .hover-line {
    color: #ffe138;
    border-bottom: 0.06rem solid #ffe138;
    width: 50%;
    margin: 0.2rem auto 0;
}

.download-app .tab-content {
    padding: 0 0.205rem;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane {
    margin-bottom: 0.24rem;
    color: #fff;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-row-gap: 0.16rem;
    justify-content: space-between;
    margin: 0.05rem 0 0;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail {
    border: 0.02rem solid #ffffff33;
    width: 100%;
    border-radius: 0.04rem;
    padding: 0.1rem;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container {
    display: flex;
    justify-content: undefined;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container .download-provider {
    height: 0.6rem;
    margin: 0 0.12rem 0 0;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container .title {
    padding: 0.12rem 0 0;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container {
    position: relative;
    text-align: center;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container svg {
    width: 45%;
    margin: 0.05rem 0;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container .fa-ios svg {
    position: absolute;
    top: 0;
    right: 0.15rem;
    width: 0.45rem;
    fill: #2ab7fe;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container .fa-android svg {
    position: absolute;
    top: 0;
    right: 0.15rem;
    width: 0.45rem;
    fill: #00d909;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container {
    margin: 0 0.15rem;
    background: #b6b6b680;
    color: #fff;
    padding: 0.16rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container:hover,
.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container:active {
    background: #b6b6b680;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container .download-btn {
    width: auto;
    height: auto;
    text-transform: capitalize;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container .download-btn:hover {
    cursor: pointer;
}

.download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail-hide-qr .download-btn-container {
    margin: 0.1rem 0.15rem 0;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer {
    padding-bottom: 0.7rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer {
    text-align: center;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer .applogoContainerWrap {
    display: inline-flex;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition {
    position: relative;
    margin: 0.5rem 0;
    z-index: 1;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition .applogo {
    left: 0;
    width: 2.2rem;
    filter: drop-shadow(0 0.05rem 0.05rem #ededed);
    border-radius: 0.12rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer .applogoContainerWrap .app-download-bg {
    position: absolute;
    margin-left: 10%;
    top: 13%;
    z-index: -1;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer {
    margin: auto 0;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-gap: 0.18rem;
    justify-content: center;
    text-align: undefined;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer {
    border: 0.02rem solid #ffffff33;
    width: 100%;
    border-radius: 0.04rem;
    padding: 0.1rem;
    color: undefined;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode {
    position: relative;
    text-align: center;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode svg {
    width: 45%;
    margin: 0.05rem 0;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode .fa-android svg {
    position: absolute;
    top: 0;
    right: 0.15rem;
    width: 0.45rem;
    fill: #00d909;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container {
    margin: 0 0.15rem;
    background: #b6b6b680;
    color: #fff;
    padding: 0.16rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container:hover,
.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container:active {
    background: #b6b6b680;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container .app-download-btn-text {
    margin: 0;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer {
    border: 0.02rem solid #ffffff33;
    width: 100%;
    border-radius: 0.04rem;
    padding: 0.1rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode {
    position: relative;
    text-align: center;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode svg {
    width: 45%;
    margin: 0.05rem 0;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode .fa-ios svg {
    position: absolute;
    top: 0;
    right: 0.15rem;
    width: 0.45rem;
    fill: #2ab7fe;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container {
    margin: 0 0.15rem;
    background: #b6b6b680;
    color: #fff;
    padding: 0.16rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container:hover,
.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container:active {
    background: #b6b6b680;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container .app-download-btn-text {
    margin: 0;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer {
    border-top: 0.02rem solid #ffffff33;
    margin: 0.2rem 0 0;
    padding: 0.2rem 0 0;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid .installGuideIcon {
    width: 15%;
    padding: 0 0.15rem;
    fill: #00d909;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid .installGuideStep {
    width: 85%;
    padding: 0 0.15rem;
    margin: auto 0;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid .installGuideStep ol {
    margin-left: 0.4rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid .installGuideStep ol li {
    list-style: auto;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS .installGuideIcon {
    width: 15%;
    padding: 0 0.15rem;
    fill: #2ab7fe;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS .installGuideStep {
    width: 85%;
    padding: 0 0.15rem;
    margin: auto 0;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS .installGuideStep ol {
    margin-left: 0.4rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS .installGuideStep ol li {
    list-style: auto;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-download-navbar-container {
    display: block;
    margin: 0 0 0.5rem;
    overflow: auto hidden;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-download-navbar-container .app-download-nav-tabs {
    display: flex;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-download-navbar-container .app-download-nav-tabs a {
    border: 0.01rem solid #ffffff33;
    margin: 0.1rem;
    font-size: 0.24rem;
    padding: 0.15rem 0.3rem;
    white-space: nowrap;
    color: #aaa;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-download-navbar-container .app-download-nav-tabs .active {
    border: 0.01rem solid #edfa00;
    background: rgba(237, 250, 0, 0.1);
    color: #ffffffe6;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .slick-next-btn {
    display: none;
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    top: 33%;
    right: 15%;
    z-index: 9;
    cursor: pointer;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .slick-next-btn svg {
    width: 0.55rem;
    height: 0.55rem;
    transform: rotate(180deg);
    fill: rgba(184, 184, 184, 0.3);
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .slick-prev-btn {
    display: none;
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    top: 33%;
    left: 15%;
    z-index: 9;
    cursor: pointer;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .slick-prev-btn svg {
    width: 0.55rem;
    height: 0.55rem;
    fill: rgba(184, 184, 184, 0.3);
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .show {
    display: block !important;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .app-tutorial-image {
    text-align: center;
    font-size: 0.24rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .app-tutorial-image .app-tutorial-title {
    margin: 1.1rem 0 0.1rem;
    color: #edfa00;
    font-weight: 700;
    font-size: 0.32rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .app-tutorial-image .app-tutorial-desc {
    height: 0.5rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .app-tutorial-image img {
    width: 2.25rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .dotsContainer {
    position: absolute;
    left: 41%;
    bottom: 20%;
    right: auto;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .dotsContainer button {
    width: 0.12rem;
    height: 0.12rem;
    margin: 0 0 0 0.1rem;
    border-radius: 50%;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .dotsContainer .active {
    background: #00eaff;
    width: 0.34rem;
    border-radius: 0.4rem;
}

.download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-image-tutoral-header {
    margin: 0.1rem 0.1rem 0.5rem;
    color: #00eaff;
    font-weight: 700;
    font-size: 0.26rem;
}

.mega-container {
    width: 11rem;
    margin: 0 auto;
    padding: 0.5rem 0;
}

.mega-container::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: undefined;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}

.mega-container .mega-container-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mega-container .mega-container-wrap .left-container {
    max-width: 50%;
    margin: 0 0.15rem;
}

.mega-container .mega-container-wrap .left-container .banner-container {
    margin: 0 0 0.2rem;
}

.mega-container .mega-container-wrap .left-container .banner-container img {
    border-radius: 0.1rem;
    width: 100%;
}

.mega-container .mega-container-wrap .left-container .step-details-container {
    border-bottom: 0.02rem solid #ffffff33;
    padding: 0 0.15rem;
}

.mega-container .mega-container-wrap .left-container .step-details-container .step-main-title {
    color: #b27ef0;
}

.mega-container .mega-container-wrap .left-container .step-details-container .step-sub-title {
    color: #b27ef0;
    margin: 0;
}

.mega-container .mega-container-wrap .left-container .info-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0.24rem 0.15rem 0.05rem;
    border-bottom: 0.02rem solid #ffffff33;
}

.mega-container .mega-container-wrap .left-container .info-container .info-label-field {
    margin: 0.13rem 0;
    width: 100%;
    max-width: 25%;
    color: #fff;
}

.mega-container .mega-container-wrap .left-container .info-container .info-input-field {
    margin: 0 0 0.1rem;
    width: 100%;
    max-width: 75%;
}

.mega-container .mega-container-wrap .left-container .info-container .info-input-field .info-input {
    border: none;
    border-style: none;
    color: #ffffffe6;
    background: #0000004d;
    border-radius: 0.04rem;
    padding: 0.12rem 0.16rem;
    margin-bottom: 0.1rem;
    height: auto;
}

.mega-container .mega-container-wrap .left-container .info-container .info-input-field .info-copy-icon {
    position: relative;
    float: right;
    width: 0.25rem;
    height: 0.25rem;
    margin: -0.45rem 0.1rem 0 0;
    cursor: pointer;
    fill: #ffffffe6;
}

.mega-container .mega-container-wrap .right-container {
    max-width: 33%;
    margin: 0 0.15rem;
}

.mega-container .mega-container-wrap .right-container .mega-iframe {
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .mega-container {
        width: 100%;
        padding: 0.3rem 0.205rem;
    }
    .mega-container .mega-container-wrap {
        margin: 0 0 1.5rem;
    }
    .mega-container .mega-container-wrap .banner-container {
        margin: 0 0 0.2rem;
    }
    .mega-container .mega-container-wrap .banner-container img {
        border-radius: 0.1rem;
        width: 100%;
    }
    .mega-container .mega-container-wrap .step-details-container {
        border-bottom: 2px solid #ffffff33;
        padding: 0 0.15rem;
    }
    .mega-container .mega-container-wrap .step-details-container .step-main-title {
        color: #b27ef0;
        margin: 0 0 0.2rem;
        font-size: 0.3rem;
    }
    .mega-container .mega-container-wrap .step-details-container .step-sub-title {
        color: #b27ef0;
        margin: 0;
        font-size: 0.28rem;
    }
    .mega-container .mega-container-wrap .step-details-container .step-sub-desc {
        margin: 0 0 0.2rem;
        font-size: 0.28rem;
    }
    .mega-container .mega-container-wrap .info-container {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0.24rem 0.15rem 0.05rem;
        border-bottom: 2px solid #ffffff33;
    }
    .mega-container .mega-container-wrap .info-container .info-label-field {
        margin: 0.13rem 0;
        width: 100%;
        max-width: 25%;
    }
    .mega-container .mega-container-wrap .info-container .info-label-field .info-label {
        font-size: 0.28rem;
        color: #fff;
    }
    .mega-container .mega-container-wrap .info-container .info-input-field {
        margin: 0 0 0.2rem;
        width: 100%;
        max-width: 75%;
    }
    .mega-container .mega-container-wrap .info-container .info-input-field .info-input {
        border: none;
        border-style: none;
        color: #ffffffe6;
        background: #0000004d;
        border-radius: 0.08rem;
        padding: 0.12rem 0.16rem;
        height: auto;
        font-size: 0.28rem;
    }
    .mega-container .mega-container-wrap .info-container .info-input-field .info-copy-icon {
        position: relative;
        float: right;
        width: 0.35rem;
        height: 0.35rem;
        margin: -0.45rem 0.12rem 0 0;
        cursor: pointer;
        fill: #ffffffe6;
    }
    .mega-container .mega-container-wrap .btm-container {
        display: flex;
        flex-wrap: wrap;
        padding: 0.2rem 0;
        width: 100%;
        justify-content: space-between;
    }
    .mega-container .mega-container-wrap .btm-container .download-btn-container {
        margin: 0 auto;
        width: 49%;
    }
    .mega-container .mega-container-wrap .btm-container .download-btn-container .download-btn2 {
        background: #b6b6b680;
        color: #fff;
        padding: 0.24rem 0.04rem;
        border-radius: 0.05rem;
        text-align: center;
        width: 100%;
        font-size: 0.3rem;
    }
    .mega-container .mega-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mega-container .mega-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text svg {
        width: 0.28rem;
        margin-right: 0.12rem;
    }
    .mega-container .mega-container-wrap .btm-container .deposit-container {
        width: 100%;
        text-align: center;
        margin: 0.2rem 0;
        font-size: 0.28rem;
    }
    .mega-container .mega-container-wrap .btm-container .deposit-container .deposit-info {
        text-decoration: underline;
        fill: #ffffffe6;
    }
    .mega-container .mega-container-wrap .btm-container .deposit-container .deposit-info svg {
        width: 0.2rem;
        height: auto;
        margin: 0 0.05rem;
    }
    .mega-container .mega-container-wrap .btm-container .deposit-container .deposit-info .transfer-icon {
        max-width: 0.55rem;
    }
}

.scr-container {
    width: 11rem;
    margin: 0 auto;
    padding: 0.5rem 0;
}

.scr-container::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: undefined;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}

.scr-container .scr-container-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.scr-container .scr-container-wrap .left-container {
    max-width: 50%;
    margin: 0 0.15rem;
}

.scr-container .scr-container-wrap .left-container .banner-container {
    margin: 0 0 0.2rem;
}

.scr-container .scr-container-wrap .left-container .banner-container img {
    border-radius: 0.1rem;
    width: 100%;
}

.scr-container .scr-container-wrap .left-container .step-details-container {
    border-bottom: 2px solid #d4d4d480;
    padding: 0 0.15rem;
}

.scr-container .scr-container-wrap .left-container .step-details-container .step-main-title {
    color: #b27ef0;
}

.scr-container .scr-container-wrap .left-container .step-details-container .step-sub-title {
    color: #b27ef0;
    margin: 0;
}

.scr-container .scr-container-wrap .left-container .info-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0.24rem 0.15rem 0.05rem;
    border-bottom: 2px solid #d4d4d480;
}

.scr-container .scr-container-wrap .left-container .info-container .info-label-field {
    margin: 0.13rem 0;
    width: 100%;
    max-width: 25%;
    color: #fff;
}

.scr-container .scr-container-wrap .left-container .info-container .info-input-field {
    margin: 0 0 0.1rem;
    width: 100%;
    max-width: 75%;
}

.scr-container .scr-container-wrap .left-container .info-container .info-input-field .info-input {
    border: none;
    color: #ffffffe6;
    background: #0000004d;
    border-radius: 0.04rem;
    padding: 0.12rem 0.16rem;
    margin-bottom: 0.1rem;
    height: auto;
}

.scr-container .scr-container-wrap .left-container .info-container .info-input-field .info-copy-icon {
    position: relative;
    float: right;
    width: 0.25rem;
    height: 0.25rem;
    margin: -0.45rem 0.1rem 0 0;
    cursor: pointer;
    fill: #ffffffe6;
}

.scr-container .scr-container-wrap .right-container {
    max-width: 33%;
    margin: 0 0.15rem;
}

.scr-container .scr-container-wrap .right-container .scr-iframe {
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .scr-container {
        width: 100%;
        padding: 0.3rem 0.205rem;
    }
    .scr-container .scr-container-wrap {
        margin: 0 0 1.5rem;
    }
    .scr-container .scr-container-wrap .banner-container {
        margin: 0 0 0.2rem;
    }
    .scr-container .scr-container-wrap .banner-container img {
        border-radius: 0.1rem;
        width: 100%;
    }
    .scr-container .scr-container-wrap .step-details-container {
        border-bottom: 2px solid #d4d4d480;
        padding: 0 0.15rem;
    }
    .scr-container .scr-container-wrap .step-details-container .step-main-title {
        color: #b27ef0;
        margin: 0 0 0.2rem;
        font-size: 0.3rem;
    }
    .scr-container .scr-container-wrap .step-details-container .step-sub-title {
        color: #b27ef0;
        margin: 0;
        font-size: 0.28rem;
    }
    .scr-container .scr-container-wrap .step-details-container .step-sub-desc {
        margin: 0 0 0.2rem;
        font-size: 0.28rem;
    }
    .scr-container .scr-container-wrap .info-container {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0.24rem 0.15rem 0.05rem;
        border-bottom: 2px solid #d4d4d480;
    }
    .scr-container .scr-container-wrap .info-container .info-label-field {
        margin: 0.13rem 0;
        width: 100%;
        max-width: 25%;
    }
    .scr-container .scr-container-wrap .info-container .info-label-field .info-label {
        font-size: 0.28rem;
        color: #fff;
    }
    .scr-container .scr-container-wrap .info-container .info-input-field {
        margin: 0 0 0.2rem;
        width: 100%;
        max-width: 75%;
    }
    .scr-container .scr-container-wrap .info-container .info-input-field .info-input {
        border: none;
        border-style: none;
        color: #ffffffe6;
        background: #0000004d;
        border-radius: 0.08rem;
        padding: 0.12rem 0.16rem;
        height: auto;
        font-size: 0.28rem;
    }
    .scr-container .scr-container-wrap .info-container .info-input-field .info-copy-icon {
        position: relative;
        float: right;
        width: 0.35rem;
        height: 0.35rem;
        margin: -0.45rem 0.12rem 0 0;
        cursor: pointer;
        fill: #ffffffe6;
    }
    .scr-container .scr-container-wrap .btm-container {
        display: flex;
        flex-wrap: wrap;
        padding: 0.2rem 0;
        width: 100%;
        justify-content: space-between;
    }
    .scr-container .scr-container-wrap .btm-container .download-btn-container {
        margin: 0 auto;
        width: 49%;
    }
    .scr-container .scr-container-wrap .btm-container .download-btn-container .download-btn2 {
        background: #b6b6b680;
        color: #fff;
        padding: 0.24rem 0.04rem;
        border-radius: 0.05rem;
        text-align: center;
        width: 100%;
        font-size: 0.3rem;
    }
    .scr-container .scr-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .scr-container .scr-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text svg {
        width: 0.28rem;
        margin-right: 0.12rem;
    }
    .scr-container .scr-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text svg path {
        fill: undefined;
    }
    .scr-container .scr-container-wrap .btm-container .deposit-container {
        width: 100%;
        text-align: center;
        margin: 0.2rem 0;
        font-size: 0.28rem;
    }
    .scr-container .scr-container-wrap .btm-container .deposit-container .deposit-info {
        text-decoration: underline;
        fill: #ffffffe6;
    }
    .scr-container .scr-container-wrap .btm-container .deposit-container .deposit-info svg {
        width: 0.2rem;
        height: auto;
        margin: 0 0.05rem;
    }
    .scr-container .scr-container-wrap .btm-container .deposit-container .deposit-info .transfer-icon {
        max-width: 0.55rem;
    }
}

.st-tab {
    position: relative;
    margin: 0.3rem 0;
    border-radius: 0.1rem;
    box-shadow: unset;
    background: #ffffff1a;
}

.st-tab .settings-title-section {
    padding: 0.2rem 0.3rem;
    border-bottom: 0.02rem solid #ffffff33;
    color: #fff;
}

.st-tab .settings-title-section p {
    margin: 0;
}

.st-tab ::placeholder {
    font-size: 0.14rem;
}

.st-tab .deposit-wrapper .standard-content-container {}

.st-tab .deposit-wrapper .standard-content-container .standard-tab-container {
    grid-area: tab;
}

.st-tab .deposit-wrapper .standard-content-container .standard-tab-container .standard-label {
    margin: 0 0 0.08rem;
}

.st-tab .deposit-wrapper .standard-content-container .standard-transaction-container {
    grid-area: form;
    /* padding: 0.3rem 0 0.3rem 0.3rem; */
}

.st-tab .deposit-wrapper .standard-content-container .standard-transaction-container .transaction-form,
.st-tab .deposit-wrapper .standard-content-container .standard-transaction-container .deposit-form {
    width: 100% !important;
    padding: 0;
}

.st-tab .deposit-wrapper .standard-content-container .standard-transaction-container .transaction-form .standard-mandatory,
.st-tab .deposit-wrapper .standard-content-container .standard-transaction-container .deposit-form .standard-mandatory {
    margin: 0 0 0.08rem;
}

.st-tab .deposit-wrapper .standard-content-container .transaction-note-section {
    grid-area: notice;
    width: unset !important;
    padding: 0.3rem;
}

.st-tab .deposit-wrapper .recommend-icon {
    position: absolute;
    top: 0.1rem;
    width: 0.7rem;
}

.st-tab .deposit-wrapper .real-time-icon {
    position: absolute;
    bottom: 0.1rem;
    width: 0.7rem;
}

.st-tab .deposit-grid-wrapper {
    padding: 0.24rem;
}

.st-tab .deposit-grid-wrapper .standard-content-container {
    display: grid;
    grid-template-areas: 'tab notice' 'form notice';
    grid-template-columns: 5.5fr 4.5fr;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container {
    grid-area: tab;
    border: none;
    overflow: visible;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab {
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0.1rem 0.06rem;
    overflow: visible;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper {
    display: flex;
    flex-direction: column;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header {
    padding: 0;
    background: #f6f6f6;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.05rem;
    height: 0.5rem;
    position: relative;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header.active {
    background: rgba(40, 219, 0, 0.1);
    border: 0.05rem solid #28db00;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header .custom-tab-icon {
    top: -0.1rem;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header .bank-option-icon {
    display: flex;
    width: 0.4rem;
    position: unset;
    margin: auto;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header .hover-line {
    display: none;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header svg {
    position: absolute;
    bottom: -0.02rem;
    right: -0.02rem;
    width: 0.18rem;
    height: 0.18rem;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper span {
    text-align: center;
    margin: 0.05rem 0 0;
    color: #888;
    font-size: 0.12rem;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper span.active {
    color: #00eaff;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-transaction-container {
    grid-area: form;
    padding: 0.3rem 0 0;
    width: 80%;
}

.st-tab .deposit-grid-wrapper .standard-content-container .standard-transaction-container .transaction-form {
    width: 100%;
    padding: 0;
}

.st-tab .deposit-grid-wrapper .standard-content-container .transaction-note-section {
    grid-area: notice;
    padding: 0.3rem;
    width: 100%;
    padding: 0;
}

.announcement-accordion-container {
    padding: 0 0.205rem;
}

.announcement-accordion-container .announcement-accordion-row {
    width: 100%;
    padding: 0.3rem 0.2rem 0.15rem;
    display: flex;
    justify-content: space-between;
    font-size: 0.28rem;
}

.announcement-accordion-container .announcement-accordion-row .announcement-caption {
    display: flex;
    align-items: center;
    justify-content: left;
}

.announcement-accordion-container .announcement-accordion-row .announcement-accordion-svg {
    fill: #ffe138;
    width: 0.43rem;
}

.announcement-accordion-container .announcement-accordion-row .rotate-icon {
    transform: rotate(180deg);
}

.announcement-accordion-container .announcement-separator-row {
    padding: 0.1rem 0;
    width: 100%;
}

.announcement-accordion-container .announcement-separator-row hr {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 0.01rem solid #ffffff33;
}

.announcement-accordion-container .announcement-content-container {
    margin-top: 0.05rem;
}

.announcement-accordion-container .announcement-content-container .announcement-content {
    background: undefine;
    border-radius: 0.08rem;
    padding: 0.18rem 0.2rem;
    margin-bottom: 0.15rem;
}

.announcement-accordion-container .announcement-content-container .announcement-content .anouncement-content-text {
    font-size: 0.26rem;
    white-space: pre-wrap;
}

.announcement-accordion-container .announcement-content-container .announcement-content .anouncement-date {
    font-size: 0.22rem;
    margin: 0;
    padding: 0;
}

.announcement-accordion-container .announcement-content-container .announcement-content:last-child {
    margin-bottom: 0;
}

.about-container .title-header {
    width: 11rem;
    margin-left: auto;
    margin-right: auto;
    color: #00eaff;
    padding: 0.15rem;
    text-transform: uppercase;
    font-size: 0.4rem;
    text-align: center;
    border-bottom: 0.01rem solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
    border-top: 0;
    background: unset;
}

.about-container .content-body .aboutUs-content {
    color: undefined;
    width: undefined;
    margin: undefined;
}

@media (max-width: 768px) {
    .about-container {
        width: 100%;
        padding: 0.4rem;
        padding-bottom: 1.4rem;
        background: unset;
        background-size: unset;
    }
}

.terms-container {
    padding-top: 0.3rem;
    padding-bottom: 0;
    background-size: unset;
    color: unset;
    line-height: 0.35rem;
}

.terms-container .terms-content {
    color: undefined;
}

.terms-container .terms-content p {
    line-height: 0.35rem;
}

.terms-container .terms {
    width: 11rem;
    margin: auto;
    height: 88vh;
    overflow: auto;
    background: unset;
}

.terms-container .terms::-webkit-scrollbar {
    width: 0.05rem;
}

.terms-container .terms::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.1rem;
}

.terms-container .terms::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.44, #66f2ff), color-stop(0.72, #00eaff), color-stop(0.86, #00bbcc));
}

.terms-container .terms:-webkit-scrollbar-thumb:hover {
    background: #555;
}

.terms-container .terms .header {
    background-color: transparent;
    text-transform: uppercase;
    font-size: 0.4rem;
    text-align: center;
    color: #00eaff;
    border-bottom: 0.01rem solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
    padding: 0.15rem;
    border-top: 0;
}

.terms-container .terms .content {
    padding: 0.15rem;
    width: 10rem;
    margin: auto;
    text-align: left;
}

.terms-container .terms .content .terms-content .sub-title-font-color {
    color: #000;
}

.terms-container .terms .content .terms-content p {
    line-height: 0.35rem;
}

.terms-container .terms .content.loading-box {
    display: flex;
    justify-content: center;
}

.terms-container .faq-content {
    background: #f2f2f2;
    padding: 0.2rem 0.5rem;
    color: undefined;
}

.terms-container .faq-content p u {
    text-decoration: unset;
}

.terms-container .faq-content .collapse {
    line-height: 0.7rem;
    border-bottom: 0.01rem solid #d3d3d3;
}

.terms-container .faq-content .collapse:last-child {
    border-bottom: unset;
}

.terms-container .faq-content .collapse .collapse-header {
    cursor: pointer;
    padding: 0 0.29rem;
}

.terms-container .faq-content .collapse .collapse-header:hover {
    background: #e1e1e1;
}

.terms-container .faq-content .collapse .collapse-header p {
    margin-bottom: 0;
}

.terms-container .faq-content .collapse .collapse-header p:after {
    content: '>';
    float: right;
    color: #757575;
    transform: rotate(90deg);
}

.terms-container .faq-content .collapse .collapse-item {
    height: 0;
    overflow: hidden;
    padding: 0 0.29rem;
    line-height: 0.33rem;
    transition: all 0.3s;
}

.terms-container .faq-content .collapse .collapse-item img {
    width: 100%;
}

.terms-container .faq-content .collapse.active .collapse-header {
    background: #e1e1e1;
}

.terms-container .faq-content .collapse.active .collapse-header p:after {
    content: '>';
    color: #757575;
    float: right;
    transition: all 0.2s ease;
    transform: rotate(-90deg);
}

.terms-container .faq-content .collapse.active .collapse-item {
    height: auto;
    padding: 0.35rem 0.29rem;
}

@media (max-width: 768px) {
    .terms-container {
        padding-bottom: 1.4rem;
        padding-top: 0;
    }
    .terms-container .terms {
        width: 100%;
        padding-bottom: 1.4rem;
        padding: 0.4rem;
    }
    .terms-container .terms .content {
        width: 100%;
        padding: unset;
    }
    .terms-container .terms p {
        margin-bottom: 0.25rem;
    }
}

.info-popup-modal-container {
    width: 1025px;
    min-width: 1025px;
    max-width: 1025px;
    margin: undefined;
}

.info-popup-modal-container .info-popup-modal-header {
    background: #262626;
    height: 0.6rem;
    display: flex;
    padding: 0.15rem 0.2rem;
    justify-content: center;
}

.info-popup-modal-container .info-popup-modal-header .info-popup-title-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: undefined;
    font-family: unset;
}

.info-popup-modal-container .info-popup-modal-header .standard-modal-close {
    top: undefined;
    right: undefined;
}

.info-popup-modal-container .info-popup-modal-header .standard-modal-close:hover {
    background: undefined;
}

.info-popup-modal-container .info-popup-modal-header .standard-modal-close svg {
    width: undefined;
    fill: undefined;
}

.info-popup-modal-container .info-popup-modal-header .standard-modal-close svg:hover {
    fill: undefined;
}

.info-popup-modal-container .info-popup-modal-body {
    padding: 0.35rem 0.5rem;
    font-size: 0.16rem;
    width: 100%;
    background: undefined;
}

.info-popup-modal-container .info-popup-modal-body.array-content {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    background: undefined;
}

.info-popup-modal-container .info-popup-modal-body .content-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 1.8rem;
    overflow: hidden;
    padding: 0.2rem;
    background: #ffffff1a;
    border-radius: 0.1rem;
    margin: 0.1rem 0.15rem;
    cursor: pointer;
}

.info-popup-modal-container .info-popup-modal-body .content-box:hover {
    background: #ffffff33;
    box-shadow: 0 0.03rem 0.06rem 0.02rem transparent;
}

.info-popup-modal-container .info-popup-modal-body .content-box .box-svg {
    fill: #aaa;
    width: 25%;
}

.info-popup-modal-container .info-popup-modal-body .content-box .box-info {
    margin: 0 0.15rem;
    width: 60%;
}

.info-popup-modal-container .info-popup-modal-body .content-box .box-info .info-title {
    margin-bottom: 0.15rem;
    color: #b27ef0;
}

.info-popup-modal-container .info-popup-modal-body .content-box .box-info .info-desc {
    word-wrap: break-word;
    color: #aaa;
}

.info-popup-modal-container .info-popup-modal-body .content-box .box-info .info-desc a {
    color: #aaa;
}

@media (max-width: 768px) {
    .info-popup-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
        margin: undefined;
    }
    .info-popup-modal-container .info-popup-modal-header {
        height: 0.72rem;
    }
    .info-popup-modal-container .info-popup-modal-header .standard-modal-close {
        top: undefined;
        right: undefined;
    }
    .info-popup-modal-container .info-popup-modal-header .standard-modal-close svg {
        width: undefined;
    }
    .info-popup-modal-container .info-popup-modal-body {
        padding: 0.35rem 0.5rem;
        font-size: 0.16rem;
    }
    .info-popup-modal-container .info-popup-modal-body p {
        margin: 0 0 0.16rem;
    }
    .info-popup-modal-container .terms-content p {
        line-height: 0.2rem !important;
    }
}

.howto-container {
    padding: 0.3rem 0;
    background: url(/public/html/images/home_img/home_bg.jpg);
    background-size: cover;
    margin: 0 auto;
    width: undefined;
}

.howto-container .title-header {
    width: 11rem;
    margin-left: auto;
    margin-right: auto;
    color: #edfa00;
    padding: 0.15rem;
    text-transform: uppercase;
    font-size: 0.4rem;
    text-align: center;
    border-bottom: 0.01rem solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
}

.howto-container .content-body {
    color: #ffffff8f;
    width: 10rem;
    margin: auto;
    padding: 0.15rem;
    text-align: center;
}

.howto-container .content-body.loading-box {
    display: flex;
    justify-content: center;
}

.howto-container .content-body iframe {
    width: 100%;
    height: 5.76rem;
    margin-top: 0.2rem;
}

.howto-container .content-body .faq-title {
    display: none;
}

@media (max-width: 768px) {
    .howto-container {
        width: 100%;
        padding: 0;
        padding-bottom: 1rem;
    }
    .howto-container .title-header {
        font-size: 0.45rem;
        padding: 0.25rem;
    }
    .howto-container .content-body {
        background: #fff;
        padding: 0.25rem;
    }
    .howto-container .content-body .terms-container {
        margin-top: 0.1rem;
        padding-bottom: 2rem;
    }
    .howto-container .content-body .terms-container p {
        font-size: 0.35rem;
        margin-bottom: 0.3rem !important;
    }
}

.footer-container {
    background: #000;
}

.footer-container .footer-row {
    display: flex;
}

.m-footer-container {
    background: #000;
}

.m-footer-container .footer-row {
    display: flex;
}

.footer-column-container img,
.footer-column-container svg {
    width: auto;
    height: 100%;
    border-radius: unset;
}

.footer-column-container.filter-grayscale-img img,
.footer-column-container.filter-grayscale-img svg {
    filter: grayscale(100%) brightness(155%) contrast(0.4);
}

.footer-column-container.filter-grayscale-img img:hover,
.footer-column-container.filter-grayscale-img svg:hover {
    filter: grayscale(0%);
}

.footer-column-container.filter-invert-grayscale-img img,
.footer-column-container.filter-invert-grayscale-img svg {
    filter: grayscale(0%);
}

.footer-column-container.filter-invert-grayscale-img img:hover,
.footer-column-container.filter-invert-grayscale-img svg:hover {
    filter: grayscale(100%);
}

.footer-column-container.footer-provider img,
.footer-column-container.footer-provider svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0 0.2rem 0 0;
}

.footer-column-container.footer-payment-method img,
.footer-column-container.footer-payment-method svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0;
}

.footer-column-container.footer-license-by img,
.footer-column-container.footer-license-by svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0;
}

.footer-column-container.footer-follow-us-list {
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
}

.footer-column-container.footer-follow-us-list img,
.footer-column-container.footer-follow-us-list svg {
    height: 0.45rem;
    padding: 0 0.1rem 0 0;
}

.footer-column-container.footer-suggested-browser img,
.footer-column-container.footer-suggested-browser svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0;
}

.footer-column-container.footer-responsible-gaming img,
.footer-column-container.footer-responsible-gaming svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0;
}

.footer-column-container.footer-follow-us img,
.footer-column-container.footer-follow-us svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0;
}

.footer-column-container.footer-copyright .copyrightColumn .copyrightContent img,
.footer-column-container.footer-copyright .copyrightColumn .copyrightContent svg {
    height: 0.32rem;
}

.footer-column-container .fcol-title {
    color: #888;
    font-size: 0.14rem;
    margin: 0 0 0.1rem;
}

.footer-column-container .fcol-title .dropdown-transition {
    transform: rotate(0deg);
    transition: 0.3s;
}

.footer-column-container .fcol-title .dropdown-transition.on-clicked {
    transform: rotate(180deg);
}

.footer-column-container .list-item {
    display: undefined;
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
    margin: 0 0 0.1rem;
}

.footer-column-container .list-item .pointer-item {
    color: #000;
    cursor: pointer;
    margin: unset;
}

.footer-column-container .list-item .pointer-item:hover {
    color: #000;
}

.footer-column-container .list-item .pointer-item .special-symbol {
    border: 0.01rem solid;
    border-radius: 50%;
    width: 0.15rem;
    height: 0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.05rem 0 0;
    font-size: 0.08rem;
}

.footer-custom {
    padding-right: 0.2rem;
}

.footer-custom:last-child {
    padding-right: 0;
}

.dropdown-absolute {
    position: absolute;
    z-index: 1;
}

@media (max-width: 1440px) {
    .footer-column-container.footer-provider img,
    .footer-column-container.footer-provider svg {
        height: 0.4rem;
    }
    .footer-column-container.footer-payment-method img,
    .footer-column-container.footer-payment-method svg {
        height: 0.4rem;
    }
    .footer-column-container.footer-license-by img,
    .footer-column-container.footer-license-by svg {
        height: 0.4rem;
    }
    .footer-column-container.footer-follow-us-list img,
    .footer-column-container.footer-follow-us-list svg {
        height: 0.4rem;
    }
    .footer-column-container.footer-follow-us img,
    .footer-column-container.footer-follow-us svg {
        height: 0.4rem;
    }
    .footer-column-container.footer-suggested-browser img,
    .footer-column-container.footer-suggested-browser svg {
        height: 0.4rem;
    }
    .footer-column-container.footer-footer-responsible-gaming img,
    .footer-column-container.footer-footer-responsible-gaming svg {
        height: 0.4rem;
    }
}

@media (max-width: 768px) {
    .footer-column-container.footer-provider img,
    .footer-column-container.footer-provider svg {
        height: 1rem;
    }
    .footer-column-container.footer-payment-method img,
    .footer-column-container.footer-payment-method svg {
        height: 1rem;
    }
    .footer-column-container.footer-license-by img,
    .footer-column-container.footer-license-by svg {
        height: 1rem;
    }
    .footer-column-container.footer-follow-us-list img,
    .footer-column-container.footer-follow-us-list svg {
        height: 1rem;
    }
    .footer-column-container.footer-suggested-browser img,
    .footer-column-container.footer-suggested-browser svg {
        height: 1rem;
    }
    .footer-column-container.footer-follow-us-list img,
    .footer-column-container.footer-follow-us-list svg {
        height: 1rem;
    }
    .footer-column-container.footer-footer-responsible-gaming img,
    .footer-column-container.footer-footer-responsible-gaming svg {
        height: 1rem;
    }
}

@media (max-width: 768px) {
    .footer-column-container .fcol-title {
        font-size: 14px;
        margin: 0 0 0.3rem;
    }
    .footer-column-container .list-item {
        font-size: 14px;
    }
    .footer-column-container.footer-provider img,
    .footer-column-container.footer-provider svg,
    .footer-column-container.footer-payment-method img,
    .footer-column-container.footer-payment-method svg,
    .footer-column-container.footer-license-by img,
    .footer-column-container.footer-license-by svg,
    .footer-column-container.footer-follow-us-list img,
    .footer-column-container.footer-follow-us-list svg,
    .footer-column-container.footer-suggested-browser img,
    .footer-column-container.footer-suggested-browser svg,
    .footer-column-container.footer-footer-responsible-gaming img,
    .footer-column-container.footer-footer-responsible-gaming svg {
        height: undefined;
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -0.3rem, 0);
        transform: translate3d(0, -0.3rem, 0);
    }
    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        -webkit-transform: translate3d(0, -0.15rem, 0);
        transform: translate3d(0, -0.15rem, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -0.04rem, 0);
        transform: translate3d(0, -0.04rem, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -0.3rem, 0);
        transform: translate3d(0, -0.3rem, 0);
    }
    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        -webkit-transform: translate3d(0, -0.15rem, 0);
        transform: translate3d(0, -0.15rem, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -0.04rem, 0);
        transform: translate3d(0, -0.04rem, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-0.1rem, 0, 0);
        transform: translate3d(-0.1rem, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0.1rem, 0, 0);
        transform: translate3d(0.1rem, 0, 0);
    }
}

@keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-0.1rem, 0, 0);
        transform: translate3d(-0.1rem, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0.1rem, 0, 0);
        transform: translate3d(0.1rem, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-0.06rem) rotateY(-9deg);
        transform: translateX(-0.06rem) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(0.05rem) rotateY(7deg);
        transform: translateX(0.05rem) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-0.03rem) rotateY(-5deg);
        transform: translateX(-0.03rem) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(0.02rem) rotateY(3deg);
        transform: translateX(0.02rem) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-0.06rem) rotateY(-9deg);
        transform: translateX(-0.06rem) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(0.05rem) rotateY(7deg);
        transform: translateX(0.05rem) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-0.03rem) rotateY(-5deg);
        transform: translateX(-0.03rem) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(0.02rem) rotateY(3deg);
        transform: translateX(0.02rem) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30rem, 0);
        transform: translate3d(0, -30rem, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0.25rem, 0);
        transform: translate3d(0, 0.25rem, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 0.05rem, 0);
        transform: translate3d(0, 0.05rem, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30rem, 0);
        transform: translate3d(0, -30rem, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0.25rem, 0);
        transform: translate3d(0, 0.25rem, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 0.05rem, 0);
        transform: translate3d(0, 0.05rem, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30rem, 0, 0);
        transform: translate3d(-30rem, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0.25rem, 0, 0);
        transform: translate3d(0.25rem, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-0.1rem, 0, 0);
        transform: translate3d(-0.1rem, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(0.05rem, 0, 0);
        transform: translate3d(0.05rem, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30rem, 0, 0);
        transform: translate3d(-30rem, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0.25rem, 0, 0);
        transform: translate3d(0.25rem, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-0.1rem, 0, 0);
        transform: translate3d(-0.1rem, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(0.05rem, 0, 0);
        transform: translate3d(0.05rem, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30rem, 0, 0);
        transform: translate3d(30rem, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-0.25rem, 0, 0);
        transform: translate3d(-0.25rem, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(0.1rem, 0, 0);
        transform: translate3d(0.1rem, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-0.05rem, 0, 0);
        transform: translate3d(-0.05rem, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30rem, 0, 0);
        transform: translate3d(30rem, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-0.25rem, 0, 0);
        transform: translate3d(-0.25rem, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(0.1rem, 0, 0);
        transform: translate3d(0.1rem, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-0.05rem, 0, 0);
        transform: translate3d(-0.05rem, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30rem, 0);
        transform: translate3d(0, 30rem, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -0.05rem, 0);
        transform: translate3d(0, -0.05rem, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30rem, 0);
        transform: translate3d(0, 30rem, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -0.05rem, 0);
        transform: translate3d(0, -0.05rem, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(0.2rem, 0, 0);
        transform: translate3d(0.2rem, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(0.2rem, 0, 0);
        transform: translate3d(0.2rem, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-0.2rem, 0, 0);
        transform: translate3d(-0.2rem, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-0.2rem, 0, 0);
        transform: translate3d(-0.2rem, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0.2rem, 0);
        transform: translate3d(0, 0.2rem, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0.2rem, 0);
        transform: translate3d(0, 0.2rem, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(4rem) rotateY(-1turn);
        transform: perspective(4rem) rotateY(-1turn);
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg);
    }
    50% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg);
    }
    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(4rem) scale3d(0.95, 0.95, 0.95);
        transform: perspective(4rem) scale3d(0.95, 0.95, 0.95);
    }
    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(4rem) rotateY(-1turn);
        transform: perspective(4rem) rotateY(-1turn);
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg);
    }
    50% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg);
    }
    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(4rem) scale3d(0.95, 0.95, 0.95);
        transform: perspective(4rem) scale3d(0.95, 0.95, 0.95);
    }
    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(4rem) rotateX(10deg);
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(4rem) rotateX(-5deg);
        transform: perspective(4rem) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(4rem) rotateX(10deg);
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(4rem) rotateX(-5deg);
        transform: perspective(4rem) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(4rem) rotateY(-20deg);
        transform: perspective(4rem) rotateY(-20deg);
    }
    60% {
        -webkit-transform: perspective(4rem) rotateY(10deg);
        transform: perspective(4rem) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(4rem) rotateY(-5deg);
        transform: perspective(4rem) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(4rem) rotateY(-20deg);
        transform: perspective(4rem) rotateY(-20deg);
    }
    60% {
        -webkit-transform: perspective(4rem) rotateY(10deg);
        transform: perspective(4rem) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(4rem) rotateY(-5deg);
        transform: perspective(4rem) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
    }
    30% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
    }
    30% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
    }
    30% {
        -webkit-transform: perspective(4rem) rotateY(-15deg);
        transform: perspective(4rem) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
    }
    30% {
        -webkit-transform: perspective(4rem) rotateY(-15deg);
        transform: perspective(4rem) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }
    60%,
    80% {
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }
    60%,
    80% {
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
    }
    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 7rem, 0);
        transform: translate3d(0, 7rem, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left;
    }
    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 7rem, 0);
        transform: translate3d(0, 7rem, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50%,
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50%,
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-20rem, 0, 0);
        transform: scale(0.1) translate3d(-20rem, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-20rem, 0, 0);
        transform: scale(0.1) translate3d(-20rem, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(20rem, 0, 0);
        transform: scale(0.1) translate3d(20rem, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(20rem, 0, 0);
        transform: scale(0.1) translate3d(20rem, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.share-dropdown-back-screen {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.share-dropdown {
    position: absolute;
    background: #99999999;
    z-index: 9;
    border: 0.02rem solid #ffffff33;
    width: 1.88rem;
    color: #fff;
    backdrop-filter: blur(0.05rem);
}

.share-dropdown .referral-copy {
    cursor: pointer;
    padding: 0.1rem !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: undefined;
    border-bottom: unset;
}

.share-dropdown .referral-copy svg {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0;
    margin-left: unset;
    fill: #fff;
}

.share-dropdown .react-share__ShareButton {
    width: 100%;
    padding: 0.1rem !important;
    align-items: center;
    display: flex;
    background: unset;
    color: undefined;
}

.share-dropdown .react-share__ShareButton svg {
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.15rem;
}

.share-dropdown .react-share__ShareButton:hover {
    background: #ffffff1a !important;
}

.share-dropdown .react-share__ShareButton:hover span {
    color: #fff !important;
}

@media (max-width: 768px) {
    .share-dropdown {
        width: 4rem;
    }
    .share-dropdown .referral-copy svg {
        width: 0.4rem;
        height: 0.4rem;
    }
    .share-dropdown .react-share__ShareButton svg {
        width: 0.7rem;
        height: 0.7rem;
    }
}

.aff-home-landing-container {
    width: 11rem;
    margin: 0.6rem auto;
    display: grid;
    grid-template-columns: 35% 65%;
    align-items: center;
}

.aff-home-landing-container .aff-landing-header .aff-landing-title {
    font-size: 0.21rem;
    font-weight: 600;
    margin: 0.08rem 0;
}

.aff-home-landing-container .aff-landing-header .aff-landing-desc {
    color: #aaa;
    margin: 0.08rem 0;
}

.aff-home-landing-container .aff-landing-content {}

.aff-home-landing-container .aff-landing-content .aff-landing-col {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: center;
}

.aff-home-landing-container .aff-landing-content img {
    width: 0.6rem;
    fill: #aaa;
    margin: 0 auto;
}

.aff-home-landing-container .aff-landing-content .icon-1 {
    mask-image: url(/public/html/aff-home-landing/img/aff-icon-1.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-1.svg);
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 0 auto;
    height: 0.6rem;
    width: 0.6rem;
    background: #aaa;
}

.aff-home-landing-container .aff-landing-content .icon-2 {
    mask-image: url(/public/html/aff-home-landing/img/aff-icon-2.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-2.svg);
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 0 auto;
    height: 0.6rem;
    width: 0.6rem;
    background: #aaa;
}

.aff-home-landing-container .aff-landing-content .icon-3 {
    mask-image: url(/public/html/aff-home-landing/img/aff-icon-3.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-3.svg);
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 0 auto;
    height: 0.6rem;
    width: 0.6rem;
    background: #aaa;
}

.aff-home-landing-container .aff-landing-content .icon-4 {
    mask-image: url(/public/html/aff-home-landing/img/aff-icon-4.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-4.svg);
    -webkit-mask-size: 50%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 0 auto;
    height: 0.6rem;
    width: 0.6rem;
    background: #aaa;
}

.aff-home-landing-container .aff-landing-content .progressive-line-container .p-line {
    height: 0.3rem;
    width: 0.02rem;
    margin: 0 auto;
    background: #bdbdbd;
    z-index: 1;
}

.aff-home-landing-container .aff-landing-content .progressive-title-container {
    text-align: center;
    text-transform: capitalize;
}

.aff-home-landing-container .aff-landing-content .progressive-desc-container div {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffffe6;
    width: 90%;
    border-radius: 0.05rem;
    text-align: center;
    margin: 0.1rem auto;
    padding: 0.15rem 0.06rem;
}

.aff-home-landing-container .aff-progressive-container {
    position: relative;
}

.aff-home-landing-container .aff-progressive-container .progressive-box-wrapper {
    width: 93%;
    height: 0.45rem;
    border: 0.03rem solid;
    border-color: #005e66;
    padding: 0.06rem 0.12rem;
    margin: 0.15rem auto 0;
    transform: skew(-20deg);
}

.aff-home-landing-container .aff-progressive-container .progressive-box-wrapper .progressive-box-inner {
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient( 90deg, #ededed, #ededed 0.12rem, white 0, white 0.27rem);
}

.aff-home-landing-container .aff-progressive-container .progressive-bar-status {
    width: 57%;
    position: absolute;
    height: 0.27rem;
    background: linear-gradient(90deg, #511a91, #b27ef0);
    margin: -0.37rem 0.41rem 0;
    z-index: 999;
    transform: skew(-20deg);
    max-width: 88.5%;
}

.aff-home-landing-container .aff-progressive-container .progressive-bar-level {
    margin: -0.37rem auto 0;
    z-index: 999;
    position: relative;
}

.aff-home-landing-container .aff-progressive-container .progressive-bar-level div {
    width: 0.33rem;
    height: 0.27rem;
    background: #fff;
    margin: 0 auto;
    border-radius: 0.05rem;
    transform: skew(-10deg);
    display: grid;
    place-items: center;
}

.aff-home-landing-container .aff-progressive-container .progressive-bar-level div p {
    width: 0.27rem;
    height: 0.27rem;
    display: grid;
    border-radius: 0.06rem;
    place-items: center;
    background: #ff8a00;
    color: #fff;
    margin: 0 0.01rem 0 0;
}

.aff-home-landing-container .aff-progressive-container .progressive-bar-level div:last-child {
    background: 0 0;
}

.aff-home-landing-container .aff-progressive-container .progressive-bar-level div:nth-child(3) {
    border-radius: 0.09rem;
}

.aff-linear-border {
    background: unset !important;
}

.aff-menu-container {
    border-top: unset;
    border-bottom: unset;
    background: #511a91;
    font-family: unset;
}

.aff-menu-container:lang(km) {
    font-family: unset;
}

.aff-menu-container ul {
    width: 11rem;
    margin: auto;
    display: flex;
    align-items: center;
    height: 0.45rem;
    position: relative;
}

.aff-menu-container ul li {
    display: flex;
    align-items: center;
    padding: 0.1rem;
    height: 100%;
    border-top: undefined;
    border-bottom: undefined;
}

.aff-menu-container ul li:first-child {
    padding: 0.1rem 0.05rem;
}

.aff-menu-container ul li a svg {
    width: auto;
    height: 0.21rem;
    fill: #fff;
}

.aff-menu-container ul li:hover,
.aff-menu-container ul li.active {
    background: #511a91;
    border-bottom: undefined;
}

.aff-menu-container ul li:hover svg,
.aff-menu-container ul li.active svg {
    fill: #ffe138;
}

.aff-menu-container ul li:hover p,
.aff-menu-container ul li.active p {
    color: #ffe138;
}

.aff-menu-container ul li:hover .hover-line,
.aff-menu-container ul li.active .hover-line {
    border-bottom: 0.03rem solid #edfa00;
    width: 0.25rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0;
}

.aff-menu-container ul li p {
    margin-bottom: 0;
    color: #fff;
    font-weight: unset;
    text-transform: capitalize;
}

.aff-menu-container ul li .headerLink:before {
    content: unset !important;
}

.aff-menu-container ul li .headerLink .menu-item-title {
    display: flex;
    justify-content: center;
}

.aff-menu-container ul li.portal-back-btn {
    margin-left: auto;
    height: auto;
}

.aff-menu-container ul li.portal-back-btn .headerLink .menu-item-title p {
    display: flex;
    align-items: center;
    color: #b01f46;
    text-transform: uppercase;
}

.aff-menu-container ul li.portal-back-btn .headerLink .menu-item-title p::before {
    content: '';
    background: url(/public/html/images/aff/back-arrow-icon.png);
    display: flex;
    height: 0.25rem;
    width: 0.35rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -0.35rem;
}

.aff-menu-container ul .active {
    background: #511a91;
    border-bottom: undefined;
}

.aff-menu-container ul .active p {
    color: #ffe138;
}

.aff_loginbar_edit .header-control .form-control .btnAccount-container {
    width: 4.85rem;
    white-space: nowrap;
}

.aff_loginbar_edit .header-control .form-control .detailAccount-container {
    margin-right: 0.1rem;
}

.aff-commission-plan-wrapper {
    background: 0 0;
    background-size: unset;
    background-repeat: unset;
    background-position: unset;
    padding: unset;
}

.aff-commission-plan-wrapper .commission-plan-container {
    width: 10rem;
    margin: auto;
    padding: 0.3rem 0;
    background: undefined;
    text-align: undefined;
}

.aff-commission-plan-wrapper .commission-plan-container header {
    width: 10rem;
    margin-left: auto;
    margin-right: auto;
    color: #ffe138;
    padding: 0.15rem;
    text-transform: capitalize;
    font-size: 0.4rem;
    text-align: center;
    border-bottom: 0.01rem solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
    border-top: 0;
}

.aff-commission-plan-wrapper .commission-plan-container header p {
    margin-bottom: 0;
}

.aff-commission-plan-wrapper .commission-plan-container article {
    padding: 0.1rem;
    background: undefined;
    min-height: 5rem;
    color: #aaa;
    line-height: 0.2rem;
    font-size: 0.14rem;
    opacity: undefined;
}

.aff-commission-plan-wrapper .commission-plan-container article a {
    color: #00eaff;
}

.aff-commission-plan-wrapper .commission-plan-container article ul {
    padding: unset;
}

.aff-commission-plan-wrapper .commission-plan-container article ul li {
    list-style-type: unset;
    margin: unset;
}

.aff-commission-plan-wrapper .commission-plan-container article ul li ul li {
    list-style-type: unset;
}

.aff-faq-wrapper {
    background: 0 0;
    background-size: unset;
    background-repeat: unset;
    background-position: unset;
    padding: unset;
}

.aff-faq-wrapper .faq-container {
    width: 10rem;
    margin: auto;
    padding: 0.3rem 0;
    background: unset;
}

.aff-faq-wrapper .faq-container header {
    width: 10rem;
    margin-left: auto;
    margin-right: auto;
    color: #ffe138;
    padding: 0.15rem;
    text-transform: capitalize;
    font-size: 0.4rem;
    text-align: center;
    border-bottom: 0.01rem solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
    border-top: 0;
    background: 0 0;
    font-weight: 500;
    position: inherit;
}

.aff-faq-wrapper .faq-container header p {
    margin-bottom: 0;
    border-bottom: 0;
    width: 100%;
    margin: 0;
}

.aff-faq-wrapper .faq-container .faq-dropdown-icon {
    background: #ad1f46;
    border-radius: 1rem;
    width: 0.5rem;
    padding: 0.1rem;
    position: absolute;
    margin: auto;
    bottom: -0.5rem;
    left: 0;
    right: 0;
}

.aff-faq-wrapper .faq-container article {
    padding: 0.1rem;
    background: undefined;
    min-height: 5rem;
    color: #aaa;
    line-height: 0.2rem;
    font-size: 0.14rem;
    width: 10rem;
    margin: 0;
    opacity: undefined;
}

.aff-faq-wrapper .faq-container article a {
    color: #00eaff;
}

.aff-faq-wrapper .faq-container article .collapse:nth-child(odd) {
    border: 0.01rem solid #bf5370;
    margin: 0.2rem 0;
    border-radius: 0.1rem;
}

.aff-faq-wrapper .faq-container article .collapse:nth-child(odd) .collapse-header {
    color: #870c32;
    background: #fcede8;
    padding: 0.1rem;
    border-radius: 0.1rem;
    font-weight: 700;
}

.aff-faq-wrapper .faq-container article .collapse:nth-child(odd) .collapse-header p {
    margin-bottom: 0;
}

.aff-faq-wrapper .faq-container article .collapse:nth-child(odd) .collapse-item {
    padding: 0.1rem;
    color: #353535;
}

.aff-faq-wrapper .faq-container article .collapse:nth-child(even) {
    border: 0.01rem solid #e6d3c5;
    margin: 0.2rem 0;
    border-radius: 0.1rem;
}

.aff-faq-wrapper .faq-container article .collapse:nth-child(even) .collapse-header {
    color: #7f5c05;
    background: #fef2e4;
    padding: 0.1rem;
    border-radius: 0.1rem;
    font-weight: 700;
}

.aff-faq-wrapper .faq-container article .collapse:nth-child(even) .collapse-header p {
    margin-bottom: 0;
}

.aff-faq-wrapper .faq-container article .collapse:nth-child(even) .collapse-item {
    padding: 0.1rem;
    color: #353535;
}

.aff-faq-wrapper .faq-container article ul li {
    list-style-type: unset;
    margin: unset;
}

.aff-contact-us-wrapper {
    background: 0 0;
}

.aff-contact-us-wrapper .contact-us-container {
    width: 10rem;
    margin: auto;
    padding: 0.3rem 0;
    min-height: 5rem;
}

.aff-contact-us-wrapper .contact-us-container header {
    width: 10rem;
    margin-left: auto;
    margin-right: auto;
    color: #ffe138;
    padding: 0.15rem;
    text-transform: capitalize;
    font-size: 0.4rem;
    text-align: center;
    border-bottom: 0.01rem solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
    border-top: 0;
}

.aff-contact-us-wrapper .contact-us-container header p {
    margin-bottom: 0;
}

.aff-contact-us-wrapper .contact-us-container article {
    padding: 0.1rem;
    color: #aaa;
    line-height: 0.24rem;
    font-size: 0.14rem;
    text-align: center;
    margin-top: 0.2rem;
}

.aff-contact-us-wrapper .contact-us-container article a {
    color: #3ea6ff;
}

.aff-contact-us-wrapper .contact-us-container .contact-us-list {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
}

.aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper {
    width: 30%;
    margin: 0.1rem 0.15rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem;
    color: #aaa;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 0.1rem;
    background: #ffffff1a;
    box-shadow: 0 0.04rem 0.08rem 0 #00000033;
}

.aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper .contact-svg-container {
    width: 25%;
    display: contents;
}

.aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper .contact-svg-container svg {
    width: 25%;
    fill: undefined;
}

.aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper .contact-content-container {
    width: 60%;
    margin: 0 0.15rem;
    word-wrap: break-word;
}

.aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper .contact-content-container .info-title {
    margin-bottom: 0.15rem;
    color: #b27ef0;
}

.aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper:hover {
    background: #ffffff33;
    box-shadow: 0 0.03rem 0.06rem 0.02rem transparent;
}

.register-main-container.aff-register-container {
    background: undefined;
}

.register-main-container.aff-register-container .reg-container .reg-btn-container {
    margin: undefined;
}

.register-main-container.aff-register-container .standard-form-field .standard-input {
    width: 100% !important;
}

.register-main-container.aff-register-container .standard-form-field .standard-select-dropdown {
    top: 0.6rem;
}

.affiliate-register {
    padding: 0.21rem 0 0;
}

.affiliate-register .reg {
    width: 100%;
}

.affiliate-register .reg .reg-title {
    width: 90%;
    margin: auto;
    background: undefined;
    color: undefined;
    padding: undefined;
}

.affiliate-register .reg .reg-step {
    width: undeniable;
}

.affiliate-register .reg .reg-step .reg-progress-container {
    width: undefined;
    margin: undefined;
}

.affiliate-register .reg .reg-step .reg-progress-container .step-container {
    height: 0.32rem;
    width: 0.4rem;
}

.affiliate-register .reg .reg-step .reg-progress-container .step-container.on {
    background: undefined;
}

.affiliate-register .reg .reg-step .reg-progress-container .step-container.on.current-on {
    background: undefined;
}

.affiliate-register .reg .reg-step .reg-progress-container .step-container.step-done.on {
    background: undefined;
}

.affiliate-register .reg .reg-step .reg-progress-container .step-container.step-done.on.current-on {
    background: undefined;
}

.affiliate-register .reg .reg-step .reg-progress-container .progressBar {
    height: 0.02rem;
    width: undefined;
    background: #95959561;
}

.affiliate-register .reg .reg-step .reg-progress-container .progressBar.on {
    background: undefined;
}

.affiliate-register .reg .reg-container {
    width: 65%;
    margin: auto;
}

.affiliate-register .reg .reg-container .standard-checkbox {
    height: 0.22rem;
    width: 0.22rem;
}

.affiliate-register .reg .reg-container .registerStep2_contact {
    position: relative;
}

.affiliate-register .reg .reg-container .reg-success {
    color: WHITe;
    text-align: center;
}

.affiliate-register .reg .reg-container .reg-success .reg-svg {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0.18rem 0 0.3rem;
}

.affiliate-register .reg .reg-container .reg-success .success-animation {
    margin-bottom: 0.1rem;
}

.affiliate-register .reg .reg-container .reg-success h4 a {
    color: undefined;
    text-decoration: undefined;
}

.affiliate-register .reg .reg-container .reg-success h4 a:hover {
    background: #b6b6b6;
}

.affiliate-register .reg .reg-container .reg-success h3 {
    margin-bottom: 0.1rem;
    font-size: 0.24rem;
}

.affiliate-register .reg .reg-container .reg-success .reg-success-btn {
    display: block;
    height: 0.5rem;
    width: 60%;
    margin: 0.3rem auto 0;
    padding: 0 0.4rem;
    border-radius: 0.06rem;
    font-size: 0.14rem;
    font-weight: 600;
    background: #b6b6b6;
    opacity: 0.5;
    pointer-events: auto;
}

.affiliate-register .reg .reg-container .reg-success .reg-success-btn:hover {
    background: #b6b6b6;
    opacity: 0.8;
    transition: 0.3s;
}

.affiliate-register .reg .reg-container .reg-footer-notice {
    padding: 0.18rem 0.12rem 0.3rem;
    font-size: 0.12rem;
}

.aff-overview-container {
    width: 11rem;
    margin: 0.3rem auto;
    border: 0;
    padding: 0.3rem 0;
}

.aff-overview-container .aff-warpper {
    position: relative;
    padding: 0.1rem;
    background-attachment: blur(0.02rem);
}

.aff-overview-container .aff-warpper header {
    background: undefined;
    color: #ffe138;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.aff-overview-container .aff-warpper header p {
    margin-bottom: 0;
    padding: 0.1rem 0.15rem 0.1rem 0.1rem;
}

.aff-overview-container .aff-warpper section {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0.05rem 0.08rem 0 #00000033;
    padding: 0.1rem;
}

.aff-overview-container .aff-warpper section .infor-contianer {
    margin: 0.1rem 0;
}

.aff-overview-container .aff-warpper section .infor-contianer:nth-child(1) span {
    color: WHITe;
}

.aff-overview-container .aff-warpper section .infor-contianer:nth-child(2) {
    margin-bottom: 0;
}

.aff-overview-container .aff-warpper section .infor-contianer:nth-child(3) {
    margin-top: 0.05rem;
}

.aff-overview-container .aff-warpper section .infor-contianer .title-login {
    margin-right: 0.1rem;
}

.aff-overview-container .aff-warpper section .infor-contianer .title {
    width: 15%;
    font-weight: undefined;
}

.aff-overview-container .aff-warpper section .infor-contianer span {
    font-size: 0.14rem;
    color: WHITe;
}

.aff-overview-container .aff-warpper section .infor-contianer label {
    color: WHITe;
}

.aff-overview-container .aff-warpper section .float-container {
    margin: undefined;
}

.aff-overview-container .aff-warpper section .float-container .float-span {
    display: flex;
    align-items: center;
}

.aff-overview-container .aff-warpper section .float-container .float-span a {
    margin-right: 0.3rem;
    width: 30%;
    color: #3ea6ff;
    font-style: undefined;
}

.aff-overview-container .aff-warpper section .float-container .float-span .shareBtn-container {
    margin-left: 0.2rem;
}

.aff-overview-container .aff-warpper section .float-container .float-span .shareBtn-container .referral-btn {
    background: #511a91;
    padding: 0.1rem;
    border-radius: 0.03rem;
    width: 1.2rem;
    color: undefined;
    position: relative;
    z-index: 1;
}

.aff-overview-container .aff-warpper section .float-container .float-span .shareBtn-container .referral-btn:hover {
    filter: brightness(110%);
}

.aff-overview-container .aff-warpper .summary-section {
    display: flex;
    justify-content: space-between;
    padding: 0.2rem;
    overflow-x: scroll;
    flex-wrap: wrap;
}

.aff-overview-container .aff-warpper .summary-section::-webkit-scrollbar {
    width: 0.1rem;
}

.aff-overview-container .aff-warpper .summary-section::-webkit-scrollbar:horizontal {
    height: 0.08rem;
}

.aff-overview-container .aff-warpper .summary-section::-webkit-scrollbar-track {
    background-color: rgba(204, 204, 204, 0.3);
}

.aff-overview-container .aff-warpper .summary-section::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.2);
}

.aff-overview-container .aff-warpper .summary-section .summary-container {
    width: 30%;
    background: #262626;
    margin: 0 0.02rem;
    border: 0;
    color: WHITe;
}

.aff-overview-container .aff-warpper .summary-section .summary-container .header {
    background: #7e7e7e;
    padding: 0.1rem;
    white-space: nowrap;
    text-align: center;
    font-size: 0.14rem;
    color: #ffe138;
    font-weight: 700;
    border-radius: undefined;
}

.aff-overview-container .aff-warpper .summary-section .summary-container .summary-content-warpper {
    font-size: 0.14rem;
    padding: 0.1rem;
    color: undefined;
}

.aff-overview-container .aff-warpper .summary-section .summary-container .summary-content-warpper .summary-content-warpper-flex {
    margin-bottom: 0.1rem;
    display: flex;
    justify-content: space-between;
}

.aff-overview-container .aff-warpper .summary-section .summary-container .summary-content-warpper .summary-content-warpper-flex span {
    color: undefined;
}

.aff-overview-container .aff-warpper .summary-section .summary-container .summary-content-warpper .commission-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}

.aff-overview-container .aff-warpper .summary-section .summary-container .summary-container:nth-child(4n) {
    margin-top: 0.3rem;
}

.aff-overview-container .aff-warpper .summary-section .NoRecord_without_table {
    color: undefined;
}

.aff-overview-container .aff-warpper .react-datepicker-popper {
    width: 2.8rem;
}

.aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker {
    width: 100%;
}

.aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker .react-datepicker__month-container {
    width: 100%;
}

.aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header {
    padding-bottom: 0.8em;
    font-size: 1em;
}

.aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker__month-text {
    width: 3rem;
    border-radius: 0.1rem;
    padding: 0.1rem;
}

.aff-overview-container .aff-warpper .aff-date-input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: unset;
    padding: 0.05rem 0.1rem;
    border: none;
    border-radius: 0.05rem;
    color: #ffffffe6;
    background: #99999999;
    text-align: undefined;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .overview-container .header-summary:has(.calendar-wrapper):has(.dd-calendar-type) {
        flex-direction: column;
        align-items: start;
    }
}

.aff-hybrid-overview-container .calendar-wrapper {
    display: flex;
    align-items: center;
}

.aff-hybrid-overview-container .calendar-wrapper .standard-form-field {
    margin-bottom: 0;
}

.aff-hybrid-overview-container .calendar-wrapper .standard-form-field .standard-select-arrow {
    top: 45%;
    transform: translateY(-50%) rotate(45deg);
}

.aff-hybrid-overview-container .calendar-wrapper .standard-select {
    border: none;
    height: 0.3rem;
    padding: 0 0.04rem;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-select {
        min-height: auto;
        height: 1rem;
    }
}

@media (min-width: 769px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-select {
        background: undefined;
        width: 120px;
    }
}

.aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type {
    min-width: 1rem;
    width: fit-content;
    margin-right: 0.1rem;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type {
        margin-right: 8px;
        min-width: 2.8rem;
        flex: 1 1 auto;
    }
    .aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type select {
        padding: 0 0.15rem;
        height: 40px;
    }
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper {
    display: flex;
    align-items: center;
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
    margin-right: 0.03rem;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        text-align: center;
    }
}

@media (min-width: 769px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        white-space: nowrap;
    }
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper:not(:last-child) {
    margin-right: 0.05rem;
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .aff-date-input {
    height: 0.3rem;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .aff-date-input {
        height: 40px;
        border-radius: 0.1rem;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper.full .react-datepicker-popper {
        flex: 1 1 auto;
        width: auto !important;
    }
}

.aff-custom-table-popup {
    width: 55%;
}

.aff-custom-table-popup .aff-dialog-search-container {
    display: grid;
    grid-template-columns: 35% 30%;
    grid-gap: 0.27rem;
    margin: 0 0 0.23rem;
}

.aff-custom-table-popup .aff-dialog-search-container .standard-form-field {
    margin: 0;
}

.aff-custom-table-popup .aff-dialog-search-container .transaction-button-section {
    align-items: flex-end;
}

.aff-custom-table-popup .aff-dialog-search-container .transaction-button-section .standard-submit-form-button {
    width: 100%;
}

.aff-custom-table-popup .aff-dialog-table-container {
    overflow-x: scroll;
    overflow-y: hidden;
}

.aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar {
    width: 0.1rem;
}

.aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar:horizontal {
    height: 0.08rem;
}

.aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar-track {
    background-color: rgba(204, 204, 204, 0.3);
}

.aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 0.06rem transparent;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table {
    width: 100%;
    white-space: nowrap;
    border-top: unset;
    border-bottom: unset;
    background: #99999999;
    color: WHITe;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .expressDialog_tr_first {
    background: #ffffff1a;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead {
    background: #ffffff1a;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead th {
    border-right: 0.015rem solid #ffffff33;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead th:last-child {
    border: none;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead .aff-dialog-second-th th {
    padding: 0.1rem;
    font-size: 0.12rem;
    text-align: left;
    color: WHITe;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .aff-dialog-inner-th {
    background: #ffffff1a;
    padding: 0.1rem;
    font-size: 0.12rem;
    text-align: left;
    color: WHITe;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr {
    text-align: center;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td {
    padding: 0.1rem;
    font-size: 0.12rem;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td button {
    background: #00eaff;
    padding: 0.05rem;
    border-radius: 0.05rem;
    color: unset;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td.aff-dialog-column-member-login {
    display: grid;
    grid-template-columns: 80% 20%;
    grid-gap: 0.11rem;
    align-items: center;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td .aff-dialog-copy-icon {
    width: 0.18rem;
    height: 0.18rem;
    fill: #b8b8b8;
    cursor: pointer;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child,
.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr.aff-custom-table-header-2 {
    border-top: 0;
    border-bottom: 0.015rem solid #ffffff33;
    background: undefined;
    color: WHITe;
    border-left: 0;
    text-align: center;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child th,
.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr.aff-custom-table-header-2 th {
    padding: 0.1rem;
    font-size: 0.12rem;
    text-align: center;
    background: undefined;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child th:last-child,
.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr.aff-custom-table-header-2 th:last-child {
    padding-right: 0.1rem;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:last-child {
    border: none;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(2) td {
    padding: 0.1rem;
    border-bottom: 0.015rem solid #ffffff33;
    color: WHITe;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(3) td {
    padding: 0.1rem;
    border-bottom: 0.015rem solid #ffffff33;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(4) td {
    padding: 0.1rem;
    border-bottom: 0.015rem solid #ffffff33;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(5) td {
    padding: 0.1rem;
    border-bottom: 0.015rem solid #ffffff33;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(6) td {
    padding: 0.1rem;
    border-bottom: 0.015rem solid #ffffff33;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .NoRecord {
    text-align: center;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .emptyHistoryContainer {
    height: 1rem;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .bank-details-bank-img {
    height: 0.25rem;
    margin-right: 0.05rem;
}

.aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .bank-item svg {
    height: 0.25rem;
    margin: 0 0.05rem 0 0;
    width: 0.25rem;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .aff-custom-table-popup {
        width: 95%;
    }
    .aff-custom-table-popup .aff-dialog-search-container {
        grid-template-columns: 100%;
        margin: 0 0 0.3rem;
    }
    .aff-custom-table-popup .aff-dialog-search-container .standard-form-field .standard-input {
        margin: 0.14rem 0 0;
    }
    .aff-custom-table-popup .aff-dialog-search-container .transaction-button-section {
        width: 50%;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead .aff-dialog-second-th th {
        padding: 0.2rem;
        font-size: 0.24rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .aff-dialog-inner-th {
        padding: 0.2rem;
        font-size: 0.24rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td {
        padding: 0.2rem;
        font-size: 0.24rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td button {
        padding: 0.1rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td .aff-dialog-copy-icon {
        width: 0.3rem;
        height: 0.3rem;
        margin: 0 0 0 0.21rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child th {
        padding: 0.2rem;
        font-size: 0.24rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(2) td {
        padding: 0.2rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(3) td {
        padding: 0.2rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(4) td {
        padding: 0.2rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(5) td {
        padding: 0.2rem;
    }
    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(6) td {
        padding: 0.2rem;
    }
}

.aff-gallery-outer-bg {
    background: undefined;
}

.aff-gallery-outer-bg .aff-gallery-container {
    width: 11rem;
    margin: auto;
    border: 0;
    padding: 0.3rem 0;
    background: Transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 56%;
}

.aff-gallery-outer-bg .aff-gallery-container header {
    background: rgba(255, 255, 255, 0.1);
}

.aff-gallery-outer-bg .aff-gallery-container header p {
    margin-bottom: 0;
    padding: 0.1rem;
    text-transform: unset;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper {
    margin: 0 0 0.2rem;
    padding: 0.2rem 0.1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.1rem;
    box-shadow: 0 0 0.1rem 0.01rem transparent;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section {
    padding: 0 0.2rem;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section .standard-form-one-row-container {
    align-items: flex-end;
    margin-bottom: 0.2rem;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section .standard-form-one-row-container .aff-form-warper {
    margin-right: 2%;
    width: 23.5%;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section .standard-form-one-row-container .aff-form-warper:last-child {
    margin-right: 0;
    display: flex;
    justify-content: flex-end;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section .standard-form-one-row-container button {
    padding: 0 0.6rem;
    white-space: nowrap;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section {
    padding: 0;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container {
    padding: 0.2rem;
    background: rgba(255, 255, 255, 0.1);
    margin: 0.2rem;
    box-shadow: 0 0.05rem 0.08rem 0 #00000033;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper {
    display: flex;
    justify-content: space-between;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .content-container {
    width: 35%;
    padding-right: 0.3rem;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .content-container .content {
    margin-bottom: 0.1rem;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .content-container .content span {
    font-size: 0.14rem;
    color: undefined;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .content-container .content textarea {
    color: undefined;
    background: undefined;
    height: 1.5rem;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .img-container {
    width: 65%;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .img-container img {
    width: 100%;
}

.aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .NoRecord_without_table {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.8rem;
    width: 100%;
    color: #fff;
}

.m-aff-announcement-bar-container {
    width: 95%;
    margin: 0.2rem 0.2rem 0;
    border-radius: 0.18rem 0.18rem 0 0;
}

.m-aff-login-join-btn-container {
    width: 95%;
    margin: 0 0.2rem;
}

.m-aff-login-join-btn-container .btn-login {
    background: undefined;
    border-radius: 0 0 0 0.18rem;
}

.m-aff-login-join-btn-container .btn-login .btn-text {
    color: undefined;
}

.m-aff-login-join-btn-container .btn-reg {
    background: undefined;
    border-radius: 0 0 0.18rem 0;
}

.m-aff-home-landing-container {}

.m-aff-home-landing-container .aff-landing-wrapper {
    width: 80%;
    margin: 0 auto;
}

.m-aff-home-landing-container .aff-landing-wrapper .our-product-container {
    margin: 0.5rem 0.5rem 0.3rem;
}

.m-aff-home-landing-container .aff-landing-wrapper .our-product-container .our-product-content-div .our-product-content {
    margin: 0.4rem 0.5rem 0;
}

.m-aff-home-landing-container .aff-landing-wrapper .our-product-container .our-product-content-div .our-product-content:nth-child(odd) .our-product-content-img {
    padding: 0.2rem 0 0;
}

.m-aff-home-landing-container .aff-landing-col {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    text-align: center;
    text-transform: capitalize;
}

.m-aff-home-landing-container .aff-landing-header .aff-landing-title {
    font-size: 0.45rem;
    font-weight: 700;
    margin: 0.3rem 0;
}

.m-aff-home-landing-container .aff-landing-header .aff-landing-desc {
    color: #aaa;
    margin: 0.3rem 0;
}

.m-aff-home-landing-container hr {
    border: 0.01rem #ffffff33;
    border-style: solid;
    height: 0.015rem;
    margin: 0.1rem 0;
}

.m-aff-home-landing-container .aff-progressive-container {
    width: 72%;
    margin: 0.45rem auto 0.6rem;
}

.m-aff-home-landing-container .aff-progressive-container .progressive-box {
    width: 100%;
    height: 0.55rem;
    border: 0.05rem solid;
    border-color: #005e66;
    padding: 0.06rem 0.12rem;
    margin: 0 auto;
    transform: skew(-20deg);
}

.m-aff-home-landing-container .aff-progressive-container .progressive-box .progressive-box-inner {
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient( 90deg, #ededed, #ededed 0.12rem, white 0, white 0.27rem);
}

.m-aff-home-landing-container .aff-progressive-container .progressive-bar-level {
    margin: -0.47rem auto 0;
    z-index: 998;
    position: relative;
}

.m-aff-home-landing-container .aff-progressive-container .progressive-bar-level div {
    width: 0.33rem;
    height: 0.27rem;
    background: #fff;
    margin: 0 auto;
    border-radius: 0.05rem;
    transform: skew(-10deg);
}

.m-aff-home-landing-container .aff-progressive-container .progressive-bar-level div p {
    width: 0.37rem;
    height: 0.37rem;
    display: grid;
    border-radius: 0.06rem;
    place-items: center;
    background: #ff8a00;
    color: #fff;
    padding: 0.06rem 0 0;
    margin: 0 auto;
}

.m-aff-home-landing-container .aff-progressive-container .progressive-line-container {
    margin: 0.1rem auto;
}

.m-aff-home-landing-container .aff-progressive-container .progressive-line-container .p-line {
    height: 0.3rem;
    width: 0.02rem;
    margin: 0 auto;
    background: #bdbdbd;
    z-index: 1;
}

.m-aff-home-landing-container .aff-progressive-container .progressive-bar-status {
    width: 57%;
    position: absolute;
    height: 0.35rem;
    background: linear-gradient(90deg, #00eaff, #99f7ff);
    margin: -0.45rem 0.17rem 0;
    transform: skew(-20deg);
    max-width: 88.5%;
}

.m-aff-home-landing-container .aff-landing-content {
    display: grid;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
    grid-row-gap: 0.24rem;
    margin: 0 auto 1rem !important;
}

.m-aff-home-landing-container .aff-landing-content .aff-content-box {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.15rem;
    padding: 0.3rem 0.15rem 0.35rem;
}

.m-aff-home-landing-container .aff-landing-content .aff-content-box .step {
    color: #ffe138;
    font-weight: 600;
    text-align: center;
    margin: 0 0 0.15rem;
    text-transform: capitalize;
}

.m-aff-home-landing-container .aff-landing-content .aff-content-box img {
    width: 50%;
    margin: 0.15rem 25%;
}

.m-aff-home-landing-container .aff-landing-content .aff-content-box .icon-1 {
    mask-image: url(/public/html/aff-home-landing/img/aff-icon-1.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-1.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 0 auto;
    height: 1.325rem;
    width: 50%;
    background: #aaa;
}

.m-aff-home-landing-container .aff-landing-content .aff-content-box .icon-2 {
    mask-image: url(/public/html/aff-home-landing/img/aff-icon-2.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-2.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 0 auto;
    height: 1.325rem;
    width: 50%;
    background: #aaa;
}

.m-aff-home-landing-container .aff-landing-content .aff-content-box .icon-3 {
    mask-image: url(/public/html/aff-home-landing/img/aff-icon-3.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-3.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 0 auto;
    height: 1.325rem;
    width: 50%;
    background: #aaa;
}

.m-aff-home-landing-container .aff-landing-content .aff-content-box .icon-4 {
    mask-image: url(/public/html/aff-home-landing/img/aff-icon-4.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-4.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 0 auto;
    height: 1.325rem;
    width: 50%;
    background: #aaa;
}

.m-aff-home-landing-container .aff-landing-content .aff-content-box .title {
    font-weight: 600;
    color: WHITe;
    font-size: 0.3rem;
    text-align: center;
    text-transform: capitalize;
    margin: 0 0 0.15rem;
}

.m-aff-home-landing-container .aff-landing-content .aff-content-box .desc {
    font-weight: 600;
    color: #aaa;
    text-align: center;
    font-size: 0.2rem;
    margin: 0;
}

.m-aff-home-landing-container .aff-landing-content .progressive-title-container {
    margin: 0 auto;
    text-align: center;
    color: #aaa;
    font-size: 0.2rem;
}

@media (max-width: 768px) {
    .affiliate-register .reg .reg-container .reg-success .reg-success-btn {
        border-radius: 0.1rem;
        height: 0.85rem;
        font-size: 0.25rem;
        width: auto;
        margin: 0.3rem auto 0;
        background-color: undefined;
    }
    .affiliate-register .standard-form-field .standard-select-dropdown {
        top: 1.15rem;
    }
    .affiliate-register .m-register-benefits-content {
        display: flex;
        justify-content: center;
        margin: 0.2rem auto;
    }
    .affiliate-register .m-register-benefits-content .m-register-benefits-bg {
        width: 100%;
    }
}

.aff-m-commission-plan-wrapper {
    padding: 0.31rem 0.31rem 1.2rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #aaa;
    background: url(/static/img/bg/home_background.jpg);
    margin: undefined;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.aff-m-commission-plan-wrapper header {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    color: #ffe138;
    padding: 0.15rem;
    text-transform: uppercase;
    font-size: 0.54rem;
    text-align: center;
    border-bottom: 0.01rem solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
    border-top: 0;
}

.aff-m-commission-plan-wrapper header p {
    margin-bottom: 0;
}

.aff-m-faq-wrapper {
    padding: 0.31rem 0.31rem 1.2rem;
    font-size: 0.24rem;
    line-height: 0.37rem;
    color: #aaa;
    background: 0 0;
}

.aff-m-faq-wrapper header {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    color: #ffe138;
    padding: 0.15rem;
    text-transform: uppercase;
    font-size: 0.54rem;
    text-align: center;
    border-bottom: undefined;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
    border-top: 0;
    background: 0 0;
    font-weight: 500;
    position: inherit;
}

.aff-m-faq-wrapper header p {
    margin-bottom: 0;
    border-bottom: 0;
    width: 100%;
    margin: 0;
    padding-bottom: 0;
}

.aff-m-faq-wrapper .faq-dropdown-icon {
    background: #ad1f46;
    border-radius: 1rem;
    width: 0.8rem;
    padding: 0.1rem;
    position: absolute;
    margin: auto;
    bottom: -0.7rem;
    left: 0;
    right: 0;
}

.aff-m-faq-wrapper article .collapse:nth-child(odd) {
    border: 0.01rem solid #bf5370;
    margin: 0 0 0.5rem;
    border-radius: 0.3rem;
}

.aff-m-faq-wrapper article .collapse:nth-child(odd) .collapse-header {
    color: #870c32;
    background: #fcede8;
    padding: 0.5rem;
    border-radius: 0.3rem;
    font-weight: 700;
}

.aff-m-faq-wrapper article .collapse:nth-child(odd) .collapse-header p {
    margin-bottom: 0;
}

.aff-m-faq-wrapper article .collapse:nth-child(odd) .collapse-item {
    padding: 0.5rem;
    color: #353535;
}

.aff-m-faq-wrapper article .collapse:nth-child(even) {
    border: 0.01rem solid #e6d3c5;
    margin: 0 0 0.5rem;
    border-radius: 0.3rem;
}

.aff-m-faq-wrapper article .collapse:nth-child(even) .collapse-header {
    color: #7f5c05;
    background: #fef2e4;
    padding: 0.5rem;
    border-radius: 0.3rem;
    font-weight: 700;
}

.aff-m-faq-wrapper article .collapse:nth-child(even) .collapse-header p {
    margin-bottom: 0;
}

.aff-m-faq-wrapper article .collapse:nth-child(even) .collapse-item {
    padding: 0.5rem;
    color: #353535;
}

.aff-m-contact-us-wrapper {
    padding: 0.31rem 0.31rem 1.2rem;
    font-size: 0.24rem;
    line-height: 0.37rem;
    color: #aaa;
    background: 0 0;
}

.aff-m-contact-us-wrapper header {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    color: #ffe138;
    padding: 0.15rem;
    text-transform: uppercase;
    font-size: 0.54rem;
    text-align: center;
    border-bottom: 0.01rem solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0), #c09848, rgba(0, 0, 0, 0)) 1;
    border-top: 0;
}

.aff-m-contact-us-wrapper header p {
    margin-bottom: 0;
}

.aff-m-contact-us-wrapper a {
    color: #3ea6ff;
}

.aff-m-contact-us-wrapper .contact-us-list {
    margin-top: 0.3rem;
    display: flex;
    flex-wrap: wrap;
}

.aff-m-contact-us-wrapper .contact-us-list .contact-list-warpper {
    width: 100%;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.4rem;
    text-align: center;
    flex-direction: column;
    padding: 0.2rem;
    color: #aaa;
    cursor: pointer;
    border-radius: 0.05rem;
    background: #ffffff1a;
    box-shadow: 0 0.04rem 0.08rem 0 #00000033;
}

.aff-m-contact-us-wrapper .contact-us-list .contact-list-warpper .contact-svg-container svg {
    width: 1rem;
    height: 1rem;
}

.aff-m-contact-us-wrapper .contact-us-list .contact-list-warpper .contact-content-container {
    margin-top: 0.2rem;
}

.aff-m-contact-us-wrapper .m-contact-container {
    margin: 0.5rem 0;
}

.affiliate-m-register {
    background: undefined;
    border-radius: undefined;
    margin: undefined;
    width: undefined;
    min-height: undefined;
}

.affiliate-m-register .reg {
    width: 100%;
    margin: undefined;
    padding: 1.5rem 0;
}

.affiliate-m-register .reg:has(> img) {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.affiliate-m-register .reg:has(> img) img {
    width: 80%;
    margin: auto;
}

.affiliate-m-register .reg:has(> img) .reg-step {
    margin: 0.5rem auto;
}

.affiliate-m-register .reg:has(> img) .reg-container {
    margin-top: 0;
}

.affiliate-m-register .reg .reg-title {
    width: 90%;
    margin: auto;
}

.affiliate-m-register .reg .reg-step {
    width: 65%;
    margin: undefined;
    height: undefined;
}

.affiliate-m-register .reg .reg-step .reg-progress-container .step-container {
    height: 0.9rem;
    width: 2rem;
}

.affiliate-m-register .reg .reg-step .reg-progress-container .step-container.on {
    background: undefined;
}

.affiliate-m-register .reg .reg-step .reg-progress-container .step-container.on.current-on {
    background: undefined;
}

.affiliate-m-register .reg .reg-step .reg-progress-container .step-container.step-done.on {
    background: undefined;
}

.affiliate-m-register .reg .reg-step .reg-progress-container .step-container.step-done.on.current-on {
    background: undefined;
}

.affiliate-m-register .reg .reg-step .reg-progress-container .progressBar {
    height: 0.02rem;
    width: undefined;
    background: #95959561;
}

.affiliate-m-register .reg .reg-step .reg-progress-container .progressBar.on {
    background: undefined;
}

.affiliate-m-register .reg .reg-logo {
    width: 100%;
    text-align: center;
}

.affiliate-m-register .reg .reg-logo .logo-fixed-size {
    max-height: 2.25rem;
}

.affiliate-m-register .reg .reg-logo img {
    width: 50%;
    padding: 0.6rem 0;
}

.affiliate-m-register .reg .reg-container {
    width: 100%;
    margin-top: 1.2rem;
}

.affiliate-m-register .reg .reg-container .standard-form-container {
    width: 80%;
    margin: auto;
}

.affiliate-m-register .reg .reg-container .standard-error-validation {
    margin-bottom: 0.4rem;
}

.affiliate-m-register .reg .reg-container .reg-btn-container {
    width: 100%;
    margin: 0.5rem 0 0;
    float: undefined;
}

.affiliate-m-register .reg .reg-container .reg-btn-container .standard-submit-button {
    width: undefined;
}

.affiliate-m-register .reg .reg-container .registerStep2_contact {
    position: relative;
}

.affiliate-m-register .reg .reg-container .reg-btn-container-prevnext {
    width: 100%;
    margin: undefined;
    float: undefined;
}

.affiliate-m-register .reg .reg-container .reg-success {
    width: 80%;
    margin: auto;
    text-align: center;
}

.affiliate-m-register .reg .reg-container .reg-success svg {
    width: undefined;
    fill: undefined;
}

.affiliate-m-register .reg .reg-container .reg-success .success-animation {
    margin-bottom: 0.3rem;
}

.affiliate-m-register .reg .reg-container .reg-success .success-animation #successAnimation {
    width: 2.5rem;
    height: 2.5rem;
}

.affiliate-m-register .reg .reg-container .reg-success h3 {
    font-size: undefined;
    margin: 0 0 0.3rem;
    text-transform: undefined;
}

.affiliate-m-register .reg .reg-container .reg-success .reg-success-btn {
    display: block;
    background: linear-gradient(#0c426d, #00eaff);
    border-radius: 0.1rem;
    height: 0.8rem;
    font-size: 0.25rem;
    width: 48%;
    margin: 1rem auto 0;
}

.affiliate-m-register .reg .reg-container .react-datepicker .react-datepicker__navigation {
    top: 0.4rem !important;
    font-size: 0.5rem !important;
}

.affiliate-m-register .reg .reg-container .reg-footer-notice {
    width: 80%;
    margin: 0 auto;
    color: undefined;
}

.aff-m-overview-container {
    margin: 0 0 1.3rem;
    padding: 0.2rem 0.3rem;
    background: unset;
}

.aff-m-overview-container .overview-container {
    margin: 0 0 0.3rem;
}

@media screen and (max-width: 768px) {
    .aff-m-overview-container .overview-container .overview-time-filter-wrapper {
        width: 100% !important;
    }
    .aff-m-overview-container .overview-container .overview-time-filter-wrapper .overview-date-picker-filter-wrapper {
        width: calc(100% / 2) !important;
    }
    .aff-m-overview-container .overview-container .overview-time-filter-wrapper .month-day-filter {
        min-width: calc(100% / 3);
    }
    .aff-m-overview-container .overview-container .overview-time-filter-wrapper .start-date-picker-wrapper {
        width: calc(100% / 3);
    }
    .aff-m-overview-container .overview-container .overview-time-filter-wrapper .end-date-picker-wrapper {
        width: calc(100% / 3);
    }
}

.aff-m-overview-container .overview-container header {
    padding: 0.2rem 0.2rem 0.1rem;
    color: #ffe138;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.aff-m-overview-container .overview-container header p {
    font-weight: 700;
    text-transform: capitalize;
    margin-right: 0.15rem;
}

.aff-m-overview-container .overview-container section {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0.05rem 0.08rem 0 #00000033;
    border: 0;
    border-width: undefined;
}

.aff-m-overview-container .overview-container section .infor-content {
    padding: 0.3rem;
}

.aff-m-overview-container .overview-container section .infor-content label {
    color: undefined;
}

.aff-m-overview-container .overview-container section .infor-content span {
    color: undefined;
}

.aff-m-overview-container .overview-container section .overview-content {
    display: flex;
    justify-content: space-between;
    align-items: undefined;
    padding: 0.3rem;
    border-bottom: 0.05rem solid unset;
}

.aff-m-overview-container .overview-container section .overview-content label {
    display: block;
    margin: 0 0 0.2rem;
    color: undefined;
}

.aff-m-overview-container .overview-container section .overview-content a {
    color: #3ea6ff;
    font-weight: undefined;
    font-style: undefined;
}

.aff-m-overview-container .overview-container section .overview-content .left-content {
    width: 65%;
    padding-right: 0.2rem;
}

.aff-m-overview-container .overview-container section .overview-content .right-content {
    width: 35%;
}

.aff-m-overview-container .overview-container section .overview-content .right-content button {
    font-size: 0.24rem;
    background: #511a91;
    padding: 0.2rem;
    width: 100%;
    color: undefined;
    border-radius: unset;
}

.aff-m-overview-container .overview-container section .overview-content .right-content button:first-child {
    margin: 0 0 0.2rem;
}

.aff-m-overview-container .overview-container .Summary-section {
    padding: 0.3rem;
    color: undefined;
}

.aff-m-overview-container .overview-container .Summary-section .overview-content-inner-bg {
    background: #000;
    padding: 0.3rem;
    margin-bottom: 0.3rem;
}

.aff-m-overview-container .overview-container .Summary-section .overview-content-inner-bg .overview-content-warpper {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.3rem;
}

.aff-m-overview-container .overview-container .Summary-section .aff-no-record {
    color: undefined;
    padding: undefined;
}

.aff-m-overview-container .overview-container .Summary-section label {
    color: undefined;
}

.aff-m-overview-container .overview-container .react-datepicker-popper {
    width: 4rem;
}

.aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker {
    width: 100%;
}

.aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container {
    width: 100%;
}

.aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header {
    padding-bottom: 0.8em;
    font-size: 1em;
}

.aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker__month-text {
    width: 3rem;
    border-radius: 0.1rem;
    padding: 0.1rem;
}

.aff-m-overview-container .overview-container .aff-date-input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: unset;
    padding: 0.05rem 0.1rem;
    border: none;
    border-radius: 0.05rem;
    color: #ffffffe6;
    background: #99999999;
    font-size: 0.24rem;
    margin: 0 0 0.15rem;
    font-weight: undefined;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .overview-container .header-summary:has(.calendar-wrapper):has(.dd-calendar-type) {
        flex-direction: column;
        align-items: start;
    }
}

.aff-hybrid-overview-container .calendar-wrapper {
    display: flex;
    align-items: center;
}

.aff-hybrid-overview-container .calendar-wrapper .standard-form-field {
    margin-bottom: 0;
}

.aff-hybrid-overview-container .calendar-wrapper .standard-form-field .standard-select-arrow {
    top: 45%;
    transform: translateY(-50%) rotate(45deg);
}

.aff-hybrid-overview-container .calendar-wrapper .standard-select {
    border: none;
    height: 0.3rem;
    padding: 0 0.04rem;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-select {
        min-height: auto;
        height: 1rem;
    }
}

@media (min-width: 769px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-select {
        background: undefined;
        width: 120px;
    }
}

.aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type {
    min-width: 1rem;
    width: fit-content;
    margin-right: 0.1rem;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type {
        margin-right: 8px;
        min-width: 2.8rem;
        flex: 1 1 auto;
    }
    .aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type select {
        padding: 0 0.15rem;
        height: 40px;
    }
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper {
    display: flex;
    align-items: center;
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
    margin-right: 0.03rem;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        text-align: center;
    }
}

@media (min-width: 769px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        white-space: nowrap;
    }
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper:not(:last-child) {
    margin-right: 0.05rem;
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .aff-date-input {
    height: 0.3rem;
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .aff-date-input {
        height: 40px;
        border-radius: 0.1rem;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper.full .react-datepicker-popper {
        flex: 1 1 auto;
        width: auto !important;
    }
}

.m-reports-history-landing-container {
    padding: 0.35rem 0.2rem 1.6rem;
}

.m-reports-history-landing-container .conversion-rate-info-box-container {
    position: relative;
    margin: 0 0 0.15rem;
}

.m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: flex-end;
}

.m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-box svg {
    width: 0.5rem;
    height: 0.5rem;
    fill: #00eaff;
    margin: 0 0.05rem 0 0;
}

.m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-box p {
    color: #aaa;
    margin: 0;
}

.m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-list-container {
    position: absolute;
    right: 0;
    z-index: 999;
    width: auto;
    background: #282828;
    padding: 0.2rem;
    margin: 0.15rem 0 0;
}

.m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-list-container p {
    color: #aaa;
    margin: 0 0 0.05rem;
}

.m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-list-container::before {
    content: '';
    position: absolute;
    left: 45%;
    top: -0.12rem;
    width: 0;
    height: 0;
    border-bottom: 0.13rem solid #282828;
    border-left: 0.07rem solid transparent;
    border-right: 0.07rem solid transparent;
}

.m-reports-history-landing-container .history-control-section .history-control-panel {
    background: rgba(255, 255, 255, 0.1);
    margin: 0 0 0.35rem;
    padding: 0.25rem 0.3rem;
    border-radius: 0.1rem;
    backdrop-filter: blur(0.05rem);
    position: relative;
    z-index: 1;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .form-panel {
    grid-template-columns: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field {
    width: 49%;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field:first-child {
    grid-column: 1 / span 3;
    width: 100%;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field:last-child {
    grid-column: 1 / span 1;
    width: 100%;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.Transaction-Type-selection {
    grid-column: 1 / span 3;
    width: 100%;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.Status-selection {
    grid-column: 1 / span 3;
    width: 100%;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.full-width {
    grid-column: 1 / span 3;
    width: 100%;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .transaction-button-section {
    margin: 0.15rem 0;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper {
    width: 100%;
    margin-bottom: 0.2rem;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .standard-form-field {
    margin-bottom: 0.05rem;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options {
    display: flex;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div {
    min-width: 1.2rem;
    border: 0.01rem solid #dcdcdc;
    margin-right: 0.1rem;
    border-radius: 0.1rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.05rem 0.1rem;
    cursor: pointer;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div.active {
    border: 0.02rem solid #edfa00;
}

.m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.m-reports-history-landing-container .m-standard-content-container {
    border: transparent;
}

.m-reports-history-landing-container .m-standard-content-container .history-container {
    padding: 0;
}

.m-reports-history-landing-container .m-standard-content-container .history-container .history-info-container {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.1rem;
    backdrop-filter: blur(0.05rem);
}

.m-reports-history-landing-container .m-standard-content-container .history-container .pagination-container {
    padding: 0;
}

.m-reports-history-landing-container .react-datepicker-popper {
    width: 3.5rem;
}

.m-reports-history-landing-container .react-datepicker-popper .react-datepicker {
    width: 100%;
}

.m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container {
    width: 100%;
}

.m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker-year-header {
    padding-bottom: 0.8em;
    font-size: 1em;
}

.m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month {
    margin: auto;
}

.m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__day {
    width: 1.8em;
}

.m-reports-history-landing-container .react-datepicker-popper .react-datepicker__month-text {
    width: 1.1rem !important;
    border-radius: 0.1rem;
    padding: 0.21rem 0 !important;
}

.m-reports-history-landing-container .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
    border-bottom-width: 0.05rem;
}

.aff-m-gallery-container .img-container {
    margin: 0.4rem 0 0;
}

.aff-m-gallery-container .img-container header {
    background: rgba(255, 255, 255, 0.1);
    padding: 0.2rem;
    color: unset;
    font-size: 0.25rem;
}

.aff-m-gallery-container .img-container header p {
    margin-bottom: 0;
}

.aff-m-gallery-container .img-container .img-content {
    background: rgba(255, 255, 255, 0.1);
    margin-bottom: 0.5rem;
    padding: 0.4rem;
    box-shadow: 0 0.05rem 0.08rem 0 #00000033;
}

.aff-m-gallery-container .img-container .img-content .gallery-content {
    margin-bottom: 0.25rem;
    color: undefined;
}

.aff-m-gallery-container .img-container .img-content textarea {
    border: 0.01rem #ffffff33;
    background: #fff;
    min-height: 3rem;
    padding: 0.1rem;
    color: undefined;
}

.aff-m-gallery-container .img-container .img-content .img-preview {
    margin-top: 0.4rem;
}

.aff-m-gallery-container .img-container .img-content .img-preview img {
    width: 100%;
}

.aff-m-gallery-container .img-container .aff-no-record {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.8rem;
    width: 100%;
    font-size: 0.25rem;
}

div.navbar-item img {
    width: 100%;
    text-align: center;
    max-width: 50px;
}

div.navbar-item {
    text-align: center;
}

.card {
    --bs-card-spacer-y: 10px;
    --bs-card-spacer-x: 10px;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc( var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0;
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
}

.card-subtitle {
    margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x);
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0;
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}

.btn-primary {
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 8px 8px;
    font-size: 14px;
    border-radius: 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}