@charset "UTF-8";
@import 'https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.3.2/css/simple-line-icons.min.css';
label {
    color: undefined;
}

button {
    color: #fff;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #00eaff !important;
}

.text-primary-light {
    color: #fff !important;
}

.text-primary-dark {
    color: #4a3917 !important;
}

.text-secondary {
    color: #edfa00 !important;
}

.text-secondary-light {
    color: #fff !important;
}

.text-secondary-dark {
    color: #fff !important;
}

.text-success {
    color: #28db00 !important;
}

.text-info {
    color: #00eaff !important;
}

.text-warning {
    color: #dd5600 !important;
}

.text-danger {
    color: REd !important;
}

.text-black {
    color: #1a1a1a !important;
}

.text-dark {
    color: #181818 !important;
}

.text-light-gray {
    color: #ccc !important;
}

.text-gray {
    color: #7a7d7c !important;
}

.text-dark-gray {
    color: #00eaff !important;
}

.text-dark-1 {
    color: #212121 !important;
}

.text-light {
    color: #e3e3e3 !important;
}

.text-light-more {
    color: #e0e0e0 !important;
}

.bg-primary {
    background-color: #00eaff !important;
}

.bg-primary-light {
    background-color: #fff !important;
}

.bg-primary-dark {
    background-color: #4a3917 !important;
}

.bg-secondary {
    background-color: #edfa00 !important;
}

.bg-success {
    background-color: #28db00 !important;
}

.bg-info {
    background-color: #00eaff !important;
}

.bg-warning {
    background-color: #dd5600 !important;
}

.bg-danger {
    background-color: REd !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-light {
    background-color: #e3e3e3 !important;
}

.bg-light-more {
    background-color: #e0e0e0 !important;
}

.bg-lightest {
    background-color: #909091 !important;
}

.bg-dark {
    background-color: #181818 !important;
}

.bg-light-gray {
    background-color: #ccc !important;
}

.bg-gray {
    background-color: #7a7d7c !important;
}

.bg-dark-gray {
    background-color: #00eaff !important;
}

.bg-dark-1 {
    background-color: #212121 !important;
}

.bg-dark-2 {
    background-color: #1c1c1c !important;
}

.bg-black {
    background-color: #1a1a1a !important;
}

.bg-product-cyan {
    background-color: #24b5da !important;
}

.bg-product-blue {
    background-color: #2464da !important;
}

.bg-transparent {
    background: 0 0 !important;
}

.bg-dark-home {
    background: #1a1a1a;
}

.bg-gradient-home {
    background: #1b1b1b;
    background: -moz-linear-gradient(180deg, #1b1b1b 0%, #fff4e0 100%);
    background: -webkit-linear-gradient(180deg, #1b1b1b 0%, #fff4e0 100%);
    background: linear-gradient(180deg, #020202 0%, #4a3d24 40%, #111111 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1b", endColorstr="#fff4e0", GradientType=1);
}

.gradient-bg-dark {
    background: linear-gradient(to bottom, #1a1a1a, #151719);
}

#gradient-contact {
    --color-stop-1: $primary-color;
    --color-stop-2: $primary-color-light;
}

.icon-contact {
    fill: #fff;
}

.border-white {
    border-color: #fff !important;
}

.border-primary {
    border-color: #00eaff !important;
}

.border-secondary {
    border-color: #edfa00 !important;
}

.border-success {
    border-color: #28db00 !important;
}

.border-info {
    border-color: #00eaff !important;
}

.border-warning {
    border-color: #dd5600 !important;
}

.border-danger {
    border-color: REd !important;
}

.border-light {
    border-color: #e3e3e3 !important;
}

.border-black {
    border-color: #1a1a1a !important;
}

.border-light-gray {
    border-color: #ccc !important;
}

.border-body {
    border-color: #7a7d7c !important;
}

.border-transparent {
    border-color: none !important;
}

.opacity-01 {
    opacity: 0.01 !important;
}

.opacity-02 {
    opacity: 0.02 !important;
}

.opacity-03 {
    opacity: 0.03 !important;
}

.opacity-04 {
    opacity: 0.04 !important;
}

.opacity-05 {
    opacity: 0.05 !important;
}

.opacity-06 {
    opacity: 0.06 !important;
}

.opacity-07 {
    opacity: 0.07 !important;
}

.opacity-08 {
    opacity: 0.08 !important;
}

.opacity-09 {
    opacity: 0.09 !important;
}

.opacity-1 {
    opacity: 0.1 !important;
}

.opacity-15 {
    opacity: 0.15 !important;
}

.opacity-2 {
    opacity: 0.2 !important;
}

.opacity-3 {
    opacity: 0.3 !important;
}

.opacity-4 {
    opacity: 0.4 !important;
}

.opacity-5 {
    opacity: 0.5 !important;
}

.opacity-6 {
    opacity: 0.6 !important;
}

.opacity-7 {
    opacity: 0.7 !important;
}

.opacity-8 {
    opacity: 0.8 !important;
}

.opacity-9 {
    opacity: 0.9 !important;
}

.opacity-10 {
    opacity: 1 !important;
}

.filter-grayscale-5 {
    filter: grayscale(5%) !important;
}

.filter-grayscale-10 {
    filter: grayscale(10%) !important;
}

.filter-grayscale-20 {
    filter: grayscale(20%) !important;
}

.filter-grayscale-30 {
    filter: grayscale(30%) !important;
}

.filter-grayscale-40 {
    filter: grayscale(40%) !important;
}

.filter-grayscale-50 {
    filter: grayscale(50%) !important;
}

.filter-grayscale-80 {
    filter: grayscale(80%) !important;
}

.filter-grayscale-100 {
    filter: grayscale(100%) !important;
}

.icon-cyan {
    fill: #24b5da;
}

.icon-black {
    fill: #1a1a1a;
}

.icon-gray {
    fill: #7a7d7c;
}

.icon-light {
    fill: #00eaff;
}

.icon-light-more {
    fill: #e0e0e0;
}

.icon-primary {
    fill: #e3e3e3;
}

.icon-primary-light {
    fill: #fff;
}

.icon-primary-extra-light {
    fill: #aaa;
}

.icon-secondary {
    fill: #edfa00;
}

.icon-secondary-darkest {
    fill: #fff;
}

.icon-dark {
    fill: #181818;
}

.icon-white {
    fill: #fff;
}

.icon-light-gray {
    fill: #ccc;
}

.icon-gray {
    fill: #7a7d7c;
}

.icon-dark-gray {
    fill: #00eaff;
}

.icon-success {
    fill: #28db00;
}

.icon-warning {
    fill: #dd5600;
}

.icon-danger {
    fill: REd;
    color: REd;
}

.icon-blue {
    fill: #00eaff;
}

.icon-ios-tab {
    fill: #7a7d7c;
}

.icon-android-tab {
    fill: #85c808;
}

.icon-android {
    fill: #4caf50;
}

.icon-ftrline {
    fill: #00b900;
}

.react-dropdown-select-item-selected {
    background: #909091 !important;
    color: #1a1a1a !important;
}

.navMenu-container .navbar-item:hover a {
    display: flex;
    justify-content: center;
}

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

.homeBankStatusContainer .bank-status .bank-status-item .bank_time {
    margin-top: -0.07rem;
}

.home-container .home-content-container .top-content .content-item .content-callnow-button .callnow-button {
    line-height: 2;
}

.standard-mandatory {
    margin: 0 0.08rem 0.06rem;
}

.history-control-panel .react-datepicker__navigation--previous,
.reg-form-container .react-datepicker__navigation--previous,
.m-bonus-container .react-datepicker__navigation--previous,
.react-datepicker-popper .react-datepicker__navigation--previous,
.standard-popup-modal-body .react-datepicker__navigation--previous {
    border-right-color: #ffe138 !important;
}

.history-control-panel .react-datepicker__navigation--next,
.reg-form-container .react-datepicker__navigation--next,
.m-bonus-container .react-datepicker__navigation--next,
.react-datepicker-popper .react-datepicker__navigation--next,
.standard-popup-modal-body .react-datepicker__navigation--next {
    border-left-color: #ffe138 !important;
}

.progressBar-container .progress {
    height: calc(100% + 0.02rem) !important;
    margin-top: -0.01rem;
    margin-left: -0.02rem;
}

.standard-cancel-button:disabled,
.standard-confirm-button:disabled,
.standard-submit-button:disabled,
.standard-action-button:disabled,
.standard-input-button:disabled {
    background: #696969cc;
}

.standard-cancel-button:disabled:hover,
.standard-confirm-button:disabled:hover,
.standard-submit-button:disabled:hover,
.standard-action-button:disabled:hover,
.standard-input-button:disabled:hover {
    background: #696969cc;
}

@media (max-width: 768px) {
    .standard-form-field .standard-input-svg {
        width: 30px !important;
        top: 0px !important;
        right: 0px !important;
    }
    .aboutUs-content {
        color: #fff !important;
    }
    .content .terms-content {
        color: #fff !important;
    }
}

.reg-success {
    color: #fff !important;
}

.reg-success svg {
    fill: #fff;
}

.terms-content {
    color: #aaa !important;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinoImgContent {
    top: 0.18rem;
}

.HotmatchSlider .m-hotmatchContainer .imgWarpper li {
    margin-top: unset;
}

.HotmatchSlider .m-hotmatchContainer .timeContent {
    margin-top: -0.16rem;
}

@media (max-width: 768px) {
    .m-hotmatchContainer .playNow {
        bottom: 0 !important;
    }
}

.annoucement-bar-component .annoucement-moving span {
    color: #fff;
}

.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: unset !important;
}

.withdrawal-container .transaction-form .standard-form-field label {
    color: #fff;
}

.withdrawal-container .transaction-form .standard-form-field .standard-form-field .standard-select {
    /* padding: 0.05rem 0.2rem 0.05rem 0.1rem; */
}

.Toastify__toast-container {
    z-index: 9999;
    -webkit-transform: translateZ(99.99rem);
    position: fixed;
    padding: 0.04rem;
    width: 3.2rem;
    box-sizing: border-box;
    color: #fff;
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em;
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em;
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em;
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em;
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0;
    }
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0);
    }
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0);
    }
    .Toastify__toast-container--rtl {
        right: 0;
        left: auto;
    }
}

.Toastify__toast {
    position: relative;
    min-height: 0.64rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 0.08rem;
    border-radius: 0.01rem;
    box-shadow: 0 0.01rem 0.1rem 0 rgba(0, 0, 0, 0.1), 0 0.02rem 0.15rem 0 rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    max-height: 8rem;
    overflow: hidden;
    font-family: sans-serif;
    cursor: pointer;
    direction: ltr;
}

.Toastify__toast--rtl {
    direction: rtl;
}

.Toastify__toast--dark {
    background: #121212;
    color: #fff;
}

.Toastify__toast--default {
    background: #fff;
    color: #aaa;
}

.Toastify__toast--info {
    background: #3498db;
}

.Toastify__toast--success {
    background: #07bc0c;
}

.Toastify__toast--warning {
    background: #f1c40f;
}

.Toastify__toast--error {
    background: #e74c3c;
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto;
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom: 0;
    }
}

.Toastify__close-button {
    color: #fff;
    background: 0 0;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s ease;
    align-self: flex-start;
}

.Toastify__close-button--default {
    color: #000;
    opacity: 0.3;
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 0.16rem;
    width: 0.14rem;
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1;
}

@-webkit-keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1);
    }
    to {
        transform: scaleX(0);
    }
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1);
    }
    to {
        transform: scaleX(0);
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.05rem;
    z-index: 9999;
    opacity: 0.7;
    background-color: rgba(255, 255, 255, 0.7);
    transform-origin: left;
}

.Toastify__progress-bar--animated {
    -webkit-animation: Toastify__trackProgress linear 1 forwards;
    animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
    transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right;
}

.Toastify__progress-bar--default {
    background: linear-gradient( 90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}

.Toastify__progress-bar--dark {
    background: #bb86fc;
}

@-webkit-keyframes Toastify__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;
        transform: translate3d(30rem, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-0.25rem, 0, 0);
    }
    75% {
        transform: translate3d(0.1rem, 0, 0);
    }
    90% {
        transform: translate3d(-0.05rem, 0, 0);
    }
    to {
        transform: none;
    }
}

@keyframes Toastify__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;
        transform: translate3d(30rem, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-0.25rem, 0, 0);
    }
    75% {
        transform: translate3d(0.1rem, 0, 0);
    }
    90% {
        transform: translate3d(-0.05rem, 0, 0);
    }
    to {
        transform: none;
    }
}

@-webkit-keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-0.2rem, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(20rem, 0, 0);
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-0.2rem, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(20rem, 0, 0);
    }
}

@-webkit-keyframes Toastify__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;
        transform: translate3d(-30rem, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0.25rem, 0, 0);
    }
    75% {
        transform: translate3d(-0.1rem, 0, 0);
    }
    90% {
        transform: translate3d(0.05rem, 0, 0);
    }
    to {
        transform: none;
    }
}

@keyframes Toastify__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;
        transform: translate3d(-30rem, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0.25rem, 0, 0);
    }
    75% {
        transform: translate3d(-0.1rem, 0, 0);
    }
    90% {
        transform: translate3d(0.05rem, 0, 0);
    }
    to {
        transform: none;
    }
}

@-webkit-keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(0.2rem, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-20rem, 0, 0);
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(0.2rem, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-20rem, 0, 0);
    }
}

@-webkit-keyframes Toastify__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;
        transform: translate3d(0, 30rem, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -0.2rem, 0);
    }
    75% {
        transform: translate3d(0, 0.1rem, 0);
    }
    90% {
        transform: translate3d(0, -0.05rem, 0);
    }
    to {
        transform: translateZ(0);
    }
}

@keyframes Toastify__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;
        transform: translate3d(0, 30rem, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -0.2rem, 0);
    }
    75% {
        transform: translate3d(0, 0.1rem, 0);
    }
    90% {
        transform: translate3d(0, -0.05rem, 0);
    }
    to {
        transform: translateZ(0);
    }
}

@-webkit-keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -0.1rem, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 0.2rem, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -20rem, 0);
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -0.1rem, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 0.2rem, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -20rem, 0);
    }
}

@-webkit-keyframes Toastify__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;
        transform: translate3d(0, -30rem, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 0.25rem, 0);
    }
    75% {
        transform: translate3d(0, -0.1rem, 0);
    }
    90% {
        transform: translate3d(0, 0.05rem, 0);
    }
    to {
        transform: none;
    }
}

@keyframes Toastify__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;
        transform: translate3d(0, -30rem, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 0.25rem, 0);
    }
    75% {
        transform: translate3d(0, -0.1rem, 0);
    }
    90% {
        transform: translate3d(0, 0.05rem, 0);
    }
    to {
        transform: none;
    }
}

@-webkit-keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 0.1rem, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -0.2rem, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 20rem, 0);
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 0.1rem, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -0.2rem, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 20rem, 0);
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    -webkit-animation-name: Toastify__bounceInLeft;
    animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    -webkit-animation-name: Toastify__bounceInRight;
    animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
    -webkit-animation-name: Toastify__bounceInDown;
    animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
    -webkit-animation-name: Toastify__bounceInUp;
    animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    -webkit-animation-name: Toastify__bounceOutLeft;
    animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    -webkit-animation-name: Toastify__bounceOutRight;
    animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
    -webkit-animation-name: Toastify__bounceOutUp;
    animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
    -webkit-animation-name: Toastify__bounceOutDown;
    animation-name: Toastify__bounceOutDown;
}

@-webkit-keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes Toastify__zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.Toastify__zoom-enter {
    -webkit-animation-name: Toastify__zoomIn;
    animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
    -webkit-animation-name: Toastify__zoomOut;
    animation-name: Toastify__zoomOut;
}

@-webkit-keyframes Toastify__flipIn {
    0% {
        transform: perspective(4rem) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(4rem) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(4rem) rotateX(-5deg);
    }
    to {
        transform: perspective(4rem);
    }
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(4rem) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(4rem) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(4rem) rotateX(-5deg);
    }
    to {
        transform: perspective(4rem);
    }
}

@-webkit-keyframes Toastify__flipOut {
    0% {
        transform: perspective(4rem);
    }
    30% {
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1;
    }
    to {
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(4rem);
    }
    30% {
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1;
    }
    to {
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0;
    }
}

.Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn;
    animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut;
    animation-name: Toastify__flipOut;
}

@-webkit-keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}

@-webkit-keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}

@-webkit-keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}

@-webkit-keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}

@-webkit-keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0);
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0);
    }
}

@-webkit-keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0);
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0);
    }
}

@-webkit-keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 5rem, 0);
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 5rem, 0);
    }
}

@-webkit-keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -5rem, 0);
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -5rem, 0);
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    -webkit-animation-name: Toastify__slideInLeft;
    animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    -webkit-animation-name: Toastify__slideInRight;
    animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
    -webkit-animation-name: Toastify__slideInDown;
    animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
    -webkit-animation-name: Toastify__slideInUp;
    animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft;
    animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight;
    animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
    -webkit-animation-name: Toastify__slideOutUp;
    animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
    -webkit-animation-name: Toastify__slideOutDown;
    animation-name: Toastify__slideOutDown;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    margin-left: -0.08rem;
    position: absolute;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 0.08rem solid transparent;
    height: 0;
    width: 0.01rem;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    content: '';
    z-index: -1;
    border-width: 0.08rem;
    left: -0.08rem;
    border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {
    top: 0;
    margin-top: -0.08rem;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
    top: -0.01rem;
    border-bottom-color: #aeaeae;
    border-bottom-width: 8px;
}

.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -0.08rem;
}

.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff;
}

.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
    bottom: -0.01rem;
    border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
}

.react-datepicker {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    background-color: #fff;
    color: #000;
    border: 0.01rem solid #aeaeae;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 0.35rem;
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
    border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: 0.3rem;
}

.react-datepicker__triangle {
    position: absolute;
    left: 0.5rem;
}

.react-datepicker-popper {
    z-index: 99;
}

.react-datepicker-popper[data-placement^='bottom'] {
    margin-top: 0.1rem;
}

.react-datepicker-popper[data-placement='bottom-end'] .react-datepicker__triangle,
.react-datepicker-popper[data-placement='top-end'] .react-datepicker__triangle {
    left: auto;
    right: 0.5rem;
}

.react-datepicker-popper[data-placement^='top'] {
    margin-bottom: 0.1rem;
}

.react-datepicker-popper[data-placement^='right'] {
    margin-left: 0.08rem;
}

.react-datepicker-popper[data-placement^='right'] .react-datepicker__triangle {
    left: auto;
    right: 0.42rem;
}

.react-datepicker-popper[data-placement^='left'] {
    margin-right: 0.08rem;
}

.react-datepicker-popper[data-placement^='left'] .react-datepicker__triangle {
    left: 0.42rem;
    right: auto;
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 0.01rem solid #aeaeae;
    border-top-right-radius: 0.3rem;
    padding-top: 0.08rem;
    position: relative;
}

.react-datepicker__header--time {
    padding-bottom: 0.08rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 0.02rem;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: 0.944rem;
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.react-datepicker__navigation {
    background: 0 0;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 0.1rem !important;
    width: 0;
    padding: 0;
    border: 0.45rem solid transparent;
    z-index: 1;
    height: 0.1rem;
    width: 0.1rem;
    text-indent: -999em;
    overflow: hidden;
}

.react-datepicker__navigation--previous {
    left: 0.1rem;
    border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--next {
    right: 0.1rem;
    border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 0.8rem;
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous {
    top: 0.04rem;
    border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
    top: -0.04rem;
    border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
    float: left;
}

.react-datepicker__year-container {
    margin: 0.4rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.react-datepicker__year-container-text {
    display: inline-block;
    cursor: pointer;
    flex: 1 0 30%;
    width: 0.12rem;
    padding: 0.02rem;
}

.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 0.02rem;
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 0.05rem 0 0.1rem 0.15rem;
    text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 0.1rem;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: 0.85rem;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type='time']::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type='time']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type='time'] {
    -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 0.05rem;
    display: inline-block;
}

.react-datepicker__time-container {
    float: right;
    border-left: 0.01rem solid #aeaeae;
    width: 0.85rem;
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 0.01rem solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -0.72rem;
    top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 0.85rem;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(1.95rem + (1.7rem / 2));
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 0.3rem;
    padding: 0.05rem 0.1rem;
    white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__month--selected,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}

.react-datepicker__month--selected:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
    background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
    cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
    font-weight: 700;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
    background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
    color: #f0f;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
    color: green;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range {
    background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range,
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range {
    background-color: #f0f0f0;
    color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
    cursor: default;
    color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
    background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
    border: 0.01rem solid transparent;
    border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
    cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 0.2rem;
    top: 0.08rem;
    position: relative;
    border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 0.3rem;
    z-index: 1;
    text-align: center;
    border-radius: 0.3rem;
    border: 0.01rem solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
    cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
    height: 1.5rem;
    overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
    line-height: 0.2rem;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
    background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
    position: absolute;
    left: 0.15rem;
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 0.06rem 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.react-datepicker__close-icon::after {
    cursor: pointer;
    background: #ffffffe6 !important;
    color: Black;
    border-radius: 50%;
    height: 0.21rem !important;
    width: 0.21rem !important;
    padding: 0.02rem;
    font-size: 0.16rem;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: '\00d7';
    font-family: arial;
}

@media (max-width: 768px) {
    .react-datepicker {
        border-radius: 0.25rem;
    }
    .react-datepicker__close-icon::after {
        width: 0.36rem !important;
        height: 0.36rem !important;
        font-size: 0.3rem !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 0.15rem 0 0;
        padding: 0.048rem;
    }
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 0.01rem solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 0.05rem 0;
    clear: left;
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
}

@media (max-width: 400px),
(max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}

@media (max-width: 768px) {
    .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle::before {
        border-bottom-width: 3px;
    }
    .react-datepicker__year-dropdown--scrollable,
    .react-datepicker__month-dropdown--scrollable,
    .react-datepicker__month-year-dropdown--scrollable {
        height: 5.4rem;
    }
    .react-datepicker-popper .react-datepicker__navigation,
    .standard-popup-modal-body .react-datepicker__navigation {
        top: 1em !important;
        font-size: 0.2rem !important;
    }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}

.react-tabs {
    -webkit-tap-highlight-color: transparent;
}

.react-tabs__tab-list {
    border-bottom: 0.01rem solid #aaa;
    margin: 0 0 0.1rem;
    padding: 0;
}

.react-tabs__tab {
    display: inline-block;
    border: 0.01rem solid transparent;
    border-bottom: none;
    bottom: -0.01rem;
    position: relative;
    list-style: none;
    padding: 0.06rem 0.12rem;
    cursor: pointer;
}

.react-tabs__tab--selected {
    background: #fff;
    border-color: #aaa;
    color: #000;
    border-radius: 0.05rem 0.05rem 0 0;
}

.react-tabs__tab--disabled {
    color: GrayText;
    cursor: default;
}

.react-tabs__tab:focus {
    box-shadow: 0 0 0.05rem #0188fe;
    border-color: #0188fe;
    outline: none;
}

.react-tabs__tab:focus:after {
    content: '';
    position: absolute;
    height: 0.05rem;
    left: -0.04rem;
    right: -0.04rem;
    bottom: -0.05rem;
    background: #fff;
}

.react-tabs__tab-panel {
    display: none;
}

.react-tabs__tab-panel--selected {
    display: block;
}

@font-face {
    font-family: montserrat;
    src: url(/assets/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
    font-family: sf-pro-display-medium;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Medium.otf);
}

@font-face {
    font-family: sf-pro-display-regular;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Regular.otf);
}

@font-face {
    font-family: sf-pro-display-semibold;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Semibold.otf);
}

@font-face {
    font-family: sf-pro-display-heavy;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Heavy.otf);
}

@font-face {
    font-family: helveticaneue-roman;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff) format('woff'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: helveticaneue-medium;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff) format('woff'), url(/assets/fonts/HelticaNeue/HelveticaNeueCyr-Medium.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format('woff'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format('woff'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: din-regular;
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot);
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/DIN-Regular/DIN-Regular.woff2) format('woff2'), url(/assets/fonts/DIN-Regular/DIN-Regular.woff) format('woff'), url(/assets/fonts/DIN-Regular/DIN-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: siemreap;
    src: url(/assets/fonts/Siemreap/Siemreap.eot);
    src: url(/assets/fonts/Siemreap/Siemreap.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Siemreap/Siemreap.woff2) format('woff2'), url(/assets/fonts/Siemreap/Siemreap.woff) format('woff'), url(/assets/fonts/Siemreap/Siemreap.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: marsekdemi;
    src: url('/assets/fonts/Marsek Demi/MarsekDemi.eot');
    src: url('/assets/fonts/Marsek Demi/MarsekDemi.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Marsek Demi/MarsekDemi.woff2') format('woff2'), url('/assets/fonts/Marsek Demi/MarsekDemi.woff') format('woff'), url('/assets/fonts/Marsek Demi/Marsek-Demi.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: mitrregular;
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot);
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff2) format('woff2'), url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff) format('woff'), url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: cordia;
    src: url(/assets/fonts/cordia/cordia-webfont.eot);
    src: url(/assets/fonts/cordia/cordia-webfont.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/cordia/cordia-webfont.woff2) format('woff2'), url(/assets/fonts/cordia/cordia-webfont.woff) format('woff'), url(/assets/fonts/cordia/cordia-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: arial-medium;
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot);
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Arial-Medium/Arial-Medium.woff2) format('woff2'), url(/assets/fonts/Arial-Medium/Arial-Medium.woff) format('woff'), url(/assets/fonts/Arial-Medium/Arial-Medium.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: arial-bold;
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot);
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Arial-Bold/Arial-Bold.woff2) format('woff2'), url(/assets/fonts/Arial-Bold/Arial-Bold.woff) format('woff'), url(/assets/fonts/Arial-Bold/Arial-Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: supermarket;
    src: url(/assets/fonts/supermarket/supermarket.eot);
    src: url(/assets/fonts/supermarket/supermarket.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/supermarket/supermarket.woff2) format('woff2'), url(/assets/fonts/supermarket/supermarket.woff) format('woff'), url(/assets/fonts/supermarket/supermarket.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: avenir;
    src: url(/assets/fonts/Avenir/AvenirNextLTPro-Bold.otf) format('opentype');
}

@font-face {
    font-family: supermarket;
    src: url(/assets/font/);
}

@font-face {
    font-family: futura-heavy-bt;
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot);
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff2) format('woff2'), url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff) format('woff'), url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helvetica-bold;
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot);
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff2) format('woff2'), url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff) format('woff'), url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunitosans-semibold;
    src: url(/assets/fonts/HNunitoSans-SemiBold/NunitoSans-SemiBold.eot);
    src: url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff2) format('woff2'), url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff) format('woff'), url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helvetica-regular;
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot);
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff2) format('woff2'), url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff) format('woff'), url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: montserrat-regular;
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot);
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff2) format('woff2'), url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff) format('woff'), url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: impact;
    src: url(/assets/fonts/Impact/Impact.eot);
    src: url(/assets/fonts/Impact/Impact.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Impact/Impact.woff2) format('woff2'), url(/assets/fonts/Impact/Impact.woff) format('woff'), url(/assets/fonts/Impact/Impact.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: milford;
    src: url(/assets/fonts/MilFord/MilFord.eot);
    src: url(/assets/fonts/MilFord/MilFord.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/MilFord/MilFord.woff2) format('woff2'), url(/assets/fonts/MilFord/MilFord.woff) format('woff'), url(/assets/fonts/MilFord/MilFord.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: tahoma;
    src: url(/assets/fonts/Tahoma/Tahoma.eot);
    src: url(/assets/fonts/Tahoma/Tahoma.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Tahoma/Tahoma.woff2) format('woff2'), url(/assets/fonts/Tahoma/Tahoma.woff) format('woff'), url(/assets/fonts/Tahoma/Tahoma.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: itc avant garde;
    src: url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot');
    src: url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff2') format('woff2'), url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff') format('woff'), url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: dengxian;
    src: url(/assets/fonts/DengXian/DengXian.eot);
    src: url(/assets/fonts/DengXian/DengXian.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/DengXian/DengXian.woff2) format('woff2'), url(/assets/fonts/DengXian/DengXian.woff) format('woff'), url(/assets/fonts/DengXian/DengXian.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: adobe heiti std;
    src: url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot');
    src: url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff2') format('woff2'), url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff') format('woff'), url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: reiji cloud;
    src: url('/assets/fonts/Reiji Cloud/Reiji Cloud.eot');
    src: url('/assets/fonts/Reiji Cloud/Reiji Cloud.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Reiji Cloud/Reiji Cloud.woff2') format('woff2'), url('/assets/fonts/Reiji Cloud/Reiji Cloud.woff') format('woff'), url('/assets/fonts/Reiji Cloud/Reiji Cloud.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: trueno;
    src: url(/assets/fonts/Trueno/Trueno.eot);
    src: url(/assets/fonts/Trueno/Trueno.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Trueno/Trueno.woff2) format('woff2'), url(/assets/fonts/Trueno/Trueno.woff) format('woff'), url(/assets/fonts/Trueno/Trueno.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helvetica;
    src: url(/assets/fonts/Helvetica/Helvetica.eot);
    src: url(/assets/fonts/Helvetica/Helvetica.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Helvetica/Helvetica.woff2) format('woff2'), url(/assets/fonts/Helvetica/Helvetica.woff) format('woff'), url(/assets/fonts/Helvetica/Helvetica.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: bebasneue;
    src: url(/assets/fonts/BebasNeue/BebasNeue-Regular.ttf) format('truetype');
}

@font-face {
    font-family: prompt;
    src: url(/assets/fonts/Prompt/Prompt-Regular.ttf) format('truetype');
}

@font-face {
    font-family: nunito-sans;
    src: url(/assets/fonts/Nunito-Sans/NunitoSans-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: nunitosans-black;
    src: url(/assets/fonts/NunitoSans-Black/NunitoSans-Black.ttf) format('truetype');
}

@font-face {
    font-family: nunitosans-bold;
    src: url(/assets/fonts/NunitoSans-Bold/NunitoSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: nunitosans-regular;
    src: url(/assets/fonts/NunitoSans-Regular/NunitoSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-regular;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-Regular.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-bold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-Bold.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-semibold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-Semibold.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-extrabold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-regular;
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot);
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-medium;
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot);
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-bold;
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot);
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-italic;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-light;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PPlusJakartaSans-Light.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.ttf) format('truetype');
}

@font-face {
    font-family: montserrat-semibold;
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot);
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff2) format('woff2'), url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff) format('woff'), url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: content-regular;
    src: url(/assets/fonts/Content/Content-Regular.ttf);
    src: url(/assets/fonts/Content/Content-Regular.ttf) format('truetype');
}

@font-face {
    font-family: content-bold;
    src: url(/assets/fonts/Content/Content-Bold.ttf);
    src: url(/assets/fonts/Content/Content-Bold.ttf) format('truetype');
}

@font-face {
    font-family: battambang-black;
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf) format('truetype');
}

@font-face {
    font-family: battambang-light;
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf) format('truetype');
}

.page-title {
    font-family: opensans-regular, sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    margin: 0.1rem 0;
}

.sub-title {
    font-family: opensans-regular, sans-serif;
}

.font-weight-bold {
    font-weight: 700;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-normal {
    font-family: opensans-regular, sans-serif;
}

.font-weight-light {
    font-weight: 300;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
    text-decoration: none;
}

.headerSeoContent {
    text-align: center;
    width: 11rem;
    margin: auto;
}

.headerSeoContent h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: 700;
    color: #dbbd5a;
}

.headerSeoContent h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: 700;
    color: #dbbd5a;
}

.affiliate-route-background {
    background: undefined;
    background-size: undefined;
    background-position: undefined;
    background-repeat: undefined;
    margin: undefined;
    padding: undefined;
}

.affiliate-route-background .m-transfer-container,
.affiliate-route-background .m-bank-container,
.affiliate-route-background .m-reports-history-landing-container {
    font-size: 0.24rem;
}

html {
    /* font-size: calc(100vw / 20); */
    background: unset;
}

html ::-webkit-scrollbar {
    width: 0;
    height: 0.02rem;
    z-index: 999;
}

html ::-webkit-scrollbar-corner {
    background-color: transparent;
}

@media (min-width: 2300px) {
    .slider-slide img {
        width: 13rem !important;
    }
}

@media (min-width: 2001px) {
    html {
        font-size: 8.5rem;
    }
}

@media (max-width: 2299px) {
    .slider-slide img {
        width: 100% !important;
    }
}

@media (min-width: 2000px) {
    .slider-slide img {
        width: 20rem !important;
        margin: auto;
        display: block;
    }
}

@media (min-width: 2001px) {
    html {
        font-size: 100px !important;
    }
}

@media (min-width: 1441px) {
    html {
        font-size: 100px !important;
    }
}

@media (max-width: 1440px) {
    html {
        font-size: 100px !important;
    }
}

@media (max-width: 1024px) {
    html {
        font-size: 100px !important;
    }
}

body {
    overflow-x: hidden;
    font-size: 14px !important;
    background: url(/static/img/bg/home_background.jpg);
    background-size: auto;
    background-position: repeat;
    font-family: arial, 黑体, 'sans-serif';
    min-height: 100vh;
    color: WHITe;
    fill: WHITe;
    word-break: break-word;
    background-repeat: no-repeat;
    background-color: #000;
}

body:lang(vi) {
    font-family: arial, 黑体, 'sans-serif';
}

body:lang(km) {
    font-family: arial, 黑体, 'sans-serif';
}

.custom-aw8-kh-font {
    font-family: siemreap;
}

.custom-aw8-kh-font button {
    font-family: siemreap;
}

.custom-aw8-kh-font input {
    font-family: siemreap;
}

.custom-aw8-kh-font .navMenu-container {
    font-family: siemreap;
}

.common-btn {
    width: 1.29rem;
    height: 0.34rem;
    background: linear-gradient(to bottom, #f7931efe, #f15c24);
    color: #fff;
    font-size: 0.15rem;
    cursor: pointer;
}

.common-btn:hover {
    background: #696969;
}

.common-btn2 {
    width: 1.29rem;
    height: 0.34rem;
    border: 0.02rem solid #ebebeb;
    background: 0 0;
    color: #fff;
    font-size: 0.15rem;
    cursor: pointer;
}

.common-btn2:hover {
    background: #fff;
    color: #000;
}

.general_btn {
    background: linear-gradient(#0c426d, #00eaff);
    color: #fff;
    width: 1.2rem;
    height: 0.45rem;
}

input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 32px;
    border: none;
    color: #000;
    background: #99999999;
}

textarea {
    overflow: auto;
    resize: vertical;
    padding: 0.05rem 0.1rem;
    width: 100%;
    border: none;
    border-style: none;
    border-radius: 0.05rem;
    color: #ffffffe6;
    background: #ffffff1a;
}

label {
    font-size: 0.14rem;
    margin-bottom: 0.05rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: unset;
    transition: background-color 5000s ease-in-out 0s;
    font: 0.25rem;
}

p {
    margin-top: 0;
    margin-bottom: 1em;
}

.small-loading {
    fill: #511a91;
}

@media (min-width: 768px) {
    .m-only {
        display: none;
    }
}

@media (max-width: 768px) {
    hr.hr {
        height: 0.03rem !important;
    }
    .App {
        min-height: calc(100vh - 4.75rem);
    }
    .App.mobile-height {
        min-height: calc(92.5vh - 4.75rem);
    }
    p {
        margin-bottom: 0.05rem;
    }
    .screen-move-right {
        transform: translateX(3rem);
        transition: all 0.3s ease;
    }
    .mobile-home-container {
        padding-top: 2rem;
    }
    .dt-only {
        display: none;
    }
    .download-btn,
    .play-btn,
    .qr-btn {
        width: 5rem;
        height: 1rem;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
        text-transform: uppercase;
    }
    .demo-btn {
        width: 5rem;
        height: 1rem;
        font-size: 0.3rem;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
        text-transform: uppercase;
        background: 0 0;
        border: 0.02rem solid #fff;
    }
    .submit-btn,
    .addBank-btn {
        width: 5rem;
        height: 1rem;
        font-size: 0.4rem;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
        text-transform: uppercase;
    }
    .footer-btm-cap {
        margin-bottom: 2rem !important;
    }
    .error-msg {
        display: flex;
        align-items: center;
        justify-content: center;
        color: red;
        font-size: 0.35rem;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 0.5rem;
        background: url(/static/img/bg/home_background.jpg);
        background-repeat: repeat;
        background-size: 100vw auto;
        background-position: top left;
        background-attachment: scroll;
        background-color: #000;
    }
}

@font-face {
    font-family: montserrat;
    src: url(/assets/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
    font-family: sf-pro-display-medium;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Medium.otf);
}

@font-face {
    font-family: sf-pro-display-regular;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Regular.otf);
}

@font-face {
    font-family: sf-pro-display-semibold;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Semibold.otf);
}

@font-face {
    font-family: sf-pro-display-heavy;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Heavy.otf);
}

@font-face {
    font-family: helveticaneue-roman;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff) format('woff'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: helveticaneue-medium;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff) format('woff'), url(/assets/fonts/HelticaNeue/HelveticaNeueCyr-Medium.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format('woff'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format('woff'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: din-regular;
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot);
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/DIN-Regular/DIN-Regular.woff2) format('woff2'), url(/assets/fonts/DIN-Regular/DIN-Regular.woff) format('woff'), url(/assets/fonts/DIN-Regular/DIN-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: siemreap;
    src: url(/assets/fonts/Siemreap/Siemreap.eot);
    src: url(/assets/fonts/Siemreap/Siemreap.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Siemreap/Siemreap.woff2) format('woff2'), url(/assets/fonts/Siemreap/Siemreap.woff) format('woff'), url(/assets/fonts/Siemreap/Siemreap.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: marsekdemi;
    src: url('/assets/fonts/Marsek Demi/MarsekDemi.eot');
    src: url('/assets/fonts/Marsek Demi/MarsekDemi.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Marsek Demi/MarsekDemi.woff2') format('woff2'), url('/assets/fonts/Marsek Demi/MarsekDemi.woff') format('woff'), url('/assets/fonts/Marsek Demi/Marsek-Demi.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: mitrregular;
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot);
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff2) format('woff2'), url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff) format('woff'), url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: cordia;
    src: url(/assets/fonts/cordia/cordia-webfont.eot);
    src: url(/assets/fonts/cordia/cordia-webfont.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/cordia/cordia-webfont.woff2) format('woff2'), url(/assets/fonts/cordia/cordia-webfont.woff) format('woff'), url(/assets/fonts/cordia/cordia-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: arial-medium;
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot);
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Arial-Medium/Arial-Medium.woff2) format('woff2'), url(/assets/fonts/Arial-Medium/Arial-Medium.woff) format('woff'), url(/assets/fonts/Arial-Medium/Arial-Medium.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: arial-bold;
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot);
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Arial-Bold/Arial-Bold.woff2) format('woff2'), url(/assets/fonts/Arial-Bold/Arial-Bold.woff) format('woff'), url(/assets/fonts/Arial-Bold/Arial-Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: supermarket;
    src: url(/assets/fonts/supermarket/supermarket.eot);
    src: url(/assets/fonts/supermarket/supermarket.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/supermarket/supermarket.woff2) format('woff2'), url(/assets/fonts/supermarket/supermarket.woff) format('woff'), url(/assets/fonts/supermarket/supermarket.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: avenir;
    src: url(/assets/fonts/Avenir/AvenirNextLTPro-Bold.otf) format('opentype');
}

@font-face {
    font-family: supermarket;
    src: url(/assets/font/);
}

@font-face {
    font-family: futura-heavy-bt;
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot);
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff2) format('woff2'), url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff) format('woff'), url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helvetica-bold;
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot);
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff2) format('woff2'), url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff) format('woff'), url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunitosans-semibold;
    src: url(/assets/fonts/HNunitoSans-SemiBold/NunitoSans-SemiBold.eot);
    src: url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff2) format('woff2'), url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff) format('woff'), url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helvetica-regular;
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot);
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff2) format('woff2'), url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff) format('woff'), url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: montserrat-regular;
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot);
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff2) format('woff2'), url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff) format('woff'), url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: impact;
    src: url(/assets/fonts/Impact/Impact.eot);
    src: url(/assets/fonts/Impact/Impact.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Impact/Impact.woff2) format('woff2'), url(/assets/fonts/Impact/Impact.woff) format('woff'), url(/assets/fonts/Impact/Impact.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: milford;
    src: url(/assets/fonts/MilFord/MilFord.eot);
    src: url(/assets/fonts/MilFord/MilFord.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/MilFord/MilFord.woff2) format('woff2'), url(/assets/fonts/MilFord/MilFord.woff) format('woff'), url(/assets/fonts/MilFord/MilFord.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: tahoma;
    src: url(/assets/fonts/Tahoma/Tahoma.eot);
    src: url(/assets/fonts/Tahoma/Tahoma.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Tahoma/Tahoma.woff2) format('woff2'), url(/assets/fonts/Tahoma/Tahoma.woff) format('woff'), url(/assets/fonts/Tahoma/Tahoma.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: itc avant garde;
    src: url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot');
    src: url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff2') format('woff2'), url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff') format('woff'), url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: dengxian;
    src: url(/assets/fonts/DengXian/DengXian.eot);
    src: url(/assets/fonts/DengXian/DengXian.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/DengXian/DengXian.woff2) format('woff2'), url(/assets/fonts/DengXian/DengXian.woff) format('woff'), url(/assets/fonts/DengXian/DengXian.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: adobe heiti std;
    src: url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot');
    src: url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff2') format('woff2'), url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff') format('woff'), url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: reiji cloud;
    src: url('/assets/fonts/Reiji Cloud/Reiji Cloud.eot');
    src: url('/assets/fonts/Reiji Cloud/Reiji Cloud.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Reiji Cloud/Reiji Cloud.woff2') format('woff2'), url('/assets/fonts/Reiji Cloud/Reiji Cloud.woff') format('woff'), url('/assets/fonts/Reiji Cloud/Reiji Cloud.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: trueno;
    src: url(/assets/fonts/Trueno/Trueno.eot);
    src: url(/assets/fonts/Trueno/Trueno.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Trueno/Trueno.woff2) format('woff2'), url(/assets/fonts/Trueno/Trueno.woff) format('woff'), url(/assets/fonts/Trueno/Trueno.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helvetica;
    src: url(/assets/fonts/Helvetica/Helvetica.eot);
    src: url(/assets/fonts/Helvetica/Helvetica.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Helvetica/Helvetica.woff2) format('woff2'), url(/assets/fonts/Helvetica/Helvetica.woff) format('woff'), url(/assets/fonts/Helvetica/Helvetica.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: bebasneue;
    src: url(/assets/fonts/BebasNeue/BebasNeue-Regular.ttf) format('truetype');
}

@font-face {
    font-family: prompt;
    src: url(/assets/fonts/Prompt/Prompt-Regular.ttf) format('truetype');
}

@font-face {
    font-family: nunito-sans;
    src: url(/assets/fonts/Nunito-Sans/NunitoSans-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: nunitosans-black;
    src: url(/assets/fonts/NunitoSans-Black/NunitoSans-Black.ttf) format('truetype');
}

@font-face {
    font-family: nunitosans-bold;
    src: url(/assets/fonts/NunitoSans-Bold/NunitoSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: nunitosans-regular;
    src: url(/assets/fonts/NunitoSans-Regular/NunitoSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-regular;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-Regular.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-bold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-Bold.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-semibold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-Semibold.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-extrabold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-regular;
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot);
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-medium;
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot);
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-bold;
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot);
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-italic;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-light;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PPlusJakartaSans-Light.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.ttf) format('truetype');
}

@font-face {
    font-family: montserrat-semibold;
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot);
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff2) format('woff2'), url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff) format('woff'), url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: content-regular;
    src: url(/assets/fonts/Content/Content-Regular.ttf);
    src: url(/assets/fonts/Content/Content-Regular.ttf) format('truetype');
}

@font-face {
    font-family: content-bold;
    src: url(/assets/fonts/Content/Content-Bold.ttf);
    src: url(/assets/fonts/Content/Content-Bold.ttf) format('truetype');
}

@font-face {
    font-family: battambang-black;
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf) format('truetype');
}

@font-face {
    font-family: battambang-light;
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf) format('truetype');
}

.page-title {
    font-family: opensans-regular, sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    margin: 0.1rem 0;
}

.sub-title {
    font-family: opensans-regular, sans-serif;
}

.font-weight-bold {
    font-weight: 700;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-normal {
    font-family: opensans-regular, sans-serif;
}

.font-weight-light {
    font-weight: 300;
}

.safari-web-view {
    font-size: calc(100vw / 12.42) !important;
}

html,
body {
    width: 100% !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-width: none;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
    width: device-width;
}

.disableIphoneHorizontalScrolling {
    width: 100%;
    overflow-x: hidden;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

hr {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0.15rem;
}

hr.hr {
    border: 0;
    height: 0.01rem;
    background-image: linear-gradient( to right, rgba(0, 0, 0, 0), #00eaff, rgba(0, 0, 0, 0));
}

.left-col-title {
    height: 0.9rem;
    border-radius: 0.06rem;
    margin: 0.1rem 0.15rem;
    padding: 0.1rem;
}

.left-col-item {
    height: 7.9rem;
    overflow-y: auto;
}

.left-col-item-custom.scrollable-element {
    min-height: 6rem;
    max-height: 8rem;
    overflow-y: auto;
}

[tabindex='-1']:focus {
    outline: none !important;
}

:focus {
    outline: unset;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: 0;
    cursor: help;
}

address {
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit;
}

dt {
    font-weight: 500;
}

dd {
    margin-bottom: 0.5em;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1em;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

a:active {
    color: #fff;
}

a:active,
a:hover {
    text-decoration: none !important;
    outline: 0;
}

a[disabled] {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
    pointer-events: none;
}

pre,
code,
kbd,
samp {
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto;
}

figure {
    margin: 0 0 1em;
}

img {
    vertical-align: middle;
    border-style: none;
}

.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000b8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.downloadCustomModal {
    background: 0 0;
}

.custom-modal {
    background: #000;
    border-image: linear-gradient(#0c426d, #00eaff) 1;
    border: 0.03rem solid #00eaff;
    padding: 0.2rem;
    color: #fff;
    padding: 0.2rem 0.32rem;
    width: 25%;
    max-width: 5rem;
    margin: auto;
}

.custom-modal p {
    margin-bottom: 0;
}

.custom-modal .close-btn {
    background: linear-gradient(90deg, #bb9a46 0%, #785d38 100%);
    color: #ffffffe6;
    font-size: 0.18rem;
    float: right;
}

.custom-modal .download_qr {
    padding: 0.35rem 0.6rem 0.6rem;
}

.custom-modal .custom-modal-header {
    margin: -0.21rem -0.32rem;
    padding: 0.2rem 0.32rem;
    background-color: transparent;
}

.custom-modal-header {
    font-size: 0.18rem;
    font-weight: 600;
    color: #d7c789;
    fill: #d7c789;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-modal-header .custom-modal-header-withIcon {
    display: flex;
    align-items: center;
}

.custom-modal-body {
    margin: 0.3rem 0 0;
    max-height: 60vh;
    overflow-y: scroll;
    scrollbar-width: none;
}

.custom-modal-body svg {
    fill: #909091;
}

.custom-modal-footer {
    margin: 0.1rem 0;
}

.custom-modal-footer button {
    height: 0.5rem;
    background: linear-gradient(90deg, #bb9a46 0%, #785d38 100%);
    color: linear-gradient(90deg, #bb9a46 0%, #785d38 100%);
    padding: 0 0.6rem;
    font-size: inherit;
    width: fit-content;
}

.custom-modal-footer .yes-btn {
    background: linear-gradient(90deg, #bb9a46 0%, #785d38 100%);
    cursor: pointer;
    width: 100%;
    height: 0.5rem;
}

.custom-modal-footer .no-btn {
    background: linear-gradient(90deg, #bb9a46 0%, #785d38 100%);
    cursor: pointer;
    width: 100%;
    height: 0.5rem;
    margin-right: 0.16rem;
}

.custom-notification {
    padding: 0.1rem 0.2rem;
    width: 100%;
    color: #fff;
    margin-bottom: 0.05rem;
}

.custom-notification.error {
    background: red;
}

svg:not(:root) {
    overflow: visible;
    width: 100%;
    height: 100%;
}

.svg-height-width-auto {
    width: auto !important;
    height: auto !important;
}

table {
    border-collapse: collapse;
}

.table-title {
    font-size: 1em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    color: #1a1a1a;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    font-family: helveticaneue, 宋体, sans-serif;
}

.table-date {
    font-size: 0.875em;
}

caption {
    padding-top: 0.75em;
    padding-bottom: 0.3em;
    color: rgba(0, 0, 0, 0.45);
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

button,
input {
    overflow: visible;
}

button::-webkit-credentials-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

button,
select {
    text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
    -webkit-appearance: listbox;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0;
}

.list-group-item:hover {
    z-index: initial;
}

.hide {
    display: none;
}

[hidden] {
    display: none !important;
}

.scroll-container {
    display: flex;
    overflow: scroll;
}

.scroll-container.hide-scrollbar {
    overflow: auto;
}

.scroll-container.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.scroll-container.show-scroll {
    overflow: auto;
}

.scroll-container div {
    white-space: pre-line;
}

.game-banner {
    min-height: 4.8rem;
}

.modal {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
    background-color: #00000094 !important;
}

.modal-show,
.d-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.z-index-9999 {
    z-index: 9999;
}

.z-index--1 {
    z-index: -1;
}

.border {
    border: 0.01rem solid #e0e0e0 !important;
}

.border-top {
    border-top: 0.01rem solid #e0e0e0 !important;
}

.border-right {
    border-right: 0.005rem solid #7a7d7c !important;
}

.border-bottom {
    border-bottom: 0.01rem solid #e3e3e3 !important;
}

.border-bottom-light {
    border-bottom: 0.01rem solid #e0e0e0;
}

.border-bottom-normal {
    border-bottom: 0.01rem solid #7a7d7c;
}

.border-left {
    border-left: 0.01rem solid #181818;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.rounded {
    border-radius: 0.15rem !important;
}

.rounded-top {
    border-top-left-radius: 0.15rem !important;
    border-top-right-radius: 125rem !important;
}

.rounded-right {
    border-top-right-radius: 0.15rem !important;
    border-bottom-right-radius: 0.15rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.15rem !important;
    border-bottom-left-radius: 0.15rem !important;
}

.rounded-left {
    border-top-left-radius: 0.15rem !important;
    border-bottom-left-radius: 0.15rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: '';
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-webkit-box {
    display: -webkit-box !important;
}

.height-100 {
    height: 100% !important;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}

.section-container {
    padding-top: 0.15rem;
    padding-bottom: 0.1rem;
}

.content-mobile {
    background-color: #e3e3e3;
    padding: 0.1rem;
}

.content-mobile-account {
    background-color: #909091;
}

.mobile-account-width {
    width: 100vw;
    padding: 0.1rem 0;
}

.container-fluid {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: auto;
    margin-left: auto;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.m-0 {
    margin: 0 !important;
}

.m-b-200 {
    margin-bottom: 2rem;
}

.w-1100-container {
    width: 11rem;
    margin: auto;
}

.order-2 {
    order: 2;
}

.tab-btn-container {
    display: flex;
    justify-content: flex-end;
    width: 60%;
}

.tab-btn-container button {
    background: linear-gradient(90deg, #c09848, #8c6a2e);
    height: 0.4rem;
    color: #fff;
    font-family: helveticaneue-roman, 黑体, sans-serif;
    cursor: pointer;
    font-size: 0.14rem;
    text-transform: uppercase;
    font-weight: 600;
    width: fit-content;
    padding: 0 0.35rem;
}

.tab-btn-container-full-width {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: unset;
}

.tab-btn-container-full-width button {
    background: linear-gradient(90deg, #c09848, #8c6a2e);
    height: 0.4rem;
    width: fit-content;
    padding: 0 0.35rem;
    color: #fff;
    cursor: pointer;
    font-size: 0.14rem;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0.05rem;
}

.marquee {
    height: 0.2rem;
    width: 7rem;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.marquee div {
    display: block;
    width: 200%;
    position: absolute;
    overflow: hidden;
    margin-right: block;
    animation: marquee 20s linear infinite;
}

@keyframes marquee {
    0% {
        left: 100%;
    }
    100% {
        left: -200%;
    }
}

.search-wrapper {
    position: relative;
    margin-right: 0.6666666667rem;
}

.search-wrapper .input-holder {
    height: 0.42rem;
    width: 0.42rem;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.search-wrapper .input-holder .search-input {
    width: 100%;
    padding: 0 0.7rem 0 0.2rem;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    box-sizing: border-box;
    border: none;
    outline: none;
    transform: translate(0, 0.6rem);
    transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
    transition-delay: 0.3s;
    font-size: 0.88rem;
}

.search-wrapper .input-holder .search-icon {
    width: 0.42rem;
    height: 0.42rem;
    border: none;
    padding: 0;
    outline: none;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 0.3rem;
}

.search-wrapper .input-holder .search-icon span {
    width: 0.22rem;
    height: 0.22rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65);
}

.search-wrapper .input-holder .search-icon span::before,
.search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content: '';
}

.search-wrapper .input-holder .search-icon span::before {
    width: 0.04rem;
    height: 0.11rem;
    left: 0.09rem;
    top: 0.13rem;
    border-radius: 0.02rem;
    background: #00eaff;
}

.search-wrapper .input-holder .search-icon span::after {
    width: 0.14rem;
    height: 0.14rem;
    left: 0.04rem;
    top: 0;
    border-radius: 0.16rem;
    border: 0.02rem solid #00eaff;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 0.2rem;
    height: 0.2rem;
    margin-top: -0.1rem;
    cursor: pointer;
    opacity: 0 !important;
    transform: rotate(-180deg);
    transition: all 0.2s cubic-bezier(0.285, -0.45, 0.935, 0.11);
    transition-delay: 0.1s;
}

.search-wrapper .close::before,
.search-wrapper .close::after {
    position: absolute;
    content: '';
    background: #00eaff;
    border-radius: 0.02rem;
}

.search-wrapper .close::before {
    width: 0.02rem;
    height: 0.2rem;
    left: 0.09rem;
    top: 0;
}

.search-wrapper .close::after {
    width: 0.2rem;
    height: 0.02rem;
    left: 0;
    top: 0.09rem;
}

.search-wrapper.active {
    width: 3.3rem;
}

.search-wrapper.active .input-holder {
    width: 2.9rem;
    border-radius: 0.5rem;
    background: rgba(0, 0, 0, 0.05);
    transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);
}

.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 0.11rem);
}

.search-wrapper.active .input-holder .search-icon {
    width: 0.42rem;
    height: 0.42rem;
    margin: 0;
    border-radius: 0.3rem;
}

.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}

.search-wrapper.active .close {
    left: 3rem;
    opacity: 0.6 !important;
    transform: rotate(45deg);
    transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57);
    transition-delay: 0.5s;
}

.search-wrapper.active .close:hover {
    opacity: 1 !important;
}

.search-wrapper.active+.header-megamenu {
    opacity: 0;
}

.page-numbers {
    padding-top: 0.1rem;
}

.pagination-number {
    padding: 0.05rem 0.15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e0e0e0;
}

.page-link {
    background-color: transparent !important;
    color: #fff !important;
}

.btn-disable {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.pagination-btn {
    height: 100%;
    padding: 0.5rem 0.75rem !important;
    border: none !important;
}

.t-align-center {
    text-align: center;
}

.w-100 {
    width: 100%;
}

.h-auto {
    height: auto;
}

.h-100 {
    height: 100%;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-flex-end {
    justify-content: flex-end !important;
}

.flex-column {
    flex-direction: column;
}

.body-content-container {
    background: url(/static/img/bg/home_background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: unset;
    padding: 0;
    overflow: unset;
    position: relative;
}

.mobileTopMargin-home-fixed {
    padding-top: 2.6rem;
}

.mobileTopMargin-fixed {
    padding-top: 2.6rem;
}

.mobileTopMargin-navTitle {
    padding-top: 3.5rem;
    padding-bottom: 2.4rem;
}

.select-container {
    width: 100%;
    position: relative;
}

.select-container .select-arrow {
    position: absolute;
    right: 0.15rem;
    top: 0.15rem;
    border-width: 0 0.03rem 0.03rem 0;
    border-color: #fff;
    border-style: solid;
    display: inline-block;
    width: 0.08rem !important;
    height: 0.08rem !important;
    transform: rotate(45deg);
}

.select-container.select-container-selectFullWidth {
    width: 100%;
}

@media (max-width: 768px) {
    .select-container .select-arrow {
        right: 0.3rem !important;
        top: 0.2rem;
        border-width: 0 0.08rem 0.08rem 0 !important;
        border-color: #fff;
        width: 0.2rem !important;
        height: 0.2rem !important;
    }
}

@media (max-width: 768px) {
    body {
        font-family: arial, 黑体, 'sans-serif';
    }
    body .body-content-container {
        background: unset;
        background-size: undefined;
        background-repeat: undefined;
        background-position: undefined;
    }
    body .mobileTopMargin {
        padding-top: 1.7rem;
        padding-bottom: 0;
        background: unset;
        min-height: undefined;
    }
    body .mobileTopMargin .m-funds-container {
        padding-bottom: 0.3rem;
    }
    body .mobileTopMargin.liteappPadding {
        padding-top: 0;
        padding-bottom: 0;
    }
    body .mobileTopMargin-home {
        padding-top: 1.7rem;
    }
    body .mobileTopMargin-home-fixed {
        padding-top: 1.8rem;
    }
    body .mobileDoubleTopMargin-home {
        padding-top: 3.4rem;
    }
    body .mobileTopMargin-fixed {
        padding-top: 1.7rem;
        padding-bottom: 2.5rem;
    }
    body .custom-modal .custom-modal-body img {
        width: 1rem;
        height: auto;
    }
    body .custom-modal .custom-modal-body label {
        font-size: 0.4rem;
        margin-bottom: 0.2rem;
    }
    body .custom-modal .custom-modal-body p {
        font-size: 0.38rem;
    }
    body .m-search-dialog-modal .react-datepicker-wrapper {
        width: 100%;
    }
    body .m-search-dialog-modal .react-datepicker__close-icon::after {
        height: 0.6rem;
        width: 0.6rem;
        font-size: 0.5rem;
        background-color: Black;
    }
    body .m-search-dialog-modal .react-datepicker__header {
        padding-top: 0.3rem;
    }
    body .m-search-dialog-modal .react-datepicker__current-month,
    body .m-search-dialog-modal .react-datepicker-time__header,
    body .m-search-dialog-modal .react-datepicker-year-header {
        color: #00eaff;
        font-size: 0.55rem;
    }
    body .m-search-dialog-modal .react-datepicker__navigation {
        border: 0.16rem solid transparent !important;
    }
    body .m-search-dialog-modal .react-datepicker__navigation--next {
        right: 0.1rem;
        border-left-color: #00eaff !important;
        margin-top: 0.25rem;
    }
    body .m-search-dialog-modal .react-datepicker__navigation--previous {
        left: 0.1rem;
        border-right-color: #00eaff !important;
        margin-top: 0.25rem;
    }
    body .m-search-dialog-modal .react-datepicker__day-name,
    body .m-search-dialog-modal .react-datepicker__day,
    body .m-search-dialog-modal .react-datepicker__time-name {
        width: 0.7rem;
        height: 0.7rem;
        line-height: 0.8rem;
        margin: 0.166rem;
    }
    body .m-search-dialog-modal .react-datepicker {
        font-size: 0.5rem;
    }
    body .m-search-dialog-modal .react-datepicker__day--selected,
    body .m-search-dialog-modal .react-datepicker__day--in-selecting-range,
    body .m-search-dialog-modal .react-datepicker__day--in-range,
    body .m-search-dialog-modal .react-datepicker__month-text--selected,
    body .m-search-dialog-modal .react-datepicker__month-text--in-selecting-range,
    body .m-search-dialog-modal .react-datepicker__month-text--in-range,
    body .m-search-dialog-modal .react-datepicker__quarter-text--selected,
    body .m-search-dialog-modal .react-datepicker__quarter-text--in-selecting-range,
    body .m-search-dialog-modal .react-datepicker__quarter-text--in-range {
        border-radius: 50%;
        background-color: #216ba5;
    }
    body .m-Divider {
        width: 100%;
        background: #00eaff;
    }
    body .custom-modal {
        width: 75%;
        max-width: 75vw;
        background: linear-gradient(0deg, #160f07, #150e06);
        border-image: linear-gradient(#0c426d, #00eaff) 1;
    }
    body .custom-modal .custom-modal-header {
        min-height: 1.4rem;
        align-items: center;
        justify-content: space-between;
        font-size: 0.45rem;
        white-space: normal;
    }
    body .custom-modal .custom-modal-header h3 {
        text-overflow: unset;
        overflow: unset;
        width: unset;
    }
    body .custom-modal .custom-modal-header button {
        font-size: 0.4rem;
        padding: 0;
        width: 100%;
        text-align: right;
        background: 0 0;
    }
    body .custom-modal .custom-modal-body {
        padding: 0.3rem 0;
        max-height: 60vh;
        overflow-y: scroll;
    }
    body .custom-modal .custom-modal-footer button {
        height: 1rem;
        padding: 0 0.65rem;
        margin: 0.25rem 0;
        color: #fff;
    }
    body .custom-modal .close-btn {
        background: linear-gradient(90deg, #bb9a46 0%, #785d38 100%);
        color: #c09848;
        padding: 0.5rem 0.5rem 0;
        font-size: 0.4rem;
        float: right;
    }
    body .custom-modal .download_qr {
        padding: 0.5rem 1rem 1rem;
    }
    .tab-btn-container-full-width button {
        height: unset;
        width: unset;
        font-size: unset;
    }
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .container {
        width: 100%;
        max-width: 100%;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-left: 0;
        margin-right: 0;
    }
    .section-container {
        padding: 0.1rem !important;
    }
    .app-content {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .announce-container {
        width: 9.8rem !important;
        background: #fff;
        transform: skew(-40deg, 0deg);
    }
}

::-webkit-input-placeholder {
    color: #ffffffe6;
}

::-moz-placeholder {
    color: #ffffffe6;
}

:-ms-input-placeholder {
    color: #ffffffe6;
}

input:-moz-placeholder {
    color: #ffffffe6;
}

.form-field {
    width: 100%;
    margin-right: 0.15rem;
}

.form-field:first-child {
    margin-right: 0;
}

.form-field:last-child {
    margin-right: 0;
}

.form-field select {
    -webkit-appearance: none;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.05rem;
    border-radius: 0;
    border: 0.02rem solid #99999999;
    border-bottom-color: #8d8680;
    border-bottom: unset;
    background: #99999999;
    height: 0.35rem;
    color: #000;
    font-size: 0.14rem;
    font-family: helveticaneue, 黑体, 'sans-serif';
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 0.2rem;
}

.form-field select option {
    background-color: #fff;
    color: #1a1a1a;
}

.form-field label {
    margin-bottom: 0.05rem;
    display: block;
    color: WhitE;
}

.form-field input {
    display: flex;
    align-items: center;
    padding: 0.05rem;
    border-radius: 0;
    border: unset;
    border-bottom-color: #8d8680;
    border-bottom: unset;
    font-family: unset;
    font-size: 0.14rem;
    color: WhitE;
    background: #99999999;
    height: 0.35rem;
    -webkit-text-fill-color: unset;
}

.form-field input:disabled {
    opacity: 1;
}

.form-field .phone-input {
    margin-left: 0.05rem;
}

.form-field .mandatory {
    margin-bottom: 0.05rem;
    font-size: undefined;
}

.form-field .mandatory::after {
    color: red;
    content: '\002A';
    margin-left: 0.04rem;
}

.form-field .error-validation {
    background: 0 0;
    color: red;
    font-size: 0.12rem;
    margin-top: 0.05rem;
    width: unset;
}

.promo-tnc {
    text-decoration: underline;
    cursor: pointer;
    color: REd;
    font-size: 0.12rem;
}

.module-detail label {
    color: WhitE;
}

.module-detail .custom-table .custom-table-row img {
    margin-right: 0.05rem;
}

.white {
    color: #bcbcbc;
}

.gold {
    color: #00eaff;
}

.gray {
    color: #4d4e50;
}

.menuSvgColor {
    fill: #919293;
}

.svgActiveColor {
    fill: #fff;
}

.textActiveColor {
    color: #00eaff;
}

.textColor {
    color: #fff;
}

@media (max-width: 768px) {
    label {
        font-size: 14px;
    }
    .tab-btn-container {
        justify-content: center;
        width: unset;
    }
    .tab-btn-container button {
        height: 1.5rem;
        font-size: 0.45rem;
    }
    .form-field {
        width: 100%;
        margin-right: 0.15rem;
        margin-bottom: 0.4rem;
    }
    .form-field:first-child {
        margin-right: 0;
    }
    .form-field:last-child {
        margin-right: 0;
    }
    .form-field select {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0.05rem 0.3rem;
        border: 0.02rem solid #99999999;
        border-bottom-color: #8d8680;
        background: #99999999;
        border-bottom: unset;
        height: 1rem;
        color: #000;
        font-size: 0.4rem;
        height: 1.1rem;
        border-radius: unset;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.5;
    }
    .form-field select option {
        background-color: #fff;
        color: #000;
    }
    .form-field label {
        margin-bottom: 0.3rem;
        display: block;
        font-size: 0.4rem;
        color: WhitE;
    }
    .form-field input {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0.05rem 0.3rem;
        border-radius: 0;
        border: unset;
        border-bottom-color: #8d8680;
        background: #99999999;
        border-bottom: unset;
        height: 1rem;
        color: #000;
        -webkit-text-fill-color: unset;
        font-size: 0.4rem;
        height: 1.1rem;
    }
    .form-field textarea {
        width: 100%;
        color: #000;
        font-size: 0.4rem;
        border: transparent;
        border-radius: 0.06rem;
        font-family: unset;
    }
    .form-field .mandatory {
        margin-bottom: 0.2rem;
        color: WhitE;
    }
    .form-field .mandatory::after {
        color: red;
        content: '\002A';
    }
    .form-field .error-validation {
        color: red;
        font-size: 0.3rem;
        margin-top: 0.15rem;
    }
    .promo-tnc {
        text-decoration: underline;
        cursor: pointer;
    }
    .login-field {
        padding-left: 0.5rem;
        position: relative;
    }
    .login-field input {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0.05rem 0.3rem;
        border-radius: 0;
        border: 0;
        border-bottom: 0.04rem solid;
        border-bottom-color: #8d8680;
        height: 1rem;
        color: #000;
        font-size: 0.4rem;
        height: 1.1rem;
        position: relative;
    }
}

.history-control-panel .react-datepicker__close-icon::after,
.reg-form-container .react-datepicker__close-icon::after,
.m-bonus-container .react-datepicker__close-icon::after,
.react-datepicker-popper .react-datepicker__close-icon::after,
.standard-popup-modal-body .react-datepicker__close-icon::after {
    height: 0.2rem;
    width: 0.2rem;
    background: Black;
    line-height: 0;
}

.history-control-panel .react-datepicker__header,
.reg-form-container .react-datepicker__header,
.m-bonus-container .react-datepicker__header,
.react-datepicker-popper .react-datepicker__header,
.standard-popup-modal-body .react-datepicker__header {
    padding-top: 0.3rem;
    border-top-left-radius: 0.3rem;
}

.history-control-panel .react-datepicker__current-month,
.history-control-panel .react-datepicker-time__header,
.history-control-panel .react-datepicker-year-header,
.reg-form-container .react-datepicker__current-month,
.reg-form-container .react-datepicker-time__header,
.reg-form-container .react-datepicker-year-header,
.m-bonus-container .react-datepicker__current-month,
.m-bonus-container .react-datepicker-time__header,
.m-bonus-container .react-datepicker-year-header,
.react-datepicker-popper .react-datepicker__current-month,
.react-datepicker-popper .react-datepicker-time__header,
.react-datepicker-popper .react-datepicker-year-header,
.standard-popup-modal-body .react-datepicker__current-month,
.standard-popup-modal-body .react-datepicker-time__header,
.standard-popup-modal-body .react-datepicker-year-header {
    color: #ffe138;
    font-size: 0.55rem;
}

.history-control-panel .react-datepicker,
.reg-form-container .react-datepicker,
.m-bonus-container .react-datepicker,
.react-datepicker-popper .react-datepicker,
.standard-popup-modal-body .react-datepicker {
    font-size: 0.87em;
}

@media (max-width: 768px) {
    .history-control-panel .react-datepicker,
    .reg-form-container .react-datepicker,
    .m-bonus-container .react-datepicker,
    .react-datepicker-popper .react-datepicker,
    .standard-popup-modal-body .react-datepicker {
        font-size: 0.9em;
    }
    .history-control-panel .react-datepicker__close-icon::after,
    .reg-form-container .react-datepicker__close-icon::after,
    .m-bonus-container .react-datepicker__close-icon::after,
    .react-datepicker-popper .react-datepicker__close-icon::after,
    .standard-popup-modal-body .react-datepicker__close-icon::after {
        height: 0.36rem;
        width: 0.36rem;
        line-height: undefined;
    }
}

.history-control-panel .react-datepicker-wrapper,
.reg-form-container .react-datepicker-wrapper,
.m-bonus-container .react-datepicker-wrapper,
.react-datepicker-popper .react-datepicker-wrapper,
.standard-popup-modal-body .react-datepicker-wrapper {
    width: 100%;
}

.history-control-panel .react-datepicker__header,
.reg-form-container .react-datepicker__header,
.m-bonus-container .react-datepicker__header,
.react-datepicker-popper .react-datepicker__header,
.standard-popup-modal-body .react-datepicker__header {
    padding-top: 0.8em;
}

.history-control-panel .react-datepicker__month,
.reg-form-container .react-datepicker__month,
.m-bonus-container .react-datepicker__month,
.react-datepicker-popper .react-datepicker__month,
.standard-popup-modal-body .react-datepicker__month {
    margin: 0.4em 1em;
}

.history-control-panel .react-datepicker__day-name,
.history-control-panel .react-datepicker__day,
.reg-form-container .react-datepicker__day-name,
.reg-form-container .react-datepicker__day,
.m-bonus-container .react-datepicker__day-name,
.m-bonus-container .react-datepicker__day,
.react-datepicker-popper .react-datepicker__day-name,
.react-datepicker-popper .react-datepicker__day,
.standard-popup-modal-body .react-datepicker__day-name,
.standard-popup-modal-body .react-datepicker__day {
    width: 1.9em;
    line-height: 1.9em;
    margin: 0.166em;
}

.history-control-panel .react-datepicker__current-month,
.reg-form-container .react-datepicker__current-month,
.m-bonus-container .react-datepicker__current-month,
.react-datepicker-popper .react-datepicker__current-month,
.standard-popup-modal-body .react-datepicker__current-month {
    font-size: 1em;
}

.history-control-panel .react-datepicker__navigation,
.reg-form-container .react-datepicker__navigation,
.m-bonus-container .react-datepicker__navigation,
.react-datepicker-popper .react-datepicker__navigation,
.standard-popup-modal-body .react-datepicker__navigation {
    top: 1em;
    line-height: 1.7em;
    border: 0.45em solid transparent;
    height: 0.1rem !important;
    padding: 0 !important;
}

.history-control-panel .react-datepicker__navigation--next,
.reg-form-container .react-datepicker__navigation--next,
.m-bonus-container .react-datepicker__navigation--next,
.react-datepicker-popper .react-datepicker__navigation--next,
.standard-popup-modal-body .react-datepicker__navigation--next {
    border-left-color: #00eaff;
}

.history-control-panel .react-datepicker__navigation--previous,
.reg-form-container .react-datepicker__navigation--previous,
.m-bonus-container .react-datepicker__navigation--previous,
.react-datepicker-popper .react-datepicker__navigation--previous,
.standard-popup-modal-body .react-datepicker__navigation--previous {
    border-right-color: #ffe138 !important;
}

.history-control-panel .react-datepicker__month-read-view--down-arrow,
.history-control-panel .react-datepicker__year-read-view--down-arrow,
.reg-form-container .react-datepicker__month-read-view--down-arrow,
.reg-form-container .react-datepicker__year-read-view--down-arrow,
.m-bonus-container .react-datepicker__month-read-view--down-arrow,
.m-bonus-container .react-datepicker__year-read-view--down-arrow,
.react-datepicker-popper .react-datepicker__month-read-view--down-arrow,
.react-datepicker-popper .react-datepicker__year-read-view--down-arrow,
.standard-popup-modal-body .react-datepicker__month-read-view--down-arrow,
.standard-popup-modal-body .react-datepicker__year-read-view--down-arrow {
    border-width: 0.05rem;
}

.react-datepicker-popper .react-datepicker {
    display: flex;
}

.history-control-panel .react-datepicker__current-month,
.history-control-panel .react-datepicker-time__header,
.history-control-panel .react-datepicker-year-header,
.reg-form-container .react-datepicker__current-month,
.reg-form-container .react-datepicker-time__header,
.reg-form-container .react-datepicker-year-header,
.m-bonus-container .react-datepicker__current-month,
.m-bonus-container .react-datepicker-time__header,
.m-bonus-container .react-datepicker-year-header,
.react-datepicker-popper .react-datepicker__current-month,
.react-datepicker-popper .react-datepicker-time__header,
.react-datepicker-popper .react-datepicker-year-header,
.standard-popup-modal-body .react-datepicker__current-month,
.standard-popup-modal-body .react-datepicker-time__header,
.standard-popup-modal-body .react-datepicker-year-header {
    font-size: 1em !important;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 0.1rem !important;
}

@media (max-width: 768px) {
    .react-datepicker__year-option,
    .react-datepicker__month-option,
    .react-datepicker__month-year-option {
        line-height: 0.66rem !important;
    }
    .react-datepicker__year-option .react-datepicker__navigation,
    .react-datepicker__month-option .react-datepicker__navigation,
    .react-datepicker__month-year-option .react-datepicker__navigation {
        font-size: 0.5rem;
    }
    .react-datepicker__month-container {
        font-size: undefined;
    }
    .react-datepicker .react-datepicker__time-container {
        width: 1.5rem !important;
        font-size: undefined;
    }
    .react-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        width: 1.2rem;
    }
    .react-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
        height: 0.8rem;
        border-radius: 0.21rem;
    }
    .react-datepicker li.react-datepicker__time-list-item {
        padding: 0.2rem 0.1rem !important;
    }
    .react-datepicker .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
        right: 1.5rem;
    }
    .history-control-panel .react-datepicker__navigation,
    .reg-form-container .react-datepicker__navigation,
    .m-bonus-container .react-datepicker__navigation,
    .react-datepicker-popper .react-datepicker__navigation,
    .standard-popup-modal-body .react-datepicker__navigation {
        border: 0.45rem solid transparent!important;
        top: 1em !important;
        padding: 0 0.06em !important;
    }
    .history-control-panel .react-datepicker__navigation--previous,
    .reg-form-container .react-datepicker__navigation--previous,
    .m-bonus-container .react-datepicker__navigation--previous,
    .react-datepicker-popper .react-datepicker__navigation--previous,
    .standard-popup-modal-body .react-datepicker__navigation--previous {
        border-right-color: #00eaff !important;
    }
    .history-control-panel .react-datepicker__navigation--next,
    .reg-form-container .react-datepicker__navigation--next,
    .m-bonus-container .react-datepicker__navigation--next,
    .react-datepicker-popper .react-datepicker__navigation--next,
    .standard-popup-modal-body .react-datepicker__navigation--next {
        border-left-color: #00eaff !important;
    }
    .react-datepicker .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
        right: 1.5rem !important;
    }
    .react-datepicker__month .react-datepicker__month-text,
    .react-datepicker__month .react-datepicker__quarter-text {
        width: 3rem !important;
        margin: 0.02rem 0 !important;
        padding: 0.21rem 0 !important;
    }
}

.share-modal-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
}

.share-modal-container .share-modal {
    height: 7.2rem;
    width: 66%;
    margin: auto;
    padding: 0.2rem;
    border-radius: 0.1rem;
    background-color: #fff;
}

.share-modal-container .share-modal .md-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
    padding: 0.6rem;
}

.share-modal-container .share-modal .md-title span {
    margin-left: auto;
}

.share-modal-container .share-modal .social-media-container {
    padding: 0 0.5rem;
}

.share-modal-container .share-modal .social-media-container button {
    width: 1.2rem;
    margin: 0.3rem 0.24rem !important;
    background-color: transparent;
}

.share-modal-container .share-modal .social-media-container button svg {
    width: 80%;
}

.share-modal-container .share-modal .social-media-container button span {
    font-size: 0.5rem;
}

.progressBar-container {
    width: 100%;
    height: 100%;
    background-color: #d0d0d0;
    border-radius: 0.3rem;
    border: 0.01rem solid #edfa00;
}

.progressBar-container .progress {
    height: 100%;
    background: linear-gradient(#0c426d, #00eaff);
    border-radius: 0.3rem;
}

.banner-bottom-border {
    border-bottom: 0.1rem solid #666;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.margin-left-5rem {
    margin-left: 0.5rem !important;
}

.videoContent {
    width: 100%;
    height: 100%;
    margin: undefined;
    color: undefined;
    background: undefined;
    padding: undefined;
    border-radius: undefined;
}

.brand-loading img {
    animation: flipping 2s ease-in-out infinite;
    animation-direction: alternate;
}

@keyframes flipping {
    from {
        transform: perspective(4rem) scaleX(1);
    }
    to {
        transform: perspective(4rem) scaleX(-1);
    }
}

@media (max-width: 575px) {
    .brand-loading .loading img {
        max-width: 5rem;
    }
}

range-slider {
    --element-height: 0.24rem;
    --track-height: 0.03rem;
    --thumb-size: 0.16rem;
    position: relative;
    display: flex;
    align-items: center;
    height: var(--element-height);
    width: 100%;
    min-width: 1.3rem;
    margin: 0.02rem;
    overflow: visible;
    cursor: pointer;
    touch-action: none;
}

range-slider:focus {
    outline: 0;
}

range-slider[disabled] {
    filter: grayscale(1);
    opacity: 0.8;
}

range-slider:before {
    content: '';
    display: block;
    width: 100%;
    height: var(--track-height);
    border-radius: calc(var(--track-height) / 2);
    background: linear-gradient(#6221ea, #6221ea) 0 / var(--value-percent, 0) 100% no-repeat #c6afe5;
}

range-slider:focus .thumb {
    box-shadow: 0 0 0 0.3em rgba(98, 33, 234, 0.2);
}

range-slider.touch-active .thumb-wrapper .thumb {
    box-shadow: none;
    transform: scale(1.5);
}

.thumb {
    background: #6221ea;
    border-radius: 50%;
    width: var(--thumb-size);
    height: var(--thumb-size);
    position: absolute;
    bottom: calc(var(--element-height) / 2 - var(--thumb-size) / 2);
    left: var(--value-percent, 0);
    margin-left: calc(var(--thumb-size) / 2 * -1);
    transition: transform 0.2s ease;
    will-change: transform;
    pointer-events: none;
}

.thumb-wrapper {
    position: absolute;
    left: calc(var(--thumb-size) / 2);
    right: calc(var(--thumb-size) / 2);
    bottom: 0;
    height: 0;
    overflow: visible;
}

label {
    color: undefined;
}

button {
    color: #fff;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #00eaff !important;
}

.text-primary-light {
    color: #fff !important;
}

.text-primary-dark {
    color: #4a3917 !important;
}

.text-secondary {
    color: #edfa00 !important;
}

.text-secondary-light {
    color: #fff !important;
}

.text-secondary-dark {
    color: #fff !important;
}

.text-success {
    color: #28db00 !important;
}

.text-info {
    color: #00eaff !important;
}

.text-warning {
    color: #dd5600 !important;
}

.text-danger {
    color: REd !important;
}

.text-black {
    color: #1a1a1a !important;
}

.text-dark {
    color: #181818 !important;
}

.text-light-gray {
    color: #ccc !important;
}

.text-gray {
    color: #7a7d7c !important;
}

.text-dark-gray {
    color: #00eaff !important;
}

.text-dark-1 {
    color: #212121 !important;
}

.text-light {
    color: #e3e3e3 !important;
}

.text-light-more {
    color: #e0e0e0 !important;
}

.bg-primary {
    background-color: #00eaff !important;
}

.bg-primary-light {
    background-color: #fff !important;
}

.bg-primary-dark {
    background-color: #4a3917 !important;
}

.bg-secondary {
    background-color: #edfa00 !important;
}

.bg-success {
    background-color: #28db00 !important;
}

.bg-info {
    background-color: #00eaff !important;
}

.bg-warning {
    background-color: #dd5600 !important;
}

.bg-danger {
    background-color: REd !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-light {
    background-color: #e3e3e3 !important;
}

.bg-light-more {
    background-color: #e0e0e0 !important;
}

.bg-lightest {
    background-color: #909091 !important;
}

.bg-dark {
    background-color: #181818 !important;
}

.bg-light-gray {
    background-color: #ccc !important;
}

.bg-gray {
    background-color: #7a7d7c !important;
}

.bg-dark-gray {
    background-color: #00eaff !important;
}

.bg-dark-1 {
    background-color: #212121 !important;
}

.bg-dark-2 {
    background-color: #1c1c1c !important;
}

.bg-black {
    background-color: #1a1a1a !important;
}

.bg-product-cyan {
    background-color: #24b5da !important;
}

.bg-product-blue {
    background-color: #2464da !important;
}

.bg-transparent {
    background: 0 0 !important;
}

.bg-dark-home {
    background: #1a1a1a;
}

.bg-gradient-home {
    background: #1b1b1b;
    background: -moz-linear-gradient(180deg, #1b1b1b 0%, #fff4e0 100%);
    background: -webkit-linear-gradient(180deg, #1b1b1b 0%, #fff4e0 100%);
    background: linear-gradient(180deg, #020202 0%, #4a3d24 40%, #111111 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1b", endColorstr="#fff4e0", GradientType=1);
}

.gradient-bg-dark {
    background: linear-gradient(to bottom, #1a1a1a, #151719);
}

#gradient-contact {
    --color-stop-1: $primary-color;
    --color-stop-2: $primary-color-light;
}

.icon-contact {
    fill: #fff;
}

.border-white {
    border-color: #fff !important;
}

.border-primary {
    border-color: #00eaff !important;
}

.border-secondary {
    border-color: #edfa00 !important;
}

.border-success {
    border-color: #28db00 !important;
}

.border-info {
    border-color: #00eaff !important;
}

.border-warning {
    border-color: #dd5600 !important;
}

.border-danger {
    border-color: REd !important;
}

.border-light {
    border-color: #e3e3e3 !important;
}

.border-black {
    border-color: #1a1a1a !important;
}

.border-light-gray {
    border-color: #ccc !important;
}

.border-body {
    border-color: #7a7d7c !important;
}

.border-transparent {
    border-color: none !important;
}

.opacity-01 {
    opacity: 0.01 !important;
}

.opacity-02 {
    opacity: 0.02 !important;
}

.opacity-03 {
    opacity: 0.03 !important;
}

.opacity-04 {
    opacity: 0.04 !important;
}

.opacity-05 {
    opacity: 0.05 !important;
}

.opacity-06 {
    opacity: 0.06 !important;
}

.opacity-07 {
    opacity: 0.07 !important;
}

.opacity-08 {
    opacity: 0.08 !important;
}

.opacity-09 {
    opacity: 0.09 !important;
}

.opacity-1 {
    opacity: 0.1 !important;
}

.opacity-15 {
    opacity: 0.15 !important;
}

.opacity-2 {
    opacity: 0.2 !important;
}

.opacity-3 {
    opacity: 0.3 !important;
}

.opacity-4 {
    opacity: 0.4 !important;
}

.opacity-5 {
    opacity: 0.5 !important;
}

.opacity-6 {
    opacity: 0.6 !important;
}

.opacity-7 {
    opacity: 0.7 !important;
}

.opacity-8 {
    opacity: 0.8 !important;
}

.opacity-9 {
    opacity: 0.9 !important;
}

.opacity-10 {
    opacity: 1 !important;
}

.filter-grayscale-5 {
    filter: grayscale(5%) !important;
}

.filter-grayscale-10 {
    filter: grayscale(10%) !important;
}

.filter-grayscale-20 {
    filter: grayscale(20%) !important;
}

.filter-grayscale-30 {
    filter: grayscale(30%) !important;
}

.filter-grayscale-40 {
    filter: grayscale(40%) !important;
}

.filter-grayscale-50 {
    filter: grayscale(50%) !important;
}

.filter-grayscale-80 {
    filter: grayscale(80%) !important;
}

.filter-grayscale-100 {
    filter: grayscale(100%) !important;
}

.icon-cyan {
    fill: #24b5da;
}

.icon-black {
    fill: #1a1a1a;
}

.icon-gray {
    fill: #7a7d7c;
}

.icon-light {
    fill: #00eaff;
}

.icon-light-more {
    fill: #e0e0e0;
}

.icon-primary {
    fill: #e3e3e3;
}

.icon-primary-light {
    fill: #fff;
}

.icon-primary-extra-light {
    fill: #aaa;
}

.icon-secondary {
    fill: #edfa00;
}

.icon-secondary-darkest {
    fill: #fff;
}

.icon-dark {
    fill: #181818;
}

.icon-white {
    fill: #fff;
}

.icon-light-gray {
    fill: #ccc;
}

.icon-gray {
    fill: #7a7d7c;
}

.icon-dark-gray {
    fill: #00eaff;
}

.icon-success {
    fill: #28db00;
}

.icon-warning {
    fill: #dd5600;
}

.icon-danger {
    fill: REd;
    color: REd;
}

.icon-blue {
    fill: #00eaff;
}

.icon-ios-tab {
    fill: #7a7d7c;
}

.icon-android-tab {
    fill: #85c808;
}

.icon-android {
    fill: #4caf50;
}

.icon-ftrline {
    fill: #00b900;
}

.react-dropdown-select-item-selected {
    background: #909091 !important;
    color: #1a1a1a !important;
}

@font-face {
    font-family: montserrat;
    src: url(/assets/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
    font-family: sf-pro-display-medium;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Medium.otf);
}

@font-face {
    font-family: sf-pro-display-regular;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Regular.otf);
}

@font-face {
    font-family: sf-pro-display-semibold;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Semibold.otf);
}

@font-face {
    font-family: sf-pro-display-heavy;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Heavy.otf);
}

@font-face {
    font-family: helveticaneue-roman;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff) format('woff'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: helveticaneue-medium;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.woff) format('woff'), url(/assets/fonts/HelticaNeue/HelveticaNeueCyr-Medium.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format('woff'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format('woff2'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format('woff'), url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: din-regular;
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot);
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/DIN-Regular/DIN-Regular.woff2) format('woff2'), url(/assets/fonts/DIN-Regular/DIN-Regular.woff) format('woff'), url(/assets/fonts/DIN-Regular/DIN-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: siemreap;
    src: url(/assets/fonts/Siemreap/Siemreap.eot);
    src: url(/assets/fonts/Siemreap/Siemreap.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Siemreap/Siemreap.woff2) format('woff2'), url(/assets/fonts/Siemreap/Siemreap.woff) format('woff'), url(/assets/fonts/Siemreap/Siemreap.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: marsekdemi;
    src: url('/assets/fonts/Marsek Demi/MarsekDemi.eot');
    src: url('/assets/fonts/Marsek Demi/MarsekDemi.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Marsek Demi/MarsekDemi.woff2') format('woff2'), url('/assets/fonts/Marsek Demi/MarsekDemi.woff') format('woff'), url('/assets/fonts/Marsek Demi/Marsek-Demi.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: mitrregular;
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot);
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff2) format('woff2'), url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff) format('woff'), url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: cordia;
    src: url(/assets/fonts/cordia/cordia-webfont.eot);
    src: url(/assets/fonts/cordia/cordia-webfont.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/cordia/cordia-webfont.woff2) format('woff2'), url(/assets/fonts/cordia/cordia-webfont.woff) format('woff'), url(/assets/fonts/cordia/cordia-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: arial-medium;
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot);
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Arial-Medium/Arial-Medium.woff2) format('woff2'), url(/assets/fonts/Arial-Medium/Arial-Medium.woff) format('woff'), url(/assets/fonts/Arial-Medium/Arial-Medium.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: arial-bold;
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot);
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Arial-Bold/Arial-Bold.woff2) format('woff2'), url(/assets/fonts/Arial-Bold/Arial-Bold.woff) format('woff'), url(/assets/fonts/Arial-Bold/Arial-Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: supermarket;
    src: url(/assets/fonts/supermarket/supermarket.eot);
    src: url(/assets/fonts/supermarket/supermarket.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/supermarket/supermarket.woff2) format('woff2'), url(/assets/fonts/supermarket/supermarket.woff) format('woff'), url(/assets/fonts/supermarket/supermarket.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: avenir;
    src: url(/assets/fonts/Avenir/AvenirNextLTPro-Bold.otf) format('opentype');
}

@font-face {
    font-family: supermarket;
    src: url(/assets/font/);
}

@font-face {
    font-family: futura-heavy-bt;
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot);
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff2) format('woff2'), url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff) format('woff'), url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helvetica-bold;
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot);
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff2) format('woff2'), url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff) format('woff'), url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunitosans-semibold;
    src: url(/assets/fonts/HNunitoSans-SemiBold/NunitoSans-SemiBold.eot);
    src: url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff2) format('woff2'), url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff) format('woff'), url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helvetica-regular;
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot);
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff2) format('woff2'), url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff) format('woff'), url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: montserrat-regular;
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot);
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff2) format('woff2'), url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff) format('woff'), url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: impact;
    src: url(/assets/fonts/Impact/Impact.eot);
    src: url(/assets/fonts/Impact/Impact.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Impact/Impact.woff2) format('woff2'), url(/assets/fonts/Impact/Impact.woff) format('woff'), url(/assets/fonts/Impact/Impact.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: milford;
    src: url(/assets/fonts/MilFord/MilFord.eot);
    src: url(/assets/fonts/MilFord/MilFord.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/MilFord/MilFord.woff2) format('woff2'), url(/assets/fonts/MilFord/MilFord.woff) format('woff'), url(/assets/fonts/MilFord/MilFord.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: tahoma;
    src: url(/assets/fonts/Tahoma/Tahoma.eot);
    src: url(/assets/fonts/Tahoma/Tahoma.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Tahoma/Tahoma.woff2) format('woff2'), url(/assets/fonts/Tahoma/Tahoma.woff) format('woff'), url(/assets/fonts/Tahoma/Tahoma.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: itc avant garde;
    src: url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot');
    src: url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff2') format('woff2'), url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff') format('woff'), url('/assets/fonts/ITC Avant Garde/ITC Avant Garde.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: dengxian;
    src: url(/assets/fonts/DengXian/DengXian.eot);
    src: url(/assets/fonts/DengXian/DengXian.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/DengXian/DengXian.woff2) format('woff2'), url(/assets/fonts/DengXian/DengXian.woff) format('woff'), url(/assets/fonts/DengXian/DengXian.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: adobe heiti std;
    src: url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot');
    src: url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff2') format('woff2'), url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff') format('woff'), url('/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: reiji cloud;
    src: url('/assets/fonts/Reiji Cloud/Reiji Cloud.eot');
    src: url('/assets/fonts/Reiji Cloud/Reiji Cloud.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Reiji Cloud/Reiji Cloud.woff2') format('woff2'), url('/assets/fonts/Reiji Cloud/Reiji Cloud.woff') format('woff'), url('/assets/fonts/Reiji Cloud/Reiji Cloud.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: trueno;
    src: url(/assets/fonts/Trueno/Trueno.eot);
    src: url(/assets/fonts/Trueno/Trueno.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Trueno/Trueno.woff2) format('woff2'), url(/assets/fonts/Trueno/Trueno.woff) format('woff'), url(/assets/fonts/Trueno/Trueno.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: helvetica;
    src: url(/assets/fonts/Helvetica/Helvetica.eot);
    src: url(/assets/fonts/Helvetica/Helvetica.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Helvetica/Helvetica.woff2) format('woff2'), url(/assets/fonts/Helvetica/Helvetica.woff) format('woff'), url(/assets/fonts/Helvetica/Helvetica.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: bebasneue;
    src: url(/assets/fonts/BebasNeue/BebasNeue-Regular.ttf) format('truetype');
}

@font-face {
    font-family: prompt;
    src: url(/assets/fonts/Prompt/Prompt-Regular.ttf) format('truetype');
}

@font-face {
    font-family: nunito-sans;
    src: url(/assets/fonts/Nunito-Sans/NunitoSans-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: nunitosans-black;
    src: url(/assets/fonts/NunitoSans-Black/NunitoSans-Black.ttf) format('truetype');
}

@font-face {
    font-family: nunitosans-bold;
    src: url(/assets/fonts/NunitoSans-Bold/NunitoSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: nunitosans-regular;
    src: url(/assets/fonts/NunitoSans-Regular/NunitoSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-regular;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-Regular.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-bold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-Bold.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-semibold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-Semibold.ttf) format('truetype');
}

@font-face {
    font-family: avertastd-extrabold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff2) format('woff2'), url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff) format('woff'), url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-regular;
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot);
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-medium;
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot);
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-bold;
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot);
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-italic;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.ttf) format('truetype');
}

@font-face {
    font-family: plusjakartasans-light;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PPlusJakartaSans-Light.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff2) format('woff2'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff) format('woff'), url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.ttf) format('truetype');
}

@font-face {
    font-family: montserrat-semibold;
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot);
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff2) format('woff2'), url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff) format('woff'), url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: content-regular;
    src: url(/assets/fonts/Content/Content-Regular.ttf);
    src: url(/assets/fonts/Content/Content-Regular.ttf) format('truetype');
}

@font-face {
    font-family: content-bold;
    src: url(/assets/fonts/Content/Content-Bold.ttf);
    src: url(/assets/fonts/Content/Content-Bold.ttf) format('truetype');
}

@font-face {
    font-family: battambang-black;
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf) format('truetype');
}

@font-face {
    font-family: battambang-light;
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf) format('truetype');
}

.page-title {
    font-family: opensans-regular, sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    margin: 0.1rem 0;
}

.sub-title {
    font-family: opensans-regular, sans-serif;
}

.font-weight-bold {
    font-weight: 700;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-normal {
    font-family: opensans-regular, sans-serif;
}

.font-weight-light {
    font-weight: 300;
}

button {
    -webkit-appearance: unset;
    font-family: arial, 黑体, 'sans-serif';
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: pointer;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    border-image: initial;
    border-radius: unset;
}

button:lang(km) {
    font-family: arial, 黑体, 'sans-serif';
}

.button,
.line-btn {
    text-shadow: 0 0.01rem 0 transparent;
}

.line-btn {
    color: #ba9a5b;
    background: linear-gradient(to bottom, #16bc04, #109102);
    text-transform: uppercase;
    border-radius: 0 !important;
    font-family: arial, 黑体, 'sans-serif' !important;
    min-width: 1.09rem;
    height: 0.34rem !important;
    margin-left: 0.05rem !important;
    font-size: 1em;
    white-space: nowrap;
}

.line-btn .line-icon {
    opacity: 0.6 !important;
    width: 0.2rem !important;
    fill: inherit;
}

.delete-btn {
    padding: 0.05rem 0.1rem;
    font-family: arial, 黑体, 'sans-serif';
}

.delete-btn span {
    color: REd;
}

.restore-btn {
    background: #e3e3e3;
    background: -moz-linear-gradient( 0deg, rgba(227, 227, 227, 0.5) 0%, rgba(224, 224, 224, 0.2) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(227, 227, 227, 0.5) 0%, rgba(224, 224, 224, 0.2) 100%);
    background: linear-gradient( 0deg, rgba(227, 227, 227, 0.5) 0%, rgba(224, 224, 224, 0.2) 100%);
    border: 0.01rem solid #7a7d7c;
    border-radius: 0.03rem;
    font-size: 0.875em;
    color: #7a7d7c;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 0.01rem;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: inline-block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 0.01rem solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url(/assets/fonts/slick/ajax-loader.gif) center center no-repeat;
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(/assets/fonts/slick/slick.eot);
    src: url(/assets/fonts/slick/slick.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/slick/slick.woff) format('woff'), url(/assets/fonts/slick/slick.ttf) format('truetype'), url(/assets/fonts/slick/slick.svg#slick) format('svg');
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: 0 0;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: 0 0;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: slick;
    font-size: 0.2rem;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -0.25rem;
}

[dir='rtl'] .slick-prev {
    right: -0.25rem;
    left: auto;
}

.slick-prev:before {
    content: '←';
    background: undefined;
    width: undefined;
    height: undefined;
    background-size: undefined;
    position: undefined;
    top: undefined;
    right: undefined;
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -0.25rem;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -0.25rem;
}

.slick-next:before {
    content: '→';
    background: undefined;
    width: undefined;
    height: undefined;
    background-size: undefined;
    position: undefined;
    top: undefined;
    right: undefined;
    left: undefined;
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

.slick-dotted.slick-slider {
    margin-bottom: 0.3rem;
}

.slick-dots {
    position: absolute;
    bottom: -0.25rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.05rem;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    padding: 0.05rem;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: 0 0;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 0.06rem;
    line-height: 0.2rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 0.2rem;
    height: 0.2rem;
    content: '•';
    text-align: center;
    opacity: 0.8rem;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    width: 0.2rem;
    opacity: 0.75;
    color: #000;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, 0) !important;
}

.modal-login-content {
    display: flex;
    justify-content: center;
    padding: 0.15rem;
    height: auto;
    width: 100%;
}

.modal-dialog {
    width: 70%;
    height: 100vh;
    margin: 0 auto;
    padding: 0.3rem;
    background: 0 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-dialog.modal-lg.h-auto.annoucement-modal-dialog {
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}

.annoucement-modal-dialog {
    margin-top: 0 !important;
}

.modal {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
    background: #000;
    background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.204919) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.204919) 100%);
    background: linear-gradient( 0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.204919) 100%);
}

.modal-show {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, 0) !important;
}

.modal-dialog {
    width: 70%;
    height: 100vh;
    margin: 0 auto;
    padding: 0.3rem;
    background: 0 0 !important;
}

.modal-dialog.modal-lg.h-auto.annoucement-modal-dialog {
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}

.annoucement-modal-dialog {
    margin-top: 0 !important;
}

.modal-content {
    border-radius: 0;
    border: 0.01rem solid transparent;
    background: linear-gradient(#0c426d, #00eaff);
    padding: 0.02rem;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    outline: 0;
}

.modal-content .primary-btn {
    background: linear-gradient(#0c426d, #00eaff);
    font-family: helveticaneue-roman, 'sans-serif', 黑体;
    padding: 0.1rem 0.3rem;
    width: 50%;
}

.modal-content .primary-btn span {
    font-size: 0.08rem;
}

.modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 0.01rem solid transparent;
    color: #232426;
    background: -moz-linear-gradient(0deg, #160f07 0%, #150e06 100%);
    background: -webkit-linear-gradient(0deg, #160f07 0%, #150e06 100%);
    background: rgba(33, 33, 33, 0.9);
    padding: 0.2rem;
}

.modal-footer {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #232426;
    background: -moz-linear-gradient(0deg, #160f07 0%, #150e06 100%);
    background: -webkit-linear-gradient(0deg, #160f07 0%, #150e06 100%);
    background: rgba(33, 33, 33, 0.9);
    padding: 0.3rem;
}

.modal-footer .modal-ok-btn {
    font-size: 0.2rem;
}

.modal-footer .modal-ok-btn span {
    font-size: 0.2rem;
}

.modal-footer>* {
    margin: 0;
}

.modalContent-bg {
    background: -moz-linear-gradient(0deg, #160f07 0%, #150e06 100%);
    background: -webkit-linear-gradient(0deg, #160f07 0%, #150e06 100%);
    background: rgba(33, 33, 33, 0.9);
}

.modalSub-text {
    color: #fff;
}

.modalSub-content {
    color: #e0e0e0;
}

.modalSub-bg {
    background: -moz-linear-gradient(0deg, #160f07 0%, #150e06 100%);
    background: -webkit-linear-gradient(0deg, #160f07 0%, #150e06 100%);
    background: rgba(33, 33, 33, 0.9);
}

.modal-body {
    position: relative;
    text-align: left;
    width: 100%;
    overflow-y: auto;
    color: #e0e0e0;
    background: rgba(33, 33, 33, 0.9);
    padding: 0.2rem 0.15rem;
    font-family: helveticaneue-medium, 黑体, 'sans-serif';
}

.modalTitle-bg {
    background: #fff;
}

.modal-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    width: 100%;
    color: #00eaff;
    background-color: transparent;
    fill: #00eaff !important;
    font-family: helveticaneue-medium, 黑体, sans-serif;
    font-size: 0.25rem;
}

.modal-full {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
}

.modal-full .modal-content {
    height: 100vh;
    width: 100vw;
    background: 0 0;
    padding: 0;
}

.modal-full .modal-content .modal-body {
    padding: 0;
}

.annoucement-modal-dialog .modal-content {
    max-width: 6rem;
}

.modal-lg {
    max-width: uset;
    border-radius: uset;
}

.modal-lg .modal-content {
    height: 80%;
}

.modal-window .background-overlay {
    background: 0 0 !important;
    background-color: none !important;
}

.modal-window .modal-lg {
    height: auto;
    padding: 0.04rem !important;
    background: linear-gradient(180deg, #c29248 0%, #3f2b10 100%);
}

.modal-window .modal-lg .modal-header {
    height: 1.35rem;
}

.modal-window .modal-lg .modal-footer {
    padding: 0.16rem 0 0 !important;
    height: 0.62rem !important;
}

.modal-window .modal-lg .modal-footer .qkTransfer-close {
    background-color: #150e06;
}

.modal-md {
    min-height: 45vh;
    width: 70%;
    max-width: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    padding: 0.02rem !important;
    border-radius: 0;
    background: linear-gradient(to bottom, #00eaff, #7f602a);
    backface-visibility: hidden;
}

.modal-sm {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    padding: 0.02rem !important;
    background: linear-gradient(to bottom, #00eaff, #7f602a);
    border-radius: 0;
}

.modal-sm .modal-content {
    width: 30vw;
}

.modal-promo {
    width: 80vw;
    margin: 0.1rem auto;
    padding: 0 !important;
}

.modal-promo .modal-content {
    min-height: 100%;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 5rem;
    }
}

@media (max-width: 768px) {
     ::-webkit-scrollbar {
        visibility: hidden;
        display: none;
    }
     ::-webkit-scrollbar-track {
        visibility: hidden;
        display: none;
    }
     ::-webkit-scrollbar-thumb {
        visibility: hidden;
        display: none;
    }
}

@media (max-width: 768px) {
    .modal-dialog {
        min-width: 95vw;
        max-width: 100vw;
    }
    .modal-promo {
        height: 100vh;
        width: 100vw !important;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: auto;
        padding: 0 !important;
    }
    .modal-promo .modal-content .detail-modal-body {
        height: 92vh;
        overflow-y: scroll;
    }
    .promo-header {
        height: 8vh;
        align-items: center;
    }
    .modal-md {
        height: 75vh;
        width: 85%;
    }
    .modal-sm {
        max-height: 100vh;
        width: 85%;
    }
    .modal-sm .modal-content {
        min-height: 20%;
        width: 80vw;
    }
}

.modal-backdrop.fade.show {
    overflow: hidden;
}

.custom-modal-overlay .login-modal .login-footer {
    margin-top: 0.3rem;
    display: flex;
    justify-content: center;
}

.select {
    position: relative;
    overflow: hidden;
    display: block;
    margin: auto;
    width: 100%;
    max-height: 20vw;
    overflow: auto;
    border-bottom: 0;
    border-radius: 0.03rem;
    font-size: 0.12rem;
    box-shadow: 0 1em 2em -1.5em rgba(0, 0, 0, 0.5);
}

.select>i.toggle {
    position: absolute;
    z-index: 4;
    right: 1.5em;
    top: 1.6em;
    color: #ccc;
}

.select .title,
.select .placeholder {
    position: relative;
    display: block;
    width: 100%;
    height: 0.5rem;
    background: #36322c;
    border-top: 0.01rem solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.select>input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    cursor: pointer;
}

.select>input:checked~i.toggle.icon-arrow-down {
    display: none;
}

.select>input:checked~i.toggle.icon-arrow-up {
    display: block;
}

.select>input:checked div.options label.option .title {
    display: none !important;
}

.select>input:not(:checked) {
    z-index: 4;
}

.select>input:not(:checked)~label.option>span.title {
    display: none;
}

.select>input:not(:checked)~i.toggle.icon-arrow-up {
    display: none;
}

.select>input:not(:checked)~i.toggle.icon-arrow-down {
    display: block;
}

.select>input:disabled {
    cursor: no-drop;
}

.select>span.placeholder {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    padding: 0.1rem;
    width: 100%;
    color: #999;
    border-top: 0;
}

.select label.option {
    display: block;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    transition: all 1s ease-out;
    margin: 0;
}

.select label.option span.title {
    position: relative;
    z-index: 2;
    transition: background 0.3s ease-out;
    padding: 0 0.1rem;
}

.select label.option span.title i.icon {
    padding-right: 0.08rem;
    color: #92a8d1;
}

.select label.option span.title:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0.01rem 0 rgba(0, 0, 0, 0.1);
}

.select label.option input {
    display: none;
}

.select label.option input:checked~span.title {
    position: absolute;
    display: block;
    z-index: 3;
    top: 0;
    font-size: 0.12rem;
    background: #36322c;
    border-top: 0;
    box-shadow: none;
    color: inherit;
    width: 100%;
}

.promotion-Trans-form-container {
    text-align: left;
}

.promotion-Trans-form-container .quicklabel-amount {
    display: block;
}

.promotion-Trans-form-container svg {
    width: 0.32rem;
}

.promotion-Trans-form-container .promoTrans-provider-area {
    padding: 0.34rem 0 0.26rem;
}

.promotion-Trans-form-container .promoTrans-provider-area .promoTrans-provider-select {
    width: 100%;
}

.promotion-Trans-form-container .promoTrans-provider-area button {
    width: 50%;
    margin-left: 0.08rem;
}

.promotion-Trans-form-container .promotion-Trans-title {
    justify-content: space-between;
}

.promotion-Trans-form-container .promotion-Trans-title .close-btn {
    padding: 0.05rem;
}

.provider-amount,
.turnover,
.bonus {
    display: flex;
    justify-content: space-between;
}

.add-bank-footer {
    padding: 0.22rem 0 0.05rem;
}

.add-bank-footer .primary-btn {
    width: 100%;
}

.tarsfer_allin {
    height: 0.4rem;
    width: 1.46rem;
    background: 0 0;
    border: 0.01rem solid #00eaff;
    border-image: linear-gradient(#0c426d, #00eaff) 1;
}

.custom-transfer-dialog .mainWalletContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
}

.custom-transfer-dialog .mainWalletDetail {
    text-align: center;
    display: flex;
    align-items: center;
}

.custom-transfer-dialog .mainWalletDetail .mainWallet {
    margin-right: 0.24rem;
}

.custom-transfer-dialog .transfer-amount input {
    background: #36322c;
}

.custom-transfer-dialog .transfer-amount .quicklabel-amount::after {
    color: red;
    content: '\002A';
    margin-left: 0.04rem;
}

.custom-transfer-dialog .transfer-amount .transfer-range input {
    width: 100%;
}

.transfer-range {
    width: 100%;
    margin: 0.3rem 0 0.35rem;
}

.range {
    -webkit-appearance: none;
    height: 0.06rem;
    outline: none;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    padding: unset;
}

.range:hover {
    opacity: 1;
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 0.4rem;
    height: 0.16rem;
    background: linear-gradient(180deg, #ceb286 0%, #896518 100%);
    border-radius: 0.1rem;
    cursor: pointer;
}

.range::-moz-range-thumb {
    width: 0.4rem;
    height: 0.16rem;
    border-radius: 0.1rem;
    background: linear-gradient(180deg, #ceb286 0%, #896518 100%);
    cursor: pointer;
}

.m-promo-container .promotion-Trans-modal .mainWalletContainer {
    margin-bottom: 0.6rem;
}

.m-promo-container .promotion-Trans-modal .mainWalletContainer .mainWalletDetail .mainWallet {
    line-height: 1.2;
    margin-right: 0.4rem;
}

.m-promo-container .promotion-Trans-modal .mainWalletContainer .mainWalletDetail .mainWallet label {
    font-size: 0.4rem;
}

.m-promo-container .promotion-Trans-modal .mainWalletContainer .mainWalletDetail svg {
    width: 0.55rem;
}

.m-promo-container .promotion-Trans-modal .mainWalletContainer .tarsfer_allin {
    font-size: 0.4rem;
    height: 1rem;
    width: 3.65rem;
}

.m-promo-container .promoTrans-provider-area {
    padding: 0.65rem 0 0.35rem;
}

.m-promo-container .select {
    max-height: 40vw;
}

.m-promo-container .select .title,
.m-promo-container .select .placeholder {
    height: 1.1rem;
}

.m-promo-container .select>input {
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
}

.m-promo-container .select>input:checked~i.toggle.icon-arrow-down {
    display: none;
}

.m-promo-container .select>input:checked~i.toggle.icon-arrow-up {
    display: block;
}

.m-promo-container .select>input:checked div.options label.option .title {
    display: none !important;
}

.m-promo-container .select>input:not(:checked) {
    z-index: 4;
}

.m-promo-container .select>input:not(:checked)~label.option>span.title {
    display: none;
}

.m-promo-container .select>input:not(:checked)~i.toggle.icon-arrow-up {
    display: none;
}

.m-promo-container .select>input:not(:checked)~i.toggle.icon-arrow-down {
    display: block;
}

.m-promo-container .select>input:disabled {
    cursor: no-drop;
}

.m-promo-container .select>span.placeholder {
    padding: 0.05rem 0.3rem;
    font-size: 14px;
}

.m-promo-container .select label.option {
    display: block;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    margin: 0;
}

.m-promo-container .select label.option span.title {
    position: relative;
    z-index: 2;
    transition: background 0.3s ease-out;
    padding: 0 0.1rem;
}

.m-promo-container .select label.option span.title i.icon {
    padding-right: 0.08rem;
    color: #92a8d1;
}

.m-promo-container .select label.option span.title div.provider-container img {
    width: 1.1rem;
    margin-right: 0.14rem;
}

.m-promo-container .select label.option input {
    display: none;
}

.m-promo-container .select label.option input:checked~span.title {
    position: absolute;
    display: block;
    z-index: 3;
    font-size: 0.4rem;
}

.m-promo-container .transfer-range {
    margin: 0.6rem 0 0.8rem;
}

.m-promo-container .transfer-range .range {
    height: 0.1rem;
}

.m-promo-container .transfer-range .range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 0.75rem;
    height: 0.32rem;
    background: linear-gradient(180deg, #ceb286 0%, #896518 100%);
    border-radius: 0.14rem;
    cursor: pointer;
}

.m-promo-container .transfer-range .range::-moz-range-thumb {
    width: 0.75rem;
    height: 0.32rem;
    border-radius: 0.14rem;
    background: linear-gradient(180deg, #ceb286 0%, #896518 100%);
    cursor: pointer;
}

.annoucement-bar {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.annoucement-bar .left-block {
    height: 100%;
    position: absolute;
    width: 4%;
    z-index: 9;
    left: 0;
}

.annoucement-bar .right-block {
    height: 100%;
    position: absolute;
    width: 4%;
    z-index: 9;
    right: 0;
}

.announcement-content-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    margin: 0;
    padding: unset;
}

.announcement-content-container .msg-enter,
.announcement-content-container .msg-exit {
    transform: translateX(-100%) translateZ(0);
}

.announcement-content-container .msg-enter-active,
.announcement-content-container .msg-exit-active {
    transform: translateX(100%) translateZ(0);
}

@keyframes noticeFade {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.annoucement-bar-component {
    height: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 11rem;
}

.annoucement-bar-component .left-block,
.annoucement-bar-component .right-block {
    height: 80%;
    position: absolute;
    width: 3.5%;
    z-index: 9;
}

.annoucement-bar-component .left-block svg,
.annoucement-bar-component .right-block svg {
    fill: #ddd;
}

.annoucement-bar-component .right-block {
    right: 0;
}

.annoucement-bar-component .left-block {
    left: 0;
    background: #02243f;
    display: flex;
    align-items: center;
    padding: 0 0.05rem;
    opacity: undefined;
}

.annoucement-bar-component .left-block .digit-icon {
    position: absolute;
    top: -0.02rem;
    left: 0;
    width: 0.15rem;
    height: 0.15rem;
    padding: 0.01rem;
    font-size: 0.12rem;
    border-radius: 0.2rem;
    background-color: #00eaff;
    color: whiTE;
    text-align: center;
}

.annoucement-bar-component .left-block svg {
    width: 70%;
    height: undefined;
    margin: unset;
    display: block;
}

.annoucement-bar-component .left-block img {
    width: 100%;
    min-width: 0.25rem;
    height: auto;
    max-width: 0.25rem;
}

.annoucement-bar-component .annoucement-moving {
    position: relative;
    display: flex;
    white-space: nowrap;
    z-index: 1;
    height: 0.25rem;
    align-items: center;
    margin: unset;
}

.annoucement-bar-component .annoucement-moving:hover {
    animation-play-state: paused;
}

.annoucement-bar-component .annoucement-moving .annoucement-text {
    z-index: 9;
}

.annoucement-bar-component:hover {
    cursor: undefined;
}

@keyframes movingText {
    0% {
        left: 14.4rem;
    }
    100% {
        left: -14.4rem;
    }
}

.announcementBarSection {
    background: #ffffff1a;
    margin: 0;
    width: 100%;
    position: inherit;
    display: block;
    justify-content: unset;
    opacity: undefined;
    box-shadow: undefined;
    border-radius: undefined;
    order: undefined;
}

.announcementBarSection .edge-image {
    height: 0.3rem;
}

.announcementBarSection .annoucement-bar-component {
    height: 0.3rem;
    margin: auto;
    padding: 0 0 0 0.3rem;
}

.announcementBarSection .annoucement-bar-component .left-block {
    background: 0 0;
    display: flex;
    opacity: undefined;
}

.announcementBarSection .annoucement-bar-component .left-block svg {
    fill: #ffffff4d;
    height: 56%;
}

.announcementBarSection::after {
    content: unset;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-top: 0.3rem solid #02243f;
    border-left: 0.25rem solid transparent;
    border-right: 0.25rem solid transparent;
    height: 0;
    width: 100% !important;
    border-image: undefined;
    clip-path: undefined;
}

label {
    color: undefined;
}

button {
    color: #fff;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #00eaff !important;
}

.text-primary-light {
    color: #fff !important;
}

.text-primary-dark {
    color: #4a3917 !important;
}

.text-secondary {
    color: #edfa00 !important;
}

.text-secondary-light {
    color: #fff !important;
}

.text-secondary-dark {
    color: #fff !important;
}

.text-success {
    color: #28db00 !important;
}

.text-info {
    color: #00eaff !important;
}

.text-warning {
    color: #dd5600 !important;
}

.text-danger {
    color: REd !important;
}

.text-black {
    color: #1a1a1a !important;
}

.text-dark {
    color: #181818 !important;
}

.text-light-gray {
    color: #ccc !important;
}

.text-gray {
    color: #7a7d7c !important;
}

.text-dark-gray {
    color: #00eaff !important;
}

.text-dark-1 {
    color: #212121 !important;
}

.text-light {
    color: #e3e3e3 !important;
}

.text-light-more {
    color: #e0e0e0 !important;
}

.bg-primary {
    background-color: #00eaff !important;
}

.bg-primary-light {
    background-color: #fff !important;
}

.bg-primary-dark {
    background-color: #4a3917 !important;
}

.bg-secondary {
    background-color: #edfa00 !important;
}

.bg-success {
    background-color: #28db00 !important;
}

.bg-info {
    background-color: #00eaff !important;
}

.bg-warning {
    background-color: #dd5600 !important;
}

.bg-danger {
    background-color: REd !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-light {
    background-color: #e3e3e3 !important;
}

.bg-light-more {
    background-color: #e0e0e0 !important;
}

.bg-lightest {
    background-color: #909091 !important;
}

.bg-dark {
    background-color: #181818 !important;
}

.bg-light-gray {
    background-color: #ccc !important;
}

.bg-gray {
    background-color: #7a7d7c !important;
}

.bg-dark-gray {
    background-color: #00eaff !important;
}

.bg-dark-1 {
    background-color: #212121 !important;
}

.bg-dark-2 {
    background-color: #1c1c1c !important;
}

.bg-black {
    background-color: #1a1a1a !important;
}

.bg-product-cyan {
    background-color: #24b5da !important;
}

.bg-product-blue {
    background-color: #2464da !important;
}

.bg-transparent {
    background: 0 0 !important;
}

.bg-dark-home {
    background: #1a1a1a;
}

.bg-gradient-home {
    background: #1b1b1b;
    background: -moz-linear-gradient(180deg, #1b1b1b 0%, #fff4e0 100%);
    background: -webkit-linear-gradient(180deg, #1b1b1b 0%, #fff4e0 100%);
    background: linear-gradient(180deg, #020202 0%, #4a3d24 40%, #111111 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1b", endColorstr="#fff4e0", GradientType=1);
}

.gradient-bg-dark {
    background: linear-gradient(to bottom, #1a1a1a, #151719);
}

#gradient-contact {
    --color-stop-1: $primary-color;
    --color-stop-2: $primary-color-light;
}

.icon-contact {
    fill: #fff;
}

.border-white {
    border-color: #fff !important;
}

.border-primary {
    border-color: #00eaff !important;
}

.border-secondary {
    border-color: #edfa00 !important;
}

.border-success {
    border-color: #28db00 !important;
}

.border-info {
    border-color: #00eaff !important;
}

.border-warning {
    border-color: #dd5600 !important;
}

.border-danger {
    border-color: REd !important;
}

.border-light {
    border-color: #e3e3e3 !important;
}

.border-black {
    border-color: #1a1a1a !important;
}

.border-light-gray {
    border-color: #ccc !important;
}

.border-body {
    border-color: #7a7d7c !important;
}

.border-transparent {
    border-color: none !important;
}

.opacity-01 {
    opacity: 0.01 !important;
}

.opacity-02 {
    opacity: 0.02 !important;
}

.opacity-03 {
    opacity: 0.03 !important;
}

.opacity-04 {
    opacity: 0.04 !important;
}

.opacity-05 {
    opacity: 0.05 !important;
}

.opacity-06 {
    opacity: 0.06 !important;
}

.opacity-07 {
    opacity: 0.07 !important;
}

.opacity-08 {
    opacity: 0.08 !important;
}

.opacity-09 {
    opacity: 0.09 !important;
}

.opacity-1 {
    opacity: 0.1 !important;
}

.opacity-15 {
    opacity: 0.15 !important;
}

.opacity-2 {
    opacity: 0.2 !important;
}

.opacity-3 {
    opacity: 0.3 !important;
}

.opacity-4 {
    opacity: 0.4 !important;
}

.opacity-5 {
    opacity: 0.5 !important;
}

.opacity-6 {
    opacity: 0.6 !important;
}

.opacity-7 {
    opacity: 0.7 !important;
}

.opacity-8 {
    opacity: 0.8 !important;
}

.opacity-9 {
    opacity: 0.9 !important;
}

.opacity-10 {
    opacity: 1 !important;
}

.filter-grayscale-5 {
    filter: grayscale(5%) !important;
}

.filter-grayscale-10 {
    filter: grayscale(10%) !important;
}

.filter-grayscale-20 {
    filter: grayscale(20%) !important;
}

.filter-grayscale-30 {
    filter: grayscale(30%) !important;
}

.filter-grayscale-40 {
    filter: grayscale(40%) !important;
}

.filter-grayscale-50 {
    filter: grayscale(50%) !important;
}

.filter-grayscale-80 {
    filter: grayscale(80%) !important;
}

.filter-grayscale-100 {
    filter: grayscale(100%) !important;
}

.icon-cyan {
    fill: #24b5da;
}

.icon-black {
    fill: #1a1a1a;
}

.icon-gray {
    fill: #7a7d7c;
}

.icon-light {
    fill: #00eaff;
}

.icon-light-more {
    fill: #e0e0e0;
}

.icon-primary {
    fill: #e3e3e3;
}

.icon-primary-light {
    fill: #fff;
}

.icon-primary-extra-light {
    fill: #aaa;
}

.icon-secondary {
    fill: #edfa00;
}

.icon-secondary-darkest {
    fill: #fff;
}

.icon-dark {
    fill: #181818;
}

.icon-white {
    fill: #fff;
}

.icon-light-gray {
    fill: #ccc;
}

.icon-gray {
    fill: #7a7d7c;
}

.icon-dark-gray {
    fill: #00eaff;
}

.icon-success {
    fill: #28db00;
}

.icon-warning {
    fill: #dd5600;
}

.icon-danger {
    fill: REd;
    color: REd;
}

.icon-blue {
    fill: #00eaff;
}

.icon-ios-tab {
    fill: #7a7d7c;
}

.icon-android-tab {
    fill: #85c808;
}

.icon-android {
    fill: #4caf50;
}

.icon-ftrline {
    fill: #00b900;
}

.react-dropdown-select-item-selected {
    background: #909091 !important;
    color: #1a1a1a !important;
}

.carouselSliderSection {
    text-align: center;
    background: #000;
}

.carouselSliderSection .slick-slider .slick-list {
    line-height: 0;
}

.carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container {
    position: absolute;
    background: #262f3e;
    color: #fff;
    display: flex;
    height: 0.8rem;
    width: auto;
    bottom: 0.5rem;
    font-weight: 700;
    left: 1;
    margin: 0 0 -0.47rem 13.85rem;
}

.carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container {
    display: flex;
    flex-direction: row;
    font-size: 0.25rem;
    align-items: center;
}

.carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container:first-child {
    padding-left: 0.2rem;
}

.carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container:last-child {
    padding-right: 0.2rem;
}

.carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container>div {
    padding: 0 0.1rem;
}

.carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container .countdown-digit {
    font-size: 0.3rem;
}

.carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container .day-hour-mins {
    font-size: 0.09rem;
    font-weight: 400;
    color: #848992;
}

.carouselSliderSection .slider-slide {
    height: auto !important;
}

.carouselSliderSection .slider .dotsContainer {
    position: absolute;
    transform: translateX(-50%);
    bottom: 0.3rem;
    left: 50%;
    right: auto;
}

.carouselSliderSection .slider .dotsContainer .dots {
    background: #ffffff61;
    width: 0.1rem;
    height: 0.1rem;
    transform: unset;
    margin-left: 0.1rem;
    margin-bottom: unset;
    border-radius: 50%;
    transition-duration: 0.5s;
    border: undefined;
}

.carouselSliderSection .slider .dotsContainer .active {
    background: #ffe138;
    width: 0.4rem;
    height: 0.1rem;
    transform: unset;
    margin-left: 0.1rem;
    border-radius: 0.4rem;
    transition-duration: 0.5s;
    border: undefined;
}

.mobileCarouselSliderSection {
    background: unset;
    border-radius: 0;
    overflow: visible;
    line-height: 0;
    margin: undefined;
}

.mobileCarouselSliderSection .match-countdown-container {
    position: absolute;
    background-color: #262f3e;
    color: #fff;
    display: flex;
    height: 1.3rem;
    width: auto;
    right: 0.5rem;
    bottom: 0.5rem;
    font-weight: 700;
}

.mobileCarouselSliderSection .match-countdown-container .countdown-container {
    display: flex;
    flex-direction: row;
    font-size: 0.25rem;
    align-items: center;
}

.mobileCarouselSliderSection .match-countdown-container .countdown-container:first-child {
    padding-left: 0.4rem;
}

.mobileCarouselSliderSection .match-countdown-container .countdown-container:last-child {
    padding-right: 0.4rem;
}

.mobileCarouselSliderSection .match-countdown-container .countdown-container>div {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    display: unset;
    flex-direction: unset;
    align-items: unset;
}

.mobileCarouselSliderSection .match-countdown-container .countdown-container .countdown-digit {
    font-size: 0.7rem;
    padding: 0;
}

.mobileCarouselSliderSection .match-countdown-container .countdown-container .day-hour-mins {
    font-size: 0.25rem;
    font-weight: 400;
    color: #848992;
    margin: 0;
}

.mobileCarouselSliderSection .slider .dotsContainer {
    position: absolute;
    transform: translateX(-50%);
    bottom: 0.15rem;
    left: 50%;
    right: auto;
    width: 8rem;
    display: flex;
    justify-content: center;
}

.mobileCarouselSliderSection .slider .dotsContainer .dots {
    margin-left: 0.1rem;
    background: #ffffff61;
    width: 0.5rem;
    height: 0.15rem;
    transform: skew(40deg);
    border-radius: 0;
}

.mobileCarouselSliderSection .slider .dotsContainer .active {
    margin-left: 0.1rem;
    background: #ffe138;
    width: 0.3rem;
    height: 0.08rem;
    transform: skew(40deg);
    border-radius: 0;
}

.banner_container_height {
    height: 100%;
}

.home_banner {
    width: 100%;
    height: 100%;
    max-width: 20rem;
    object-fit: cover;
    border-radius: undefined;
}

.dot_styling {
    display: inline-block;
    height: 0.05rem;
    width: 0.2rem;
    margin: 0.07rem 0.05rem;
    border-radius: 0;
    background: #fff;
    transition-duration: 300ms;
}

.wrapperStyle {
    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: 0;
    text-align: center;
}

@media (max-width: 768px) {
    .dot_styling {
        height: 0.1rem;
        width: 0.5rem;
    }
    .wrapperStyle {
        bottom: 0.2rem;
    }
}

.slider-container {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 0.2rem;
    color: gray;
}

.slick-track {
    display: flex;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.rail {
    height: 0.3rem;
    background: red;
}

.standard-header-font-size {
    font-size: 22px;
}

.standard-title-font-size {
    font-size: 16px;
}

.standard-normal-font-size {
    font-size: 14px;
}

.standard-footer-font-size {
    font-size: 14px;
}

.standard-menu-font-size {
    font-size: 14px;
}

.standard-submenu-font-size {
    font-size: 12px;
}

.standard-navbar-font-size {
    font-size: 12px;
}

.standard-homeInforContainer-normal-font-size {
    font-size: 13px;
}

.standard-table-button-font-size {
    font-size: 12px;
}

.standard-promotion-desc-font-size {
    font-size: 12px;
}

.standard-navmenu-font-size {
    font-size: 14px;
}

.standard-sidebar-closeBtn-font-size {
    font-size: 10px;
}

.standard-transaction-board-title-font-size {
    font-size: 24px;
}

@media (max-width: 768px) {
    .standard-svg-size {
        width: 0.42rem;
        height: 0.42rem;
    }
    .standard-header-font-size {
        font-size: 22px;
    }
    .standard-title-font-size {
        font-size: 16px;
    }
    .standard-SecondSubtitle-font-size {
        font-size: 14px;
    }
    .standard-label-font-size {
        font-size: 14px;
    }
    .standard-normal-font-size {
        font-size: 14px;
    }
    .standard-subContent-font-size {
        font-size: 14px;
    }
    .standard-SmallsubContent-font-size {
        font-size: 13px;
    }
    .standard-SidebarMenu-font-size {
        font-size: 16px;
    }
    .standard-footer-font-size {
        font-size: 14px;
    }
    .standard-home-landing-provider-title-font-size {
        font-size: 14px;
        font-weight: unset;
    }
    .standard-home-landing-provider-subtitle-font-size {
        font-size: 14px;
        font-weight: 400;
    }
    .standard-home-landing-entrance-normal-font-size {
        font-size: 14px;
    }
    .standard-promotion-desc-font-size {
        font-size: 14px;
    }
    .standard-livetv-font-size {
        font-size: 14px;
    }
    .standard-livetv-small-font-size {
        font-size: 14px;
    }
    label {
        font-size: 14px;
    }
}

::-webkit-input-placeholder {
    color: #ffffffe6;
}

::-moz-placeholder {
    color: #ffffffe6;
}

:-ms-input-placeholder {
    color: #ffffffe6;
}

input:-moz-placeholder {
    color: #ffffffe6;
}

.line-register-form-field {
    order: undefined;
}

.line-register-button {
    width: 60%;
    height: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00c300;
}

.line-register-button img {
    height: undefined;
    margin-right: 0.1rem;
}

.extra-register-break-line {
    width: 100%;
    text-align: center;
    border-bottom: 0.01rem solid #ffffff33;
    margin: 0.2rem 0;
    order: undefined;
}

.extra-register-break-line span {
    font-weight: 600;
    color: #fff;
    background: 0 0;
    text-transform: uppercase;
    padding: 0.1rem;
    font-size: 0.16rem;
    display: undefined;
    margin: undefined;
}

.linked-account {
    background-color: #00c300;
    border-radius: 0.03rem;
    height: 0.35rem;
    width: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.linked-account img {
    margin-right: 0.05rem;
    width: 0.3rem;
}

@media (max-width: 768px) {
    .m-extra-login-break-line {
        width: 100%;
        text-align: center;
        border-bottom: 0.01rem solid #ffffff33;
        line-height: 0.1em;
        margin: 0.6rem 0 0.4rem;
        position: undefined;
    }
    .m-extra-login-break-line span {
        font-weight: 600;
        font-size: 0.4rem;
        color: unset;
        background: unset;
        padding: 0 0.1rem;
        position: undefined;
        left: 0;
        right: 0;
    }
    .m-line-login-button {
        background-color: #00c300;
        display: flex;
        width: 100%;
        height: 1rem;
        border-radius: 0.1rem;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        margin: auto;
        font-size: 0.3rem;
    }
    .m-line-login-button img {
        margin-right: 0.5rem;
        height: undefined;
    }
    .line-register-button {
        height: 0.8rem;
        width: 100%;
        font-size: 0.35rem;
    }
    .line-register-button img {
        margin-right: 0.5rem;
        height: 0.5rem;
    }
    .extra-register-break-line {
        margin: 0.3rem 0 0.2rem;
        border-bottom: 0.01rem solid #ffffff33;
    }
    .extra-register-break-line span {
        color: #fff;
        background: 0 0;
        font-size: 0.5rem;
    }
    .linked-account {
        height: 1.1rem;
        width: 45%;
        background-color: #00c300;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0.1rem;
    }
    .linked-account img {
        margin: 0 0.2rem 0 0 !important;
        width: unset !important;
    }
}

.standard-label {
    display: flex;
    align-items: center;
    color: WhitE;
    width: 100%;
    margin: 0 0.08rem 0.06rem;
}

.rotate180-enter {
    transform: rotate(0deg);
}

.rotate180-enter-active {
    transform: rotate(225deg) !important;
    transition: all 300ms;
}

.rotate180-enter-done {
    transform: rotate(225deg) !important;
}

.rotate180-exit {
    transform: rotate(225deg) !important;
}

.rotate180-exit-active {
    transform: rotate(360deg) !important;
    transition: all 300ms;
}

.spread-enter {
    transform-origin: top;
    transform: translateZ(0) scaleY(0);
    opacity: 0;
}

.spread-enter-active {
    opacity: 1;
    transform: translateZ(0) scaleY(1);
    transition: all 300ms;
}

.spread-exit {
    opacity: 1;
    transform: translateZ(0) scaleY(1);
    transform-origin: top;
}

.spread-exit-active {
    opacity: 0;
    transform: translateZ(0) scaleY(0);
    transition: all 300ms;
}

.pointer {
    cursor: pointer;
}

@media (min-width: 768px) {
    .reg-container .standard-label {
        color: WhitE;
        align-items: flex-start;
    }
}

.standard-mandatory {
    margin-bottom: 0.05rem;
}

.standard-mandatory::after {
    color: REd;
    content: '\002A';
    margin-left: 0.04rem;
    padding: 0 0.04rem 0 0;
}

.standard-mandatory-special {
    display: block;
}

.standard-form-field {
    position: relative;
    width: 100%;
    margin-bottom: 0.14rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: undefined;
}

.standard-form-field .select-arrow-svg::after {
    content: '';
    right: 0.18rem;
    top: 0.35rem;
    position: absolute;
    pointer-events: none;
    border-width: 0 0.03rem 0.03rem 0;
    border-color: #a2a2a2;
    border-style: solid;
    display: inline-block;
    width: 0.07rem !important;
    height: 0.07rem !important;
    transform: rotate(45deg);
}

.standard-form-field .standard-input,
.standard-form-field .standard-select {
    position: relative;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    padding: 0.05rem 0.35rem 0.05rem 0.1rem;
    border: 0.01rem #ffffff33;
    border-style: none;
    border-radius: 0.05rem;
    background: #99999999;
    color: #ffffffe6;
    font-family: unset;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.standard-form-field .standard-input:disabled,
.standard-form-field .standard-select:disabled {
    background: #000000a8;
    color: #ffffffe6;
    opacity: 1;
    -webkit-text-fill-color: unset;
    cursor: not-allowed;
}

.standard-form-field .standard-input:-webkit-autofill,
.standard-form-field .standard-select:-webkit-autofill {
    -webkit-text-fill-color: #ffffffe6;
    font-size: 0.14rem;
}

.standard-form-field .standard-select {
    padding: 0.05rem 0.25rem 0.05rem 0.1rem;
    line-height: 1.5;
    -webkit-appearance: none;
    cursor: pointer;
}

.standard-form-field .standard-select img {
    width: 0.2rem;
    height: 0.2rem;
}

.standard-form-field .standard-select option {
    background: #99999999;
    color: WHITe;
    text-transform: undefined;
}

.standard-form-field .standard-select-dropdown {
    position: absolute;
    right: 0;
    top: 0.35rem;
    border: 0.01rem solid #ffffff33;
    background: #6f7075;
    z-index: 2;
    width: 100%;
    overflow-y: scroll;
    max-height: 1.8rem;
}

.standard-form-field .standard-select-dropdown div input {
    color: undefined;
}

.standard-form-field .standard-select-dropdown .standard-select-search input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0.4rem;
    padding: 0.05rem;
    border: none;
    color: #ffffffe6;
    background: 0 0;
    font-size: 0.14rem;
}

.standard-form-field .standard-select-dropdown .standard-select-options {
    display: flex;
    align-items: center;
    padding: 0.05rem;
    height: 0.38rem;
    color: #ffffffe6;
}

.standard-form-field .standard-select-dropdown .standard-select-options img {
    width: 0.2rem;
    height: 0.2rem;
}

.standard-form-field .standard-select-dropdown .standard-select-options span {
    width: 100%;
}

.standard-form-field .standard-select-dropdown .standard-select-options:hover {
    background: #1e90ff;
    color: #fff !important;
}

.standard-form-field .standard-select-arrow {
    position: absolute;
    right: 0;
    right: 0.1rem;
    top: 0.14rem;
    border-width: 0 0.03rem 0.03rem 0;
    border-color: #a2a2a2;
    border-style: solid;
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    transform: rotate(45deg);
}

.standard-form-field .standard-input-svg {
    position: absolute;
    right: 0.1rem;
    width: 0.21rem;
    height: 100%;
    padding: 0;
    fill: #ffffffe6;
    margin: 0;
    cursor: pointer;
}

.standard-form-field .standard-password-bio {
    position: absolute;
    right: 5%;
    width: 0.3rem;
    height: 100%;
    padding: 0.06rem;
    fill: #ffffffe6;
    margin: 0;
    cursor: pointer;
}

.standard-form-field .standard-password-eye {
    position: absolute;
    right: 0.1rem;
    width: 0.21rem;
    height: 0.21rem;
    fill: #fff;
    margin: 0;
    cursor: pointer;
    background: #aaa;
    border-radius: 100%;
    padding: 0.03rem;
}

.standard-form-field .standard-password-eye:hover {
    fill: #fff;
}

.standard-form-field .standard-password-eye.reveal {
    fill: #fff;
}

.standard-form-field .standard-password-eye.reveal:hover {
    fill: #fff;
}

.standard-form-field .react-datepicker-wrapper {
    width: 100%;
}

.standard-form-field .standard-checkbox-container {
    display: flex;
    align-items: flex-start;
    padding: 0.1rem 0;
    color: #fff;
}

.standard-form-field .standard-checkbox-container .standard-checkbox-text-container {
    width: 88%;
    font-size: 0.12rem;
}

.standard-form-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text {
    margin: 0 0.05rem;
    text-decoration: underline;
    cursor: pointer;
    color: #b27ef0;
}

.standard-form-field .standard-checkbox-container .standard-invisible-checkbox {
    width: 7%;
    margin-right: 5%;
    position: absolute;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}

.standard-form-field .standard-checkbox-container .standard-checkbox {
    position: relative;
    top: 0.01rem;
    float: left;
    margin-right: 0.18rem;
    border-radius: 0.03rem;
    border: solid #ffffff33;
    border-width: 0.03rem;
    height: 0.24rem;
    width: 0.24rem;
    background: unset;
    cursor: pointer;
}

.standard-form-field .standard-checkbox-container .standard-checkbox svg {
    position: absolute;
}

.standard-form-field .standard-checkbox-container .standard-checkbox svg path {
    fill: none;
    stroke: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.6s ease;
    stroke-dashoffset: 0;
}

.standard-form-field .standard-checkbox-container .standard-checkbox svg polyline {
    fill: none;
    stroke: transparent;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.3s ease;
}

.standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked+.standard-checkbox {
    border-color: #edfa00 !important;
    background: #edfa00;
}

.standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked+.standard-checkbox svg path {
    fill: #edfa00;
    stroke: #edfa00;
}

.standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked+.standard-checkbox svg polyline {
    stroke-dashoffset: 0;
    stroke: #fff;
}

.standard-form-field .standard-checkbox-container:hover .standard-checkbox svg path {
    stroke-dashoffset: 0;
}

.standard-form-field .standard-error-validation {
    margin: 0.04rem 0 0;
}

.standard-form-field .standard-error-validation.remark-multiple-of-ten {
    color: #0852b3 !important;
    font-weight: 700;
}

.standard-form-field .standard-input-img {
    position: absolute;
    right: 0;
    width: 1.8rem;
    height: 80%;
    padding: 0.06rem 0.48rem;
    margin: 1% 0;
    border-left: 0.01rem solid #fff;
}

.standard-form-field.standard-password-field input {
    padding-right: 0.3rem;
}

.standard-form-field .standard-form-field-col-img {
    height: 0.35rem;
}

.standard-form-field-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.standard-error-validation {
    display: block;
    margin: -0.1rem 0 0.08rem;
    width: 100%;
    float: right;
    color: REd !important;
    background: 0 0;
    font-size: 0.12rem;
}

.standard-error-validation.accNumber-error {
    position: absolute;
}

.standard-tooltip-box {
    position: fixed;
    background: #181818;
    color: #bcbcbc;
    z-index: 10;
    padding: 0.1rem 0.2rem;
}

.standard-form-btn-container {
    width: 100%;
}

.standard-form-svg {
    fill: #bf9747;
}

.standard-radio-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.standard-radio-container .standard-radio {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.1rem;
}

.standard-radio-container .standard-radio-content {
    display: flex;
    align-items: center;
    margin-left: 0.2rem;
    color: #fff;
    cursor: pointer;
}

.standard-radio-container .standard-radio-content img {
    width: 0.4rem;
    margin-right: 0.1rem;
}

.standard-form-one-row-container {
    display: flex;
    width: 100%;
    margin-top: 0.2rem;
}

.standard-form-one-row-container .standard-form-field {
    display: block;
    margin-bottom: 0;
}

.standard-popup-modal-body .standard-label {
    color: WhitE;
}

@media (min-width: 768px) {
    .standard-m-form-col-full {
        width: 100% !important;
        display: flex;
        flex-wrap: nowrap !important;
    }
    .standard-m-form-col-full button {
        height: 0.38rem;
        padding: 0.05rem 0.05rem 0.05rem 0.1rem;
    }
    .standard-form-col-10 {
        width: 10% !important;
        min-width: 0 !important;
    }
    .standard-form-col-20 {
        width: 20% !important;
        min-width: 0 !important;
    }
    .standard-form-col-30 {
        width: 30% !important;
        min-width: 0 !important;
    }
    .standard-form-col-35 {
        width: 35% !important;
        min-width: 0 !important;
    }
    .standard-form-col-40 {
        width: 40% !important;
        min-width: 0 !important;
    }
    .standard-form-col-45 {
        width: 45% !important;
        min-width: 0 !important;
        padding: 0 0.15rem;
    }
    .standard-form-col-50 {
        width: 50% !important;
        min-width: 0 !important;
    }
    .standard-form-col-60 {
        width: 60% !important;
        min-width: 0 !important;
    }
    .standard-form-col-65 {
        width: 65% !important;
        min-width: 0 !important;
    }
    .standard-form-col-70 {
        width: 70% !important;
        min-width: 0 !important;
    }
    .standard-form-col-80 {
        width: 80% !important;
        min-width: 0 !important;
    }
    .standard-form-col-90 {
        width: 90% !important;
        min-width: 0 !important;
    }
    .standard-form-col-100 {
        width: 100% !important;
        min-width: 0 !important;
    }
    .standard-form-margin-right-5px {
        margin-right: 0.05rem;
    }
}

.standard-form-margin-right-15px {
    margin-right: 0.15rem;
}

.standard-form-margin-right-10 {
    margin-right: 10%;
}

@media (max-width: 768px) {
    .standard-m-form-col-full {
        width: 100% !important;
        display: flex;
        flex-wrap: nowrap !important;
    }
    .standard-m-form-col-full button {
        height: 1.1rem;
        padding: 0.05rem 0.3rem;
        margin-bottom: 0.45rem;
    }
    .standard-m-form-col-10 {
        width: 10% !important;
    }
    .standard-m-form-col-20 {
        width: 20% !important;
    }
    .standard-m-form-col-25 {
        width: 25% !important;
    }
    .standard-m-form-col-30 {
        width: 30% !important;
    }
    .standard-m-form-col-40 {
        width: 40% !important;
    }
    .standard-m-form-col-50 {
        width: 50% !important;
    }
    .standard-m-form-col-60 {
        width: 60% !important;
    }
    .standard-m-form-col-75 {
        width: 75% !important;
    }
    .standard-m-form-col-80 {
        width: 80% !important;
    }
    .standard-m-form-col-90 {
        width: 90% !important;
    }
    .standard-m-form-margin-right-10px {
        margin-right: 0.1rem;
    }
}

@media (max-width: 768px) {
    .standard-label {
        color: #fff;
        margin: 0 0.15rem 0.06rem;
        text-transform: inherit;
    }
    .standard-label label {
        color: WhitE;
    }
    .standard-label.key {
        font-weight: undefined;
    }
    .standard-form-field {
        margin-bottom: 0.15rem;
    }
    .standard-form-field .standard-input,
    .standard-form-field .standard-select {
        /* min-height: 0.8rem; */
        padding: 0.05rem 0.65rem 0.05rem 0.15rem;
        background: #000000a8;
        color: #ffffffe6;
        border: none;
        border-radius: 0.1rem;
        font-weight: unset;
        font-style: unset;
        font-size: 14px;
        line-height: unset;
    }
    .standard-form-field .standard-input:disabled,
    .standard-form-field .standard-select:disabled {
        background: #000000a8;
        color: #ffffffe6;
    }
    .standard-form-field .standard-input:-webkit-autofill,
    .standard-form-field .standard-select:-webkit-autofill {
        font-size: 0.25rem;
    }
    .standard-form-field .standard-form-field-col-img {
        height: 1.1rem;
    }
    .standard-form-field .standard-select img {
        width: 0.5rem;
        height: 0.5rem;
        margin-right: 0.1rem;
    }
    .standard-form-field .standard-select-arrow {
        right: 10px;
        top: 8px;
        border-width: 0 3px 3px 0;
        border-color: #a2a2a2;
        width: 13px;
        height: 13px;
    }
    .standard-form-field .standard-select-dropdown {
        top: 0.8rem;
    }
    .standard-form-field .standard-select-dropdown div input {
        color: undefined;
        height: 0.8rem;
    }
    .standard-form-field .standard-select-dropdown .standard-select-search input {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 1rem;
        padding: 0.05rem;
        border: none;
        color: #ffffffe6;
        background: 0 0;
        font-size: 0.25rem;
    }
    .standard-form-field .standard-select-dropdown .standard-select-options {
        height: 0.8rem;
        font-size: 0.25rem;
        padding: 0.05rem 0.3rem;
    }
    .standard-form-field .standard-select-dropdown .standard-select-options img {
        width: 0.5rem;
        height: 0.5rem;
        margin-right: 0.1rem;
    }
    .standard-form-field .standard-checkbox-container .standard-invisible-checkbox {
        width: 0.3rem;
        height: 0.3rem;
    }
    .standard-form-field .standard-checkbox-container .standard-checkbox {
        width: 0.3rem;
        height: 0.3rem;
        margin-right: 5%;
        border: solid #ffffff33;
        border-width: 0.02rem;
    }
    .standard-form-field .standard-checkbox-container .standard-checkbox-text-container {
        padding: 0.036rem 0 0;
        font-size: 0.24rem;
    }
    .standard-form-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text {
        margin: 0 0.1rem;
    }
    .standard-form-field .standard-password-bio {
        height: 0.5rem;
        width: 0.5rem;
        top: 24%;
        margin: 0 0.3rem;
        padding: 0;
    }
    .standard-form-field .standard-password-eye {
        width: 0.21rem;
        height: 0.21rem;
        top: 27%;
        margin: 0 0.15rem;
    }
    .standard-form-field .standard-password-eye:hover {
        fill: #fff;
    }
    .standard-form-field .standard-password-eye.reveal {
        fill: #fff;
    }
    .standard-form-field .standard-password-eye.reveal:hover {
        fill: #fff;
    }
    .standard-form-field .standard-input-svg {
        width: 0.35rem;
        height: 0.35rem;
        top: 24%;
        margin: 0 0.2rem;
        fill: #ffffffe6;
        padding: 0;
    }
    .standard-form-field .standard-input-img {
        position: absolute;
        right: 0;
        width: 1.8rem;
        height: 80%;
        padding: 0.06rem 0.48rem;
        margin: 1% 0;
        border-left: 0.01rem solid #fff;
    }
    .standard-form-field .standard-action-button {
        width: undefined;
        height: 1.1rem;
        font-size: 0.4rem;
    }
    .standard-form-field .standard-error-validation {
        margin: 0.1rem 0;
    }
    .standard-radio-container .standard-radio {
        width: 0.3rem;
        height: 0.3rem;
        margin-right: 0.1rem;
    }
    .standard-radio-container .standard-radio-content {
        margin-left: 0.2rem;
        color: #fff;
    }
    .standard-radio-container .standard-radio-content img {
        width: 0.8rem;
        padding: 0;
        margin-right: 0.2rem;
    }
    .standard-error-validation {
        margin: unset;
        font-size: 0.22rem;
    }
    .standard-tooltip-box {
        top: 8.4rem;
        left: 0.3rem !important;
    }
}

.standard-form-field .standard-bank-container .img-fluid {
    width: 100%;
}

.standard-button-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.standard-button-container button {
    margin-right: 0.1rem;
}

.standard-button-container button:last-child {
    margin-right: 0;
    width: undefined;
}

.standard-cancel-button,
.standard-confirm-button,
.standard-submit-button,
.standard-action-button,
.standard-input-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.5rem;
    font-size: 14px;
    text-transform: capitalize;
    /* width: 1.7rem;
  min-width: 1.7rem; */
    border: 0;
    border-radius: 0.06rem;
    font-weight: 600;
    padding: unset;
}

.standard-cancel-button img,
.standard-confirm-button img,
.standard-submit-button img,
.standard-action-button img,
.standard-input-button img {
    height: 100%;
}

.standard-cancel-button:disabled,
.standard-confirm-button:disabled,
.standard-submit-button:disabled,
.standard-action-button:disabled,
.standard-input-button:disabled {
    opacity: 0.2;
    pointer-events: auto !important;
    cursor: not-allowed !important;
    background: #b6b6b6;
}

.standard-submit-button {
    background: #69696966;
    color: #fff;
    border-radius: unset;
}

.standard-submit-button:hover {
    background: #69696966;
}

.standard-confirm-button {
    background: #69696966;
    color: #fff;
}

.standard-cancel-button {
    background: #e9203d;
    color: #fff;
    border-radius: unset;
}

.standard-cancel-button:hover {
    background: #fb2525;
}

.standard-action-button {
    background: linear-gradient(to right, #c61101, #942416);
    color: #fff;
    border-radius: 0.05rem;
}

.standard-input-button {
    height: 0.38rem;
    background: #99999999;
    color: #ffffffe6;
    border: 0.01rem #ffffff33;
    border-style: none;
    border-radius: 0.05rem;
}

.standard-line-button {
    background: linear-gradient(to bottom, #92ec23, #1bb209) !important;
    color: #fff !important;
}

.standard-full-width-button {
    width: 100%;
}

@media (max-width: 768px) {
    .standard-cancel-button,
    .standard-confirm-button,
    .standard-submit-button,
    .standard-action-button,
    .standard-input-button {
        width: 100%;
        margin: auto;
        font-size: 16px;
        border: 0;
        border-radius: 0;
    }
    .standard-cancel-button img,
    .standard-confirm-button img,
    .standard-submit-button img,
    .standard-action-button img,
    .standard-input-button img {
        height: 100%;
    }
    .standard-cancel-button:disabled,
    .standard-confirm-button:disabled,
    .standard-submit-button:disabled,
    .standard-action-button:disabled,
    .standard-input-button:disabled {
        opacity: 0.2;
        pointer-events: auto !important;
        cursor: not-allowed !important;
    }
    .align-mobile-standard-submit-button-container {
        padding: 0 1.5rem;
    }
    .standard-action-button {
        background: linear-gradient(to right, #c61101, #942416);
        color: #fff;
        border-radius: 0;
    }
    .standard-submit-button {
        background: #69696966;
        color: #fff;
    }
    .standard-input-button {
        border: none;
        border-radius: 0;
        font-size: 0.5rem;
        margin: auto;
    }
    .standard-button-container button {
        margin-right: 0;
    }
}

.standard-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000b8;
    z-index: 9999;
    overflow-y: auto;
}

.ReactModal__Body--open {
    overflow-y: hidden;
}

.standard-popup-modal-container {
    border-radius: 0.04rem;
    font-size: 0.16rem;
    overflow: auto;
    color: #ffffffe6;
    background: 0 0;
    transform: translate(0, 0);
    margin: 1.4rem auto 1rem;
    padding: unset;
    word-wrap: break-word;
}

.standard-popup-modal-container .game-popup-modal-header,
.standard-popup-modal-container .add-bank-modal-header,
.standard-popup-modal-container .select-bank-popup-header,
.standard-popup-modal-container .delete-bank-popup-modal-header,
.standard-popup-modal-container .referral-terms-modal-header,
.standard-popup-modal-container .maintenance-popup-modal-header,
.standard-popup-modal-container .login-alert-popup-modal-header,
.standard-popup-modal-container .verifications-popup-modal-header,
.standard-popup-modal-container .referral-detail-popup-modal-header,
.standard-popup-modal-container .reward-popup-header,
.standard-popup-modal-container .datetime-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.standard-popup-modal-container .game-popup-modal-header p,
.standard-popup-modal-container .add-bank-modal-header p,
.standard-popup-modal-container .select-bank-popup-header p,
.standard-popup-modal-container .delete-bank-popup-modal-header p,
.standard-popup-modal-container .referral-terms-modal-header p,
.standard-popup-modal-container .maintenance-popup-modal-header p,
.standard-popup-modal-container .login-alert-popup-modal-header p,
.standard-popup-modal-container .verifications-popup-modal-header p,
.standard-popup-modal-container .referral-detail-popup-modal-header p,
.standard-popup-modal-container .reward-popup-header p,
.standard-popup-modal-container .datetime-popup-header p {
    margin: 0;
}

.standard-popup-modal-container .standard-popup-modal-header {
    position: relative;
    width: 100%;
    text-align: left;
    background: #262626;
    color: #fff;
    padding: 0.15rem 0.2rem;
    border: transparent;
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
    font-size: 0.16rem;
    font-weight: 400;
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close {
    background: 0 0;
    font-size: 0.2rem;
    border-radius: 0.1rem;
    cursor: pointer;
    color: undefined;
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg {
    width: 0.24rem;
    fill: #fff;
    vertical-align: middle;
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover {
    background: 0 0;
    color: unset;
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover svg {
    fill: #eaeaea;
}

.standard-popup-modal-container .standard-popup-modal-header-with-logo {
    position: relative;
    width: 100%;
    text-align: center;
    background: #262626;
    color: #000;
    padding: 0.1rem 0.3rem;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
}

.standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-header-logo {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-height: 0.66rem;
}

.standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo {
    position: absolute;
    right: 0.05rem;
    top: 0.05rem;
    background: 0 0;
    font-size: 0.25rem;
    padding: 0.055rem 0.14rem;
    border-radius: 0.1rem;
    cursor: pointer;
}

.standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo:hover {
    background: 0 0;
}

.standard-popup-modal-container .standard-popup-modal-body {
    font-size: 0.18rem;
    font-weight: 400;
    background: #1a1a1a;
    padding: 0.15rem 0.32rem;
}

.standard-popup-modal-container img {
    width: 100%;
}

.standard-popup-modal-container .standard-popup-modal-footer {
    display: flex;
    justify-content: space-between;
    padding: 0.15rem 0.2rem;
    background: #1a1a1a;
    color: #000;
    border-bottom: transparent;
    border-left: transparent;
    border-right: transparent;
    border-top: unset;
}

.standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close {
    padding: 0.1rem 0.15rem;
    min-width: 0.8rem;
    background: #fff;
    border: 0.01rem solid #ffffff33;
    color: #000;
    border-radius: 0.05rem;
    font-weight: undefined;
    cursor: pointer;
}

.standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close:hover {
    background: #d2b581;
    color: unset;
}

.standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close:disabled {
    cursor: not-allowed;
    background: #d2b581;
    opacity: unset;
}

.standard-popup-modal-container .standard-popup-modal-footer .transaction-button-section {
    width: 100%;
}

.standard-popup-modal-container .standard-popup-modal-footer .single-button-container .standard-button-container {
    justify-content: center;
}

.standard-popup-modal-container .add-bank-guide {
    background: #99999999;
    border-radius: 0.04rem;
    padding: 0.15rem;
    margin: 0.1rem 0 0;
    backdrop-filter: blur(0.02rem);
}

.standard-popup-modal-container .add-bank-guide .guide-msg {
    font-size: 0.12rem;
    color: REd;
}

.standard-popup-modal-container .add-bank-guide .guide-msg p {
    margin: 0;
}

@media (max-width: 768px) {
    .standard-popup-modal-container {
        border-radius: 0.04rem;
        margin: 2.5rem auto;
        font-size: 0.28rem;
    }
    .standard-popup-modal-container .standard-popup-modal-header {
        padding: 0.2rem;
        border-radius: 0.1rem 0.1rem 0 0;
        text-align: left;
        height: auto;
        position: relative;
    }
    .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
        font-size: 0.3rem;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%;
        margin: auto 0;
    }
    .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close {
        font-size: 0.2rem;
        top: undefined;
        right: 0.22rem;
        color: undefined;
        position: absolute;
    }
    .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg {
        width: 0.45rem;
    }
    .standard-popup-modal-container .standard-popup-modal-header-with-logo {
        height: 1.2rem;
        border-radius: 0.1rem 0.1rem 0 0;
    }
    .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-header-logo {
        max-height: 1rem;
    }
    .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo {
        font-size: 0.7rem;
        right: 0.15rem;
        top: 0.05rem;
        padding: 0.15rem 0.3rem;
    }
    .standard-popup-modal-container .standard-popup-modal-body {
        padding: 0.2rem 0.2rem 0.4rem;
        font-size: 0.28rem;
        font-weight: 400;
    }
    .standard-popup-modal-container .standard-popup-modal-body .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__close-icon {
        padding: unset;
    }
    .standard-popup-modal-container .standard-popup-modal-footer {
        font-size: 0.28rem;
        padding: 0.3rem 0.2rem;
        border: 0;
    }
    .standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close {
        background: #fff;
        font-size: 0.3rem;
        padding: 0.2rem 0.3rem;
        min-width: 2.5rem;
        border-radius: 0.1rem;
    }
    .standard-popup-modal-container .standard-popup-modal-footer .transaction-button-section {
        width: 100%;
    }
    .standard-popup-modal-container .standard-popup-modal-footer-border-radius {
        border-radius: 0 0 0.1rem 0.1rem;
    }
    .standard-popup-modal-container .add-bank-guide {
        background: #99999999;
        border-radius: 0.08rem;
        padding: 0.3rem 0.15rem;
        margin: 0.4rem 0 0.2rem;
    }
    .standard-popup-modal-container .add-bank-guide .guide-msg {
        font-size: 0.2rem;
        color: REd;
    }
}

.announcement-v1-modal-container {
    width: 6.78rem;
    min-width: 6.78rem;
    max-width: 6.78rem;
    background: undefine;
    padding: unset;
}

.announcement-v1-modal-container .announcement-v1-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.announcement-v1-modal-container .announcement-v1-modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0.16rem;
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container {
    border-radius: 0.06rem;
    padding: 0.16rem;
    background: #262626;
    margin-bottom: 0.1rem;
    width: 100%;
    backdrop-filter: blur(0.02rem);
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-message {
    color: #ffffffe6;
    font-size: 0.16rem;
    font-weight: 400;
    text-align: justify;
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-date {
    font-size: 0.13rem;
    font-weight: 400;
    text-align: left;
    margin-bottom: 0;
    color: #aaa;
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container:last-child {
    margin-bottom: 0;
}

.announcement-v1-modal-container .announcement-v1-modal-body.launch-game-body {
    display: flex;
    align-items: inherit;
    justify-content: inherit;
    flex-direction: inherit;
    color: #fe0000;
    padding: 0.2rem 0.2rem 0.05rem;
    background: #fffffff2;
}

.announcement-v1-modal-container .announcement-v1-modal-body.launch-game-body .launch-game-warning {
    width: 0.25rem;
    height: auto;
    border: 0.03rem solid #fe0000;
    border-radius: 50%;
    margin-right: 0.05rem;
    padding: 0.04rem;
    fill: #fe0000;
}

.announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again .dont-show-checkbox {
    width: auto;
}

.announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again .dont-show-msg {
    font-size: 0.12rem;
    margin-left: 0.1rem;
}

.announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again input[type='checkbox']:before,
.announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again input[type='checkbox']:after,
.announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again input[type='checkbox']:checked:before,
.announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again input[type='checkbox']:checked:after {
    display: none;
}

.announcement-v1-modal-container .announcement-v1-modal-footer.launch-game-footer {
    border-top: none;
    padding: 0.05rem 0.2rem 0.2rem;
    background: #fffffff2;
}

.announcement-v1-modal-container .announcement-v1-modal-footer.launch-game-footer .launch-game-agreement {
    width: 100%;
    justify-content: center;
}

.announcement-v1-modal-container .announcement-v1-modal-footer.launch-game-footer .launch-game-msg {
    font-size: 0.18rem;
    margin-left: 0.1rem;
}

.transfer-popup-modal-container .announcement-message-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.transfer-popup-modal-container .announcement-message-container .announcement-message {
    text-align: center !important;
}

.announcement-popup-v3-container {
    max-width: 6.98rem;
    min-width: 6.98rem;
    min-height: 3.96rem;
    max-height: 90%;
    background: #1a1a1a;
    overflow: unset;
}

.announcement-popup-v3-container .standard-popup-modal-img-container {
    padding: 0.1rem;
}

.announcement-popup-v3-container .standard-popup-modal-img-container .image-announcement {
    width: 100%;
    border-radius: 0.1rem;
}

.announcement-popup-v3-container .announcement-popup-v3-header {
    padding: 0;
    background: 0 0;
    border: transparent;
}

.announcement-popup-v3-container .announcement-popup-v3-header .standard-modal-close {
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    font-size: 0.2rem;
    padding: unset;
    border-radius: unset;
}

.announcement-popup-v3-container .announcement-popup-v3-header .standard-modal-close svg {
    width: 0.33rem;
    fill: #000;
    vertical-align: middle;
    background: #ffffffe6;
    border-radius: 50%;
    padding: 0.1rem;
    box-shadow: unset;
}

.announcement-popup-v3-container .announcement-popup-v3-header .standard-modal-close svg:hover {
    fill: #000;
}

.announcement-popup-v3-container .announcement-popup-v3-body .announcement-message {
    text-align: center;
}

.announcement-image-modal-container {
    max-width: 16rem;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.announcement-image-modal-container .announcement-image-modal-body {
    padding: 0.15rem;
}

.announcement-image-modal-container .announcement-image-modal-body .announcement-image-container {
    position: relative;
}

.announcement-image-modal-container .announcement-image-modal-body .announcement-image-container img {
    width: 100%;
}

.announcement-image-modal-container .announcement-image-modal-body .announcement-image-container .image-announcement-close {
    position: absolute;
    top: -0.15rem;
    right: -0.15rem;
    cursor: pointer;
}

@media (max-width: 768px) {
    .announcement-v1-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
    }
    .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-message {
        font-size: 0.28rem;
        font-weight: 400;
    }
    .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-date {
        font-size: 0.22rem;
    }
    .announcement-v1-modal-container .announcement-v1-modal-footer {
        font-size: 0.28rem;
    }
    .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again .dont-show-checkbox {
        width: 0.5rem;
        height: 0.45rem;
    }
    .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again .dont-show-msg {
        font-size: 0.28rem;
    }
    .announcement-image-modal-container {
        max-width: 95%;
    }
}

.express-deposit-enable-decimal-popup-modal-container {
    width: 9rem;
    min-width: 9rem;
    max-width: 9rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body {
    overflow-x: auto;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container {
    background: linear-gradient(67deg, #d32f2f 0%, #f13c3c 100%);
    padding: 0.1rem;
    padding-bottom: 0.15rem;
    border-radius: 0.1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container .deposit-amount {
    color: #fff;
    font-weight: 400;
    font-size: 0.25rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container .timer-font {
    color: #fff493;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container {
    display: flex;
    margin: 0.25rem auto;
    line-height: 0.24rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container img {
    width: 0.44rem;
    height: 0.44rem;
    margin: 0.06rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container {
    margin: 0 0.1rem;
    color: #e74c3c;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container .warning-2 {
    font-weight: 700;
    text-decoration: underline;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-title {
    margin: 0.15rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container {
    position: relative;
    padding: 0.1rem;
    margin: 0.15rem;
    display: flex;
    border-radius: 0.1rem;
    border: 0.01rem solid #f9dddc;
    display: flex;
    flex-direction: column;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container {
    display: flex;
    margin: 0.1rem 0;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container img {
    width: 1.4rem;
    height: 100%;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details {
    margin-left: 0.1rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info {
    display: flex;
    align-items: center;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info .copy-icon {
    width: 0.25rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.15rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-title-container .add-bank-btn {
    width: 0.25rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container {
    position: relative;
    padding: 0.1rem;
    margin: 0.15rem;
    display: flex;
    border-radius: 0.1rem;
    border: 0.01rem solid #f9dddc;
    display: flex;
    flex-direction: column;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos {
    margin: 0.1rem 0;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos .your-bank-details {
    margin-left: 0.1rem;
}

.express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .danger-message-container {
    margin: 0.15rem;
}

@media (max-width: 768px) {
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body {
        overflow-x: auto;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container {
        background: linear-gradient(67deg, #d32f2f 0%, #f13c3c 100%);
        padding: 0.2rem;
        padding-bottom: 0.35rem;
        border-radius: 0.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container .deposit-amount {
        color: #fff;
        font-weight: 400;
        font-size: 0.5rem;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container .timer-font {
        color: #fff493;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container {
        display: flex;
        margin: 0.5rem auto;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container img {
        width: 0.44rem;
        height: 0.44rem;
        margin: 0.12rem;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container {
        margin: 0 0.2rem;
        color: #e74c3c;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container .warning-2 {
        font-weight: 700;
        text-decoration: underline;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-title {
        margin: 0.3rem;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container {
        position: relative;
        padding: 0.2rem;
        margin: 0.3rem;
        display: flex;
        border-radius: 0.2rem;
        border: 0.02rem solid #f9dddc;
        display: flex;
        flex-direction: column;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container {
        display: flex;
        margin: 0.2rem 0;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container img {
        width: 1.4rem;
        height: 100%;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details {
        margin-left: 0.2rem;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info {
        display: flex;
        align-items: center;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info .copy-icon {
        width: 0.5rem;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-title-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0.3rem;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-title-container .add-bank-btn {
        width: 0.5rem;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container {
        position: relative;
        padding: 0.2rem;
        margin: 0.3rem;
        display: flex;
        border-radius: 0.2rem;
        border: 0.02rem solid #f9dddc;
        display: flex;
        flex-direction: column;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos {
        margin: 0.2rem 0;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos .your-bank-details {
        margin-left: 0.2rem;
    }
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .danger-message-container {
        margin: 0.3rem;
    }
}

.qrcode-popup-modal-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
    overflow: auto;
}

.qrcode-popup-modal-container .standard-popup-modal-body img {
    min-width: undefined;
    min-height: undefined;
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 768px) {
    .qrcode-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        overflow: auto;
    }
    .qrcode-popup-modal-container .standard-popup-modal-body {
        min-height: undefined;
    }
    .qrcode-popup-modal-container .standard-popup-modal-body img {
        min-width: undefined;
        min-height: undefined;
        max-width: 100%;
        max-height: 100%;
    }
}

.bank-offline-status-popup-modal-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}

@media (max-width: 768px) {
    .bank-offline-status-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
    }
}

.promotion-detail-popup-modal-container {
    width: auto;
    min-width: auto;
    max-width: 8rem;
    background: #1a1a1a;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body {
    overflow-x: auto;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn {
    opacity: 0.8;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg {
    fill: #ffffffe6;
    width: 0.3rem;
    height: 0.3rem;
    overflow: visible;
    cursor: pointer;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container {
    padding: 0.15rem 0.25rem;
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 0.02rem solid #ffffff33;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container .promo-badge {
    display: inline-block;
    font-weight: 700;
    font-size: 0.12rem;
    text-align: center;
    background: #000;
    padding: 0.06rem;
    border-radius: 0.05rem;
    margin: 0 0.05rem 0.05rem 0;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container .promo-badge .promo-type {
    color: undefined;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container {
    padding: 0.15rem 0.25rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container .promo-detail-title {
    margin: 0.05rem 0;
    color: #00eaff;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container .promo-detail-tnc {
    color: #edfa00;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-popup-image {
    width: 100%;
    margin-bottom: 0.2rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup {
    user-select: text;
    font-size: unset;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup table {
    border: unset;
    max-width: 100% !important;
    display: table;
    width: 100% !important;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup ol {
    margin-left: 0.3rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup ol li {
    list-style-type: decimal;
    margin-bottom: 0.2rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup ul {
    margin-left: 0.3rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup ul li {
    list-style-type: square;
    margin-bottom: 0.2rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup p {
    margin: 0;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 {
    padding: unset;
    user-select: text;
    font-size: unset;
    color: #aaa;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 table {
    max-width: 100%;
    background: #3a3a3a;
    border: 0.01rem solid #fff;
    display: table;
    width: 100%;
    margin: 0 0 0.16rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 table tr {
    background: #3a3a3a;
    color: #aaa;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 table td {
    border: 0.02rem solid #21212199;
    margin: 0.16rem 0;
    padding: undefined;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 table tr:nth-child(1) td {
    background: #3a3a3a;
    color: #aaa;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 ol {
    margin-left: 0.3rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 ol li {
    list-style-type: decimal;
    margin-bottom: 0.2rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 ul {
    margin-left: 0.3rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 ul li {
    list-style-type: square;
    margin-bottom: 0.2rem;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 p {
    margin: 0.16rem 0;
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 a {
    color: #2ebbfe;
}

@media (max-width: 768px) {
    .promotion-detail-popup-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
    }
    .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg {
        width: 0.5rem;
        height: 0.5rem;
    }
    .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container .promo-badge {
        font-size: 0.24rem;
        margin: 0 0.1rem 0.1rem 0;
    }
    .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container .promo-badge .promo-type {
        color: undefined;
    }
}

.promotion-apply-popup-modal-container {
    width: auto;
    min-width: auto;
    max-width: 5rem;
    background: #1a1a1a;
    color: #fff;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header {
    text-align: left;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .promotion-apply-popup-modal-title p {
    margin: 0;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .fill-detail-title {
    font-size: 0.15rem;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .promotion-apply-popup-modal-close {
    top: 0.12rem;
}

.promotion-apply-popup-modal-container .promotion-detail-field {
    margin-bottom: 0.1rem;
}

.promotion-apply-popup-modal-container .promotion-detail-field .phone-field .select-container {
    width: 20%;
}

.promotion-apply-popup-modal-container .promotion-detail-field .phone-field .select-container select {
    width: 100%;
    border-radius: unset;
    background: unset;
}

.promotion-apply-popup-modal-container .promotion-detail-field .phone-field input {
    width: 80%;
}

.promotion-apply-popup-modal-container .promotion-detail-field .form-label {
    color: WhitE;
}

.promotion-apply-popup-modal-container .promotion-detail-field input {
    background: unset;
    -webkit-text-fill-color: undefined;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer {
    justify-content: flex-end;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .promotion-apply-popup-modal-close {
    min-width: 1.2rem;
    padding: 0.15rem 0;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 {
    background: #262626;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-close-btn {
    cursor: pointer;
    opacity: 0.8;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-close-btn svg {
    fill: #fff;
    width: 0.24rem;
    height: 0.24rem;
    overflow: visible;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-title-container {
    padding: 0.15rem 0.25rem;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-title-container .promotion-title {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container {
    padding: 0.15rem 0.25rem;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field {
    display: flex;
    flex-wrap: wrap;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-label {
    color: #fff;
    width: 100%;
    margin: 0 0 0.05rem 0.05rem;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container select {
    cursor: pointer;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container .select-arrow {
    border-color: #ccc;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container::after {
    content: '';
    right: 0.15rem;
    top: 0.15rem;
    position: absolute;
    pointer-events: none;
    border-width: 0 0.03rem 0.03rem 0;
    border-color: #a2a2a2;
    border-style: solid;
    display: inline-block;
    width: 0.07rem !important;
    height: 0.07rem !important;
    transform: rotate(45deg);
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field {
    display: flex;
    width: 100%;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .phone-input {
    border: unset;
    color: #ffffffe6;
    background: #999;
    border-radius: 0.04rem;
    padding: 0.12rem 0.16rem;
    margin: 0 0 0.1rem 0.15rem;
    height: auto;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .standard-select {
    padding: 0.1rem 0.16rem;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .standard-select img {
    margin: 0 0.05rem 0 0;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .standard-select .standard-select-dropdown .standard-select-options {
    padding: 0.05rem 0.16rem;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-control-inner {
    border: unset;
    border-style: none;
    color: #ffffffe6;
    background: #999;
    border-radius: 0.04rem;
    padding: 0.12rem 0.16rem;
    margin-bottom: 0.1rem;
    height: auto;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field textarea {
    font-family: unset;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0.05rem;
    margin: auto;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn {
    background: #b6b6b680;
    color: #fff;
    padding: 0.18rem 0.04rem;
    border-radius: 0.05rem;
    text-align: center;
    margin: 0.2rem 0;
    cursor: pointer;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn:hover,
.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn:active {
    background: #b6b6b6cc;
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn svg {
    width: 0.16rem;
    margin-right: 0.12rem;
    vertical-align: top;
}

@media (max-width: 768px) {
    .promotion-apply-popup-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .fill-detail-title {
        font-size: 0.3rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .promotion-apply-popup-modal-close {
        font-size: 0.7rem;
        top: 0.25rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer {
        font-size: 0.28rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .promotion-apply-popup-modal-close {
        min-width: 2.4rem;
        padding: 0.25rem 0 0.35rem;
        font-size: 0.3rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-close-btn {
        right: undefined;
        top: undefined;
        height: 0.5rem;
        width: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-close-btn svg {
        width: 0.4rem;
        height: 0.4rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-title-container {
        font-size: 0.3rem;
        padding: 0.3rem 0.25rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container {
        padding: 0.25rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-label {
        font-size: 0.3rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container .select-arrow {
        top: 0.21rem !important;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container::after {
        top: 0.25rem;
        border-width: 0 0.06rem 0.06rem 0;
        width: 0.16rem !important;
        height: 0.16rem !important;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-input {
        border-radius: 0.08rem;
        font-size: 0.3rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .select-container {
        width: 41%;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-control-inner {
        border-radius: 0.08rem;
        font-size: 0.3rem;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-control-inner::after {
        content: '';
        right: 0.25rem;
        top: 0.25rem;
        position: absolute;
        pointer-events: none;
        border-width: 0 0.06rem 0.06rem 0;
        border-color: #a2a2a2;
        border-style: solid;
        display: inline-block;
        width: 0.16rem !important;
        height: 0.16rem !important;
        transform: rotate(45deg);
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn {
        max-width: 47.18%;
        padding: 0;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn {
        font-size: 0.25rem;
        padding: 0.275rem 0.04rem;
        border-radius: 0.1rem;
        font-weight: 600;
    }
    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn svg {
        width: 0.28rem;
        vertical-align: middle;
        overflow: undefined;
    }
}

.download-page-qrcode-modal-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}

.download-page-qrcode-modal-container .download-page-qrcode-modal-body {
    padding: 0.1rem;
}

@media (max-width: 768px) {
    .download-page-qrcode-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
    }
    .download-page-qrcode-modal-container .download-page-qrcode-modal-body {
        padding: 0.5rem;
    }
}

.add-bank-modal-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}

.add-bank-modal-container .add-bank-modal-header {
    padding: 0.15rem 0.2rem;
    text-align: left;
}

.add-bank-modal-container .add-bank-modal-footer {
    display: flex;
    flex-direction: column;
    border-top: 0.02rem solid #ffffff33;
}

.add-bank-modal-container .add-bank-modal-footer .add-bank-modal-close {
    min-width: 1.2rem;
    padding: 0.15rem 0;
}

@media (max-width: 768px) {
    .add-bank-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
    }
    .add-bank-modal-container .add-bank-modal-header {
        height: 1rem;
    }
    .add-bank-modal-container .add-bank-modal-body {
        padding: 0.4rem 0.2rem;
    }
    .add-bank-modal-container .add-bank-modal-footer {
        display: flex;
        flex-direction: column;
    }
}

.delete-bank-popup-modal-container {
    width: 360px;
    min-width: 360px;
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .transaction-button-section {
    width: 100%;
}

@media (max-width: 768px) {
    .delete-bank-popup-modal-container {
        width: 85%;
        min-width: 85%;
    }
    .delete-bank-popup-modal-container .delete-bank-popup-modal-footer {
        font-size: 0.28rem;
    }
    .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .delete-bank-popup-delete {
        padding: 0.25rem 0 0.3rem;
        min-width: 3rem;
        font-size: 0.3rem;
    }
}

.select-bank-popup-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}

.select-bank-popup-container .select-bank-popup-header {
    padding: 0.15rem 0.2rem;
    text-align: left;
}

.select-bank-popup-container .select-bank-popup-footer {
    display: flex;
    flex-direction: column;
    border-top: 0.02rem solid #ffffff33;
}

.select-bank-popup-container .select-bank-popup-footer .add-bank-modal-close {
    min-width: 1.2rem;
    padding: 0.15rem 0;
}

@media (max-width: 768px) {
    .select-bank-popup-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
    }
    .select-bank-popup-container .select-bank-popup-header {
        height: 1rem;
    }
    .select-bank-popup-container .select-bank-popup-body {
        padding: 0.4rem 0.2rem 0.1rem;
    }
    .select-bank-popup-container .select-bank-popup-footer {
        display: flex;
        flex-direction: column;
    }
}

.delete-message-popup-modal-container {
    width: 360px;
    min-width: 360px;
}

.delete-message-popup-modal-container .delete-message-popup-modal-footer {
    justify-content: center;
}

@media (max-width: 768px) {
    .delete-message-popup-modal-container {
        width: 85%;
        min-width: 85%;
    }
    .delete-message-popup-modal-container .delete-message-popup-modal-header .delete-message-title {
        font-size: 0.3rem;
    }
    .delete-message-popup-modal-container .delete-message-popup-modal-footer {
        font-size: 0.28rem;
    }
    .delete-message-popup-modal-container .delete-message-popup-modal-footer .delete-message-popup-delete {
        padding: 0.25rem 0 0.3rem;
        min-width: 3rem;
        font-size: 0.3rem;
    }
}

.promotion-special-code-popup-modal-container {
    width: 3.6rem;
    min-width: 3.6rem;
    max-width: 3.6rem;
}

.promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-row {
    display: flex;
    margin-bottom: 0.06rem;
    opacity: 0.75;
    align-items: center;
}

.promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-column {
    width: 50%;
}

.promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code_dott {
    margin-right: 0.06rem;
}

@media (max-width: 768px) {
    .promotion-special-code-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
    }
    .promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-row {
        height: 0.9rem;
    }
}

.verification-popup-modal-container {
    width: 5.76rem;
    min-width: 5.76rem;
    max-width: 5.76rem;
    min-height: 5rem;
}

.verification-popup-modal-container .verification-popup-modal-title {
    font-weight: 700;
    color: #000;
}

.verification-popup-modal-container .verification-popup-modal-header {
    position: relative;
    width: 100%;
    text-align: center;
    height: 100%;
    background: #fff;
    color: #fff;
    padding: 0.15rem 0.1rem;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    border-bottom: transparent;
}

.verification-popup-modal-container .verification-popup-modal-header .standard-modal-close {
    color: #7e7c7c;
    width: 5%;
    margin-left: auto;
    cursor: pointer;
}

.verification-popup-modal-container .birthdate-verification-remark-text {
    color: #7e7c7c;
}

.verification-popup-modal-container .verification-popup-modal-body {
    background: #fff;
    color: #000;
    padding: 0.15rem 0.4rem;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content {
    margin: 0.05rem 0 0;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content p {
    color: #7a7d7c;
    text-align: left;
    font-size: 0.14rem;
    margin: 0 0 0.3rem;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .text-danger {
    font-size: 0.15rem;
    margin: 0.05rem 0 0;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-popup-modal-content-text {
    width: 100%;
    color: #000;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0.4rem;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-form-div {
    display: flex;
    width: 100%;
    align-items: center;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .close-button {
    justify-content: center;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-label {
    color: Grey;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input {
    background: #99999999;
    color: #7a7d7c;
    height: 0.38rem;
    border-radius: 0.05rem;
    padding: 0.05rem 0.05rem 0.05rem 0.1rem;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.otp-input {
    width: 100%;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .validate-opt-button:disabled {
    opacity: 0.5;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .resend-new-email:disabled {
    opacity: 0.5;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box {
    width: 50%;
    left: 25%;
    top: 280%;
    transform: translate(-50%, -50%);
    max-height: unset;
    height: 1.6rem;
    font-size: 0.14rem;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box input {
    font-size: 0.14rem;
    color: #fff;
    text-transform: capitalize;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section {
    margin: 0 0 0 0.2rem;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section .close-button {
    background: #b6b6b680;
    border-radius: 0.1rem;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section button {
    min-width: unset;
    height: auto;
    padding: 0.15rem 0.4rem;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button {
    background: 0 0;
    border: 0.01rem solid #00eaff;
    color: #00eaff;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button.standard-submit-form-button:disabled {
    background: 0 0;
    opacity: 1;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button:hover {
    background: 0 0;
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content.birthdate-verification-content {
    display: flex;
    width: 50%;
    margin: 0.3rem auto;
    align-items: center;
    justify-content: center;
}

.verification-popup-modal-container .verification-popup-modal-body .close-button {
    margin: 0.3rem auto 0;
}

.verification-popup-modal-container .verification-popup-modal-body .close-button:disabled {
    opacity: 0.5;
}

.verification-popup-modal-container .verification-popup-modal-body .phone-verification-button {
    padding: 0;
    width: 100%;
    border-top: none;
}

.verification-popup-modal-container .verification-popup-modal-body .phone-verification-button .transaction-button-section .standard-button-container {
    grid-gap: 2%;
}

.verification-popup-modal-container .verification-popup-modal-body .phone-verification-button .transaction-button-section .standard-button-container .standard-submit-form-button:disabled {
    opacity: 1;
}

@media (min-width: 769px) {
    .verification-popup-modal-container .verification-popup-modal-body .phone-verification-button .transaction-button-section .standard-button-container {
        display: grid;
        grid-template-columns: 35% 50%;
        justify-content: start;
    }
    .verification-popup-modal-container .verification-popup-modal-body .phone-verification-button .transaction-button-section .standard-button-container .standard-submit-form-button {
        width: 100%;
        min-width: 50%;
        margin: 0;
    }
}

.verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) {
    margin: 0 0 0.2rem;
}

.verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div .standard-button-container {
    grid-gap: 2%;
    padding: 0.1rem 0;
}

.verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div .standard-button-container .validate-otp-button:disabled {
    opacity: 1;
}

@media (min-width: 769px) {
    .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div {
        display: block;
    }
    .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div .transaction-button-section .standard-button-container {
        justify-content: start;
    }
    .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div .transaction-button-section .standard-button-container button {
        margin: 0;
        min-width: 30%;
    }
}

.verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-popup-modal-title {
    display: block;
    border: 0.01rem #dcdcdc;
    border-style: solid none none;
    padding: 0.3rem 0 0;
}

.verification-popup-modal-container .verification-button {
    background: #99999999;
    padding: 0.1rem 0.15rem;
    border: transparent;
    color: #fff;
    margin: 0.1rem;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 0.05rem;
}

.verification-popup-modal-container .verification-button:disabled {
    opacity: 0.5;
}

.verification-popup-modal-container .verification-button:hover {
    background: undefined;
}

.member-verification-popup-modal-container {
    overflow: unset;
}

.member-verification-popup-modal-container .member-verification-popup-modal-body .member-verification-form-field {
    flex-wrap: initial;
}

.member-verification-popup-modal-container .member-verification-popup-modal-body .member-verification-form-field .verification-telnum-field {
    border-radius: 0.05rem;
    padding: 0.05rem 0.05rem 0.05rem 0.1rem;
}

@media (max-width: 768px) {
    .verification-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: 0.28rem;
        overflow: unset;
        position: relative;
    }
    .verification-popup-modal-container .verification-popup-modal-body {
        padding: 0.6rem 0.35rem 0.1rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body p {
        margin-bottom: 0.4rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content {
        margin: 0;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content p {
        text-align: unset;
        font-size: 0.25rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .text-danger {
        font-size: 0.28rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field {
        justify-content: initial;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-form-div {
        display: block;
        margin: 0.2rem 0 0;
        justify-content: undefined;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .validate-opt-button {
        margin: 0.1rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .resend-new-email {
        margin: 0 0 0 0.25rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input {
        height: 0.8rem;
        font-size: 0.28rem;
        width: 73%;
        padding: 0.05rem 0.65rem 0.05rem 0.15rem;
        border-radius: 0.1rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcode-field {
        width: 25%;
        margin-right: 0.1rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-otp-field {
        width: 100%;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .phone-verification-center-button {
        padding: 0.6rem 0.2rem 0.3rem !important;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section {
        padding: 0.25rem 0.2rem 0.3rem;
        margin: 0 auto;
        width: 60%;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section button {
        height: 0.85rem;
        font-size: 0.25rem;
        border-radius: 0.1rem;
        width: 100%;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .email-input {
        width: 100%;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box {
        width: 50%;
        left: 26%;
        top: 90%;
        font-size: 0.25rem;
        max-height: unset;
        height: 2.7rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box .international-telcode-options .standard-select-options {
        height: 0.5rem;
        padding: 0.05rem 0.15rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box input {
        font-size: 0.25rem;
        height: 0.6rem;
    }
    .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field .upper-button-section {
        padding: 0.25rem 0 0.3rem;
        margin: 0;
        width: 50%;
    }
    .verification-popup-modal-container .verification-button {
        font-size: 0.25rem;
        padding: 0.2rem;
        border-radius: 0.1rem;
        margin: 0;
        height: 0.8rem;
    }
    .member-verification-popup-modal-container .member-verification-popup-modal-body .member-verification-form-field .verification-telnum-field {
        min-height: 0.8rem;
        border-radius: 0.05rem;
        padding: 0.05rem 0.65rem 0.05rem 0.15rem;
    }
    .member-verification-popup-modal-container .member-verification-popup-modal-footer {
        margin: 0;
        border-top: none;
        border-radius: 0 0 0.1rem 0.1rem;
    }
}

.maintenance-popup-modal-container {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}

.maintenance-popup-modal-container .maintenance-popup-modal-body {
    text-align: center;
}

.maintenance-popup-modal-container .maintenance-popup-modal-body .maintenance-icon {
    width: 0.6rem;
}

.maintenance-popup-modal-container .maintenance-popup-modal-body .maintenance-date {
    font-weight: 700;
}

@media (max-width: 768px) {
    .maintenance-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: 0.28rem;
    }
}

.quick-transfer-modal-container {
    width: 500px;
}

.quick-transfer-modal-container .qt-modal .standard-popup-modal-header {
    background: unset;
    padding: 0 0.2rem;
}

.quick-transfer-modal-container .qt-modal .standard-popup-modal-header .standard-modal-close {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
}

.quick-transfer-modal-container .qt-modal .standard-popup-modal-header .standard-modal-close svg {
    fill: #aaa;
    width: 0.24rem;
    height: 0.24rem;
}

.quick-transfer-modal-container .qt-modal .qt-content {
    padding: 0.3rem 0.25rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.15rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming {
    width: 45%;
    font-size: 0.16rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper {
    display: flex;
    align-items: center;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper .to-arrow {
    display: flex;
    align-items: center;
    margin: 0 0.1rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper .to-arrow svg {
    height: 0.16rem;
    width: 0.16rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container {
    display: flex;
    align-items: center;
    width: 55%;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-img {
    width: 30%;
    padding: 0 0.15rem 0 0;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-img img {
    width: 100%;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content {
    width: 70%;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content p {
    margin: 0;
    font-size: 0.16rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content .name {
    color: #aaa;
}

.quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content .turnover {
    background: #99999999;
    color: #aaa;
    padding: 0.03rem 0.05rem;
    border-radius: 0.05rem;
    margin: 0.02rem 0;
    font-size: 0.14rem;
    line-height: 1;
    justify-content: unset;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field {
    margin: 0 0 0.15rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper {
    justify-content: space-between;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper .standard-input {
    width: 70%;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper .allin-btn {
    width: 28%;
    border: 0.01rem solid #ffffff33;
    border-radius: 0.2rem;
    min-width: 1rem;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0.38rem;
    height: 100%;
    font-size: 0.14rem;
    color: #aaa;
    padding: undefined;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper .allin-btn:hover {
    background: #511a91;
    color: WhitE;
    border: none;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-form .range-container {
    height: 0.2rem;
    width: 100%;
    position: relative;
    background: #ffffff1a;
    border-radius: 0.2rem;
    margin: 0 0 0.15rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-form .range-container input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    border-radius: 0.2rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-form .range-container input::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    z-index: 3;
    position: relative;
    width: 0.6rem;
    height: 0.3rem;
    background: #511a91;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-form .range-container input::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    z-index: 3;
    position: relative;
    width: 0.6rem;
    height: 0.3rem;
    background: #511a91;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
}

.quick-transfer-modal-container .qt-modal .qt-content .qt-redirect-btn {
    display: flex;
    justify-content: center;
    padding: 0.4rem 0 0.2rem;
    text-decoration: underline !important;
    font-size: 0.14rem;
    color: #aaa;
}

@media (max-width: 768px) {
    .quick-transfer-modal-container {
        width: 90%;
        overflow: hidden;
        background: #fff;
    }
    .quick-transfer-modal-container .qt-modal .standard-popup-modal-header {
        height: unset;
        padding: 0;
    }
    .quick-transfer-modal-container .qt-modal .standard-popup-modal-header .standard-modal-close {
        top: 0.1rem;
    }
    .quick-transfer-modal-container .qt-modal .standard-popup-modal-header .standard-modal-close svg {
        width: 0.5rem;
        height: 0.5rem;
    }
    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming {
        width: 35%;
        font-size: 0.25rem;
    }
    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper .to-arrow {
        margin: 0 0 0 0.15rem;
    }
    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper .to-arrow svg {
        height: 0.2rem;
        width: 0.2rem;
    }
    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container {
        width: 65%;
    }
    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content p {
        font-size: 0.25rem;
    }
    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content .turnover {
        font-size: 0.24rem;
    }
    .quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper .allin-btn {
        font-size: 0.25rem;
        min-height: 0.8rem;
    }
    .quick-transfer-modal-container .qt-modal .qt-content .qt-redirect-btn {
        font-size: 0.21rem;
    }
}

.login-alert-popup-modal-container {
    width: 3.8rem;
    max-width: 3.8rem;
}

.login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section {
    width: 100%;
}

.login-alert-popup-modal-container .login-alert-popup-modal-footer .single-button-container .standard-button-container {
    justify-content: center;
}

@media (max-width: 768px) {
    .login-alert-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: 0.28rem;
        border-radius: 0.1rem 0.1rem 0 0;
    }
    .login-alert-popup-modal-container .login-alert-popup-modal-footer {
        justify-content: center;
    }
    .login-alert-popup-modal-container .login-alert-popup-modal-footer .login-alert-popup-modal-close {
        padding: 0.25rem 0.8rem;
        font-size: 0.3rem;
    }
}

.referral-share-modal-container {
    width: 550px;
}

.referral-share-modal-container .referral-share-modal-header {
    padding: 0.15rem 0.2rem;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container {
    padding: 0.15rem;
}

.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button .share-icon {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    font-size: 0.12rem;
    color: undefined;
}

.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div .share-icon {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    font-size: 0.12rem;
    color: undefined;
}

.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container:hover {
    background: #282828;
}

.referral-share-modal-container .referral-share-modal-body .slick-next-btn {
    display: none;
    position: absolute;
    width: 0.34rem;
    height: 0.34rem;
    background: #b8b8b8;
    border-radius: 50%;
    top: 24%;
    right: -3%;
    z-index: 9;
    cursor: pointer;
}

.referral-share-modal-container .referral-share-modal-body .slick-next-btn svg {
    width: 0.34rem;
    height: 0.34rem;
}

.referral-share-modal-container .referral-share-modal-body .slick-prev-btn {
    display: none;
    position: absolute;
    width: 0.34rem;
    height: 0.34rem;
    background: #b8b8b8;
    border-radius: 50%;
    top: 24%;
    left: -3%;
    z-index: 9;
    cursor: pointer;
}

.referral-share-modal-container .referral-share-modal-body .slick-prev-btn svg {
    width: 0.34rem;
    height: 0.34rem;
}

.referral-share-modal-container .referral-share-modal-body .show {
    display: block !important;
}

.referral-share-modal-container .referral-share-modal-body .share-url-copy-container .share-url-input {
    border: 0.01rem #ffffff33;
    border-style: none;
    border-radius: 0.05rem;
    color: WhitE;
    padding: 0.1rem;
}

.referral-share-modal-container .referral-share-modal-body .share-url-copy-container .share-url-copy-icon {
    position: absolute;
    right: 0.1rem;
    width: 0.21rem;
    height: 0.21rem;
    fill: #ffffffe6;
    margin: 0;
    cursor: pointer;
    border-radius: 100%;
}

@media (max-width: 768px) {
    .referral-share-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
    }
    .referral-share-modal-container .referral-share-modal-header {
        padding: 0.3rem;
    }
    .referral-share-modal-container .referral-share-modal-body {
        padding: 0.3rem;
    }
    .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 0.15rem;
        column-gap: 0.15rem;
        row-gap: 0.15rem;
    }
    .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button svg {
        width: 0.8rem;
        height: 0.8rem;
    }
    .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button img {
        width: 0.8rem;
        height: 0.8rem;
    }
    .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button .share-icon {
        font-size: 0.24rem;
    }
    .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div svg {
        width: 0.8rem;
        height: 0.8rem;
    }
    .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div img {
        width: 0.8rem;
        height: 0.8rem;
    }
    .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div .share-icon {
        font-size: 0.24rem;
    }
    .referral-share-modal-container .referral-share-modal-body .share-url-copy-container {
        margin: 0.3rem 0 0;
    }
    .referral-share-modal-container .referral-share-modal-body .share-url-copy-container .share-url-input {
        padding: 0.3rem 0.6rem 0.3rem 0.15rem;
        text-overflow: ellipsis;
    }
    .referral-share-modal-container .referral-share-modal-body .share-url-copy-container .share-url-copy-icon {
        right: 0.15rem;
        width: 0.4rem;
        height: 0.4rem;
    }
}

@media (max-width: 768px) {
    .referral-terms-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: 0.28rem;
    }
    .referral-terms-modal-container .referral-terms-modal-footer .transaction-button-section {
        width: 100%;
    }
    .referral-terms-modal-container .referral-terms-modal-footer .single-button-container .standard-button-container {
        justify-content: center;
    }
    .referral-terms-modal-container img {
        display: undefined;
        width: 0.4rem;
    }
}

@media (max-width: 768px) {
    .referral-search-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: 0.28rem;
        overflow: visible;
    }
    .referral-search-modal-container .referral-search-modal-body .form-field .mandatory {
        color: #000;
    }
    .referral-search-modal-container .referral-search-modal-body .form-field .react-datepicker-wrapper {
        border: 0.01rem solid #000;
    }
    .referral-search-modal-container .referral-search-modal-body .form-field input {
        border: undefined;
        border-bottom: undefined;
    }
    .referral-search-modal-container .referral-search-modal-footer {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .referral-bonus-detail-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: 0.28rem;
    }
    .referral-bonus-detail-modal-container .m-history-table .m-history-row {
        display: flex;
        margin-bottom: 0.06rem;
        opacity: 0.75;
        height: 0.9rem;
        align-items: center;
    }
    .referral-bonus-detail-modal-container .m-history-table .m-history-column {
        width: 50%;
    }
    .referral-bonus-detail-modal-container .m-history-table .m-history_dott {
        margin-right: 0.06rem;
    }
}

.game-popup-modal-container {
    width: 482px;
    max-width: 482px;
}

.game-popup-modal-container .game-popup-modal-body {
    padding: 0.16rem;
}

.game-popup-modal-container .game-popup-modal-body .game-image-container {
    background: linear-gradient(#000000, #041132);
    border-radius: 0.05rem;
    height: 1.85rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game-popup-modal-container .game-popup-modal-body .game-image-container .game-image {
    width: 1.5rem;
    border-radius: 0.08rem;
}

.game-popup-modal-container .game-popup-modal-footer .transaction-button-section {
    width: 100%;
}

.game-popup-modal-container .game-popup-modal-footer .transaction-button-section .popup-demo-btn {
    background: undefined;
    color: undefined;
}

.game-popup-modal-container .game-popup-modal-footer .transaction-button-section .popup-demo-btn:hover {
    background: undefined;
}

.game-popup-modal-container .game-popup-modal-footer .transaction-button-section .popup-play-btn {
    background: undefined;
    color: undefined;
}

.game-popup-modal-container .game-popup-modal-footer .transaction-button-section .popup-play-btn:hover {
    background: undefined;
}

.game-popup-modal-container .game-popup-modal-footer .single-button-container .standard-button-container {
    justify-content: center;
}

.game-popup-modal-container .game-popup-modal-footer .single-button-container .standard-button-container .standard-submit-form-button {
    background: undefined;
}

@media (max-width: 768px) {
    .game-popup-modal-container {
        width: 95%;
        max-width: 95%;
    }
    .game-popup-modal-container .game-popup-modal-header {
        display: flex;
        align-items: center;
        text-align: left;
        font-size: 0.3rem;
        border-radius: 0.1rem 0.1rem 0 0;
    }
    .game-popup-modal-container .game-popup-modal-body {
        padding: 0.16rem;
    }
    .game-popup-modal-container .game-popup-modal-body .game-image-container {
        background: linear-gradient(#000000, #041132);
        height: 3.75rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .game-popup-modal-container .game-popup-modal-body .game-image-container .game-image {
        width: 3.06rem;
        border-radius: 0.08rem;
    }
    .game-popup-modal-container .game-popup-modal-footer {
        border-radius: 0 0 0.1rem 0.1rem;
    }
    .game-popup-modal-container .game-popup-modal-footer .transaction-button-section {
        width: 100%;
    }
    .game-popup-modal-container .game-popup-modal-footer .single-button-container .standard-button-container {
        justify-content: center;
    }
}

.chg-psw-popup-overlay {
    display: flex;
    align-items: center;
}

.chg-psw-popup-modal-container {
    width: 478px;
    min-width: 478px;
    max-width: 478px;
}

@media (max-width: 768px) {
    .chg-psw-popup-modal-container {
        width: 90%;
        max-width: 90%;
        min-width: 90%;
    }
}

.m-referral-detail-popup-container {
    width: 90%;
}

.m-referral-detail-popup-container .referral-detail-popup-body-container .m-standard-setting-table-container .m-standard-setting-table {
    width: 100%;
}

.m-referral-detail-popup-container .referral-detail-popup-body-container .m-standard-setting-table-container .m-standard-setting-table tbody tr {
    height: 0.5rem;
}

.Toastify .Toastify__toast-container--top-center {
    top: 4em;
}

.Toastify .Toastify__toast {
    padding: 0.15rem;
    border-radius: 0.1rem;
    min-height: unset;
    margin-bottom: 0.1rem;
}

.Toastify .Toastify__toast-body {
    margin: 0;
}

.Toastify .Toastify__close-button {
    display: none;
}

.Toastify .Toastify__toast-container {
    min-width: 4rem;
    z-index: 10000;
}

.standard-notification-container {
    display: grid;
    grid-template-columns: 12% 87%;
    grid-column-gap: 1%;
    color: #666;
    grid-template-areas: 'icon content';
}

.standard-notification-container .standard-notification-icon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: icon;
}

.standard-notification-container .standard-notification-icon svg {
    width: 0.24rem;
}

.standard-notification-container .standard-notification-icon .success {
    fill: #32cd32;
}

.standard-notification-container .standard-notification-icon .error {
    fill: REd;
}

.standard-notification-container .standard-notification-icon .warning {
    fill: coral;
}

.standard-notification-container .standard-notification-icon .info {
    fill: #4169e1;
}

.standard-notification-container .standard-notification-content {
    font-size: 0.14rem;
    display: flex;
    align-items: center;
    grid-area: content;
}

.standard-notification-container .standard-notification-btn {
    grid-area: button;
    width: 20%;
    padding: 0.05rem;
    margin: 0.15rem auto 0;
    border: 0.01rem solid red;
    border-radius: 0.05rem;
    background: 0 0;
    color: red;
}

.standard-notification-container .error {
    color: REd;
}

.standard-notification-container.user-verification-container {
    grid-template-areas: 'icon content' 'button button';
}

@media (max-width: 768px) {
    .Toastify__toast {
        padding: 0.3rem !important;
        margin-bottom: 0.3rem;
    }
    .Toastify__toast:last-child {
        margin-bottom: calc(2rem + 5%);
        margin-bottom: -moz-calc(2rem + 5%);
        margin-bottom: -webkit-calc(2rem + 5%);
    }
    .Toastify__toast-container {
        width: 90vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .standard-notification-container .standard-notification-icon {
        width: 100%;
        margin-right: 0.15rem;
    }
    .standard-notification-container .standard-notification-icon svg {
        width: 0.4rem;
    }
    .standard-notification-container .standard-notification-content {
        font-size: 0.24rem;
    }
}

.standard-tab-container {
    width: 100%;
    overflow-x: auto;
    border-bottom: 0.02rem solid #ffffff33;
}

.standard-tab-container .standard-tab-divider {
    height: 0.1rem;
    width: 0.01rem;
}

.standard-tab-container .standard-tab {
    width: 100%;
    display: flex;
    font-size: 0.14rem;
    padding: 0;
}

.standard-tab-container .standard-tab .tab-header {
    color: #aaa;
    background: 0 0;
    cursor: pointer;
    height: auto;
    padding: 0.25rem 0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    white-space: nowrap;
    flex-grow: inherit;
    margin: 0;
    font-weight: 500;
    border-radius: unset;
    flex-direction: unset;
    position: relative;
}

.standard-tab-container .standard-tab .tab-header:hover,
.standard-tab-container .standard-tab .tab-header.active {
    background: 0 0;
    color: #fff;
    border: unset;
    border-style: unset;
    border-image: unset;
}

.standard-tab-container .standard-tab .tab-header:hover .hover-line,
.standard-tab-container .standard-tab .tab-header.active .hover-line {
    border-bottom: 0.03rem solid #ffe138;
    width: 0.25rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0;
}

.standard-tab-container .standard-tab .tab-header:hover .full-hover-line,
.standard-tab-container .standard-tab .tab-header.active .full-hover-line {
    border-bottom: 0.05rem solid #ff8a00;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0;
}

.standard-tab-container .standard-tab .tab-header .custom-tab-icon {
    position: absolute;
    width: 0.76rem;
    top: 0.1rem;
}

.standard-tab-container .standard-tab .tab-header-full-hover-line {
    color: #b8b8b8;
    background: 0 0;
    cursor: pointer;
    height: auto;
    padding: 0.18rem 0.25rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    white-space: nowrap;
    margin: 0;
    font-weight: 500;
    border-radius: unset;
    position: relative;
}

.standard-tab-container .standard-tab .tab-header-full-hover-line.active {
    background: 0 0;
    color: #fff;
    border: unset;
    border-style: unset;
    border-image: unset;
}

.standard-tab-container .standard-tab .tab-header-full-hover-line.active .full-hover-line {
    margin-top: 0.16rem;
    border-bottom: 0.05rem solid #ff8a00;
}

.standard-tab-container .standard-tab .tab-header:hover,
.standard-tab-container .standard-tab .tab-header-full-hover-line:hover {
    background: 0 0;
    color: #fff;
}

.standard-tab-container .standard-tab .dummy-tab-header,
.standard-tab-container .standard-tab .dummy-tab-header:hover {
    background: 0 0;
    color: transparent;
    cursor: default;
    border: none;
}

.announcement-tab-container .standard-tab {
    align-items: center;
    justify-content: center;
}

.announcement-tab-container .standard-tab .tab-header-full-hover-line.active {
    color: #000;
}

.announcement-tab-container .standard-tab .tab-header-full-hover-line:hover {
    background: 0 0;
    color: #444;
}

.promotion-tab-container .active-vip {
    background: #ff0 !important;
    color: #fff !important;
}

.slot-tab-container {
    padding: 0 0.2rem;
}

@media (max-width: 768px) {
    .standard-tab-container {
        background: unset;
        width: undefined;
        margin: undefined;
    }
    .standard-tab-container .standard-tab-divider {
        height: 0;
    }
    .standard-tab-container .standard-tab {
        font-size: 0.26rem;
        border-bottom: 0;
        padding: 0 0.1rem;
        overflow: auto;
    }
    .standard-tab-container .standard-tab .tab-header {
        background: undefined;
        padding: 0.25rem 0.3rem;
        font-size: 14px;
        color: undefined;
        margin: undefined;
    }
    .standard-tab-container .standard-tab .tab-header.active {
        background: 0 0;
        color: #fff;
        border-image: unset;
    }
    .standard-tab-container .standard-tab .tab-header.active .hover-line {
        width: 0.4rem;
        border-bottom: 0.06rem solid #ffe138;
    }
    .standard-tab-container .standard-tab .tab-header .custom-tab-icon {
        width: 1.4rem;
        position: absolute;
        top: 0;
    }
    .standard-tab-container.deposit-tab-container {
        border-bottom: unset;
    }
    .standard-tab-container.deposit-tab-container:after {
        content: '';
        display: none;
        border: unset;
        border-style: none none solid none;
        width: 95%;
        margin: auto;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper {
        padding: 0.2rem 0.2rem 0;
        border: none;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper::after {
        content: unset;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 0.1rem 0.1rem 0 0;
        padding: 0.25rem 0.3rem 0.4rem;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 0.2rem 0.16rem;
        padding: 0;
        margin: 0.2rem 0 0;
        overflow: visible;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper {
        display: flex;
        flex-direction: column;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header {
        padding: 0;
        background: #f6f6f6;
        border: 0.01rem solid #dcdcdc;
        border-radius: 0.05rem;
        height: 1rem;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header.active {
        background: rgba(40, 219, 0, 0.1);
        border: 0.05rem solid #28db00;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header .custom-tab-icon {
        top: -0.2rem;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header .bank-option-icon {
        display: flex;
        width: 0.9rem;
        position: unset;
        margin: auto;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header .hover-line {
        display: none;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header svg {
        position: absolute;
        right: -0.03rem;
        bottom: -0.03rem;
        width: 0.3rem;
        height: 0.3rem;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-desc {
        text-align: center;
        margin: 0.05rem 0 0;
        color: #888;
    }
    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-desc.active {
        color: #00eaff;
    }
    .slot-tab-container {
        padding: 0;
    }
    .slot-tab-container .standard-tab-divider {
        width: 0.01rem;
        height: 0.15rem;
    }
}

.casino-banner.s1-provider-banner-template .casino-top .casino_content .custom_container {
    right: 1.7rem;
    top: 2.5rem;
}

.casino-banner.s1-provider-banner-template .casino-bottom .casino-bottom-desc {
    top: unset;
    bottom: unset;
    left: unset;
    right: 1.2rem;
    color: #fff;
}

.casino-banner.s2-provider-banner-template .casino-top .casino_content .custom_container {
    right: 1.75rem;
    top: 2.6rem;
}

.casino-banner.s2-provider-banner-template .casino-bottom .casino-bottom-desc {
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    color: #000;
}

.casino-banner.s3-provider-banner-template .casino-top .casino_content .custom_container {
    right: 1.85rem;
    top: 2.4rem;
}

.casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-desc {
    top: 40%;
    bottom: unset;
    left: unset;
    right: unset;
    text-align: center;
}

.casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-desc .desc-text {
    width: 100%;
}

.casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-desc .casino-play-btn {
    margin: 0.1rem auto;
}

.casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-gallery li {
    width: 25%;
}

.casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-gallery .casinoABName {
    display: none;
}

.casino-banner.s4-provider-banner-template .casino-top .casino_content .custom_container {
    right: 1.75rem;
    top: 2.6rem;
}

.casino-banner.s4-provider-banner-template .casino-bottom .casino-bottom-desc {
    top: 1.46rem;
    bottom: unset;
    left: unset;
    right: 1.89rem;
    color: #fff;
}

@media (max-width: 2000px) {
    .casino-banner.s1-provider-banner-template .casino-top {
        height: 5.5rem;
    }
    .casino-banner.s1-provider-banner-template .casino-top img {
        height: 5.5rem;
    }
    .casino-banner.s1-provider-banner-template .casino-top .casino_content .custom_container {
        right: 2.02rem;
        top: 2.7rem;
    }
    .casino-banner.s2-provider-banner-template .casino-top {
        height: 5.5rem;
    }
    .casino-banner.s2-provider-banner-template .casino-top img {
        height: 5.5rem;
    }
    .casino-banner.s2-provider-banner-template .casino-top .casino_content .custom_container {
        right: 2.1rem;
        top: 2.8rem;
    }
    .casino-banner.s3-provider-banner-template .casino-top {
        height: 5.5rem;
    }
    .casino-banner.s3-provider-banner-template .casino-top img {
        height: 5.5rem;
    }
    .casino-banner.s3-provider-banner-template .casino-top .casino_content .custom_container {
        right: 2.2rem;
        top: 2.4rem;
    }
    .casino-banner.s4-provider-banner-template .casino-top {
        height: 5.5rem;
    }
    .casino-banner.s4-provider-banner-template .casino-top img {
        height: 5.5rem;
    }
    .casino-banner.s4-provider-banner-template .casino-top .casino_content .custom_container {
        right: 1.45rem;
        top: 2.6rem;
    }
}

@media (max-width: 1440px) {
    .casino-banner.s1-provider-banner-template .casino-top {
        height: 4.5rem;
    }
    .casino-banner.s1-provider-banner-template .casino-top img {
        margin-left: -2.4rem;
        height: 4.5rem;
    }
    .casino-banner.s1-provider-banner-template .casino-top .casino_content .custom_container {
        right: 1.94rem;
        top: 2.2rem;
    }
    .casino-banner.s2-provider-banner-template .casino-top {
        height: 5.2rem;
    }
    .casino-banner.s2-provider-banner-template .casino-top img {
        margin-left: -3.15rem;
        height: 5.2rem;
    }
    .casino-banner.s2-provider-banner-template .casino-top .casino_content .custom_container {
        right: 2.05rem;
        top: 2.7rem;
    }
    .casino-banner.s3-provider-banner-template .casino-top {
        height: 4.5rem;
    }
    .casino-banner.s3-provider-banner-template .casino-top img {
        margin-left: 0;
        width: 100%;
        height: 4.5rem;
    }
    .casino-banner.s3-provider-banner-template .casino-top .casino_content .custom_container {
        right: 2.05rem;
        top: 2.1rem;
    }
    .casino-banner.s4-provider-banner-template .casino-top {
        height: 5.2rem;
    }
    .casino-banner.s4-provider-banner-template .casino-top img {
        margin-left: -3.15rem;
        height: 5.2rem;
    }
    .casino-banner.s4-provider-banner-template .casino-top .casino_content .custom_container {
        right: 1.45rem;
        top: 2.6rem;
    }
}

@media (max-width: 1024px) {
    .casino-banner.s1-provider-banner-template .casino-top img {
        margin-left: -3.5rem;
    }
    .casino-banner.s1-provider-banner-template .casino-top .casino_content .custom_container {
        top: 2.2rem;
        right: 1.8rem;
    }
    .casino-banner.s2-provider-banner-template .casino-top img {
        margin-left: -4.35rem;
    }
    .casino-banner.s2-provider-banner-template .casino-top .casino_content .custom_container {
        top: 2.6rem;
        right: 2.05rem;
    }
    .casino-banner.s3-provider-banner-template .casino-top img {
        margin-left: 0;
        width: 100%;
    }
    .casino-banner.s3-provider-banner-template .casino-top .casino_content .custom_container {
        top: 2.1rem;
        right: 2.05rem;
    }
    .casino-banner.s4-provider-banner-template .casino-top img {
        margin-left: -4.35rem;
    }
    .casino-banner.s4-provider-banner-template .casino-top .casino_content .custom_container {
        right: 1.45rem;
        top: 2.6rem;
    }
}

.slot-container.s1-provider-banner-template .top .slot_content .custom_container {
    right: 2rem;
    top: 2.5rem;
}

.slot-container.s1-provider-banner-template .top .slot_content .custom_container_winner {
    left: -5.5rem;
    top: 5.15rem;
}

.slot-container.s2-provider-banner-template .top .slot_content .custom_container {
    right: 2.05rem;
    top: 2.1rem;
}

.slot-container.s2-provider-banner-template .top .slot_content .custom_container_winner {
    left: -5.42rem;
    top: 5.15rem;
}

.slot-container.s3-provider-banner-template .top .slot_content .custom_container {
    right: 2.15rem;
    top: 2.25rem;
}

.slot-container.s3-provider-banner-template .top .slot_content .custom_container_winner {
    left: -5.5rem;
    top: 5.12rem;
}

.slot-container.s4-provider-banner-template .top .slot_content .custom_container {
    right: 2.05rem;
    top: 2.1rem;
}

.slot-container.s4-provider-banner-template .top .slot_content .custom_container_winner {
    left: -5.42rem;
    top: 5.15rem;
}

@media (max-width: 2000px) {
    .slot-container.s1-provider-banner-template .top {
        height: 5.2rem;
    }
    .slot-container.s1-provider-banner-template .top img {
        height: 5.2rem;
    }
    .slot-container.s1-provider-banner-template .top .slot_content .custom_container {
        right: 1.55rem;
        top: 2.6rem;
    }
    .slot-container.s1-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.15rem;
        top: 5.2rem;
    }
    .slot-container.s2-provider-banner-template .top {
        height: 5.5rem;
    }
    .slot-container.s2-provider-banner-template .top img {
        height: 5.5rem;
    }
    .slot-container.s2-provider-banner-template .top .slot_content .custom_container {
        right: 2.2rem;
        top: 2.2rem;
    }
    .slot-container.s2-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.75rem;
        top: 5.5rem;
    }
    .slot-container.s3-provider-banner-template .top {
        height: 5.5rem;
    }
    .slot-container.s3-provider-banner-template .top img {
        height: 5.5rem;
    }
    .slot-container.s3-provider-banner-template .top .slot_content .custom_container {
        right: 2.3rem;
        top: 2.8rem;
    }
    .slot-container.s3-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.85rem;
        top: 5.5rem;
    }
    .slot-container.s4-provider-banner-template .top {
        height: 5.5rem;
    }
    .slot-container.s4-provider-banner-template .top img {
        height: 5.5rem;
    }
    .slot-container.s4-provider-banner-template .top .slot_content .custom_container {
        right: 1.75rem;
        top: 2.6rem;
    }
    .slot-container.s4-provider-banner-template .top .slot_content .custom_container_winner {
        left: -4.65rem;
        top: 5.5rem;
    }
}

@media (max-width: 1440px) {
    .slot-container.s1-provider-banner-template .top {
        height: 5.2rem;
    }
    .slot-container.s1-provider-banner-template .top img {
        margin-left: -2.4rem;
        height: 5.2rem;
    }
    .slot-container.s1-provider-banner-template .top .slot_content .custom_container {
        right: 1.55rem;
        top: 2.38rem;
    }
    .slot-container.s1-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.15rem;
        top: 5rem;
    }
    .slot-container.s2-provider-banner-template .top {
        height: 5.5rem;
    }
    .slot-container.s2-provider-banner-template .top img {
        margin-left: -3.48rem;
        height: 5.5rem;
    }
    .slot-container.s2-provider-banner-template .top .slot_content .custom_container {
        right: 2.18rem;
        top: 2.2rem;
    }
    .slot-container.s2-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.75rem;
        top: 5.5rem;
    }
    .slot-container.s3-provider-banner-template .top {
        height: 5.5rem;
    }
    .slot-container.s3-provider-banner-template .top img {
        margin-left: 0;
        width: 100%;
        height: 5.5rem;
    }
    .slot-container.s3-provider-banner-template .top .slot_content .custom_container {
        right: 2.15rem;
        top: 2.7rem;
    }
    .slot-container.s3-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.75rem;
        top: 5.5rem;
    }
    .slot-container.s4-provider-banner-template .top {
        height: 5.5rem;
    }
    .slot-container.s4-provider-banner-template .top img {
        margin-left: -3.48rem;
        height: 5.5rem;
    }
    .slot-container.s4-provider-banner-template .top .slot_content .custom_container {
        right: 1.75rem;
        top: 2.6rem;
    }
    .slot-container.s4-provider-banner-template .top .slot_content .custom_container_winner {
        left: -4.65rem;
        top: 5.5rem;
    }
}

@media (max-width: 1024px) {
    .slot-container.s1-provider-banner-template .top img {
        margin-left: -3.9rem;
    }
    .slot-container.s1-provider-banner-template .top .slot_content .custom_container {
        right: 1.75rem;
        top: 2.38rem;
    }
    .slot-container.s1-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.3rem;
        top: 5rem;
    }
    .slot-container.s2-provider-banner-template .top img {
        margin-left: -4.66rem;
    }
    .slot-container.s2-provider-banner-template .top .slot_content .custom_container {
        right: 2.16rem;
        top: 2.2rem;
    }
    .slot-container.s2-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.75rem;
        top: 5.5rem;
    }
    .slot-container.s3-provider-banner-template .top img {
        margin-left: 0;
        width: 100%;
    }
    .slot-container.s3-provider-banner-template .top .slot_content .custom_container {
        right: 2.2rem;
        top: 2.7rem;
    }
    .slot-container.s3-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.75rem;
        top: 5.5rem;
    }
    .slot-container.s4-provider-banner-template .top img {
        margin-left: -4.66rem;
    }
    .slot-container.s4-provider-banner-template .top .slot_content .custom_container {
        right: 1.75rem;
        top: 2.6rem;
    }
    .slot-container.s4-provider-banner-template .top .slot_content .custom_container_winner {
        left: -4.65rem;
        top: 5.5rem;
    }
}

.poker-banner.s1-provider-banner-template .top .poker_content .custom_container {
    right: 1.7rem;
    top: 2.4rem;
}

.poker-banner.s2-provider-banner-template .top .poker_content .custom_container {
    right: 1.75rem;
    top: 2.6rem;
}

.poker-banner.s2-provider-banner-template .poker_bottom {
    margin: auto;
}

.poker-banner.s2-provider-banner-template .poker_bottom .desc {
    top: 1.5rem;
    left: 1.2rem;
}

.poker-banner.s3-provider-banner-template .top .poker_content .custom_container {
    right: 1.8rem;
    top: 2.4rem;
}

.poker-banner.s3-provider-banner-template .poker_bottom {
    margin: auto;
}

.poker-banner.s3-provider-banner-template .poker_bottom .desc {
    top: 1.3rem;
    left: 1.35rem;
}

.poker-banner.s4-provider-banner-template .top .poker_content .custom_container {
    right: 1.75rem;
    top: 2.6rem;
}

.poker-banner.s4-provider-banner-template .poker_bottom {
    margin: auto;
}

.poker-banner.s4-provider-banner-template .poker_bottom .desc {
    top: 1.5rem;
    left: 1.2rem;
}

@media (max-width: 2000px) {
    .poker-banner.s1-provider-banner-template .top {
        height: 5.5rem;
    }
    .poker-banner.s1-provider-banner-template .top img {
        height: 5.5rem;
    }
    .poker-banner.s1-provider-banner-template .top .poker_content .custom_container {
        right: 2.05rem;
        top: 2.5rem;
    }
    .poker-banner.s2-provider-banner-template .top {
        height: 5.5rem;
    }
    .poker-banner.s2-provider-banner-template .top img {
        height: 5.5rem;
    }
    .poker-banner.s2-provider-banner-template .top .poker_content .custom_container {
        right: 2.1rem;
        top: 2.8rem;
    }
    .poker-banner.s3-provider-banner-template .top {
        height: 5.5rem;
    }
    .poker-banner.s3-provider-banner-template .top img {
        height: 5.5rem;
    }
    .poker-banner.s3-provider-banner-template .top .poker_content .custom_container {
        right: 2.15rem;
        top: 2.4rem;
    }
    .poker-banner.s4-provider-banner-template .top {
        height: 5.5rem;
    }
    .poker-banner.s4-provider-banner-template .top img {
        height: 5.5rem;
    }
    .poker-banner.s4-provider-banner-template .top .poker_content .custom_container {
        right: 1.5rem;
        top: 2.8rem;
    }
}

@media (max-width: 1440px) {
    .poker-banner.s1-provider-banner-template .top {
        height: 4.5rem;
    }
    .poker-banner.s1-provider-banner-template .top img {
        margin-left: -2.4rem;
        height: 4.5rem;
    }
    .poker-banner.s1-provider-banner-template .top .poker_content .custom_container {
        right: 1.92rem;
        top: 2.2rem;
    }
    .poker-banner.s2-provider-banner-template .top {
        height: 4.5rem;
    }
    .poker-banner.s2-provider-banner-template .top img {
        margin-left: -2.5rem;
        height: 4.5rem;
    }
    .poker-banner.s2-provider-banner-template .top .poker_content .custom_container {
        right: 2.06rem;
        top: 2.2rem;
    }
    .poker-banner.s3-provider-banner-template .top {
        height: 4.5rem;
    }
    .poker-banner.s3-provider-banner-template .top img {
        margin-left: 0;
        width: 100%;
        height: 4.5rem;
    }
    .poker-banner.s3-provider-banner-template .top .poker_content .custom_container {
        right: 2.1rem;
        top: 2.2rem;
    }
    .poker-banner.s4-provider-banner-template .top {
        height: 4.5rem;
    }
    .poker-banner.s4-provider-banner-template .top img {
        margin-left: -2.5rem;
        height: 4.5rem;
    }
    .poker-banner.s4-provider-banner-template .top .poker_content .custom_container {
        right: 1.5rem;
        top: 2.2rem;
    }
}

@media (max-width: 1024px) {
    .poker-banner.s1-provider-banner-template .top {
        height: 4rem;
    }
    .poker-banner.s1-provider-banner-template .top img {
        height: 4rem;
        margin-left: -2.5rem;
    }
    .poker-banner.s1-provider-banner-template .top .poker_content .custom_container {
        right: 1.3rem;
        top: 1.9rem;
    }
    .poker-banner.s2-provider-banner-template .top {
        height: 4rem;
    }
    .poker-banner.s2-provider-banner-template .top img {
        height: 4rem;
        margin-left: -3.22rem;
    }
    .poker-banner.s2-provider-banner-template .top .poker_content .custom_container {
        right: 2.06rem;
        top: 2rem;
    }
    .poker-banner.s3-provider-banner-template .top {
        height: 4rem;
    }
    .poker-banner.s3-provider-banner-template .top img {
        height: 4rem;
        margin-left: 0;
        width: 100%;
    }
    .poker-banner.s3-provider-banner-template .top .poker_content .custom_container {
        right: 2.1rem;
        top: 2rem;
    }
    .poker-banner.s4-provider-banner-template .top {
        height: 4rem;
    }
    .poker-banner.s4-provider-banner-template .top img {
        height: 4rem;
        margin-left: -3.22rem;
    }
    .poker-banner.s4-provider-banner-template .top .poker_content .custom_container {
        right: 1.5rem;
        top: 2rem;
    }
}

.lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
    right: 0.66rem;
    top: 2.6rem;
}

.lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
    right: 1.03rem;
    top: 2.8rem;
}

.lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
    right: 1.1rem;
    top: 2.4rem;
}

.lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
    right: 1.03rem;
    top: 2.8rem;
}

@media (max-width: 2000px) {
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
    }
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1rem;
        top: 2.5rem;
    }
    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
    }
    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.1rem;
        top: 2.8rem;
    }
    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
    }
    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.04rem;
        top: 2.4rem;
    }
    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
    }
    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.1rem;
        top: 2.8rem;
    }
}

@media (max-width: 1440px) {
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
        margin-left: -3.7rem;
    }
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.8rem;
        top: 2.5rem;
    }
    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
        margin-left: -3.17rem;
    }
    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.35rem;
        top: 2.9rem;
    }
    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
        margin-left: 0;
        width: 100%;
    }
    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.22rem;
        top: 2.5rem;
    }
    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
        margin-left: -3.17rem;
    }
    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.2rem;
        top: 2.9rem;
    }
}

@media (max-width: 1024px) {
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
        margin-left: -4.9rem;
    }
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.8rem;
        top: 2.4rem;
    }
    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
        margin-left: -4.38rem;
    }
    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.35rem;
        top: 2.9rem;
    }
    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
        margin-left: 0;
        width: 100%;
    }
    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.22rem;
        top: 2.5rem;
    }
    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem;
    }
    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
        height: 5.2rem;
        margin-left: -4.38rem;
    }
    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
        right: 1.2rem;
        top: 2.9rem;
    }
}

@media (max-width: 2000px) {
    .lotteryIndexContainerStyle.s1-provider-banner-template .top {
        height: 5.5rem;
    }
    .lotteryIndexContainerStyle.s1-provider-banner-template .top img {
        height: 5.5rem;
    }
    .lotteryIndexContainerStyle.s3-provider-banner-template .top {
        height: 5.5rem;
    }
    .lotteryIndexContainerStyle.s3-provider-banner-template .top img {
        height: 5.5rem;
    }
    .lotteryIndexContainerStyle.s4-provider-banner-template .top {
        height: 5.5rem;
    }
    .lotteryIndexContainerStyle.s4-provider-banner-template .top img {
        height: 5.5rem;
    }
}

@media (max-width: 1440px) {
    .lotteryIndexContainerStyle.s1-provider-banner-template .top {
        height: 4.5rem;
    }
    .lotteryIndexContainerStyle.s1-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: -2.4rem;
    }
    .lotteryIndexContainerStyle.s3-provider-banner-template .top {
        height: 4.5rem;
    }
    .lotteryIndexContainerStyle.s3-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: -2.4rem;
    }
    .lotteryIndexContainerStyle.s4-provider-banner-template .top {
        height: 4.5rem;
    }
    .lotteryIndexContainerStyle.s4-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: -2.4rem;
    }
}

@media (max-width: 1024px) {
    .lotteryIndexContainerStyle.s1-provider-banner-template .top {
        height: 4.5rem;
    }
    .lotteryIndexContainerStyle.s1-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: -3.6rem;
    }
    .lotteryIndexContainerStyle.s3-provider-banner-template .top {
        height: 4.5rem;
    }
    .lotteryIndexContainerStyle.s3-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: -3.6rem;
    }
    .lotteryIndexContainerStyle.s4-provider-banner-template .top {
        height: 4.5rem;
    }
    .lotteryIndexContainerStyle.s4-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: -3.6rem;
    }
}

.fishing-banner.s1-provider-banner-template .top .fishing_content .custom_container {
    right: 1.15rem;
    top: 2.6rem;
}

.fishing-banner.s2-provider-banner-template .top .fishing_content .custom_container {
    right: 1.55rem;
    top: 2.6rem;
}

.fishing-banner.s3-provider-banner-template .top .fishing_content .custom_container {
    right: 1.65rem;
    top: 2.4rem;
}

.fishing-banner.s4-provider-banner-template .top .fishing_content .custom_container {
    right: 1.55rem;
    top: 2.6rem;
}

@media (max-width: 2000px) {
    .fishing-banner.s1-provider-banner-template .top {
        height: 5.5rem;
    }
    .fishing-banner.s1-provider-banner-template .top img {
        height: 5.5rem;
    }
    .fishing-banner.s1-provider-banner-template .top .fishing_content .custom_container {
        right: 1.46rem;
        top: 2.9rem;
    }
    .fishing-banner.s2-provider-banner-template .top {
        height: 5.5rem;
    }
    .fishing-banner.s2-provider-banner-template .top img {
        height: 5.5rem;
    }
    .fishing-banner.s2-provider-banner-template .top .fishing_content .custom_container {
        right: 1.9rem;
        top: 2.8rem;
    }
    .fishing-banner.s3-provider-banner-template .top {
        height: 5.5rem;
    }
    .fishing-banner.s3-provider-banner-template .top img {
        height: 5.5rem;
    }
    .fishing-banner.s3-provider-banner-template .top .fishing_content .custom_container {
        right: 2rem;
        top: 2.4rem;
    }
    .fishing-banner.s4-provider-banner-template .top {
        height: 5.5rem;
    }
    .fishing-banner.s4-provider-banner-template .top img {
        height: 5.5rem;
    }
    .fishing-banner.s4-provider-banner-template .top .fishing_content .custom_container {
        right: 1.3rem;
        top: 2.8rem;
    }
}

@media (max-width: 1440px) {
    .fishing-banner.s1-provider-banner-template .top {
        height: 4.5rem;
    }
    .fishing-banner.s1-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: -3rem;
    }
    .fishing-banner.s1-provider-banner-template .top .fishing_content .custom_container {
        right: 1.84rem;
        top: 2.3rem;
    }
    .fishing-banner.s2-provider-banner-template .top {
        height: 4.5rem;
    }
    .fishing-banner.s2-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: -2.5rem;
    }
    .fishing-banner.s2-provider-banner-template .top .fishing_content .custom_container {
        right: 1.86rem;
        top: 2.3rem;
    }
    .fishing-banner.s3-provider-banner-template .top {
        height: 4.5rem;
    }
    .fishing-banner.s3-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: 0;
        width: 100%;
    }
    .fishing-banner.s3-provider-banner-template .top .fishing_content .custom_container {
        right: 1.9rem;
        top: 2.1rem;
    }
    .fishing-banner.s4-provider-banner-template .top {
        height: 4.5rem;
    }
    .fishing-banner.s4-provider-banner-template .top img {
        height: 4.5rem;
        margin-left: -2.5rem;
    }
    .fishing-banner.s4-provider-banner-template .top .fishing_content .custom_container {
        right: 1.35rem;
        top: 2.8rem;
    }
}

@media (max-width: 1024px) {
    .fishing-banner.s1-provider-banner-template .top {
        height: 4.5rem;
    }
    .fishing-banner.s1-provider-banner-template .top img {
        margin-left: -4.2rem;
        height: 4.5rem;
    }
    .fishing-banner.s1-provider-banner-template .top .fishing_contnet .custom_container {
        right: 1.8rem;
        top: 2.3rem;
    }
    .fishing-banner.s2-provider-banner-template .top {
        height: 4.5rem;
    }
    .fishing-banner.s2-provider-banner-template .top img {
        margin-left: -3.7rem;
        height: 4.5rem;
    }
    .fishing-banner.s2-provider-banner-template .top .fishing_contnet .custom_container {
        right: 1.85rem;
        top: 2.3rem;
    }
    .fishing-banner.s3-provider-banner-template .top {
        height: 4.5rem;
    }
    .fishing-banner.s3-provider-banner-template .top img {
        margin-left: 0;
        width: 100%;
        height: 4.5rem;
    }
    .fishing-banner.s3-provider-banner-template .top .fishing_contnet .custom_container {
        right: 1.9rem;
        top: 2.1rem;
    }
    .fishing-banner.s4-provider-banner-template .top {
        height: 4.5rem;
    }
    .fishing-banner.s4-provider-banner-template .top img {
        margin-left: -3.7rem;
        height: 4.5rem;
    }
    .fishing-banner.s4-provider-banner-template .top .fishing_contnet .custom_container {
        right: 1.35rem;
        top: 2.8rem;
    }
}

.Sports-content-container.s1-provider-banner-template {}

.Sports-content-container.s1-provider-banner-template .m8-banner {
    background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s1/sport/S-M8.jpg), url(/public/html/images/sports/sport-bg.jpg);
}

.Sports-content-container.s1-provider-banner-template .bti-banner {
    background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s1/sport/S-BTI.jpg), url(/public/html/images/sports/bti-bg.jpg);
}

.Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
    right: 0.98rem;
    top: 2.55rem;
}

.Sports-content-container.s2-provider-banner-template {}

.Sports-content-container.s2-provider-banner-template .m8-banner {
    background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s2/sport/S-M8-bg.jpg), url(/public/html/images/sports/sport-bg.jpg);
}

.Sports-content-container.s2-provider-banner-template .bti-banner {
    background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s2/sport/S-BTI-bg.jpg), url(/public/html/images/sports/bti-bg.jpg);
}

.Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
    right: 1.8rem;
    top: 2.3rem;
}

.Sports-content-container.s3-provider-banner-template {}

.Sports-content-container.s3-provider-banner-template .m8-banner {
    background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s3/sport/S-M8-bg.jpg), url(/public/html/images/sports/sport-bg.jpg);
    height: 100%;
    background-size: cover;
}

.Sports-content-container.s3-provider-banner-template .bti-banner {
    background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s3/sport/S-BTI-bg.jpg), url(/public/html/images/sports/bti-bg.jpg);
}

.Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
    right: 1.1rem;
    top: 2.4rem;
}

.Sports-content-container.s4-provider-banner-template {}

.Sports-content-container.s4-provider-banner-template .m8-banner {
    background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s4/sport/S-M8-bg.jpg), url(/public/html/images/sports/sport-bg.jpg);
}

.Sports-content-container.s4-provider-banner-template .bti-banner {
    background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s4/sport/S-BTI-bg.jpg), url(/public/html/images/sports/bti-bg.jpg);
}

.Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
    right: 1.8rem;
    top: 2.3rem;
}

@media (max-width: 2000px) {
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.5rem;
    }
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner img {
        height: 5.5rem;
    }
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.3rem;
        top: 2.75rem;
    }
    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.5rem;
    }
    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner img {
        height: 5.5rem;
    }
    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.4rem;
        top: 2.8rem;
    }
    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.5rem;
    }
    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner img {
        height: 5.5rem;
    }
    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.45rem;
        top: 2.4rem;
    }
    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.5rem;
    }
    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner img {
        height: 5.5rem;
    }
    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 0.8rem;
        top: 2.8rem;
    }
}

@media (max-width: 1440px) {
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem;
    }
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner img {
        margin-left: -4rem;
        height: 5.2rem;
    }
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 2.1rem;
        top: 2.5rem;
    }
    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem;
    }
    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner img {
        margin-left: -3.2rem;
        height: 5.2rem;
    }
    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.4rem;
        top: 2.6rem;
    }
    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem;
    }
    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner img {
        margin-left: -3.15rem;
        height: 5.2rem;
    }
    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.45rem;
        top: 2.4rem;
    }
    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem;
    }
    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner img {
        margin-left: -3.2rem;
        height: 5.2rem;
    }
    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 0.8rem;
        top: 2.6rem;
    }
}

@media (max-width: 1024px) {
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem;
    }
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner img {
        margin-left: -4.9rem;
        height: 5.2rem;
    }
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.8rem;
        top: 2.55rem;
    }
    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem;
    }
    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner img {
        margin-left: -4.4rem;
        height: 5.2rem;
    }
    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.4rem;
        top: 2.6rem;
    }
    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem;
    }
    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner img {
        margin-left: -4.35rem;
        height: 5.2rem;
    }
    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.4rem;
        top: 2.4rem;
    }
    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem;
    }
    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner img {
        margin-left: -4.4rem;
        height: 5.2rem;
    }
    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 0.8rem;
        top: 2.6rem;
    }
}

.esportLandingSection.s1-provider-banner-template .esport-banner .btn-container .custom_container {
    right: 0.95rem;
    top: 2.1rem;
}

.esportLandingSection.s2-provider-banner-template .esport-banner .btn-container .custom_container {
    right: 0.85rem;
    top: 2.7rem;
}

.esportLandingSection.s3-provider-banner-template .esport-banner .btn-container .custom_container {
    right: 1.15rem;
    top: 2.4rem;
}

.esportLandingSection.s4-provider-banner-template .esport-banner .btn-container .custom_container {
    right: 0.85rem;
    top: 2.7rem;
}

@media (max-width: 2000px) {
    .esportLandingSection.s1-provider-banner-template .esport-banner {
        height: 5.5rem;
    }
    .esportLandingSection.s1-provider-banner-template .esport-banner img {
        height: 5.5rem;
    }
    .esportLandingSection.s1-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.34rem;
        top: 2.5rem;
    }
    .esportLandingSection.s2-provider-banner-template .esport-banner {
        height: 5.5rem;
    }
    .esportLandingSection.s2-provider-banner-template .esport-banner img {
        height: 5.5rem;
    }
    .esportLandingSection.s2-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.2rem;
        top: 2.8rem;
    }
    .esportLandingSection.s3-provider-banner-template .esport-banner {
        height: 5.5rem;
    }
    .esportLandingSection.s3-provider-banner-template .esport-banner img {
        height: 5.5rem;
    }
    .esportLandingSection.s3-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.5rem;
        top: 2.5rem;
    }
    .esportLandingSection.s4-provider-banner-template .esport-banner {
        height: 5.5rem;
    }
    .esportLandingSection.s4-provider-banner-template .esport-banner img {
        height: 5.5rem;
    }
    .esportLandingSection.s4-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.2rem;
        top: 2.8rem;
    }
}

@media (max-width: 1440px) {
    .esportLandingSection.s1-provider-banner-template .esport-banner {
        height: 4.5rem;
    }
    .esportLandingSection.s1-provider-banner-template .esport-banner img {
        margin-left: -2.95rem;
        height: 4.5rem;
    }
    .esportLandingSection.s1-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.76rem;
        top: 2.2rem;
    }
    .esportLandingSection.s2-provider-banner-template .esport-banner {
        height: 4.5rem;
    }
    .esportLandingSection.s2-provider-banner-template .esport-banner img {
        margin-left: -2.6rem;
        height: 4.5rem;
    }
    .esportLandingSection.s2-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.3rem;
        top: 2.4rem;
    }
    .esportLandingSection.s3-provider-banner-template .esport-banner {
        height: 4.5rem;
    }
    .esportLandingSection.s3-provider-banner-template .esport-banner img {
        margin-left: 0;
        width: 100%;
        height: 4.5rem;
    }
    .esportLandingSection.s3-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.35rem;
        top: 2.15rem;
    }
    .esportLandingSection.s4-provider-banner-template .esport-banner {
        height: 4.5rem;
    }
    .esportLandingSection.s4-provider-banner-template .esport-banner img {
        margin-left: -2.6rem;
        height: 4.5rem;
    }
    .esportLandingSection.s4-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.3rem;
        top: 2.4rem;
    }
}

@media (max-width: 1024px) {
    .esportLandingSection.s1-provider-banner-template .esport-banne img {
        margin-left: -4.1rem;
    }
    .esportLandingSection.s1-provider-banner-template .esport-banne .btn-container .custom_container {
        right: 1.69rem;
        top: 2.1rem;
    }
    .esportLandingSection.s2-provider-banner-template .esport-banner img {
        margin-left: -3.9rem;
    }
    .esportLandingSection.s2-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.4rem;
        top: 2.4rem;
    }
    .esportLandingSection.s3-provider-banner-template .esport-banner img {
        margin-left: 0;
        width: 100%;
    }
    .esportLandingSection.s3-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.4rem;
        top: 2.15rem;
    }
    .esportLandingSection.s4-provider-banner-template .esport-banner img {
        margin-left: -3.9rem;
    }
    .esportLandingSection.s4-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.4rem;
        top: 2.4rem;
    }
}

.game3DContainerStyle {}

.game3DContainerStyle.s1-provider-banner-template .top .games_content .custom_container {
    right: 1.65rem;
    top: 2.4rem;
}

.game3DContainerStyle.s3-provider-banner-template .top .games_content .custom_container {
    right: 1.8rem;
    top: 2.3rem;
}

.game3DContainerStyle.s4-provider-banner-template .top .games_content .custom_container {
    right: 1.8rem;
    top: 2.3rem;
}

@media (max-width: 2000px) {
    .game3DContainerStyle.s1-provider-banner-template .top {
        height: 514px;
    }
    .game3DContainerStyle.s1-provider-banner-template .top img {
        height: 514px;
    }
    .game3DContainerStyle.s1-provider-banner-template .top .games_content .custom_container {
        right: 1.65rem;
        top: 2.4rem;
    }
    .game3DContainerStyle.s3-provider-banner-template .top {
        height: 514px;
    }
    .game3DContainerStyle.s3-provider-banner-template .top img {
        height: 514px;
    }
    .game3DContainerStyle.s3-provider-banner-template .top .games_content .custom_container {
        right: 1.8rem;
        top: 2.4rem;
    }
    .game3DContainerStyle.s4-provider-banner-template .top {
        height: 514px;
    }
    .game3DContainerStyle.s4-provider-banner-template .top img {
        height: 514px;
    }
    .game3DContainerStyle.s4-provider-banner-template .top .games_content .custom_container {
        right: 1.8rem;
        top: 2.4rem;
    }
}

@media (max-width: 1440px) {
    .game3DContainerStyle.s1-provider-banner-template .top {
        height: 4.5rem;
    }
    .game3DContainerStyle.s1-provider-banner-template .top img {
        margin-left: -2.4rem;
        height: 4.5rem;
    }
    .game3DContainerStyle.s1-provider-banner-template .top .games_content .custom_container {
        right: 1.9rem;
        top: 2.1rem;
    }
    .game3DContainerStyle.s3-provider-banner-template .top {
        height: 4.5rem;
    }
    .game3DContainerStyle.s3-provider-banner-template .top img {
        margin-left: 0;
        width: 100%;
        height: 4.5rem;
    }
    .game3DContainerStyle.s3-provider-banner-template .top .games_content .custom_container {
        right: 2.05rem;
        top: 2.2rem;
    }
    .game3DContainerStyle.s4-provider-banner-template .top {
        height: 4.5rem;
    }
    .game3DContainerStyle.s4-provider-banner-template .top img {
        margin-left: -2.4rem;
        height: 4.5rem;
    }
    .game3DContainerStyle.s4-provider-banner-template .top .games_content .custom_container {
        right: 2.05rem;
        top: 2.2rem;
    }
}

@media (max-width: 1024px) {
    .game3DContainerStyle.s1-provider-banner-template .top {
        height: 4.5rem;
    }
    .game3DContainerStyle.s1-provider-banner-template .top img {
        margin-left: -3.6rem;
    }
    .game3DContainerStyle.s1-provider-banner-template .top .games_content .custom_container {
        top: 2.1rem;
        right: 1.87rem;
    }
    .game3DContainerStyle.s3-provider-banner-template .top {
        height: 4.5rem;
    }
    .game3DContainerStyle.s3-provider-banner-template .top img {
        margin-left: 0;
        width: 100%;
    }
    .game3DContainerStyle.s3-provider-banner-template .top .games_content .custom_container {
        top: 2.2rem;
        right: 2.05rem;
    }
    .game3DContainerStyle.s4-provider-banner-template .top {
        height: 4.5rem;
    }
    .game3DContainerStyle.s4-provider-banner-template .top img {
        margin-left: -3.6rem;
    }
    .game3DContainerStyle.s4-provider-banner-template .top .games_content .custom_container {
        top: 2.2rem;
        right: 2.05rem;
    }
}

.mobileGameTabSection .mobileGameTabContainer.s1-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.ds1-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.s2-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.ds2-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.ds3-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.s3-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.ds4-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.ds5-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.s4-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.s5-submenu-icon-template .submenuTab ul li .mobileGameTabList svg,
.mobileGameTabSection .mobileGameTabContainer.ds6-submenu-icon-template .submenuTab ul li .mobileGameTabList svg {
    fill: #edfa00;
}

.mobileGameTabSection .mobileGameTabContainer.s1-submenu-icon-template .submenuTab ul li .mobileGameTabList,
.mobileGameTabSection .mobileGameTabContainer.ds1-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: center;
}

.mobileGameTabSection .mobileGameTabContainer.s1-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img,
.mobileGameTabSection .mobileGameTabContainer.ds1-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img {
    width: 70%;
    max-height: 6.48rem;
    margin-top: 0;
    min-width: 2.65rem;
}

.mobileGameTabSection .mobileGameTabContainer.s2-submenu-icon-template .submenuTab ul li .mobileGameTabList,
.mobileGameTabSection .mobileGameTabContainer.ds2-submenu-icon-template .submenuTab ul li .mobileGameTabList,
.mobileGameTabSection .mobileGameTabContainer.ds3-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: center;
}

.mobileGameTabSection .mobileGameTabContainer.s2-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container,
.mobileGameTabSection .mobileGameTabContainer.ds2-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container,
.mobileGameTabSection .mobileGameTabContainer.ds3-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container {
    height: 2.4rem;
}

.mobileGameTabSection .mobileGameTabContainer.s2-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container .submenu-img,
.mobileGameTabSection .mobileGameTabContainer.ds2-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container .submenu-img,
.mobileGameTabSection .mobileGameTabContainer.ds3-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container .submenu-img {
    width: 75%;
    max-height: 2.48rem;
    margin-top: 0.2rem;
    min-width: 2.65rem;
}

.mobileGameTabSection .mobileGameTabContainer.s3-submenu-icon-template .submenuTab ul li .mobileGameTabList,
.mobileGameTabSection .mobileGameTabContainer.ds4-submenu-icon-template .submenuTab ul li .mobileGameTabList,
.mobileGameTabSection .mobileGameTabContainer.ds5-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: center;
}

.mobileGameTabSection .mobileGameTabContainer.s3-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img,
.mobileGameTabSection .mobileGameTabContainer.ds4-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img,
.mobileGameTabSection .mobileGameTabContainer.ds5-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img {
    width: auto;
    max-height: 6.48rem;
    margin-top: 0;
    min-width: 2.65rem;
    height: 2.945rem;
    object-fit: contain;
}

.mobileGameTabSection .mobileGameTabContainer.s4-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: center;
}

.mobileGameTabSection .mobileGameTabContainer.s4-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img {
    width: 85%;
    max-height: 6.48rem;
    margin-top: 0;
    min-width: 2.65rem;
}

.mobileGameTabSection .mobileGameTabContainer.s5-submenu-icon-template .submenuTab ul li .mobileGameTabList,
.mobileGameTabSection .mobileGameTabContainer.ds6-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: flex-start;
}

.mobileGameTabSection .mobileGameTabContainer.s5-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img,
.mobileGameTabSection .mobileGameTabContainer.ds6-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img {
    width: 85%;
    max-height: 6.48rem;
    margin-top: 0;
    min-width: 2.65rem;
    object-fit: unset;
}

.navbar-container.s1-submenu-icon-template,
.navbar-container.ds1-submenu-icon-template,
.navbar-container.s2-submenu-icon-template,
.navbar-container.ds2-submenu-icon-template,
.navbar-container.ds3-submenu-icon-template,
.navbar-container.s3-submenu-icon-template,
.navbar-container.ds4-submenu-icon-template,
.navbar-container.ds5-submenu-icon-template,
.navbar-container.s4-submenu-icon-template,
.navbar-container.s5-submenu-icon-template,
.navbar-container.ds6-submenu-icon-template {}

.navbar-container.s1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.s2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.s3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.s4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.s5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds6-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg {
    fill: #edfa00;
}

.navbar-container.s1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.s3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.s4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.s5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg,
.navbar-container.ds6-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg {
    fill: #edfa00;
}

.navbar-container.s1-submenu-icon-template {}

.navbar-container.s1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: auto;
    height: 0.4rem;
}

.navbar-container.s1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: -0.2rem;
    right: -0.2rem;
}

.navbar-container.s1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: auto;
    height: 0.4rem;
}

.navbar-container.s1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: 0.02rem;
    right: 0;
}

.navbar-container.ds1-submenu-icon-template {}

.navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: auto;
    height: 0.8rem;
}

.navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon svg {
    height: 0.8rem;
}

.navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: -0.2rem;
    right: -0.2rem;
}

.navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: auto;
    height: 1.1rem;
}

.navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon svg {
    height: 1.1rem;
    width: auto;
}

.navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .submenu-text {
    margin-top: 0;
}

.navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: 0.02rem;
    right: 0;
}

.navbar-container.s2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 1.25rem;
    height: auto;
}

.navbar-container.s2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: 0.02rem;
    right: 0;
}

.navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 1.25rem;
    height: auto;
}

.navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon img,
.navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon img,
.navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon img {
    image-rendering: -webkit-optimize-contrast;
}

.navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: 0.02rem;
    right: 0;
}

.navbar-container.s3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: auto;
    height: 1.2rem;
}

.navbar-container.s3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: 0.02rem;
    right: 0;
}

.navbar-container.s3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: auto;
    height: 1.2rem;
}

.navbar-container.s3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: 0.02rem;
    right: 0;
}

.navbar-container.s4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 1.25rem;
    height: unset;
}

.navbar-container.s4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: -0.57rem;
    right: 0;
}

.navbar-container.s4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 80%;
    height: unset;
}

.navbar-container.s4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: 0.02rem;
    right: 0;
}

.navbar-container.s5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds6-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 1.25rem;
    height: unset;
}

.navbar-container.s5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds6-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds6-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: -0.57rem;
    right: 0;
}

.navbar-container.s5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon,
.navbar-container.ds6-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 80%;
    height: unset;
}

.navbar-container.s5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.s5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider,
.navbar-container.ds6-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider,
.navbar-container.ds6-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: 0.02rem;
    right: 0;
}

.download.s1-download-banner-template .download-banner .download_content .custom_container {
    right: 1.65rem;
    top: 2.6rem;
}

.download.s2-download-banner-template .download-banner .download_content .custom_container {
    right: 2.15rem;
    top: 2.4rem;
}

@media (max-width: 2000px) {
    .download.s1-download-banner-template .download-banner {
        height: 5.5rem;
    }
    .download.s1-download-banner-template .download-banner img {
        height: 5.5rem;
    }
    .download.s1-download-banner-template .download-banner .download_content .custom_container {
        right: 1.95rem;
        top: 2.7rem;
    }
    .download.s2-download-banner-template .download-banner {
        height: 5.2rem;
    }
    .download.s2-download-banner-template .download-banner img {
        height: 5.2rem;
    }
    .download.s2-download-banner-template .download-banner .download_content .custom_container {
        right: 2.2rem;
        top: 2.4rem;
    }
}

@media (max-width: 1440px) {
    .download.s1-download-banner-template .download-banner {
        height: 5rem;
    }
    .download.s1-download-banner-template .download-banner img {
        height: 5rem;
        margin-left: -3.5rem;
    }
    .download.s1-download-banner-template .download-banner .download_content .custom_container {
        right: 2.47rem;
        top: 2.5rem;
    }
    .download.s2-download-banner-template .download-banner {
        height: 5.2rem;
    }
    .download.s2-download-banner-template .download-banner img {
        height: 5rem;
        margin-left: -2.95rem;
    }
    .download.s2-download-banner-template .download-banner .download_content .custom_container {
        right: 2.4rem;
        top: 2.4rem;
    }
}

@media (max-width: 1024px) {
    .download.s1-download-banner-template .download-banner img {
        height: 5rem;
        margin-left: -4.7rem;
    }
    .download.s1-download-banner-template .download-banner .download_content .custom_container {
        right: 2.5rem;
        top: 2.4rem;
    }
    .download.s2-download-banner-template .download-banner img {
        height: 5rem;
        margin-left: -4.15rem;
    }
    .download.s2-download-banner-template .download-banner .download_content .custom_container {
        right: 2.4rem;
        top: 2.4rem;
    }
}

.providerLandingIndexContainer {
    background: url(/public/html/images/category-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 0.01rem;
}

.providerLandingIndexContainer .top-provider-img {
    background: #000 !important;
}

.providerLandingIndexContainer .top {
    height: auto;
    width: 100%;
    background-repeat: unset;
    background: unset;
    background-size: unset;
    position: undefined;
    text-align: unset;
}

.providerLandingIndexContainer .top img {
    width: unset;
    height: undefined;
    object-fit: undefined;
    object-position: undefined;
    margin: 0 auto;
    display: block;
}

.providerLandingIndexContainer .top .slot-content {
    width: 5rem;
    text-align: left;
    top: 0;
    right: 50%;
    position: absolute;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner {
    position: absolute;
    left: -2rem;
    top: 2.3rem;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel {
    height: 1.75rem;
    width: 2.8rem;
    position: absolute;
    bottom: 0;
    left: 1.5rem;
    color: #fff;
    background: #00eaff;
    opacity: 1;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-active-page {
    position: absolute;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-icon {
    left: 0.5rem;
    height: 18%;
    margin: 0 0 0 -0.35rem;
    width: unset;
    position: absolute;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-title {
    position: absolute;
    top: 5%;
    left: 24%;
    font-size: 0.14rem;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-page {
    font-size: 0.12rem;
    position: absolute;
    right: 13.5%;
    top: 6.5%;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-page .winner-active-page {
    color: #00eaff;
    right: 130%;
    position: absolute;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner {
    font-size: 0.12rem;
    height: 79%;
    width: 90%;
    margin: 0.38rem 0 0 0.14rem;
    background: rgba(74, 57, 23, 0.6);
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide {
    padding: 0.1rem 0.15rem 0;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container {
    margin: 0 0 0.08rem;
    width: 100%;
    padding: 0 0 0.05rem;
    border-bottom: 0.015rem solid #00eaff;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container:last-child {
    margin: 0;
    border-bottom: 0;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details {
    display: flex;
    justify-content: space-between;
    line-height: 1.3;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details .winner-name {
    color: #fff;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details .winner-currency {
    color: #00eaff;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details .winner-game {
    color: #00eaff;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details .winner-money {
    color: #00eaff;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-next-btn {
    width: 0.24rem;
    height: auto;
    position: absolute;
    top: -0.32rem;
    right: 0%;
    cursor: pointer;
    fill: #fff;
}

.providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-prev-btn {
    width: 0.24rem;
    height: auto;
    position: absolute;
    top: -0.32rem;
    right: 19.5%;
    cursor: pointer;
    fill: #fff;
}

.providerLandingIndexContainer .bottom-category {
    width: 11rem;
    margin: 0.15rem auto 0.3rem;
}

.providerLandingIndexContainer .bottom-category ul {
    display: grid;
    grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11%;
    grid-row-gap: 0.1rem;
    justify-content: space-between;
}

.providerLandingIndexContainer .bottom-category ul li {
    padding: 0.1rem 0;
    width: 100%;
}

.providerLandingIndexContainer .bottom-category ul li .image-container {
    background: unset;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 0.1rem;
}

.providerLandingIndexContainer .bottom-category ul li .image-container img {
    width: 100%;
}

.providerLandingIndexContainer .bottom-category ul li .image-container:hover img {
    transform: scale(1.1);
}

.providerLandingIndexContainer .bottom-category ul li .submenu-info-container {
    width: 100%;
    padding: 0.07rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.14rem;
    color: #fff;
}

.providerLandingIndexContainer .mid {
    margin: 0.2rem auto;
    width: 100%;
}

.providerLandingIndexContainer .mid .category-box {
    justify-content: flex-start;
    display: flex;
    background: linear-gradient(330deg, #0c1a37, #005184, #0c1a37);
    height: 1rem;
}

.providerLandingIndexContainer .mid .category-box ::-webkit-scrollbar {
    display: none;
}

.providerLandingIndexContainer .mid .category-box .arrow-container {
    position: absolute;
    width: 11rem;
}

.providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container,
.providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container {
    height: 1rem;
    width: 0.3rem;
    z-index: 2;
    position: absolute;
    background: #ffffff1a;
    cursor: pointer;
}

.providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container svg,
.providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container svg {
    fill: #fff;
}

.providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container {
    left: 0%;
}

.providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container {
    right: 0%;
}

.providerLandingIndexContainer .mid .category-box .scroll-container {
    padding: 0 0.3rem;
}

.providerLandingIndexContainer .mid .category-box .scroll-container .tab-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.providerLandingIndexContainer .mid .category-box .scroll-container .tab-header:first-child .tab-inner {
    border-left: unset;
}

.providerLandingIndexContainer .mid .category-box .scroll-container .tab-header .tab-inner {
    height: 0.8rem;
    width: 1.6rem;
    display: flex;
    flex-direction: column;
    border-left: 0.02rem solid #7c7c7c;
}

.providerLandingIndexContainer .mid .category-box .scroll-container .tab-header .tab-inner img {
    width: 100%;
}

.providerLandingIndexContainer .mid .category-box .scroll-container .tab-header.active {
    background: #222;
}

.providerLandingIndexContainer .mid .category-box .scroll-container .tab-header:hover {
    cursor: pointer;
    background: #222;
}

.providerLandingIndexContainer .mid .provider-box {
    display: flex;
    flex-wrap: wrap;
}

.providerLandingIndexContainer .mid .provider-box .tab-header {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff1a;
    margin: 0 0.025rem 0.025rem 0;
}

.providerLandingIndexContainer .mid .provider-box .tab-header:first-child .tab-inner {
    border-left: unset;
}

.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner {
    width: 1.35rem;
    height: unset;
    display: flex;
    align-items: unset;
    justify-content: unset;
}

.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner img {
    width: 100%;
    filter: unset;
    object-fit: unset;
}

.providerLandingIndexContainer .mid .provider-box .tab-header.active {
    background: #222;
}

.providerLandingIndexContainer .mid .provider-box .tab-header.active img {
    filter: unset;
}

.providerLandingIndexContainer .mid .provider-box .tab-header:hover {
    cursor: pointer;
    background: #222;
}

.providerLandingIndexContainer .mid .provider-box .tab-header:hover img {
    filter: undefined;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template {
    background: #333;
    margin: auto;
    padding: 0.26rem;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(8, 0.8fr);
    width: 11rem;
    margin: auto;
    grid-row-gap: 0.1rem;
    grid-gap: 0.1rem;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header {
    background: 0 0;
    border: 0.01rem solid #474749;
    margin: 0;
    position: relative;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .float-dot {
    position: absolute;
    font-size: 0.08rem;
    background: REd;
    color: #fff;
    border-radius: 0.04rem;
    padding: 0.03rem 0;
    top: -0.05rem;
    right: -0.04rem;
    width: 0.25rem;
    height: unset;
    text-align: center;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .hot-provider {
    background: REd;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .new-provider {
    background: #00ff1e;
    color: #000;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .tab-inner {
    align-items: center;
    justify-content: center;
    height: 0.37rem;
    width: 1.22rem;
    color: #b2b2b2;
    font-size: 0.12rem;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .tab-inner img {
    height: 0.37rem;
    object-fit: cover;
    width: auto;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .tab-inner span {
    margin: 0;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header.active {
    background: rgba(237, 250, 0, 0.3);
    border: 0.01rem solid rgba(237, 250, 0, 0.3);
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header.active .tab-inner {
    color: #fff;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header.active img {
    filter: brightness(150%);
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header:hover {
    background: rgba(237, 250, 0, 0.3);
    border: 0.01rem solid rgba(237, 250, 0, 0.3);
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header:hover .tab-inner {
    color: #fff;
}

.providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header:hover img {
    filter: brightness(150%);
}

.providerLandingIndexContainer .bottom {
    width: 11rem;
    margin: auto;
}

.providerLandingIndexContainer .bottom .tab-container {
    padding: 0;
}

.providerLandingIndexContainer .bottom .tab-container .standard-tab {
    display: flex;
    justify-content: space-between;
}

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

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

.providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container {
    display: flex;
}

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

.providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container .gameSearch {
    margin: auto 0 auto 0.15rem;
}

.providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container .gameSearch svg {
    width: 0.34rem;
    height: 0.34rem;
    position: absolute;
    right: 12%;
    fill: gray;
    padding: 0.05rem 0;
}

.providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container .gameSearch input {
    height: 0.34rem;
    padding: 0.08rem 0.1rem;
    background: #99999999;
    border-radius: 0.05rem;
    border: 0.01rem #ffffff33;
    border-style: none;
    color: WhitE;
}

.providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container .gameSearch input::placeholder {
    color: undefined;
}

.providerLandingIndexContainer .bottom .games-count {
    color: #fff;
}

.providerLandingIndexContainer .bottom .item-content {
    width: 100%;
    margin-top: 0.15rem;
    padding: unset;
}

.providerLandingIndexContainer .bottom .item-content .item-col {
    width: 16.5%;
    max-width: 16.5%;
    height: auto;
    min-height: 1.87rem;
    padding: 0.1rem 0.25rem;
    float: left;
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container {
    width: 1.44rem;
    max-width: 1.44rem;
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container .item {
    position: relative;
    cursor: pointer;
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container .item span {
    overflow: hidden;
    border-radius: 0.1rem;
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container .item span img {
    height: 1.87rem;
    width: auto;
    min-width: 100%;
    max-width: 100%;
    transform: scale(1);
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn {
    width: 100%;
    height: 100%;
    padding-top: 45%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn div {
    padding: 0.1rem;
    width: 100%;
    cursor: pointer;
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn .demo-btn {
    background: #282828;
    color: #fff;
    margin-top: 9%;
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container .item:hover img {
    transform: scale(1.1);
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container .item:hover .item-btn {
    visibility: visible;
    opacity: 1;
}

.providerLandingIndexContainer .bottom .item-content .item-col .item-container .title-box {
    width: 100%;
    padding: 0.03rem 0 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.14rem;
}

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

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .tab-container .standard-tab {
    border-bottom: 0;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .tab-container .standard-tab .tab-list .tab-header {
    padding: 0.1rem 0.25rem;
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content {
    margin-top: 0;
    padding: 0 0 0.16rem;
}

@media (max-width: 2500px) {
    .providerLandingIndexContainer .top img {
        height: undefined;
    }
    .providerLandingIndexContainer .top .slot-content .custom-container-winner {
        top: 3.75rem;
    }
}

@media (max-width: 2000px) {
    .providerLandingIndexContainer .top img {
        width: 100%;
        margin: 0 auto;
        display: block;
        height: undefined;
        object-fit: cover;
        object-position: center center;
    }
    .providerLandingIndexContainer .top .slot-content .custom-container-winner {
        top: 3rem;
    }
}

@media (max-width: 1440px) {
    .providerLandingIndexContainer .top img {
        height: undefined;
        width: undefined;
    }
    .providerLandingIndexContainer .top .slot-content .custom-container-winner {
        top: 2.16rem;
    }
}

@media (max-width: 1024px) {
    .providerLandingIndexContainer .top img {
        height: undefined;
    }
    .providerLandingIndexContainer .top .slot-content .custom-container-winner {
        top: 1.8rem;
    }
}

.m-providerLandingIndexContainer {}

.m-providerLandingIndexContainer .top {
    width: 100%;
    height: auto;
}

.m-providerLandingIndexContainer .top img {
    margin-left: -10.5rem;
    height: 5rem;
}

.m-providerLandingIndexContainer .top.s1-provider-category-landing-banner-template {
    width: 100%;
    height: auto;
}

.m-providerLandingIndexContainer .top.s1-provider-category-landing-banner-template img {
    margin-left: -10.5rem;
    height: 5rem;
}

.m-providerLandingIndexContainer .top.s2-provider-category-landing-banner-template {
    width: 100%;
    height: auto;
}

.m-providerLandingIndexContainer .top.s2-provider-category-landing-banner-template img {
    margin-left: -10.5rem;
    height: 5rem;
}

.m-providerLandingIndexContainer .bottom-category ul {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0.3rem;
}

.m-providerLandingIndexContainer .bottom-category ul li {
    width: 48%;
    margin: 1%;
}

.m-providerLandingIndexContainer .bottom-category ul li .image-container {
    background: url(/public/html/default_whitelabel/template/images/provider-landing-icon/s1/provider-card-bg.png);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: calc((100vw * 0.455) * 260 / 480);
}

.m-providerLandingIndexContainer .bottom-category ul li .image-container img {
    width: 80%;
    height: 100%;
}

.m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template {
    padding: 0.3rem 0;
}

.m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template ul {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0.3rem;
}

.m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template ul li {
    width: 48%;
    margin: 1%;
}

.m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template ul li .image-container {
    background: url(/public/html/default_whitelabel/template/images/provider-landing-icon/s1/provider-card-bg.png);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: calc((100vw * 0.455) * 260 / 480);
}

.m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template ul li .image-container img {
    width: 80%;
}

.m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template {
    padding: 0.3rem 0;
}

.m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template ul {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0.3rem;
}

.m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template ul li {
    width: 48%;
    margin: 1%;
}

.m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template ul li .image-container {
    background: url(/public/html/default_whitelabel/template/images/provider-landing-icon/s2/provider-card-bg.png);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: calc((100vw * 0.455) * 260 / 480);
}

.m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template ul li .image-container img {
    width: 80%;
}

.m-providerLandingIndexContainer .mid .category-box {
    justify-content: flex-start;
    display: flex;
    background: linear-gradient(330deg, #0c1a37, #005184, #0c1a37);
    height: 1rem;
}

.m-providerLandingIndexContainer .mid .category-box .arrow-container {
    position: absolute;
    width: 11rem;
}

.m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container,
.m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container {
    height: 1rem;
    width: 0.3rem;
    z-index: 2;
    position: absolute;
    background: #ffffff1a;
    cursor: pointer;
}

.m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container svg,
.m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container svg {
    fill: #fff;
}

.m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container {
    left: 0%;
}

.m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container {
    right: 0%;
}

.m-providerLandingIndexContainer .mid .category-box .scroll-container {
    padding: 0 0.3rem;
}

.m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header .tab-inner {
    height: 0.8rem;
    width: 1.6rem;
    display: flex;
    flex-direction: column;
    border-right: 0.02rem solid #043764;
}

.m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header .tab-inner img {
    width: 100%;
}

.m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header.active {
    background: linear-gradient(to right, #00eca6, #3d5beb);
}

.m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header:hover {
    cursor: pointer;
    background: linear-gradient(to right, #00eca6, #3d5beb);
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template {
    margin: 0.2rem auto;
    width: 11rem;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box {
    justify-content: flex-start;
    display: flex;
    background: linear-gradient(330deg, #0c1a37, #005184, #0c1a37);
    height: 1rem;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container {
    position: absolute;
    width: 11rem;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-left-container,
.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-right-container {
    height: 1rem;
    width: 0.3rem;
    z-index: 2;
    position: absolute;
    background: #ffffff1a;
    cursor: pointer;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-left-container svg,
.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-right-container svg {
    fill: #fff;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-left-container {
    left: 0%;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-right-container {
    right: 0%;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container {
    padding: 0 0.3rem;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header .tab-inner {
    height: 0.8rem;
    width: 1.6rem;
    display: flex;
    flex-direction: column;
    border-right: 0.02rem solid #043764;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header .tab-inner img {
    width: 100%;
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header.active {
    background: linear-gradient(to right, #00eca6, #3d5beb);
}

.m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header:hover {
    cursor: pointer;
    background: linear-gradient(to right, #00eca6, #3d5beb);
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template {
    margin: 0.2rem auto;
    width: 11rem;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box {
    justify-content: flex-start;
    display: flex;
    background: linear-gradient(330deg, #0c1a37, #005184, #0c1a37);
    height: 1rem;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container {
    position: absolute;
    width: 11rem;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-left-container,
.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-right-container {
    height: 1rem;
    width: 0.3rem;
    z-index: 2;
    position: absolute;
    background: #ffffff1a;
    cursor: pointer;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-left-container svg,
.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-right-container svg {
    fill: #fff;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-left-container {
    left: 0%;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-right-container {
    right: 0%;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container {
    padding: 0 0.3rem;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header .tab-inner {
    height: 0.8rem;
    width: 1.6rem;
    display: flex;
    flex-direction: column;
    border-right: 0.02rem solid #043764;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header .tab-inner img {
    width: 100%;
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header.active {
    background: linear-gradient(to right, #00eca6, #3d5beb);
}

.m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header:hover {
    cursor: pointer;
    background: linear-gradient(to right, #00eca6, #3d5beb);
}

.m-providerLandingIndexContainer .bottom {
    width: 11rem;
    margin: auto;
}

.m-providerLandingIndexContainer .bottom .tab-container {
    padding: 0;
}

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

.m-providerLandingIndexContainer .bottom .item-content {
    width: 100%;
    margin-top: 0.15rem;
    overflow: auto;
}

.m-providerLandingIndexContainer .bottom .item-content .item-col {
    width: 16.5%;
    max-width: 16.5%;
    height: auto;
    min-height: 1.87rem;
    padding: 0.1rem 0.25rem;
    float: left;
}

.m-providerLandingIndexContainer .bottom .item-content .item-col .item-container {
    width: 1.44rem;
    max-width: 1.44rem;
}

.m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item {
    position: relative;
}

.m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item img {
    height: 1.87rem;
    width: auto;
    min-width: 100%;
    max-width: 100%;
}

.m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn {
    width: 100%;
    height: 100%;
    padding-top: 45%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
}

.m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn div {
    padding: 0.1rem;
    width: 100%;
    cursor: pointer;
}

.m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn .demo-btn {
    background: #282828;
    color: #fff;
    margin-top: 9%;
}

.m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item:hover .item-btn {
    visibility: visible;
    opacity: 1;
}

.m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .title-box {
    width: 100%;
    height: 0.5rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #000;
    font-size: 0.14rem;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template {
    width: 11rem;
    margin: auto;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .tab-container {
    padding: 0;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .tab-container .standard-tab .tab-header {
    flex-grow: unset;
    margin: 0 0.1rem 0 0;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content {
    width: 100%;
    margin-top: 0.15rem;
    overflow: auto;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col {
    width: 16.5%;
    max-width: 16.5%;
    height: auto;
    min-height: 1.87rem;
    padding: 0.1rem 0.25rem;
    float: left;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container {
    width: 1.44rem;
    max-width: 1.44rem;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item {
    position: relative;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item img {
    height: 1.87rem;
    width: auto;
    min-width: 100%;
    max-width: 100%;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn {
    width: 100%;
    height: 100%;
    padding-top: 45%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn div {
    padding: 0.1rem;
    width: 100%;
    cursor: pointer;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn .demo-btn {
    background: #282828;
    color: #fff;
    margin-top: 9%;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item:hover .item-btn {
    visibility: visible;
    opacity: 1;
}

.m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .title-box {
    width: 100%;
    height: 0.5rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #000;
    font-size: 0.14rem;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template {
    width: 11rem;
    margin: auto;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .tab-container {
    padding: 0;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .tab-container .standard-tab .tab-header {
    flex-grow: unset;
    margin: 0 0.1rem 0 0;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content {
    width: 100%;
    margin-top: 0.15rem;
    overflow: auto;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col {
    width: 16.5%;
    max-width: 16.5%;
    height: auto;
    min-height: 1.87rem;
    padding: 0.1rem 0.25rem;
    float: left;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container {
    width: 1.44rem;
    max-width: 1.44rem;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item {
    position: relative;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item img {
    height: 1.87rem;
    width: auto;
    min-width: 100%;
    max-width: 100%;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn {
    width: 100%;
    height: 100%;
    padding-top: 45%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn div {
    padding: 0.1rem;
    width: 100%;
    cursor: pointer;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn .demo-btn {
    background: #282828;
    color: #fff;
    margin-top: 9%;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item:hover .item-btn {
    visibility: visible;
    opacity: 1;
}

.m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .title-box {
    width: 100%;
    height: 0.5rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #000;
    font-size: 0.14rem;
}

.m-provider-content-container {
    background: unset;
}

.m-provider-content-container .search-mobile {
    display: block;
    z-index: 2;
}

.m-provider-content-container .search-mobile .search-icon {
    top: 0;
    right: -0.05rem;
    height: 1.4rem;
    padding: unset;
    z-index: 1040;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    fill: #959595;
    width: 20vw;
    position: fixed;
    justify-content: center;
    background: 0 0;
    color: #fff;
}

.m-provider-content-container .search-mobile .icon-sm {
    height: 0.8rem;
    margin-top: 0.4rem;
}

.m-provider-content-container .search-mobile .icon-sm svg {
    fill: #959595;
}

.m-provider-content-container .provider-content .search-form-container {
    width: 100%;
}

.m-provider-content-container .provider-content .search-form-container .search-form {
    padding: 0.2rem;
    width: 100%;
    margin: undefined;
    background: #ffffff1a;
}

.m-provider-content-container .provider-content .search-form-container .search-form .form-control-inner {
    height: 0.8rem;
    border-radius: 0;
    font-size: 0.32rem;
    background: #99999999;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.05rem 0.3rem;
    border: 0.01rem #ffffff33;
    border-style: none;
    border-radius: 0.1rem;
    color: WhitE;
}

.m-provider-content-container .provider-content .category-provider {
    justify-content: flex-start;
    display: flex;
    width: 100%;
    background: linear-gradient(330deg, #0c1a37, #005184, #0c1a37);
    overflow: auto;
}

.m-provider-content-container .provider-content .category-provider .tab-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-provider-content-container .provider-content .category-provider .tab-header .tab-inner {
    height: 1rem;
    width: 2.4rem;
    border-right: undedifine !important;
}

.m-provider-content-container .provider-content .category-provider .tab-header .tab-inner img {
    height: 100%;
}

.m-provider-content-container .provider-content .category-provider .tab-header.active {
    background: linear-gradient(#00eaff 25%, #00bbcc 140%);
}

.m-provider-content-container .provider-content .category-provider .tab-header-control {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #333;
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template {
    justify-content: flex-start;
    display: flex;
    width: 100%;
    background: 0 0;
    overflow: auto;
    padding: 0.15rem 0 0;
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header {
    position: relative;
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .float-dot {
    position: absolute;
    font-size: 0.16rem;
    background: REd;
    color: #fff;
    border-radius: 0.1rem;
    padding: 0.05rem;
    top: -0.1rem;
    right: 0.1rem;
    width: unset;
    height: unset;
    text-align: center;
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .hot-provider {
    background: REd;
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .new-provider {
    background: #00ff1e;
    color: #000;
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .tab-inner {
    padding: 0.08rem;
    text-align: center;
    color: #b2b2b2;
    border: 0.01rem solid #474749;
    height: 100%;
    width: 2.2rem;
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .tab-inner img {
    height: 0.7rem;
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header.active {
    background: rgba(237, 250, 0, 0.3);
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header.active .tab-inner {
    color: #fff;
}

.m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header.active .tab-inner img {
    filter: brightness(150%);
}

.m-provider-content-container .provider-content .tab-container .standard-tab .tab-header {
    margin: 0;
    padding: 0.25rem 0.5rem;
}

.m-provider-content-container .provider-content .game-row-spacing {
    margin: auto;
    flex-wrap: wrap;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box {
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 0.4rem;
    min-height: 1.2rem;
    width: 33.33%;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box {
    min-height: unset;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box .tab-img {
    min-width: 2.8rem;
    width: 100%;
    height: 100%;
    max-height: 6rem;
    object-fit: unset;
    min-height: 3.7rem;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box .box-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    width: 1.44rem;
    height: 85%;
    opacity: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.75);
    transition: 0.5s;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box .box-text-mobile {
    justify-content: center;
    align-items: center;
    font-size: 0.246rem;
    padding: 0.12rem 0 0;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container {
    width: 100%;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-play,
.m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-demo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.2rem;
    font-size: 0.3rem;
    width: 100%;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-play {
    background: linear-gradient(90deg, #c09848, #7f602a);
    margin-bottom: 0.1rem;
    color: unset;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-demo {
    background: #282828;
    color: #fff;
}

.m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-demo span {
    color: #fff;
}

.footerProvider .s1-footer-icon-template ul img {
    padding-right: 0.3rem;
    filter: grayscale(100%);
    height: 0.4rem !important;
}

.footerProvider .s1-footer-icon-template ul img:hover {
    filter: grayscale(0%);
}

.grecaptcha-badge {
    visibility: hidden;
}

.slider-recaptcha-popup-overlay {
    display: flex;
    align-items: center;
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container {
    width: 478px;
    min-width: 478px;
    max-width: 478px;
    background: #1a1a1a;
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha {
    height: 0.6rem;
    margin: 0.3rem auto;
    width: 90%;
    position: relative;
    background: linear-gradient(45deg, #000000, #222222);
    border-radius: 0.05rem;
    border: 0.01rem solid #525252;
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    margin: 0;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input::-webkit-slider-thumb {
    -webkit-appearance: none;
    z-index: 3;
    position: relative;
    width: 0.88rem;
    height: 0.45rem;
    border-radius: 0.1rem;
    background: url(/public/images/sliderArrow/slider-arrow.png), linear-gradient(to bottom, #929699, #595a5c);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input::-moz-range-thumb {
    z-index: 3;
    position: relative;
    width: 0.88rem;
    height: 0.45rem;
    border-radius: 0.1rem;
    background: url(/public/images/sliderArrow/slider-arrow.png), linear-gradient(to bottom, #929699, #595a5c);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha span {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 0.24rem;
    color: #fff;
    height: 100%;
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 0.2rem;
}

.grecaptcha-badge {
    visibility: hidden;
}

.m-slider-recaptcha-popup-overlay {
    display: flex;
    align-items: center;
}

.m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container {
    width: 95%;
    min-width: 95%;
    max-width: 95%;
    background: #1a1a1a;
    margin: 60% auto;
}

.m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha {
    height: 1.5rem;
    margin: 0.6rem auto;
    width: 90%;
    position: relative;
    background: linear-gradient(45deg, #000000, #222222);
    border-radius: 0.05rem;
    border: 0.01rem solid #525252;
}

.m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    margin: 0;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha input::-webkit-slider-thumb {
    -webkit-appearance: none;
    z-index: 3;
    position: relative;
    width: 2rem;
    height: 1.2rem;
    border-radius: 0.2rem;
    background: url(/public/images/sliderArrow/slider-arrow.png), linear-gradient(to bottom, #929699, #595a5c);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

.m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha input::-moz-range-thumb {
    -webkit-appearance: none;
    z-index: 3;
    position: relative;
    width: 2rem;
    height: 1.2rem;
    border-radius: 0.2rem;
    background: url(/public/images/sliderArrow/slider-arrow.png), linear-gradient(to bottom, #929699, #595a5c);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

.m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha span {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 0.45rem;
    display: block;
    width: 100%;
    color: #fff;
    cursor: default;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6rem;
    margin: 0 0 0 0.4rem;
}

.reward-box {
    width: 2.2rem;
    height: undefined;
    position: fixed;
    bottom: 0;
    right: -0.02rem;
    z-index: 3;
    background: undefined;
}

.reward-box .reward-image-box {
    height: undefined;
    display: undefined;
}

.reward-box .reward-image-box .reward-img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    z-index: 3;
    margin: undefined;
}

.reward-box .reward-close {
    position: absolute;
    top: 0;
    right: 0.1rem;
    width: 0.25rem;
    height: 0.25rem;
    padding: 0.05rem;
    background: #fff;
    border-radius: 50%;
    fill: #ff4e00;
    cursor: pointer;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.25rem;
    color: #000;
}

.reward-box .box-overlay {
    position: unset;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: unset;
    z-index: 0;
    overflow: hidden;
}

.reward-popup {
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 1100;
    width: 100%;
    height: 100%;
    overflow: auto;
    outline: 0;
    background: linear-gradient( 0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.204919));
    animation: modalPopUp 0.3s;
}

@keyframes modalPopUp {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.reward-popup .popup-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
    overflow: hidden;
}

.reward-popup .popup {
    margin: auto;
    padding: 0 !important;
    border-radius: 0.06rem;
    backface-visibility: hidden;
    max-width: fit-content;
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100%;
    max-width: 6rem;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.reward-popup .popup .reward-popupImg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
}

.reward-popup .popup .reward-close {
    position: absolute;
    top: 0.3rem;
    right: 0.5rem;
    width: 0.3rem;
    height: 0.3rem;
    padding: 0.05rem;
    background: #fff;
    border-radius: 50%;
    fill: #ff4e00;
    cursor: pointer;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.25rem;
    color: #000;
}

.reward-popup .popup .popup-detail {
    position: absolute;
    top: 0.3rem;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    margin: auto;
    width: 3.5rem;
    height: unset;
    transform: translate(0, 0.8rem);
    color: #fff;
    z-index: 3;
    text-align: center;
    padding: 0 0.06rem 0 0.19rem;
}

.reward-popup .popup .popup-detail>p {
    margin-bottom: 0;
}

.reward-popup .popup .popup-detail .detail-title {
    width: 100%;
    font-size: 0.22rem;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    color: #000;
}

.reward-popup .popup .popup-detail .detail-amount {
    width: 100%;
    font-size: 0.3rem;
    font-weight: 700;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    color: #e5244b;
    margin: 0.2rem 0;
}

.reward-popup .popup .popup-detail .detail-desc {
    width: 100%;
    font-size: 0.18rem;
    overflow-y: scroll;
    max-height: 1.5rem;
    height: unset;
    display: unset;
    align-items: unset;
    justify-content: unset;
    color: #000;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .reward-box {
        width: 5rem;
    }
    .reward-box .reward-close {
        width: 0.5rem;
        height: 0.5rem;
    }
    .reward-popup .popup {
        max-width: 10rem;
    }
    .reward-popup .popup .reward-close {
        width: 0.5rem;
        height: 0.5rem;
        top: 0.3rem;
        right: 0.5rem;
    }
    .reward-popup .popup .popup-detail {
        top: 3.2rem;
        width: 5.5rem;
        height: 4.3rem;
        right: 0;
        transform: translate(0, 1.4rem);
    }
    .reward-popup .popup .popup-detail .detail-title {
        font-size: 0.6rem;
    }
    .reward-popup .popup .popup-detail .detail-amount {
        font-size: 0.8rem;
    }
    .reward-popup .popup .popup-detail .detail-desc {
        font-size: 0.5rem;
        height: unset;
    }
}

.m-reward-box {
    z-index: 1100;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    outline: 0;
    background: linear-gradient( 0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.204919));
}

.m-reward-box .reward-image-box {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 6.8rem;
}

.m-reward-box .reward-image-box .reward-img {
    width: 100%;
    height: 100%;
}

.m-reward-box .reward-close {
    width: 0.5rem;
    height: 0.5rem;
    font-size: undefined;
    right: 0.3rem;
    top: 0;
}

.m-reward-box .box-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
    overflow: hidden;
}

.m-reward-popup .popup {
    max-width: 6.8rem;
    left: 50%;
    top: 50%;
    width: undefined;
}

.m-reward-popup .popup .popup-detail {
    top: -0.3rem;
    right: 0;
    width: 3.5rem;
    height: unset;
    padding: 0 0.1rem 0 0.26rem;
    justify-content: center;
}

.m-reward-popup .popup .popup-detail .detail-title {
    font-size: 0.26rem;
}

.m-reward-popup .popup .popup-detail .detail-amount {
    font-size: 0.36rem;
}

.m-reward-popup .popup .popup-detail .detail-desc {
    word-break: undefined;
    font-size: 0.24rem;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.m-reward-popup .popup .reward-close {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0.42rem;
    right: 0.3rem;
    top: 0;
    color: #000;
}

.m-reward-popup .popup .reward-popupImg {
    width: 100%;
}

.mini-game-rewards-container {
    position: fixed;
    z-index: 3;
    bottom: 4.5rem;
    left: 0.5rem;
    width: 2rem;
}

.mini-game-rewards-container img {
    width: 100%;
    object-fit: contain;
}

.mini-game-rewards-container .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.3rem;
    height: 0.3rem;
    padding: 0.05rem;
    background: #00eaff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.25rem;
}

section {
    position: relative;
}

section .standard-backdrop-filter,
section .m_standard-backdrop-filter {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

section .standard-backdrop-filter {
    backdrop-filter: blur(0.02rem);
}

section .m_standard-backdrop-filter {
    backdrop-filter: blur(0.05rem);
}

.lucky-wheel-container {
    position: fixed;
    z-index: 10;
    top: 48%;
    bottom: undefined;
    left: 0%;
    right: undefined;
    width: 1.83rem;
}

.lucky-wheel-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.lucky-wheel-container .floating-lucky-wheel {
    width: 100%;
}

.lucky-wheel-container .close-btn {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer;
    background-color: undefined;
    border-radius: undefined;
    border: undefined;
}

.lucky-wheel-container .close-btn::before,
.lucky-wheel-container .close-btn::after {
    content: undefined;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 15px;
    background-color: #fff;
}

.lucky-wheel-container .close-btn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.lucky-wheel-container .close-btn::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.m-lucky-wheel-container {
    position: fixed;
    z-index: 3;
    bottom: 10%;
    left: 0;
    right: undefined;
    width: 30%;
}

.m-lucky-wheel-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.m-lucky-wheel-container .close-btn {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer;
    background-color: undefined;
    border-radius: 50%;
    border: undefined;
}

.m-lucky-wheel-container .close-btn::before,
.m-lucky-wheel-container .close-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: undefined;
    height: undefined;
    background-color: undefined;
}

.m-lucky-wheel-container .close-btn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.m-lucky-wheel-container .close-btn::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.lucky-wheel-box-border,
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail,
.lucky-wheel-landing-container .container-row-2>div.prize-12,
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail,
.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail {
    position: relative;
    background: #ffffff1a;
    z-index: 0;
}

.lucky-wheel-box-border::before,
.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail::before,
.lucky-wheel-landing-container .container-row-2>div.prize-12::before,
.lucky-wheel-landing-container .tnc-wrapper .tnc-detail::before,
.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.3rem;
    padding: 0.02rem;
    background: linear-gradient(-45deg, #f70fff, #12d6df);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.lucky-wheel-landing-container {
    padding: 0.77rem 0 0.68rem;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.lucky-wheel-landing-container p {
    margin: 0;
}

.lucky-wheel-landing-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.lucky-wheel-landing-container .container-row-1 {
    position: relative;
    width: 11rem;
    margin: auto;
    display: grid;
    grid-template-columns: 6.5fr 3.5fr;
    grid-gap: 1.5rem;
}

.lucky-wheel-landing-container .container-row-1 .prize-0 {
    bottom: 22%;
    left: 55%;
}

.lucky-wheel-landing-container .container-row-1 .prize-1 {
    top: -2%;
    left: 17%;
}

.lucky-wheel-landing-container .container-row-1 .prize-2 {
    bottom: 7%;
    left: 44%;
}

.lucky-wheel-landing-container .container-row-1 .prize-3 {
    bottom: 5%;
    left: -1%;
}

.lucky-wheel-landing-container .container-row-1 .prize-4 {
    top: 1%;
    left: -4%;
}

.lucky-wheel-landing-container .container-row-1 .prize-5 {
    top: -6%;
    left: 43%;
}

.lucky-wheel-landing-container .container-row-1 .prize-0 {
    position: absolute;
    width: calc(6% * 1);
    animation: floater0 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 1;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 1);
}

@keyframes floater0 {
    0% {}
    25% {
        transform: translateY(0.16rem) translateX(0.18rem);
        opacity: 0.5;
    }
    50% {
        transform: translateY(0.29rem) translateX(0.2rem);
        opacity: 0.6;
    }
    75% {
        transform: translateY(0.06rem) translateX(0.28rem);
        opacity: 1;
    }
    100% {}
}

.lucky-wheel-landing-container .container-row-1 .prize-1 {
    position: absolute;
    width: calc(6% * 1);
    animation: floater1 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.8;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 1);
}

@keyframes floater1 {
    0% {}
    25% {
        transform: translateY(0.03rem) translateX(0.14rem);
        opacity: 0.3;
    }
    50% {
        transform: translateY(0.26rem) translateX(0.16rem);
        opacity: 0.8;
    }
    75% {
        transform: translateY(0.16rem) translateX(0.01rem);
        opacity: 0.2;
    }
    100% {}
}

.lucky-wheel-landing-container .container-row-1 .prize-2 {
    position: absolute;
    width: calc(6% * 1);
    animation: floater2 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.8;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 1);
}

@keyframes floater2 {
    0% {}
    25% {
        transform: translateY(0.16rem) translateX(0.11rem);
        opacity: 0.3;
    }
    50% {
        transform: translateY(0.22rem) translateX(0.19rem);
        opacity: 0.7;
    }
    75% {
        transform: translateY(0.13rem) translateX(0.24rem);
        opacity: 0.8;
    }
    100% {}
}

.lucky-wheel-landing-container .container-row-1 .prize-3 {
    position: absolute;
    width: calc(6% * 2);
    animation: floater3 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.8;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 2);
}

@keyframes floater3 {
    0% {}
    25% {
        transform: translateY(0.1rem) translateX(0.01rem);
        opacity: 0.4;
    }
    50% {
        transform: translateY(0.37rem) translateX(0.3rem);
        opacity: 0.1;
    }
    75% {
        transform: translateY(0.5rem) translateX(0.16rem);
        opacity: 0.6;
    }
    100% {}
}

.lucky-wheel-landing-container .container-row-1 .prize-4 {
    position: absolute;
    width: calc(6% * 2);
    animation: floater4 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.6;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 2);
}

@keyframes floater4 {
    0% {}
    25% {
        transform: translateY(0.02rem) translateX(0.07rem);
        opacity: 0.2;
    }
    50% {
        transform: translateY(0.19rem) translateX(0.2rem);
        opacity: 0.5;
    }
    75% {
        transform: translateY(0.13rem) translateX(0.49rem);
        opacity: 0.8;
    }
    100% {}
}

.lucky-wheel-landing-container .container-row-1 .prize-5 {
    position: absolute;
    width: calc(6% * 3);
    animation: floater5 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 1;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 3);
}

@keyframes floater5 {
    0% {}
    25% {
        transform: translateY(0.12rem) translateX(0.12rem);
        opacity: 1;
    }
    50% {
        transform: translateY(0.37rem) translateX(0.23rem);
        opacity: 0.3;
    }
    75% {
        transform: translateY(0.31rem) translateX(0.18rem);
        opacity: 0.7;
    }
    100% {}
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper {
    position: relative;
    height: fit-content;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .claimpoint-star {
    position: absolute;
    width: 22%;
    bottom: 1%;
    right: 5%;
    z-index: 5;
    cursor: pointer;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper #spin {
    position: absolute;
    top: 4%;
    left: 0.6%;
    width: 100%;
    height: 80%;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .lucky-wheel-outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .lucky-wheel-frame {
    position: relative;
    z-index: 3;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .inner-wheel {
    position: absolute;
    width: 77%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-btn {
    position: absolute;
    top: 38%;
    left: 44.2%;
    width: 13%;
    background: unset;
    z-index: 4;
    cursor: pointer;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-btn:disabled {
    cursor: not-allowed;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list {
    position: absolute;
    width: 100%;
    height: 80%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list>li {
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50%;
    font-size: 0.16rem;
    color: #fff;
    text-align: center;
    padding-bottom: 20%;
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .reminder-title {
    position: absolute;
    bottom: 4.5%;
    color: #fff;
    text-align: center;
    width: 100%;
    z-index: 3;
    font-size: 0.22rem;
}

.lucky-wheel-landing-container .container-row-1 .winner-content {
    position: relative;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-trophy {
    position: relative;
    display: block;
    width: 50%;
    margin: auto;
    z-index: 1;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail {
    position: relative;
    padding: 0.24rem 0.16rem;
    border-radius: 0.3rem;
    font-size: 0.16rem;
    margin: -0.2rem 0 0;
    min-height: 80%;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-type {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 0.06rem;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-type>button {
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0.12rem 0.05rem;
    color: #fff;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-type>button.active {
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn-on.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #000;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-single-type {
    display: flex;
    justify-content: center;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-single-type>button {
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0.12rem 0.05rem;
    color: #fff;
    width: 50%;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-single-type>button.active {
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn-on.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #000;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.1rem;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody {
    display: block;
    max-height: 4.5rem;
    scroll-behavior: smooth;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody.list-body {
    overflow-y: hidden;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody.record-body {
    overflow-y: scroll;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr {
    display: inline-table;
    width: 100%;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr td {
    vertical-align: top;
    color: #fff;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr td:last-child {
    display: flex;
    flex-direction: column;
    text-align: right;
    align-items: flex-end;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr td:last-child span {
    color: #edfa00;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 1.8rem;
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr td.empty-data {
    text-align: center;
    align-items: center;
}

.lucky-wheel-landing-container .container-row-2 {
    width: 11rem;
    margin: 0.8rem auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.22rem 0.3rem;
}

.lucky-wheel-landing-container .container-row-2>div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.7rem;
    padding: 0.08rem 0.25rem;
    color: #fff;
    font-size: 0.16rem;
    border-radius: 0.5rem;
    background: #ffffff1a;
}

.lucky-wheel-landing-container .container-row-2>div img {
    width: 22%;
}

.lucky-wheel-landing-container .container-row-2>div img.prize {
    max-height: 0.5rem;
}

.lucky-wheel-landing-container .container-row-2>div.prize-1 {
    border: 0.02rem solid #e39d6b;
}

.lucky-wheel-landing-container .container-row-2>div.prize-2 {
    border: 0.02rem solid #7a9ab5;
}

.lucky-wheel-landing-container .container-row-2>div.prize-3 {
    border: 0.02rem solid #e12fb2;
}

.lucky-wheel-landing-container .container-row-2>div.prize-4 {
    border: 0.02rem solid #569fda;
}

.lucky-wheel-landing-container .container-row-2>div.prize-5 {
    border: 0.02rem solid #7158e2;
}

.lucky-wheel-landing-container .container-row-2>div.prize-6 {
    border: 0.02rem solid #2bdd8a;
}

.lucky-wheel-landing-container .container-row-2>div.prize-7 {
    border: 0.02rem solid #55cdd9;
}

.lucky-wheel-landing-container .container-row-2>div.prize-8 {
    border: 0.02rem solid #eee5a2;
}

.lucky-wheel-landing-container .container-row-2>div.prize-9 {
    border: 0.02rem solid #ff70a3;
}

.lucky-wheel-landing-container .container-row-2>div.prize-10 {
    border: 0.02rem solid #d0ffff;
}

.lucky-wheel-landing-container .container-row-2>div.prize-11 {
    border: 0.02rem solid #ca99ff;
}

.lucky-wheel-landing-container .container-row-2>div .level-name-wrapper {
    display: flex;
    align-items: center;
}

.lucky-wheel-landing-container .container-row-2>div .level-name-wrapper p {
    margin: 0 0 0 0.16rem;
}

.lucky-wheel-landing-container .tnc-wrapper {
    position: relative;
    width: 11rem;
    margin: 0.94rem auto 0;
    color: #fff;
}

.lucky-wheel-landing-container .tnc-wrapper .title-wrapper {
    position: relative;
    display: block;
    width: 26%;
    margin: auto;
    z-index: 1;
}

.lucky-wheel-landing-container .tnc-wrapper .title-wrapper .tnc-title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail {
    margin: -4.2% 0 0;
    padding: 0.84rem 1rem;
    border-radius: 0.3rem;
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper {
    margin: 0 0 0.22rem;
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle {
    color: #edfa00;
    font-weight: 700;
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle span {
    color: #fff;
    font-weight: 400;
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .tips {
    color: red;
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-list li {
    list-style-type: decimal;
    margin: 0 0 0 0.2rem;
    padding: 0.1rem 0;
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .alpha-detail-list li {
    list-style: upper-alpha;
    margin: 0 0 0 0.2rem;
    padding: 0.1rem 0;
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .lower-alpha-detail-list li {
    list-style: lower-alpha;
    margin: 0 0 0 0.2rem;
    padding: 0.1rem 0;
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .line-detail-list li {
    list-style-type: none;
    margin: unset;
    padding: 0.1rem 0;
}

.m-lucky-wheel-box-border,
.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-12,
.m-lucky-wheel-landing-container .winner-content .winner-detail {
    position: relative;
    background: #ffffff1a;
    z-index: 0;
}

.m-lucky-wheel-box-border::before,
.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-12::before,
.m-lucky-wheel-landing-container .winner-content .winner-detail::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 0.02rem;
    background: linear-gradient(-45deg, #f70fff, #12d6df);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.m-lucky-wheel-landing-container {
    padding: 10% 0;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.m-lucky-wheel-landing-container p {
    margin: 0;
}

.m-lucky-wheel-landing-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper {
    position: relative;
    height: fit-content;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .claimpoint-star {
    position: absolute;
    width: 30%;
    bottom: -2%;
    right: 2%;
    z-index: 5;
    cursor: pointer;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-0 {
    bottom: 30%;
    right: 5%;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-1 {
    top: -2%;
    left: 30%;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-2 {
    bottom: -5%;
    right: 10%;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-3 {
    bottom: 5%;
    left: 2%;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-4 {
    top: -6%;
    left: 2%;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-5 {
    top: -10%;
    right: 2%;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-0 {
    position: absolute;
    width: calc(10% * 1);
    animation: floater0 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.4;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 1);
}

@keyframes floater0 {
    0% {}
    25% {
        transform: translateY(0.12rem) translateX(0.16rem);
        opacity: 0.3;
    }
    50% {
        transform: translateY(0.1rem) translateX(0.09rem);
        opacity: 1;
    }
    75% {
        transform: translateY(0.49rem) translateX(0.41rem);
        opacity: 0.1;
    }
    100% {}
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-1 {
    position: absolute;
    width: calc(10% * 1);
    animation: floater1 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.4;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 1);
}

@keyframes floater1 {
    0% {}
    25% {
        transform: translateY(0.09rem) translateX(0.02rem);
        opacity: 0.5;
    }
    50% {
        transform: translateY(0.34rem) translateX(0.33rem);
        opacity: 0.8;
    }
    75% {
        transform: translateY(0.29rem) translateX(0.22rem);
        opacity: 0.1;
    }
    100% {}
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-2 {
    position: absolute;
    width: calc(10% * 1);
    animation: floater2 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.8;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 1);
}

@keyframes floater2 {
    0% {}
    25% {
        transform: translateY(0.19rem) translateX(0.19rem);
        opacity: 0.7;
    }
    50% {
        transform: translateY(0.28rem) translateX(0.37rem);
        opacity: 0.4;
    }
    75% {
        transform: translateY(0.48rem) translateX(0.31rem);
        opacity: 0.5;
    }
    100% {}
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-3 {
    position: absolute;
    width: calc(10% * 2);
    animation: floater3 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.4;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 2);
}

@keyframes floater3 {
    0% {}
    25% {
        transform: translateY(0.02rem) translateX(0.17rem);
        opacity: 0.9;
    }
    50% {
        transform: translateY(0.34rem) translateX(0.33rem);
        opacity: 0.4;
    }
    75% {
        transform: translateY(0.4rem) translateX(0.33rem);
        opacity: 0.8;
    }
    100% {}
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-4 {
    position: absolute;
    width: calc(10% * 2);
    animation: floater4 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.4;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 2);
}

@keyframes floater4 {
    0% {}
    25% {
        transform: translateY(0.04rem) translateX(0.06rem);
        opacity: 0.8;
    }
    50% {
        transform: translateY(0.22rem) translateX(0.24rem);
        opacity: 0.2;
    }
    75% {
        transform: translateY(0.01rem) translateX(0.36rem);
        opacity: 0.5;
    }
    100% {}
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-5 {
    position: absolute;
    width: calc(10% * 3);
    animation: floater5 10s infinite;
    transition: ease 0.5s;
    z-index: 5;
    opacity: 0.4;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 3);
}

@keyframes floater5 {
    0% {}
    25% {
        transform: translateY(0.04rem) translateX(0.11rem);
        opacity: 0.2;
    }
    50% {
        transform: translateY(0.3rem) translateX(0.05rem);
        opacity: 0.3;
    }
    75% {
        transform: translateY(0.33rem) translateX(0.25rem);
        opacity: 0.3;
    }
    100% {}
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper #spin {
    position: absolute;
    top: 4%;
    left: 0.6%;
    width: 100%;
    height: 80%;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .lucky-wheel-outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .lucky-wheel-frame {
    position: relative;
    z-index: 3;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .inner-wheel {
    position: absolute;
    width: 77%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .spin-btn {
    position: absolute;
    top: 38.2%;
    left: 44.2%;
    width: 13%;
    background: unset;
    z-index: 4;
    cursor: pointer;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .spin-btn:disabled {
    cursor: not-allowed;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-name-list {
    position: absolute;
    width: 100%;
    height: 80%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-name-list>li {
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50%;
    font-size: unset;
    color: #fff;
    text-align: center;
    padding-bottom: 20%;
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .reminder-title {
    position: absolute;
    bottom: 4.5%;
    color: #fff;
    text-align: center;
    width: 100%;
    z-index: 3;
    font-size: unset;
}

.m-lucky-wheel-landing-container .prize-list-wrapper {
    margin: 1.4rem 0 0;
    padding: 0 0.3rem;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: unset;
    padding: 0.18rem 0.5rem;
    color: #fff;
    font-size: unset;
    border-radius: 1rem;
    background: #ffffff1a;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div img {
    width: 20%;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div img.prize {
    max-height: 1rem;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div:not(:last-child) {
    margin: 0 0 0.34rem;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-1 {
    border: 0.02rem solid #e39d6b;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-2 {
    border: 0.02rem solid #7a9ab5;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-3 {
    border: 0.02rem solid #e12fb2;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-4 {
    border: 0.02rem solid #569fda;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-5 {
    border: 0.02rem solid #7158e2;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-6 {
    border: 0.02rem solid #2bdd8a;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-7 {
    border: 0.02rem solid #55cdd9;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-8 {
    border: 0.02rem solid #eee5a2;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-9 {
    border: 0.02rem solid #ff70a3;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-10 {
    border: 0.02rem solid #d0ffff;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-11 {
    border: 0.02rem solid #ca99ff;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div.prize-12::before {
    border-radius: 1rem;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div .level-name-wrapper {
    display: flex;
    align-items: center;
}

.m-lucky-wheel-landing-container .prize-list-wrapper>div .level-name-wrapper p {
    margin: 0 0 0 0.48rem;
}

.m-lucky-wheel-landing-container .winner-content {
    position: relative;
    margin: 0.84rem 0 0;
    padding: 0 0.3rem;
}

.m-lucky-wheel-landing-container .winner-content .winner-trophy {
    position: relative;
    display: block;
    width: 50%;
    margin: auto;
    z-index: 1;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail {
    position: relative;
    padding: 0.7rem 0.66rem;
    font-size: unset;
    margin: -4.5% 0 0;
    border-radius: 0.5rem;
    min-height: 80%;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail::before {
    border-radius: 0.5rem;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail .detail-type {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 0.2rem;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail .detail-type>button {
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 0.2rem 0;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail .detail-type>button.active {
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn-on.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #000;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail .detail-single-type {
    display: flex;
    justify-content: center;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail .detail-single-type>button {
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 5%;
    width: 50%;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail .detail-single-type>button.active {
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn-on.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #000;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.64rem;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail table tbody {
    display: block;
    max-height: 11rem;
    scroll-behavior: smooth;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail table tbody.list-body {
    overflow-y: hidden;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail table tbody.record-body {
    overflow-y: scroll;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr {
    display: inline-table;
    width: 100%;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr td {
    vertical-align: top;
    color: #fff;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr td:last-child {
    display: flex;
    flex-direction: column;
    text-align: right;
    align-items: flex-end;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr td:last-child span {
    color: #edfa00;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 3.5rem;
}

.m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr td.empty-data {
    text-align: center;
    align-items: center;
}

.m-lucky-wheel-landing-container .tnc-wrapper {
    position: relative;
    margin: 1.96rem 0 0;
    padding: 0 0.3rem;
    color: #fff;
}

.m-lucky-wheel-landing-container .tnc-wrapper .title-wrapper {
    position: relative;
    display: block;
    width: 70%;
    margin: auto;
    z-index: 1;
}

.m-lucky-wheel-landing-container .tnc-wrapper .title-wrapper .tnc-title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail {
    margin: -11% 0 0;
    padding: 1.8rem 0.6rem;
    border-radius: 0.5rem;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail::before {
    border-radius: 0.5rem;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper {
    margin: 0 0 0.65rem;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle {
    color: #edfa00;
    font-weight: 700;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle span {
    color: #fff;
    font-weight: 400;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .tips {
    color: red;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-list li {
    list-style-type: decimal;
    margin: 0 0 0 0.42rem;
    padding: 0.42rem 0;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .alpha-detail-list li {
    list-style: upper-alpha;
    margin: 0 0 0 0.42rem;
    padding: 0.42rem 0;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .lower-alpha-detail-list li {
    list-style: lower-alpha;
    margin: 0 0 0 0.42rem;
    padding: 0.42rem 0;
}

.m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .line-detail-list li {
    list-style-type: none;
    margin: unset;
    padding: 0.42rem 0;
}

.lucky-wheel-popup-modal-container {
    width: 28%;
}

.lucky-wheel-popup-modal-container .standard-popup-modal-header .standard-modal-close {
    position: absolute;
    right: 0.05rem;
    top: 0.05rem;
    background: 0 0;
    font-size: 0.25rem;
    padding: 0.055rem 0.14rem;
    border-radius: 0.1rem;
    cursor: pointer;
}

.lucky-wheel-popup-modal-container .standard-popup-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.32rem 0;
}

.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-blessing-title {
    margin: 0 0 0.1rem;
    font-weight: 700;
}

.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-text {
    margin: 0 0 0.07rem;
}

.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-name {
    margin: 0 0 0.3rem;
    font-weight: 700;
    color: #edfa00;
}

.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-image {
    margin: 0 0 0.26rem;
    width: 60%;
}

.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-btn {
    padding: 0.15rem 0.42rem;
    color: #000;
    border-radius: 0.05rem;
    background: undefined;
}

.m-lucky-wheel-popup-modal-container {
    width: 90%;
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-header .standard-modal-close {
    font-size: 0.3rem;
    top: 0.05rem;
    padding: 0.15rem 0.3rem;
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.18rem 0 0.7rem;
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-blessing-title {
    margin: 0 0 0.26rem;
    font-weight: 700;
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-text {
    margin: 0 0 0.23rem;
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-name {
    margin: 0 0 1.05rem;
    font-weight: 700;
    color: #edfa00;
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-image {
    margin: 0 0 0.9rem;
    width: 60%;
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-btn {
    padding: 0.52rem 2.05rem;
    color: #000;
    background: undefined;
}

@media (max-width: 768px) {
    .webapp-popup-modal-container {
        width: 95%;
        max-width: 95%;
    }
    .webapp-popup-modal-container .webapp-popup-modal-header {
        display: flex;
        align-items: center;
        text-align: left;
        font-size: 0.3rem;
        border-radius: 0.1rem 0.1rem 0 0;
    }
    .webapp-popup-modal-container .webapp-popup-modal-body {
        padding: 0.25rem 0.16rem;
    }
    .webapp-popup-modal-container .webapp-popup-modal-body .webapp-modal-step {
        margin: 0 0 0.25rem;
    }
    .webapp-popup-modal-container .webapp-popup-modal-body .webapp-modal-step:last-child {
        margin: 0;
    }
    .webapp-popup-modal-container .webapp-popup-modal-footer {
        border-radius: 0 0 0.1rem 0.1rem;
    }
}

.instant-rebate-tab {
    padding: 0.3rem;
}

.instant-rebate-tab .top-container {
    background: #ffffff33;
    padding: 0.25rem;
    border-radius: 0.05rem;
}

.instant-rebate-tab .top-container .top-content {
    display: flex;
    justify-content: space-between;
}

.instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim {
    display: flex;
}

.instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim .title {
    color: #aaa;
    margin: 0 0.05rem 0.1rem 0;
}

.instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim .currency {
    color: #00eaff;
}

.instant-rebate-tab .top-container .top-content .pending-claim-info .value {
    font-size: 0.24rem;
    font-weight: 700;
}

.instant-rebate-tab .top-container .top-content .last-update .title,
.instant-rebate-tab .top-container .top-content .last-claimed .title {
    color: #aaa;
    margin: 0 0.25rem 0.1rem 0;
}

.instant-rebate-tab .top-container .top-content .claim-all-btn {
    background: #b6b6b680;
    color: #fff;
    padding: 0.1rem 0.5rem;
    border-radius: 0.06rem;
}

.instant-rebate-tab .top-container .top-content .claim-all-btn:disabled {
    opacity: 0.2;
    background: #b6b6b6;
}

.instant-rebate-tab .top-container .top-content .claim-all-btn:hover {
    background: #b6b6b6cc;
}

.instant-rebate-tab .top-container .claim-status {
    float: right;
    color: #e9203d;
}

.instant-rebate-tab .divider {
    width: 100%;
    height: 0.02rem;
    margin: 0.25rem 0;
}

.instant-rebate-tab .bottom-container .provider-table-header {
    display: flex;
    align-items: center;
    margin: 0 0 0.1rem;
    color: #aaa;
}

.instant-rebate-tab .bottom-container .instant-rebate-info-container {
    margin: 0 0 0.25rem !important;
    overflow-x: unset;
}

.instant-rebate-tab .show-more-container {
    display: flex;
    justify-content: center;
    color: #aaa;
    cursor: pointer;
    margin: 0.25rem 0;
}

.instant-rebate-tab .show-more-container svg {
    margin: 0 0 0 0.1rem;
    width: 0.17rem;
    height: 0.17rem;
    fill: #a2a2a2;
    transform: rotate(90deg);
}

.instant-rebate-history-container .history-control-section .history-control-panel.instant-rebate-hcp {
    margin: 0;
}

.instant-rebate-history-container .history-control-section .history-control-panel.instant-rebate-hcp .form-panel .standard-form-field .standard-select-arrow {
    top: 0.35rem;
}

.instant-rebate-history-container .col-rebate-period {
    color: #3ea6ff !important;
    text-decoration: underline;
    cursor: pointer;
}

.instant-rebate-modal-container {
    width: 50%;
}

.instant-rebate-modal-container .instant-rebate-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.instant-rebate-modal-container .instant-rebate-modal-body {
    padding: 0.15rem;
}

.instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container {
    background: #ffffff33;
    padding: 0.25rem;
    border-radius: 0.05rem;
}

.instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container .instant-rebate-modal-st-section {
    width: unset;
    padding: 0;
}

.instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container .instant-rebate-modal-st-section .provider-table-header {
    font-size: 0.14rem;
}

.instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container .instant-rebate-modal-st-section .instant-rebate-modal-setting-table-container {
    margin: 0.1rem 0 0.3rem;
}

.instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container .instant-rebate-modal-st-section .instant-rebate-modal-setting-table-container:last-child {
    margin: 0.1rem 0 0;
}

.m-instant-rebate-container {
    padding: 0 0.2rem;
    font-size: 0.26rem;
    margin: 0 0 1.3rem;
}

.m-instant-rebate-container .instant-rebate-tab-container {
    background: unset;
    margin: 0 0 0.5rem;
}

.m-instant-rebate-tab .top-container {
    background: #ffffff33;
    padding: 0.25rem;
    border-radius: 0.05rem;
}

.m-instant-rebate-tab .top-container .top-content {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.3rem;
}

.m-instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim {
    display: flex;
}

.m-instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim .title {
    color: #aaa;
    margin: 0 0.05rem 0.1rem 0;
}

.m-instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim .currency {
    color: #00eaff;
}

.m-instant-rebate-tab .top-container .top-content .pending-claim-info .value {
    font-size: 0.32rem;
    font-weight: 700;
}

.m-instant-rebate-tab .top-container .top-content .transaction-button-section {
    width: 40%;
}

.m-instant-rebate-tab .top-container .top-content .transaction-button-section .claim-all-btn {
    width: 100%;
}

.m-instant-rebate-tab .top-container .last-update,
.m-instant-rebate-tab .top-container .last-claimed {
    display: flex;
}

.m-instant-rebate-tab .top-container .last-update .title,
.m-instant-rebate-tab .top-container .last-claimed .title {
    color: #aaa;
    margin: 0 0.25rem 0.1rem 0;
    min-width: 1.75rem;
}

.m-instant-rebate-tab .top-container .claim-status {
    color: #e9203d;
}

.m-instant-rebate-tab .divider {
    width: 100%;
    height: 0.02rem;
    margin: 0.25rem 0;
}

.m-instant-rebate-tab .bottom-container {
    background: #ffffff33;
    padding: 0.5rem 0.25rem;
    border-radius: 0.05rem;
    margin: 0.5rem 0 0;
}

.m-instant-rebate-tab .bottom-container .provider-table-container {
    margin: 0 0 0.5rem;
}

.m-instant-rebate-tab .bottom-container .provider-table-container .provider-table-header {
    display: flex;
    align-items: center;
    margin: 0 0 0.1rem;
    color: #aaa;
}

.m-instant-rebate-tab .bottom-container .provider-table-container .m-instant-rebate-hlc {
    padding: 0;
}

.m-instant-rebate-tab .bottom-container .provider-table-container .m-instant-rebate-str {
    text-align: center;
}

.m-instant-rebate-tab .bottom-container .provider-table-container .instant-rebate-info-container {
    margin: 0 0 0.25rem !important;
}

.m-instant-rebate-tab .show-more-container {
    display: flex;
    justify-content: center;
    color: #aaa;
    cursor: pointer;
    margin: 0.25rem 0;
}

.m-instant-rebate-tab .show-more-container svg {
    margin: 0 0 0 0.1rem;
    width: 0.17rem;
    height: 0.17rem;
    fill: #a2a2a2;
    transform: rotate(90deg);
}

.m-history-landing-container.m-instant-rebate-history-hlc {
    padding: 0 0 1.3rem;
}

.m-history-landing-container .m-standard-landing-container .history-control-section .history-control-panel .form-panel .m-instant-rebate-form-field {
    margin: 0 0 0.25rem;
}

.m-history-landing-container .m-standard-content-container .standard-setting-table-container .m-instant-rebate-history-str {
    text-align: center;
}

.m-history-landing-container .m-standard-content-container .col-rebate-period {
    color: #3ea6ff !important;
    text-decoration: underline;
    cursor: pointer;
}

.m-instant-rebate-modal-container {
    width: 95%;
}

.m-instant-rebate-modal-container .m-instant-rebate-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m-instant-rebate-modal-container .m-instant-rebate-modal-body {
    padding: 0.15rem;
}

.m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container {
    background: #ffffff33;
    padding: 0.25rem;
    border-radius: 0.05rem;
}

.m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container .provider-table-header {
    font-size: 0.26rem;
}

.m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container .m-instant-rebate-modal-setting-table-container {
    margin: 0.1rem 0 0.3rem;
}

.m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container .m-instant-rebate-modal-setting-table-container:last-child {
    margin: 0.1rem 0 0;
}

.m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container .m-instant-rebate-modal-setting-table-container .m-instant-rebate-modal-setting-table-row {
    text-align: center;
}

.history-control-panel .react-datepicker__navigation--previous,
.reg-form-container .react-datepicker__navigation--previous,
.m-bonus-container .react-datepicker__navigation--previous,
.react-datepicker-popper .react-datepicker__navigation--previous,
.standard-popup-modal-body .react-datepicker__navigation--previous {
    border-right-color: #ffe138 !important;
}

.history-control-panel .react-datepicker__navigation--next,
.reg-form-container .react-datepicker__navigation--next,
.m-bonus-container .react-datepicker__navigation--next,
.react-datepicker-popper .react-datepicker__navigation--next,
.standard-popup-modal-body .react-datepicker__navigation--next {
    border-left-color: #ffe138 !important;
}

@media (max-width: 768px) {
    html {
        font-size: calc(100vw / 7.68);
    }
    html body .mobileTopMargin {
        padding-top: 0.9rem;
    }
    html body .mobileTopMargin-home {
        padding-top: 0.9rem;
    }
}

.loader {
    width: 60px;
    height: 60px;
    gap: 5px;
    padding: 5px;
    position: relative;
    top: 50%;
    margin: auto;
    z-index: 50;
}

.preloader {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    margin: 0 auto;
}

.g--circle {
    transform-origin: 60px 60px;
    fill: #511a91;
    animation: opacity 1.2s linear infinite;
}

.g--circle:nth-child(12n+1) {
    animation-delay: -0.1s;
    transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+2) {
    animation-delay: -0.2s;
    transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+3) {
    animation-delay: -0.3s;
    transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+4) {
    animation-delay: -0.4s;
    transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+5) {
    animation-delay: -0.5s;
    transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+6) {
    animation-delay: -0.6s;
    transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+7) {
    animation-delay: -0.7s;
    transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+8) {
    animation-delay: -0.8s;
    transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+9) {
    animation-delay: -0.9s;
    transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+10) {
    animation-delay: -1s;
    transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+11) {
    animation-delay: -1.1s;
    transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
}

.g--circle:nth-child(12n+12) {
    animation-delay: -1.2s;
    transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
}

.g-circles--loading .g--circle {
    fill-opacity: 1;
    fill: gray;
    animation-name: opacity, maincolor;
}

.g-circles--loading .u--circle {
    animation: transformloading 1.2s linear infinite;
}

.g-circles--loading .g--circle:nth-child(12n+1) .u--circle {
    animation-delay: -0.1s;
}

.g-circles--loading .g--circle:nth-child(12n+2) .u--circle {
    animation-delay: -0.2s;
}

.g-circles--loading .g--circle:nth-child(12n+3) .u--circle {
    animation-delay: -0.3s;
}

.g-circles--loading .g--circle:nth-child(12n+4) .u--circle {
    animation-delay: -0.4s;
}

.g-circles--loading .g--circle:nth-child(12n+5) .u--circle {
    animation-delay: -0.5s;
}

.g-circles--loading .g--circle:nth-child(12n+6) .u--circle {
    animation-delay: -0.6s;
}

.g-circles--loading .g--circle:nth-child(12n+7) .u--circle {
    animation-delay: -0.7s;
}

.g-circles--loading .g--circle:nth-child(12n+8) .u--circle {
    animation-delay: -0.8s;
}

.g-circles--loading .g--circle:nth-child(12n+9) .u--circle {
    animation-delay: -0.9s;
}

.g-circles--loading .g--circle:nth-child(12n+10) .u--circle {
    animation-delay: -1s;
}

.g-circles--loading .g--circle:nth-child(12n+11) .u--circle {
    animation-delay: -1.1s;
}

.g-circles--loading .g--circle:nth-child(12n+12) .u--circle {
    animation-delay: -1.2s;
}

@keyframes opacity {
    3% {
        fill-opacity: 1;
    }
    75% {
        fill-opacity: 0.5;
    }
}

@keyframes maincolor {
    0% {
        fill: #d2d2d2;
    }
    100% {
        fill: #511a91;
    }
}

@keyframes transformloading {
    10% {
        transform-origin: 70px 70px;
        transform: scale(0.75);
    }
}

.loading-container {
    z-index: 1;
    height: 100vh;
    width: 100vw;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-container .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loading-container .loading img {
    width: 100%;
    height: 100%;
    max-width: 3rem;
}

@media (max-width: 575px) {
    .loading-container .loading img {
        max-width: 1.5rem;
    }
}

.home-container {}

.home-container .carouselSliderSection {}

.home-container .carouselSliderSection .wrapperStyle {
    text-align: right;
    padding-right: 20%;
    bottom: 0.2rem;
}

.home-container .carouselSliderSection .wrapperStyle .dot_styling {
    width: 0.3rem;
    height: 0.06rem;
    transform: skew(40deg);
}

.home-container .announcementBarSection {}

.home-container .announcementBarSection .annoucement-bar-component {
    width: 11rem;
}

.home-container .articleContainer {
    background: url(/static/img/bg/home_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;
}

.home-container .articleContainer .contentWarrperInner {
    background: undefined;
    width: 11rem;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.home-container .articleContainer .contentWarrperInner header {
    font-weight: undefined;
}

.home-container .articleContainer .contentWarrperInner .announcementBarSection {
    width: 100%;
    margin: auto;
    background: #122342;
    border-bottom: 0.1rem solid;
    padding-top: 0.1rem;
    border-image: linear-gradient(to left, black 1%, #fcc201 50%, black 100%) 0 0 100% 0/0.02rem 0 0.03rem 0 stretch;
}

.home-container .articleContainer .contentWarrperInner .announcementBarSection .annoucement-bar-component {
    width: 10.4rem;
}

.home-container .articleContainer .contentWarrperInner .announcementBarSection .annoucement-bar-component .left-block {
    background: #122342;
    width: 5%;
}

.home-container .articleContainer .contentWarrperInner .announcementBarSection .annoucement-bar-component .left-block svg {
    fill: #ddd;
    width: 40%;
}

.home-container .articleContainer .contentWarrperInner .announcementBarSection .annoucement-bar-component .right-block {
    background: #122342;
    width: 2%;
}

.home-container .articleContainer .contentWarrperInner .jackportSection {
    margin: auto;
    margin-top: 0.3rem;
    width: 10rem;
    padding-top: 0;
}

.home-container .articleContainer .contentWarrperInner .jackportSection .jackportContainer {
    height: 1rem;
    margin: auto;
    width: undefined;
    padding: undefined;
}

.home-container .articleContainer .contentWarrperInner .hotgameSection {
    width: 11rem;
    margin: auto;
    margin-top: 0.4rem;
    padding: undefined;
    background: undefined;
    border-radius: undefined;
    order: 2;
}

.home-container .articleContainer .contentWarrperInner .slotsLandingSection {
    order: 3;
}

.home-container .articleContainer .contentWarrperInner .liveCasinoSection {
    width: 11rem;
    margin: auto;
    margin-top: 0.4rem;
    padding: unset;
    background: unset;
    border-radius: unset;
    order: 5;
}

.home-container .articleContainer .contentWarrperInner .liveCasinoSection .headerLeft {}

.home-container .articleContainer .contentWarrperInner .liveCasinoSection .headerLeft img {
    height: 0.5rem;
    width: 0.5rem;
}

.home-container .articleContainer .contentWarrperInner .top10Section {
    order: 4;
}

.home-container .articleContainer .contentWarrperInner .hotmatch-casino-section {
    width: 10rem;
    margin: auto;
    margin-top: 0.4rem;
    display: flex;
    justify-content: space-between;
}

.home-container .articleContainer .contentWarrperInner .hotmatch-casino-section .hotmatch-warpper {
    width: 49%;
}

.home-container .articleContainer .contentWarrperInner .hotmatch-casino-section .hotmatch-warpper header {
    color: #fcc201;
}

.home-container .articleContainer .contentWarrperInner .hotmatch-casino-section .hotmatch-warpper header .headerLeft {
    display: flex;
    align-items: center;
}

.home-container .articleContainer .contentWarrperInner .hotmatch-casino-section .hotmatch-warpper header .headerLeft p {
    margin-bottom: 0;
    font-weight: unset;
}

.home-container .articleContainer .contentWarrperInner .hotmatch-casino-section .hotmatch-warpper header .headerLeft p img {
    height: 0.35rem;
    width: 0.35rem;
    margin: unset;
}

.home-container .articleContainer .contentWarrperInner .hotmatch-casino-section .casino-warpper {
    width: 49%;
}

.home-container .articleContainer .contentWarrperInner .hotmatch-casino-section .casino-warpper .headerFlex {}

.home-container .articleContainer .contentWarrperInner .hotmatch-casino-section .casino-warpper .headerFlex img {
    height: 0.35rem;
    width: 0.35rem;
}

.home-container .articleContainer .contentWarrperInner .videoUpComingMatchSection {
    display: flex;
    color: #fef986;
    height: 4.5rem;
    width: 9.8rem;
    margin: auto;
    margin-top: 0.4rem;
}

.home-container .articleContainer .contentWarrperInner .videoUpComingMatchSection .videoFeature {
    width: 62%;
    margin-right: 3%;
    height: 100%;
}

.home-container .articleContainer .contentWarrperInner .videoUpComingMatchSection .videoFeature .videoContent {
    width: 100%;
}

.home-container .articleContainer .contentWarrperInner .videoUpComingMatchSection .hotmatchWarpper {
    width: 35%;
    height: 100%;
}

.home-container .articleContainer .contentWarrperInner .videoUpComingMatchSection .hotmatchWarpper header {
    color: #fcc201;
    margin-bottom: 0.1rem;
}

.home-container .articleContainer .contentWarrperInner .videoUpComingMatchSection .hotmatchWarpper header .headerLeft {
    display: flex;
    align-items: center;
}

.home-container .articleContainer .contentWarrperInner .videoUpComingMatchSection .hotmatchWarpper header .headerLeft p {
    margin-bottom: 0;
}

.home-container .articleContainer .contentWarrperInner .liveCasinoInforSection {
    display: flex;
    justify-content: space-between;
    width: 9.8rem;
    margin: auto;
    margin-top: 0.4rem;
}

.home-container .articleContainer .contentWarrperInner .liveCasinoInforSection .liveCasinoWarpper {
    width: 62%;
    margin-right: 3%;
    border: 0.01rem solid;
}

.home-container .articleContainer .contentWarrperInner .liveCasinoInforSection .inforCenterWarpper {
    width: 35%;
}

.home-container .articleContainer .contentWarrperInner .liveCasinoInforSection .inforCenterWarpper header {
    color: #fcc201;
    margin-bottom: 0.1rem;
}

.home-container .articleContainer .contentWarrperInner .liveCasinoInforSection .inforCenterWarpper header .headerLeft {
    display: flex;
    align-items: center;
}

.home-container .articleContainer .contentWarrperInner .liveCasinoInforSection .inforCenterWarpper header .headerLeft p {
    margin-bottom: 0;
}

.home-container .articleContainer .contentWarrperInner .homeInforSection {
    width: 11rem;
    margin: auto;
    margin-top: 0.4rem;
    padding: 0 0.1rem;
    order: 1;
}

.home-container .articleContainer .contentWarrperInner .homeVideoSection {
    width: 10rem;
    margin: auto;
    margin-top: 0.4rem;
    display: flex;
    justify-content: center;
}

.home-container .articleContainer .contentWarrperInner .homeInforCenterSection {
    margin: auto;
    margin-top: 0.4rem;
    padding-bottom: 0;
    order: 9;
}

.home-container .promoLiveSection {
    color: #fff;
    width: 11rem;
    margin: auto;
    margin-bottom: 0.2rem;
    margin-top: 0.4rem;
    order: 7;
}

.home-container .promoLiveSection .Divider {
    width: 100%;
    height: 0.04rem;
    background: linear-gradient(90deg, #c09848, #4a3917);
    margin-bottom: 0.23rem;
}

.home-container .promoLiveSection .promoLiveContainer {
    display: flex;
    flex-direction: row;
}

.home-container .promoLiveSection .promoLiveContainer .latestPromo {
    width: 60%;
    margin-right: 0.34rem;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container {
    width: 40%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 1.55rem;
    margin: 0.5rem 0 0;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .desc-container {
    display: contents;
    color: #fff;
    font-size: 0.18rem;
    justify-content: undefined;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .desc-container p {
    margin-bottom: 0.05rem;
    width: undefined;
    text-align: undefined;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .desc-container p.desc.desc-1 {
    font-size: 0.24rem;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .desc-container p.desc.desc-2 {
    font-size: 0.14rem;
    margin: 0 0 0.01rem;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .desc-container p.desc-3 {
    font-size: 0.14rem;
    margin: 0 0 0.01rem;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .contact-list {
    display: flex;
    justify-content: flex-start;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .contact-list .contact-item {
    display: flex;
    align-items: center;
    margin: 0.1rem 0.08rem 0 0;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .contact-list .contact-item:nth-last-child(1) {
    margin: 0.1rem 0 0;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .contact-list .contact-item .contact-img {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.06rem;
    cursor: pointer;
}

.home-container .promoLiveSection .promoLiveContainer .home-contact-container .contact-list .contact-item .contact-desc {
    margin-bottom: 0;
    color: #fff;
    margin-left: 0.08rem;
    font-size: 0.14rem;
}

.home-container .promoLiveSection .promoLiveContainer .liveCasino {
    width: 3.83rem;
}

.home-container .liveStreamSection {
    width: 100%;
    margin: auto;
    margin-bottom: 0.2rem;
    margin-top: 0;
    display: flex;
    order: 6;
}

.home-container .liveStreamSection .liveStreamContainer {
    width: 100%;
    margin-right: unset;
    background: unset;
    border-radius: 0.14rem;
}

.home-container .liveStreamSection .liveStreamContainer .livestream-header-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.home-container .liveStreamSection .liveStreamContainer .livestream-header-container .livestream-header-icon {
    width: 0.5rem;
}

.home-container .liveStreamSection .liveStreamContainer .livestream-header-container header {
    padding: 0.14rem;
    color: #fff;
    border-bottom: unset;
}

.home-container .liveStreamSection .liveStreamContainer .livestream-header-container header p {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: undefined;
}

.home-container .liveStreamSection .liveStreamContainer .homeLiveStreamContainer {
    background: url(/public/html/images/home_img/homeLiveStream_background.jpg);
    padding: undefined;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0.2rem;
    height: 3rem;
}

.home-container .liveStreamSection .hotmatchWarpper {
    width: 55%;
    background: linear-gradient(#26486b, #41af8c);
    border-radius: 0.14rem;
}

.home-container .liveStreamSection .hotmatchWarpper header {
    padding: 0.14rem;
    color: #fff;
    border-bottom: 0.02rem solid #265e98;
}

.home-container .liveStreamSection .hotmatchWarpper header .headerLeft p {
    margin-bottom: 0;
    font-weight: 700;
}

.home-container .liveCasinoContainer .liveCasinoTableContainer .slick-slider .slick-dots {
    position: absolute;
    top: -0.27rem;
    height: 0.3rem;
    right: 0;
    width: 100%;
    text-align: right;
}

.home-container .liveCasinoContainer .liveCasinoTableContainer .slick-slider .slick-dots .slick-active {
    background: #b94d1c;
    width: 0.3rem;
}

.home-container .liveCasinoContainer .liveCasinoTableContainer .slick-slider .slick-dots .slick-active button:before {
    color: transparent;
}

.home-container .liveCasinoContainer .liveCasinoTableContainer .slick-slider .slick-dots li {
    height: 0.06rem;
    width: 0.14rem;
    margin: 0 0.03rem;
    background: #fff;
    border-radius: 0;
    transform: skew(-20deg);
}

.home-container .liveCasinoContainer .liveCasinoTableContainer .slick-slider .slick-dots li button:before {
    color: transparent;
}

.home-container .faetureSection {
    background: #140e06;
}

.home-container .faetureSection .featureContainer {
    width: 11rem;
    margin: auto;
    color: #fff;
    display: flex;
    padding-top: 0.3rem;
}

.home-container .faetureSection .featureContainer .videoFeature {
    width: 4.1rem;
    height: 2.4rem;
    margin-right: 0.2rem;
    background: #000;
}

.home-container .faetureSection .featureContainer .bannerFeature {
    width: 6.7rem;
    height: 2.4rem;
}

.home-container .appDownloadSection {
    margin: undefined;
    padding-left: undefined;
    font-size: undefined;
    order: 8;
}

.home-container .appDownloadSection header {
    color: undefined;
}

.home-container .appDownloadSection header p {
    text-transform: undefined;
    margin-bottom: undefined;
}

.m-home {
    margin: 0.1rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.m-home header {
    margin: 0 0 0.15rem;
    padding: unset;
    display: flex;
    justify-content: undefined;
    align-items: center;
}

.m-home header p {
    color: #fff;
    font-weight: undefined;
    margin: 0 0 0 0.1rem;
}

.m-home header .hg-link {
    color: #fff;
}

.m-home header img {
    width: 0.6rem;
}

.m-home .mobile-floding-box-container {
    position: absolute;
    top: 0.9rem;
    right: 0;
    z-index: 100000000;
}

.m-home .mobile-floding-box-container img {
    height: 2.2rem;
}

.m-home .mobileHotmatchSection {
    padding: 0 0.2rem 0.32rem;
}

.m-home .mobileCarouselSliderSection {
    padding: 0 0.2rem 0.25rem;
    order: 1;
}

.m-home .mobileCarouselSliderSection .home_banner {
    border-radius: 0.05rem;
}

.m-home .homeEntrySection {
    padding: 0 0.2rem 0.32rem;
    order: 2;
    background: undefined;
}

.m-home .ceremorySection {
    order: 3;
}

.m-home .mobileGameTabSection {
    order: 4;
}

.m-home .mobileHotGameSection,
.m-home .highlightVideoSection,
.m-home .appDownloadSection,
.m-home .mobileNewGameSection,
.m-home .mobileLiveStreamSection {
    padding: 0.24rem 0.2rem 0.09rem;
    border: none;
    border-style: none;
    color: #a3a3a3;
}

.m-home .mobileLiveCasino {
    padding: 0.24rem 0 0.09rem 0.2rem;
    border: 0.1rem #e3e3e3;
    border-style: none none solid none;
}

.m-home .mobileHotGameSection {
    order: 5;
}

.m-home .mobileNewGameSection {
    order: 6;
}

.m-home .m-top10Section {
    padding: 0.2rem 0 0.09rem;
    order: 7;
}

.m-home .m-hotmatch-section {
    order: undefined;
}

.m-home .highlightVideoSection {
    order: undefined;
}

.m-home .mobileLiveStreamSection {
    order: 9;
}

.m-home .latestPromoSection {
    padding: 0.24rem 0 0.5rem 0.2rem;
    order: 10;
}

.m-home .app-landing-section {
    margin: 0 0 0.1rem;
    padding: 0.24rem 0.2rem 0.09rem;
    border-top: undefined;
    order: undefined;
}

.m-home .mobileLiveCasinoSectionContainer {
    padding: 0.24rem 0.2rem 0.09rem;
    order: 8;
}

.m-home .m-HotmatchSlider {
    padding: undefined;
    width: 95%;
    margin: 0.8rem auto;
    background: 0 0;
    background-size: cover;
    order: undefined;
}

.m-home .m-HotmatchSlider header {
    margin-bottom: 0.4rem;
    padding-top: 0;
}

.m-home .m-HotmatchSlider header p {
    font-weight: 700;
    font-size: 0.28rem;
    color: #a3a3a3;
    margin-left: 0;
    display: inherit;
    align-items: undefined;
}

.m-home .m-HotmatchSlider header p img {
    margin-right: 0.2rem;
    width: undefined;
}

.m-home .m-HotmatchSlider header p svg {
    width: 0.8rem;
    fill: #00eaff;
    margin-right: 0.1rem;
}

.m-home .home-iframe-section {
    order: 10;
    padding: 0.2rem 0.32rem;
}

.m-home .home-iframe-section .home-iframe {
    width: 100%;
    height: 9rem;
}

.desktop-game-tab-container {
    padding: 0 0 0.4rem;
    width: 11rem;
}

.desktop-game-tab-container .menuTab {
    display: flex;
    padding: 0.2rem 0.4rem;
    border-bottom: 0.01rem solid #0000001a;
    background: #511a91;
    border-radius: 0.1rem 0.1rem 0 0;
}

.desktop-game-tab-container .menuTab p {
    margin-bottom: 0;
}

.desktop-game-tab-container .menuTab .selected-menu-text {
    color: #fff;
    font-size: 0.16rem;
    width: 29%;
}

.desktop-game-tab-container .menuTab .menuTab-container {
    display: flex;
    align-items: center;
}

.desktop-game-tab-container .menuTab .menuTab-container .menu-item {
    text-transform: capitalize;
    padding-left: 0.26rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.desktop-game-tab-container .menuTab .menuTab-container .menu-item:hover {
    cursor: pointer;
    position: relative;
}

.desktop-game-tab-container .menuTab .menuTab-container .menu-item:hover .hover_line {
    border-bottom: 0.03rem solid #edfa00;
    width: 0.25rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: -0.22rem;
}

.desktop-game-tab-container .menuTab .menuTab-container .menu-selected {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.desktop-game-tab-container .menuTab .menuTab-container .menu-selected .hover_line {
    border-bottom: 0.03rem solid #edfa00;
    width: 0.25rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: -0.22rem;
}

.desktop-game-tab-container .menuTab .menuTab-container .menu-selected .active {
    color: #fff;
}

.desktop-game-tab-container .submenu-tab {
    color: #fff;
    height: 3.7rem;
    padding: 0 0.4rem;
    display: flex;
    width: 100%;
    flex-basis: auto;
    background: undefined;
    border-radius: undefined;
}

.desktop-game-tab-container .submenu-tab .recommended-list-container {
    width: 30%;
    padding: 0.4rem 0 0;
}

.desktop-game-tab-container .submenu-tab .recommended-list-container:hover {
    cursor: pointer;
}

.desktop-game-tab-container .submenu-tab .recommended-list-container .rg-item img {
    border-radius: 0.2rem;
    width: 90%;
    margin-right: auto;
    padding: 0.08rem;
    border: 0.02rem solid #484848;
}

.desktop-game-tab-container .submenu-tab .recommended-list-container .rg-item p {
    width: 90%;
    margin-top: 0.1rem;
    font-size: 0.14rem;
    text-align: center;
}

.desktop-game-tab-container .submenu-tab .recommended-list-container .recommended-dots-container {
    position: absolute;
    bottom: 0;
    left: 43%;
    transform: translateX(-43%);
}

.desktop-game-tab-container .submenu-tab .recommended-list-container .recommended-dots-container .dots {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 0.4rem;
    background: #c8c8c8;
    margin: 0 0.05rem;
    transition-duration: 0.5s;
}

.desktop-game-tab-container .submenu-tab .recommended-list-container .recommended-dots-container .active {
    width: 0.4rem;
    background: #00eaff;
    transition-duration: 0.5s;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container {
    width: 100%;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container.isShowRecommended {
    width: 70%;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    margin: 0.4rem 0 0;
    width: min-content !important;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .submenu-item {
    width: 1.425rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 0.2rem;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .submenu-item .submenu-img-container {
    width: 75%;
    position: relative;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .submenu-item .submenu-img-container .submenu-img {
    width: 100%;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .submenu-item .provider-name {
    margin-bottom: 0;
    margin-top: 0.1rem;
    text-align: center;
    font-size: 0.14rem;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container:hover {
    cursor: pointer;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container:hover .submenu-item {
    opacity: 1;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container:hover .submenu-item:not(:hover) {
    opacity: 0.5;
    filter: grayscale(150%);
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .float-dot {
    position: absolute;
    font-size: 0.1rem;
    background: red;
    color: #fff;
    border-radius: 0.06rem;
    padding: 0.03rem;
    top: 0;
    right: 0;
    width: 0.35rem;
    height: unset;
    text-align: center;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .hot-provider {
    background: red;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .new-provider {
    background: #00ff1e;
    color: #000;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-dots-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-dots-container .dots {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 0.4rem;
    background: #c8c8c8;
    margin: 0 0.05rem;
    transition-duration: 0.5s;
}

.desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-dots-container .active {
    width: 0.4rem;
    background: #00eaff;
    transition-duration: 0.5s;
}

.latestPromoContainer {
    width: 100%;
}

.latestPromoContainer .promoSlideContainer {
    height: auto;
    background: unset;
    padding: 0;
    margin: undefined;
}

.latestPromoContainer .promoSlideContainer .promoSlider {
    height: 100%;
    width: 100%;
    border: undefined;
    border-radius: undefined;
    background: undefined;
    position: relative;
}

.latestPromoContainer .promoSlideContainer .promoBanner {
    cursor: pointer;
}

.latestPromoContainer .promoSlideContainer .promoBanner img {
    width: 100%;
    height: 1.55rem;
    border-radius: 0.1rem;
    object-fit: undefined;
}

.latestPromoContainer .promoSlideContainer .promoContent {
    background: #000;
    height: 0.8rem;
    padding: 0.2rem;
}

.latestPromoContainer .promoSlideContainer .promoContent .promo-title {
    color: #fff;
    font-weight: unset;
}

.latestPromoContainer .promoSlideContainer .promoContent p {
    margin-bottom: 0.06rem;
    color: auto;
    width: undefined;
}

.latestPromoContainer .promoSlideContainer .promoContent p:last-child {
    margin-bottom: 0;
    text-overflow: undefined;
    line-height: undefined;
    white-space: undefined;
    overflow: undefined;
}

.latestPromoContainer .promoSlideContainer .promoGroupItem {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    height: 3.45rem;
    position: relative;
}

.latestPromoContainer .promoSlideContainer .promoGroupItem .promoBanner {
    cursor: auto !important;
}

.latestPromoContainer .promoSlideContainer .promoGroupItem .promoContent {
    padding: 0 0 0 0.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 0.7rem;
}

.latestPromoContainer .promoSlideContainer .promoGroupItem .more-btn {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background: url(/public/html/images/home_img/match-betnow-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.25rem;
    border-radius: 0.1rem;
    font-size: 0.1rem;
    position: absolute;
    right: 0.1rem;
    bottom: 0.42rem;
    cursor: pointer;
}

.latestPromoContainer .slick-dots {
    width: 50%;
    bottom: 0.1rem;
    right: 0.2rem;
    display: flex !important;
    justify-content: flex-end;
}

.latestPromoContainer .slick-dots li {
    position: relative;
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    margin: 0 0.05rem;
    padding: 0;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    transform: unset;
}

.latestPromoContainer .slick-dots li button:before {
    color: transparent;
}

.latestPromoContainer .slick-dots li.slick-active {
    background: #ffe138;
    width: 0.4rem;
    border-radius: 0.1rem;
    transition-duration: undefined;
}

.latestPromoContainer .headerFlex {
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: break-spaces;
    font-weight: 700;
}

.latestPromoContainer .headerFlex img {
    margin: 0 0.14rem 0 0;
    height: 0.5rem;
    width: 0.5rem;
}

.latestPromoContainer .headerFlex p {
    margin: 0;
}

.hotGameContainer {
    width: 100%;
}

.hotGameContainer header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.hotGameContainer header .headerLeft {
    display: flex;
    align-items: center;
}

.hotGameContainer header .headerLeft p {
    margin-bottom: 0;
    margin: 0 0.1rem 0 0;
    color: #fff;
    font-size: 0.16rem;
}

.hotGameContainer header .headerLeft p span {
    order: unset;
    font-weight: 700;
}

.hotGameContainer header .headerLeft svg {
    width: 0.3rem;
    fill: #fff;
}

.hotGameContainer header .headerLeft img {
    margin: 0 0.05rem 0 0;
    width: 0.5rem;
}

.hotGameContainer header a {
    color: #ffe138;
    text-decoration: underline;
    margin-right: 0;
}

.hotGameContainer .slick-next-btn,
.hotGameContainer .slick-prev-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -0.28rem;
    color: #ccc;
    font-weight: 700;
    width: 0.4rem;
    height: 0.4rem;
    border: none;
    cursor: pointer;
    padding-bottom: 0.1rem;
    background: unset;
    border-radius: unset;
    padding: unset;
}

.hotGameContainer .slick-next-btn:hover,
.hotGameContainer .slick-prev-btn:hover {
    color: #00eaff;
    background: unset;
    border-radius: unset;
    padding: unset;
}

.hotGameContainer .slick-next-btn:focus,
.hotGameContainer .slick-prev-btn:focus {
    color: #00eaff;
    background: unset;
    border-radius: unset;
    padding: unset;
}

.hotGameContainer .slick-prev-btn {
    right: 0.42rem;
}

.hotGameContainer .slick-dots {
    height: 0.5rem;
    bottom: -0.6rem;
    text-align: center;
}

.hotGameContainer .slick-dots li button:before {
    font-size: 0.1rem;
}

.hotGameContainer .slick-dots .slick-active button:before {
    color: #00eaff;
}

.hotGameContainer .slick-slider {
    width: 100%;
}

.hotGameContainer .hotGameSlider {
    /* height: 2.4rem; */
    position: relative;
    margin-top: 0.14rem;
    border: 0;
}

.hotGameContainer .hotGameSlider img {
    /* width: 90%;
  height: 1.76rem; */
    border-radius: 0.1rem;
    object-fit: cover;
    cursor: pointer;
}

.hotGameContainer .hotGameSlider .hotGameRoundBtn {
    position: absolute;
    bottom: 0.15rem;
    /* width: 90%;
  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;
}

.hotGameContainer .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;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotGameContainer .hotGameSlider:hover {
    transition: all 0.3s ease-in;
    transform: unset;
}

.hotGameContainer .hotGameSlider:hover img {
    transition: 0.3s;
    transition-delay: 0.3s;
}

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

.hotGameContainer .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);
}

.hotGameContainer .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn svg {
    fill: #fff;
    width: 0.2rem;
    height: 0.2rem;
    margin: unset;
}

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

.hotGameContainer .hotGameSlider .hotgameContent {
    background: 0 0;
    height: 0.64rem;
    width: 90%;
    margin-top: -0.02rem;
    padding: 0.15rem 0;
    text-transform: capitalize;
    font-size: 0.14rem;
    text-align: unset;
}

.hotGameContainer .hotGameSlider .hotgameContent p {
    margin-bottom: 0.03rem;
    color: #ffe138;
    font-weight: unset;
}

.hotGameContainer .hotGameSlider .hotgameContent .hotGameSubContent span {
    margin-right: 0.05rem;
    color: #fffcfc;
    font-size: 0.14rem;
    font-weight: undefine;
}

.hotGameContainer .hotGameSlider .hotgameContent .hotGameSubContent span:last-child {
    margin-right: 0;
}

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

.appDownloadSection {
    margin: undefined;
}

.appDownloadSection header {
    color: undefined;
    text-transform: undefined;
    font-weight: undefined;
}

.appDownloadSection header p {
    margin: undefined;
}

.home-app-landing {
    margin: undefined;
    height: 3rem;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0.1rem;
}

.home-app-landing:hover {
    cursor: pointer;
}

.home-app-landing .header-container {
    width: 50%;
    text-align: center;
    padding-top: 0.2rem;
}

.home-app-landing .header-container .header-1 {
    color: #000;
    font-weight: 700;
    font-size: 0.35rem;
}

.home-app-landing .header-container .header-1 span {
    color: #00eaff;
}

.home-app-landing .header-container .header-2 {
    font-size: 0.2rem;
}

.home-app-landing .download-container {
    display: flex;
    width: 98%;
    justify-content: flex-end;
    padding: 0.6rem 0 0;
    float: unset;
}

.home-app-landing .download-container .download-item {
    text-align: center;
    padding: 0.2rem;
}

.home-app-landing .download-container .download-item .qr-code {
    padding: undefined;
    background: undefined;
    margin-bottom: 0.1rem;
}

.home-app-landing .download-container .download-item .qr-code .download_qr {
    height: 1rem;
    width: 1rem;
    padding: unset;
}

.home-app-landing .download-container .download-item .download-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #000;
    padding: 0.05rem 0.1rem;
    border-radius: 0.05rem;
    cursor: undefined;
    white-space: nowrap;
}

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

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

.home-app-landing .download-container .download-item .download-btn svg {
    height: 0.22rem;
    width: 0.22rem;
    margin-right: 0.05rem;
}

.homeBankStatusContainer {
    background: linear-gradient(#0c426d, #02243f);
    color: #fff;
    order: undefined;
    margin: undefined;
}

.homeBankStatusContainer .bank-status {
    display: flex;
    padding: 0.15rem 0;
    justify-content: undefined;
}

.homeBankStatusContainer .bank-status .bank-status-item {
    width: 33%;
    height: undefined;
    display: flex;
    position: undefined;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_type {
    width: 66%;
    display: flex;
    flex-wrap: wrap;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_type h4 {
    color: #edfa00;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    height: undefined;
    font-size: 0.16rem;
    line-height: undefined;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_type h4::first-letter {
    text-transform: uppercase;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_type .avg-time-container {
    width: 100%;
    color: #fff;
    font-size: 0.14rem;
    margin: 0.1rem 0 0;
    font-weight: undefined;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_type .avg-time-container .percent-progress {
    width: 100%;
    height: 0.15rem;
    margin-top: 0.1rem;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_type.convenient_bank_service {
    display: block;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_type.convenient_bank_service h4 {
    text-transform: capitalize;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_type>div {
    height: undefined;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_time {
    width: 30%;
    text-align: center;
    display: flex;
    flex-direction: undefined;
    justify-content: undefined;
    position: undefined;
    left: undefined;
    margin: undefined;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_time h1 {
    color: #edfa00;
    font-size: 0.55rem;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    margin: undefined;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_time p {
    color: undefined;
    margin: 0.35rem 0 0;
    text-transform: unset;
    font-weight: 700;
    font-size: 0.18rem;
    white-space: nowrap;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank_time span {
    color: undefined;
    font-size: undefined;
    font-weight: undefined;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank-payment {
    width: 100%;
    height: undefined;
    font-size: 0.14rem;
    margin: 0.1rem 0 0;
    color: #fff;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank-payment .bank-payment-img img {
    width: 50%;
    margin: 0.1rem 0 0;
}

.homeBankStatusContainer .bank-status .bank-status-item .bank-payment .bank-payment-img .custom_agent_img {
    width: undefined;
}

.liveCasino {
    width: unset;
}

.liveCasinoContainer {
    width: 100%;
}

.liveCasinoContainer .headerFlex {
    display: none;
    align-items: center;
    font-size: 0.16rem;
    margin-bottom: unset;
    padding: undefined;
    border-top-left-radius: undefined;
    border-top-right-radius: undefined;
    background: undefined;
    border-bottom: undefined;
}

.liveCasinoContainer .headerFlex p {
    margin-bottom: 0;
    margin-left: unset;
    margin-right: 0.1rem;
    font-weight: 700;
    color: unset;
    text-transform: unset;
}

.liveCasinoContainer .headerFlex img {
    margin: unset;
}

.liveCasinoContainer .liveCasinoTableContainer {
    height: 2.395rem;
    background: rgba(0, 0, 0, 0.2);
    margin: undefined;
    padding: 0.02rem 0 0 0.02rem;
    border: 0.01rem solid #edfa00;
    border-bottom-left-radius: undefined;
    border-bottom-right-radius: undefined;
    border-radius: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .slick-slide {
    height: auto;
}

.liveCasinoContainer .liveCasinoTableContainer .slick-slide img {
    width: undefined;
    height: 100%;
    object-fit: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    height: fit-content;
    bottom: 0.1rem;
    padding-bottom: 0.2rem;
    list-style: none;
    list-style-type: none;
    text-align: center;
    margin: 0.36rem 0 0;
    top: -0.3rem !important;
    right: -2.2rem !important;
    left: undefined;
    justify-content: flex-end;
}

.liveCasinoContainer .liveCasinoTableContainer .slick-dots li {
    width: undefined;
    margin: 0;
    padding: undefined;
    height: undefined;
    transition-duration: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .slick-dots li button {
    width: undefined;
    height: 0.1rem;
    display: flex;
    padding: 0.1rem;
    background: undefined;
    border-radius: undefined;
    margin: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .slick-dots li :before {
    font-size: 0.1rem;
    color: #bfbfbf;
    margin-top: undefined;
    opacity: undefined;
    display: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .slick-dots li.slick-active {
    width: undefined;
    height: undefined;
    background: undefined;
    border-radius: undefined;
    margin: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .slick-dots li.slick-active button {
    width: undefined;
    background: undefined;
    display: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .slick-dots li.slick-active :before {
    color: #edfa00;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider {
    background: 0 0;
    background-size: undefined;
    height: 2.395rem;
    position: relative;
    z-index: 1;
    color: #edfa00;
    margin-top: unset;
    border-bottom-left-radius: undefined;
    border-bottom-right-radius: undefined;
    border-radius: undefined;
    overflow: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable {
    width: 3.5rem;
    height: 1.32rem;
    margin: 0 0 0 0.08rem;
    opacity: 0.8;
    border-collapse: collapse;
    font-size: 0.09rem;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .roundedCircle {
    background: undefined;
    border-radius: 50%;
    width: 0.2rem;
    height: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 0.11rem;
    font-weight: 700;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .tPlayer {
    border: 0.025rem solid #e2343d;
    color: #e2343d;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .tBanker {
    border: 0.025rem solid #3456bd;
    color: #3456bd;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .tTie {
    border: 0.025rem solid #2fde5e;
    color: #2fde5e;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable td {
    border: 0.01rem solid #ededed;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable tr:nth-child(even) td:nth-child(even),
.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable tr:nth-child(odd) td:nth-child(odd) {
    background: #fff;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable tr:nth-child(odd) td:nth-child(even),
.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable tr:nth-child(even) td:nth-child(odd) {
    background: #fff;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .rouletteGray {
    background: #7a7d7c;
    color: #fff;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .rouletteRed {
    background: REd;
    color: #fff;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .livecasino-betNow-button {
    background: undefined;
    padding: undefined;
    border-radius: undefined;
    margin: 0.3rem 0 0 0.2rem;
    text-transform: uppercase;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinoImgContent {
    justify-content: flex-end;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 90%;
    width: unset;
    z-index: -1;
    overflow: undefined;
    justify-content: undefined;
    align-items: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinoImgContent img {
    width: 100%;
    height: 100%;
    z-index: -1;
    object-position: undefined;
    object-fit: unset;
    border-bottom-right-radius: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .table-name {
    margin-top: undefined;
    margin-left: undefined;
    color: undefined;
    font-weight: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinaTableContent {
    background: 0 0;
    height: 0.24rem;
    width: 3.47rem;
    margin: 0.08rem 0 0.05rem 0.12rem;
    position: undefined;
    top: undefined;
    left: undefined;
    flex-direction: undefined;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 0.13rem;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinaTableContent p {
    margin: 0;
    color: unset;
    font-size: unset;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinaTableContent img {
    width: undefined;
    height: undefined;
    object-fit: undefined;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinoBtnContent {
    margin: 0.15rem 0.08rem;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinoBtnContent .betnowBtn {
    background: #edfa00;
    min-width: 1rem;
    height: 0.3rem !important;
    width: undefined;
    color: #000;
    text-transform: uppercase;
    font-family: helveticaneue, 黑体, sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.005rem;
    cursor: pointer;
    border-radius: unset;
    text-align: center;
    padding: 0;
    font-size: undefined;
}

.liveCasinoSliderContainer {
    width: 100%;
}

.liveCasinoSliderContainer header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.liveCasinoSliderContainer header .headerLeft {
    display: flex;
    align-items: center;
    padding-left: 0.1rem;
}

.liveCasinoSliderContainer header .headerLeft p {
    margin-bottom: 0;
    margin-left: 0.05rem;
    margin: undefined;
    color: #fff;
    font-weight: 700;
    font-size: undefined;
}

.liveCasinoSliderContainer header .headerLeft img {
    margin: undefined;
}

.liveCasinoSliderContainer header .headerLeft svg {
    width: 0.3rem;
    fill: #edfa00;
}

.liveCasinoSliderContainer header a {
    color: #ffe138;
    text-decoration: underline;
}

.liveCasinoSliderContainer .slick-slider {
    display: flex;
    align-items: center;
    width: undefined;
}

.liveCasinoSliderContainer .slick-slider .slick-prev-btn {
    position: absolute;
    left: -0.43rem;
    z-index: 1;
    top: 32%;
    transform: undefined;
}

.liveCasinoSliderContainer .slick-slider .slick-next-btn {
    position: absolute;
    right: -0.43rem;
    top: undefined;
    z-index: 1;
}

.liveCasinoSliderContainer .slick-slider .slick-prev-btn,
.liveCasinoSliderContainer .slick-slider .slick-next-btn {
    cursor: pointer;
}

.liveCasinoSliderContainer .slick-slider .slick-prev-btn svg,
.liveCasinoSliderContainer .slick-slider .slick-next-btn svg {
    cursor: pointer;
    height: 0.5rem;
    width: 0.5rem;
    fill: #787878;
}

.liveCasinoSliderContainer .slick-slider .slick-list .slick-track .slick-slide {
    min-width: 2.69rem;
}

.liveCasinoSliderContainer .liveGameSlider {
    padding: 0.1rem;
    position: relative;
}

.liveCasinoSliderContainer .liveGameSlider .sliderImgWarper {
    background: undefined;
}

.liveCasinoSliderContainer .liveGameSlider .sliderImgWarper img {
    width: 100%;
    height: auto;
    border: undefined;
    border-radius: 0.1rem;
}

.liveCasinoSliderContainer .liveGameSlider .liveGameRoundBtn {
    position: absolute;
    left: 0;
    right: 0;
    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;
}

.liveCasinoSliderContainer .liveGameSlider .liveGameRoundBtn .liveGamePlayBtn {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: rgba(26, 26, 26, 0.5);
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.4);
    margin-top: -0.5rem;
    transition: all 0.3s ease-in;
}

.liveCasinoSliderContainer .liveGameSlider .liveGameRoundBtn .liveGamePlayBtn svg {
    fill: #fff;
    width: 0.15rem;
    height: 0.15rem;
}

.liveCasinoSliderContainer .liveGameSlider:hover {
    transition: all 0.3s ease-in;
}

.liveCasinoSliderContainer .liveGameSlider:hover img {
    transition: 0.3s;
    transition-delay: 0.3s;
}

.liveCasinoSliderContainer .liveGameSlider:hover .liveGameRoundBtn {
    visibility: visible;
    opacity: 1;
    transition: 0.3s;
    transition-delay: 0.3s;
    transform: translate(0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.liveCasinoSliderContainer .liveGameSlider:hover .liveGameRoundBtn .liveGamePlayBtn {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: rgba(26, 26, 26, 0.5);
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.4);
}

.liveCasinoSliderContainer .liveGameSlider:hover .liveGameRoundBtn .liveGamePlayBtn svg {
    fill: #fff;
    width: 0.15rem;
    height: 0.15rem;
}

.liveCasinoSliderContainer .liveGameSlider:hover .liveGameRoundBtn .liveGamePlayBtn: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;
    }
}

.liveCasinoSliderContainer .liveGameSlider .liveGameContent {
    background: 0 0;
    height: 0.3rem;
    padding: 0.1rem 0.05rem;
    color: #ffe138;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: undefined;
}

.liveCasinoSliderContainer .liveGameSlider .liveGameContent p {
    margin-bottom: 0.02rem;
}

.homeInfoFooter {
    font-size: 0.14rem;
}

.homeInfoFooter ul {
    display: flex;
    justify-content: space-between;
}

.homeInfoFooter ul li {
    width: 20%;
    text-align: center;
    padding: 0 0.2rem;
    position: relative;
    display: flex;
    justify-content: center;
}

.homeInfoFooter ul li .imgHover img {
    width: 90%;
    margin-bottom: 0.2rem;
    position: absolute;
    left: 5%;
    cursor: pointer;
}

.homeInfoFooter ul li p {
    color: #fff;
    margin-bottom: 0;
    line-height: 0.15rem;
}

.homeInfoFooter ul li:hover {
    cursor: undefined;
}

.homeInfoFooter ul li:hover p {
    color: undefined;
}

.homeInfoFooter ul li:hover:before {
    opacity: 1 !important;
}

.homeInfoFooter ul li .frame-img {
    width: 100%;
}

.homeInfoFooter ul .isGlow:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.homeInfoFooter ul #home-info-slots:before {
    background-image: url(/public/html/images/home_img/home-slots-glow-icon.gif);
    filter: drop-shadow(0 0 0.17rem #7831f2);
}

.homeInfoFooter ul #home-info-casino:before {
    background-image: url(/public/html/images/home_img/home-casino-glow-icon.gif);
    filter: drop-shadow(0 0 0.17rem #b629b6);
}

.homeInfoFooter ul #home-info-sports:before {
    background-image: url(/public/html/images/home_img/home-sports-glow-icon.gif);
    filter: drop-shadow(0 0 0.17rem #1652ff);
}

.homeInfoFooter ul #home-info-lottery:before {
    background-image: url(/public/html/images/home_img/home-lottery-glow-icon.gif);
    filter: drop-shadow(0 0 0.17rem #27a727);
}

.homeInfoFooter ul #home-info-fishing:before {
    background-image: url(/public/html/images/home_img/home-fishing-glow-icon.gif);
    filter: drop-shadow(0 0 0.17rem #119dee);
}

.m-hotmatchContainer {
    width: 100%;
}

.m-hotmatchContainer .slick-dots {
    height: 0.5rem;
    top: 0.02rem;
    text-align: right;
    margin-left: unset;
}

.m-hotmatchContainer .slick-dots li {
    width: unset;
}

.m-hotmatchContainer .slick-dots li button {
    background: undefined;
    border-radius: undefined;
}

.m-hotmatchContainer .slick-dots li button:before {
    font-size: 0.13rem;
    color: #bfbfbf;
}

.m-hotmatchContainer .slick-dots .slick-active {
    width: unset;
    border-radius: undefined;
}

.m-hotmatchContainer .slick-dots .slick-active button {
    width: undefined;
    background: undefined;
}

.m-hotmatchContainer .slick-dots .slick-active button:before {
    color: #edfa00;
    opacity: 1;
}

.m-hotmatchContainer .title {
    display: flex;
    align-items: center;
    padding-left: 0.2rem;
    margin-top: 0.2rem;
}

.m-hotmatchContainer .title p {
    color: #edfa00;
    margin-bottom: 0;
    font-size: 0.3rem;
    letter-spacing: 0.03rem;
    margin-left: 0.25rem;
}

.m-hotmatchContainer .title img {
    width: 0.4rem;
    height: 0.45rem;
}

.m-hotmatchContainer .betContainer {
    width: 100%;
    border: 0.01rem solid #edfa00;
    display: flex !important;
    color: #fff;
    background-image: url(/public/html/images/home_img/home-soccer-matches-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;
    height: 2.43rem;
    position: relative;
    border-radius: unset;
    border-image-slice: 1;
    border-image-source: unset;
}

.m-hotmatchContainer .betContainer .sliderDecs {
    position: absolute;
    bottom: 0.7rem;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 0.45rem;
}

.m-hotmatchContainer .betContainer .contentPart {
    width: 100%;
    display: flex;
    align-items: center;
}

.m-hotmatchContainer .betContainer .contentPart .contentPart-container {
    width: 100%;
    margin: auto;
}

.m-hotmatchContainer .betContainer .headerLogoContainer {
    position: absolute;
    width: 100%;
    top: unset;
    text-align: undefined;
}

.m-hotmatchContainer .betContainer .headerLogoContainer img {
    margin: 0 0 0 0.4rem;
    height: 0.5rem;
    transform: undefined;
}

.m-hotmatchContainer .cmdContainer {
    width: 100%;
    border: 0.01rem solid #edfa00;
    display: flex !important;
    color: #fff;
    background-image: url(/public/html/images/home_img/cmd-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;
    height: 2.43rem;
    position: relative;
    border-radius: unset;
    cursor: pointer;
}

.m-hotmatchContainer .timeContent {
    width: 100%;
    text-align: center;
    font-size: 0.12rem;
    color: undefined;
    font-weight: undefined;
    position: undefined;
    bottom: undefined;
}

.m-hotmatchContainer .timeContent p {
    margin-bottom: 0;
}

.m-hotmatchContainer .imgWarpper {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    color: #fff;
    background: unset;
    padding: unset;
    border-radius: unset;
    margin-top: undefined;
}

.m-hotmatchContainer .imgWarpper li {
    float: left;
    margin-top: 0.1rem;
    display: grid;
    justify-content: center;
}

.m-hotmatchContainer .imgWarpper li img {
    margin: auto;
    height: 0.62rem;
    max-width: unset;
}

.m-hotmatchContainer .imgWarpper li:nth-child(1) {
    width: 32.5%;
}

.m-hotmatchContainer .imgWarpper li:nth-child(2) {
    width: 35%;
    font-weight: undefined;
}

.m-hotmatchContainer .imgWarpper li:nth-child(2) p {
    font-size: 0.3rem;
    margin-top: 0;
    margin-bottom: 0.02rem;
    font-weight: 700;
    color: undefined;
    font-style: undefined;
    text-shadow: undefined;
}

.m-hotmatchContainer .imgWarpper li:nth-child(2) .vsType {
    font-size: 0.16rem;
    font-weight: 400;
    white-space: unset;
    margin-bottom: 0.15rem;
    padding-bottom: 0.2rem;
}

.m-hotmatchContainer .imgWarpper li:nth-child(2) .vsResultTime {
    font-size: 0.14rem;
    font-weight: 400;
    margin-top: 0.2rem;
    padding-bottom: 0.05rem;
    color: undefined;
}

.m-hotmatchContainer .imgWarpper li:nth-child(2) .btnBetNow {
    background: #00eaff;
    color: #fff;
    font-size: 0.55rem;
    padding: 0.3rem;
    font-weight: 700;
    width: 100%;
    border-radius: 0.1rem;
    margin-bottom: 0.9rem;
}

.m-hotmatchContainer .imgWarpper li:nth-child(2) .handicap p {
    font-size: 0.5rem;
    color: #eeaf2c;
    margin-bottom: 0.2rem;
    font-weight: 700;
}

.m-hotmatchContainer .imgWarpper li:nth-child(2) .handicap p:last-child {
    font-size: 0.5rem;
    background: #eeaf2c;
    color: #fff;
    width: 80%;
    padding: 0.2rem;
    margin: auto;
    border-radius: 0.1rem;
}

.m-hotmatchContainer .imgWarpper li:nth-child(2) .hdp p:first-child {
    position: relative;
    top: 25%;
    font-size: 0.45rem;
    color: undefined;
}

.m-hotmatchContainer .imgWarpper li:nth-child(2) .hdp p:last-child {
    position: relative;
    top: 49%;
    background: undefined;
    padding: undefined;
    border-radius: undefined;
    height: undefined;
}

.m-hotmatchContainer .imgWarpper li:nth-child(3) {
    width: 32.5%;
}

.m-hotmatchContainer .imgWarpper li p {
    margin-bottom: 0.05rem;
    margin-top: 0.05rem;
    font-size: 0.12rem;
    font-weight: 700;
}

.m-hotmatchContainer .imgWarpper li .odd {
    background: #edfa00;
    font-size: 0.14rem;
    border-radius: 0.04rem;
    padding: 0.05rem 0.1rem;
    color: #000;
    font-weight: 700;
    width: unset;
    margin: auto;
}

.m-hotmatchContainer .playNow {
    position: absolute;
    bottom: 0.1rem;
    width: 100%;
    background: undefined;
}

.m-hotmatchContainer .playNow button {
    width: 1rem;
    background: linear-gradient(#0c426d, #00eaff);
    color: #fff;
    display: block;
    margin: auto;
    padding: 0.02rem 0;
    font-weight: 700;
    border-radius: unset;
    height: 0.4rem;
    border-radius: unset;
    font-family: inherit;
    font-style: undefined;
    font-size: undefined;
}

.m-hotmatchContainer .sliderDecs {
    position: absolute;
    bottom: 0.7rem;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 0.45rem;
}

@media (max-width: 768px) {
    .m-hotmatchContainer {
        width: 100%;
        margin: 0;
        padding: undefined;
        background: undefined;
        border-bottom-left-radius: undefined;
        border-bottom-right-radius: undefined;
        background-size: undefined;
        background-position: undefined;
        height: undefined;
    }
    .m-hotmatchContainer header p {
        color: #edfa00;
    }
    .m-hotmatchContainer .slick-dots {
        height: 0.5rem;
        top: -0.8rem;
        text-align: right;
    }
    .m-hotmatchContainer .slick-dots li {
        width: 0.4rem;
    }
    .m-hotmatchContainer .slick-dots li button:before {
        font-size: 0.25rem;
        color: #bfbfbf;
    }
    .m-hotmatchContainer .title {
        display: flex;
        align-items: center;
        padding-left: 0.2rem;
        margin-top: 0.2rem;
    }
    .m-hotmatchContainer .title p {
        color: #edfa00;
        margin-bottom: 0;
        font-size: 0.3rem;
        letter-spacing: 0.03rem;
        margin-left: 0.25rem;
    }
    .m-hotmatchContainer .title img {
        width: 0.4rem;
        height: 0.45rem;
    }
    .m-hotmatchContainer .betContainer {
        height: 5rem;
    }
    .m-hotmatchContainer .betContainer .timeContent {
        font-size: 0.4rem;
        color: undefined;
        position: undefined;
        bottom: undefined;
    }
    .m-hotmatchContainer .betContainer .timeContent span {
        font-weight: 700;
        margin-bottom: 0.08rem;
    }
    .m-hotmatchContainer .betContainer .timeContent p {
        font-weight: undefined;
    }
    .m-hotmatchContainer .betContainer .imgWarpper {
        width: 100%;
        height: 100%;
        text-align: center;
        display: flex;
        align-items: center;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li {
        float: left;
        margin-top: 0.1rem;
        display: grid;
        justify-content: center;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li img {
        height: 1.5rem;
        margin: auto;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li:nth-child(1) {
        width: 32.5%;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li:nth-child(2) {
        width: 35%;
        font-size: 0.14rem;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li:nth-child(2) p {
        font-size: 1rem;
        margin-top: 0;
        margin-bottom: 0.02rem;
        font-weight: 700;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .btnBetNow {
        background: #00eaff;
        color: #fff;
        font-size: 0.55rem;
        padding: 0.3rem;
        font-weight: 700;
        width: 100%;
        border-radius: 0.1rem;
        margin-bottom: 0.9rem;
        margin-top: 0;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .handicap p {
        font-size: 0.5rem;
        color: #eeaf2c;
        margin-bottom: 0.2rem;
        font-weight: 700;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .handicap p:last-child {
        font-size: 0.5rem;
        background: #eeaf2c;
        color: #fff;
        width: 80%;
        padding: 0.2rem;
        margin: auto;
        border-radius: 0.1rem;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li:nth-child(3) {
        width: 32.5%;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li p {
        margin-bottom: 0.15rem;
        margin-top: 0.1rem;
        font-size: 0.35rem;
        font-weight: 700;
        width: auto;
        display: inherit;
        -webkit-line-clamp: inherit;
        -webkit-box-orient: inherit;
        overflow: inherit;
        line-height: inherit;
        margin: 0;
        height: unset;
        color: undefined;
    }
    .m-hotmatchContainer .betContainer .imgWarpper li .odd {
        background: #edfa00;
        font-size: 0.3rem;
        border-radius: 0.1rem;
        padding: unset;
        color: #000;
        font-weight: 700;
        width: 1.5rem;
        margin: auto;
    }
    .m-hotmatchContainer .betContainer .sliderDecs {
        position: absolute;
        bottom: 0.7rem;
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 0.45rem;
    }
    .m-hotmatchContainer .betContainer .headerLogoContainer img {
        height: 1rem;
        margin: 0 0 0 1.7rem;
    }
    .m-hotmatchContainer .cmdContainer {
        height: 8.5rem;
    }
    .m-hotmatchContainer .playNow {
        background: #00000070;
        padding: unset;
        bottom: undefined;
    }
    .m-hotmatchContainer .playNow button {
        width: unset;
        bottom: 0.5rem;
        font-size: 0.4rem;
        padding: 0.2rem 0.4rem;
        color: #edfa00;
        background: 0;
        height: unset;
        font-weight: undefined;
        border-radius: undefined;
    }
}

.homeProviderLandingIndexContainer {
    width: 11rem;
    background: 0 0;
    margin: 0.5rem auto 0;
}

.homeProviderLandingIndexContainer .mid {
    background: 0 0;
}

.homeProviderLandingIndexContainer .mid .provider-box {
    /* display: grid;
  flex-wrap: wrap; */
    /* grid-template-columns: repeat(8, 0.8fr); */
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.01rem solid #a3a3a3;
    margin: 0 0.08rem 0.08rem 0;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header .hot-provider,
.homeProviderLandingIndexContainer .mid .provider-box .tab-header .new-provider {
    position: absolute;
    width: 0.28rem;
    top: -0.05rem;
    right: -0.04rem;
    font-weight: 700;
    color: #000;
    font-size: 0.08rem;
    border-radius: 0.03rem;
    padding: 0.03rem 0;
    text-align: center;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header .hot-provider {
    background: red;
    color: #000;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header .new-provider {
    background: #00ff1e;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header .tab-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.37rem;
    width: 1.22rem;
    font-size: 0.12rem;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header .tab-inner span {
    color: undefined;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header .tab-inner:hover span {
    color: undefined;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header .tab-inner.active span {
    color: undefined;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header .tab-inner img {
    filter: grayscale(100%) brightness(155%) contrast(0.4);
    height: 0.37rem;
    width: auto;
    object-fit: cover;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header.active {
    border: 0.01rem solid #ffe138;
    background: #ffe1384d;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header.active img {
    filter: grayscale(0%);
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header:hover {
    cursor: pointer;
    border: 0.01rem solid #ffe138;
    background: #ffe1384d;
}

.homeProviderLandingIndexContainer .mid .provider-box .tab-header:hover img {
    filter: grayscale(0%);
}

.homeProviderLandingIndexContainer .bottom .standard-tab-container {
    padding: 0.1rem 0 0.16rem;
}

.homeProviderLandingIndexContainer .bottom .standard-tab-container .standard-tab {
    width: 100%;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
}

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

.homeProviderLandingIndexContainer .bottom .standard-tab-container .standard-tab .tab-list .tab-header {
    background: undefined;
    color: #fff;
    font-size: 0.14rem;
    height: 0.36rem;
    margin: 0 0.1rem 0 0;
    padding: 0 0.15rem;
}

.homeProviderLandingIndexContainer .bottom .standard-tab-container .standard-tab .tab-list .tab-header.active {
    background: undefined;
    color: #fff;
}

.homeProviderLandingIndexContainer .bottom .standard-tab-container .standard-tab .tab-list .tab-header:hover {
    cursor: pointer;
    background: undefined;
    color: #fff;
}

.homeProviderLandingIndexContainer .bottom .standard-tab-container .standard-tab .tab-list .tab-header .hover-line {
    bottom: 0px;
}

.homeProviderLandingIndexContainer .bottom .standard-tab-container .standard-tab .game-search-container {
    display: flex;
}

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

.homeProviderLandingIndexContainer .bottom .standard-tab-container .standard-tab .game-search-container .gameSearch {
    margin: 0 0 0 0.15rem;
}

.homeProviderLandingIndexContainer .bottom .standard-tab-container .standard-tab .game-search-container .gameSearch input {
    background: #7f7f7f;
    border-radius: 0.05rem;
    color: #a3a3a3;
    padding: 0.08rem 0.3rem 0.08rem 0.1rem;
    border: undefined;
}

.homeProviderLandingIndexContainer .bottom .standard-tab-container .standard-tab .game-search-container .gameSearch svg {
    position: absolute;
    fill: #cbcbcb;
    height: 0.4rem;
    width: 0.3rem;
    padding: 0 0.05rem;
    right: 0;
}

.homeProviderLandingIndexContainer .bottom .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;
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col {
    width: 100%;
    padding: 0.3rem 0;
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container {
    /* width: 1.24rem;
  height: 1.24rem; */
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container .item {
    position: relative;
    cursor: pointer;
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container .item img {
    height: 100%;
    width: 100%;
    border-radius: 0.1rem;
    cursor: pointer;
    transform: scale(1);
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container .item:hover img {
    transform: scale(1.1);
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn {
    position: absolute;
    background: rgba(0, 0, 0, 0.75);
    height: 100%;
    width: 100%;
    opacity: 0;
    padding: 45% 0 0;
    transition: visibility 0s, opacity 0.3s linear;
    top: 0;
    text-align: center;
    visibility: hidden;
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn div {
    padding: 0.1rem;
    width: 100%;
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn .secondary-btn {
    background: #ffbf00;
    color: #000;
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn .demo-btn {
    background: #787878;
    color: #fff;
    margin: 9% 0 0;
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container .item:hover .item-btn {
    visibility: visible;
    opacity: 1;
}

.homeProviderLandingIndexContainer .bottom .item-content .item-col .item-container .item .title-box {
    color: #fff;
    width: 100%;
    font-size: 0.14rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.07rem 0 0;
}

.homeProviderLandingIndexContainer .bottom .item-content .recommended-container {
    width: 100%;
    max-width: 100%;
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}

.homeProviderLandingIndexContainer .bottom .item-content .recommended-container:hover {
    cursor: pointer;
}

.homeProviderLandingIndexContainer .bottom .item-content .recommended-container .slick-slider {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.06rem;
    padding: 0.1rem;
}

.homeProviderLandingIndexContainer .bottom .item-content .recommended-container .slick-slider .slick-list .slick-track .slick-slide {
    width: 2.34rem;
    margin: auto;
    padding: 0.1rem 0;
}

.homeProviderLandingIndexContainer .bottom .item-content .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%;
}

.homeProviderLandingIndexContainer .bottom .item-content .recommended-container .slick-slider .slick-list .slick-track .slick-slide .rg-item .rg-desc {
    text-align: center;
    margin: 0.12rem;
    color: undefined;
}

.homeProviderLandingIndexContainer .bottom .item-content .recommended-container .slick-slider .recommended-dots-container {
    text-align: center;
}

.homeProviderLandingIndexContainer .bottom .item-content .recommended-container .slick-slider .recommended-dots-container .dots {
    background: #ffffff61;
    border-radius: 0.4rem;
    margin: 0 0.05rem;
    width: 0.1rem;
    height: 0.1rem;
    transition-duration: 0.5s;
}

.homeProviderLandingIndexContainer .bottom .item-content .recommended-container .slick-slider .recommended-dots-container .dots.active {
    width: 0.4rem;
    background: #ffe138;
}

.inforCenterContainer {
    font-size: 0.14rem;
    border-top: unset;
    background: undefined;
}

.inforCenterContainer .inforHaeder {
    width: undefined;
    margin: undefined;
    padding: 0.18rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-image: linear-gradient(to left, black 1%, #00eaff 50%, black 100%) 100% 0 100% 0/0.03rem 0 0.03rem 0 stretch;
    border-bottom: 0.01rem solid;
    white-space: nowrap;
}

.inforCenterContainer .inforHaeder li {
    font-size: 0.16rem;
    padding-right: 0.25rem;
}

.inforCenterContainer .inforHaeder li a {
    color: #00eaff;
    font-weight: undefined;
}

.inforCenterContainer .inforHaeder li a:hover {
    color: #00eaff;
}

.inforCenterContainer .inforHaeder li:last-child {
    padding-right: 0;
}

.inforCenterContainer .inforContentCenter {
    width: 9.7rem;
    margin: auto;
    display: flex;
    margin-top: 0.35rem;
    border-bottom: 0.01rem dotted #00eaff;
    overflow: auto;
}

.inforCenterContainer .inforContentCenter li {
    width: 15.6%;
    border-right: 0.01rem dotted #00eaff;
    padding-left: 0.2rem;
    margin-bottom: 0.1rem;
}

.inforCenterContainer .inforContentCenter li:first-child {
    padding-right: 0;
    padding-left: 0;
    width: 22%;
}

.inforCenterContainer .inforContentCenter li:last-child {
    border-right: 0;
}

.inforCenterContainer .inforContentCenter li p {
    margin-top: unset;
    color: #00eaff;
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    line-height: initial;
    font-weight: undefined;
}

.inforCenterContainer .inforContentCenter li .contectInforWarpper {
    margin: 0;
}

.inforCenterContainer .inforContentCenter li .contectInforWarpper .contact-text-container {
    margin-bottom: 0.05rem;
    color: #fff;
    cursor: pointer;
    word-wrap: break-word;
}

.inforCenterContainer .inforContentCenter li .contectInforWarpper .contact-text-container:hover {
    color: #fff;
}

.inforCenterContainer .inforContentCenter li .contectInforWarpper .contact-text-container:hover a {
    color: #fff;
}

.inforCenterContainer .inforContentCenter li .contectInforWarpper .contact-infor {
    margin-left: 0.05rem;
}

.inforCenterContainer .inforContentCenter li .contectInforWarpper .contentInforLayout {
    display: flex;
}

.inforCenterContainer .inforContentCenter li .contectInforWarpper .contentInforLayout:hover {
    color: #fff;
}

.inforCenterContainer .inforContentCenter li a {
    color: #fff;
    display: undefined;
    margin-bottom: undefined;
}

.inforCenterContainer .inforContentCenter li a:hover {
    color: #fff;
}

.inforCenterContainer .inforContentCenter .productsList span {
    color: #fff;
    display: block;
    margin-bottom: 0.05rem;
}

.inforCenterContainer .inforContentCenter .productsList span:hover {
    color: undefined;
    cursor: pointer;
}

.inforCenterContainer .inforContentCenter .productsList span.item-redirect:hover {
    color: undefined;
    cursor: pointer;
}

.inforCenterContainer .inforContentCenter .productsList a {
    color: #fff;
    display: block;
    margin-bottom: 0.05rem;
}

.inforCenterContainer .inforContentCenter .productsList a:hover {
    color: #fcc201;
}

.inforCenterContainer .inforContentCenter .productsList.paymentMethod span {
    cursor: undefined;
}

.inforCenterContainer .inforContentCenter .productsList.paymentMethod span:hover {
    color: undefined;
}

.inforCenterContainer .inforContentCenter .followUsContent {
    width: 33.33%;
    float: left;
}

.inforCenterContainer .inforContentCenter .followUsContent img {
    width: 60%;
    height: 0.3rem;
    filter: grayscale(100%);
    cursor: pointer;
}

.inforCenterContainer .inforContentCenter .followUsContent img:hover {
    filter: grayscale(0%);
}

.info-container .bank-status {
    height: 3rem;
    border-radius: 0.1rem;
    padding: 0.2rem;
    border: 0.01rem solid #ffd112;
}

.info-container .bank-status .bank-status-item {
    color: #a3a3a3;
}

.info-container .bank-status .bank-status-item .bank_type {
    margin: 0 0 0.2rem;
}

.info-container .bank-status .bank-status-item .bank_type .desc-container {
    display: flex;
    margin: 0 0 0.15rem;
}

.info-container .bank-status .bank-status-item .bank_type .desc-container .depositHeader {
    display: block;
    color: #1874cd;
    font-size: 0.18rem;
    margin: 0 0 0.1rem;
}

.info-container .bank-status .bank-status-item .bank_type .desc-container span {
    font-size: 0.14rem;
    margin: 0.1rem 0 0;
}

.info-container .bank-status .bank-status-item .bank_type .desc-container .bank_time {
    display: flex;
}

.info-container .bank-status .bank-status-item .bank_type .desc-container .bank_time .time {
    background: url(/public/html/images/home_img/hm-mins.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 0.6rem;
    height: 0.5rem;
    padding: 0.15rem 0.11rem;
    letter-spacing: 0.14rem;
}

.info-container .bank-status .bank-status-item .bank_type .desc-container .bank_time span {
    margin: 0 0 0 0.05rem;
    align-self: flex-end;
}

.info-container .bank-status .bank-status-item .bank_type .avg-time-container .percent-progress {
    height: 0.25rem;
}

.info-container .bank-status .bank-status-item .bank_type .avg-time-container .percent-progress .progressBar-container {
    background: #ddd;
}

.info-container .bank-status .bank-status-item .bank_type .avg-time-container .percent-progress .progressBar-container .progress {
    background: #fcb300;
}

.forceNonHoverColour {
    color: #fff !important;
}

.beforeLoginBar {
    margin-top: 0.06rem;
    margin-bottom: 0;
    display: flex;
}

.beforeLoginBar .liveChat-box-login {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 0.35rem;
    width: 0.3rem;
    margin: 0 0.05rem;
    padding-bottom: 0.05rem;
}

.beforeLoginBar .liveChat-box-login svg {
    width: 100%;
    height: 85%;
    cursor: pointer;
    fill: #ffffffe6;
}

.beforeLoginBar .mobile-icon-container {
    height: 0.35rem;
    width: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.1rem;
    border-right: 0.01rem #fff solid;
}

.beforeLoginBar .mobile-icon-container svg {
    width: 100%;
    height: 80%;
    fill: #ffffffe6;
}

.beforeLoginBar .header-control-inner .form-control {
    display: flex;
}

.beforeLoginBar .header-control-inner .form-control .standard-form-field {
    display: unset;
    margin-bottom: 0;
    margin-right: 1%;
    background: undefined;
    border-radius: undefined;
    padding: undefined;
}

.beforeLoginBar .header-control-inner .form-control .standard-form-field ::placeholder {
    text-transform: undefined;
}

.beforeLoginBar .header-control-inner .form-control .standard-form-field input {
    height: 34px;
    background: #00000080;
    border: 0.01rem solid #00000080;
    color: #fff;
    flex: 30%;
    font-size: 13px;
}

.beforeLoginBar .header-control-inner .form-control .standard-form-field svg {
    fill: undefined;
}

.beforeLoginBar .header-control-inner .form-control .btnLogin,
.beforeLoginBar .header-control-inner .form-control .btnJoin {
    height: 34px;
    border-radius: 0.04rem;
    width: 1.2rem;
    min-width: 1.2rem;
    flex: 20%;
    font-weight: 700;
    text-transform: uppercase;
}

.beforeLoginBar .header-control-inner .form-control .btnLogin {
    color: #000;
    background: linear-gradient(180deg, #ffe138, #c19125);
    margin-right: 1%;
    font-weight: 700;
    font-size: 13px;
    border: undefined;
    background-image: undefined;
}

.beforeLoginBar .header-control-inner .form-control .btnLogin:hover {
    box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.4);
    filter: brightness(110%);
}

.beforeLoginBar .header-control-inner .form-control .btnLogin:disabled {
    cursor: no-drop;
}

.beforeLoginBar .header-control-inner .form-control .btnLogin:disabled:hover {
    filter: brightness(110%);
}

.beforeLoginBar .header-control-inner .form-control .btnJoin {
    color: #fff;
    background: linear-gradient(180deg, #db0010, #a9000d);
    margin-right: unset;
    font-weight: 700;
    font-size: 13px;
    background-image: undefined;
}

.beforeLoginBar .header-control-inner .form-control .btnJoin:hover {
    box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.4);
    filter: brightness(110%);
}

.beforeLoginBar .header-control-inner .form-control .btnLogin,
.beforeLoginBar .header-control-inner .form-control .btnJoin,
.beforeLoginBar .header-control-inner .form-control .line-login-button {
    display: undefined;
    justify-content: undefined;
    align-items: undefined;
    background-repeat: undefined;
    background-size: undefined;
}

.beforeLoginBar .header-control-inner .form-control .btnForgetPassword {
    height: 34px;
    width: 1rem;
    min-width: 0.85rem;
    flex: 20%;
    color: #7c7c7c;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: 0;
}

.beforeLoginBar .header-control-inner .form-control .btnForgetPassword:hover {
    box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.4);
    filter: brightness(110%);
}

.beforeLoginBar .header-control-inner .form-control .line-login-button {
    width: 1.2rem;
    height: 34px;
    min-width: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #00c300;
    margin-left: 1%;
    font-weight: 700;
    border-radius: 0.04rem;
    flex: 25%;
    font-size: 13px;
    text-transform: uppercase;
    background-image: undefined;
}

.beforeLoginBar .header-control-inner .form-control .line-login-button img {
    width: 0.25rem;
    margin-right: undefined;
    margin: 0.03rem 0.05rem 0 0;
}

.beforeLoginBar .header-control-inner .form-control .language-box {
    display: flex;
    margin-left: 1%;
    align-items: center;
    background: unset;
    padding: unset;
    border-radius: unset;
}

.beforeLoginBar .header-control-inner .form-control .language-box button {
    border-radius: 0.2rem;
    padding: 0.05rem 0.08rem;
}

.beforeLoginBar .header-control-inner .form-control .language-box .language-icon-size {
    width: unset;
    height: 0.25rem;
    border: unset;
}

.beforeLoginBar .header-control-inner .forgotPass {
    margin-bottom: 0.08rem;
    justify-content: space-between;
    color: #fff;
    display: flex;
    align-items: center;
}

.beforeLoginBar .header-control-inner .forgotPass .forgot-password-btn {
    color: #fff;
    cursor: pointer;
    text-decoration-line: underline;
}

.beforeLoginBar .header-control-inner .forgotPass .forgot-password-btn:hover {
    color: #e6e6e6;
}

.beforeLoginBar .header-control-inner .forgotPass .language-box {
    border-left: unset;
    padding-left: unset;
    margin-left: 1%;
}

.beforeLoginBar .header-control-inner .forgotPass .language-box button {
    color: #959595;
}

.beforeLoginBar .header-control-inner .forgotPass .language-box button .language-text {
    display: block !important;
    padding-left: 0.06rem;
}

.beforeLoginBar .header-control-inner .forgotPass .language-box button .language-dropdown-icon {
    fill: #a2a2a2;
    display: block !important;
    width: 0.3rem;
    height: 0.3rem;
}

.beforeLoginBar .header-control-inner .forgotPass .time-cantainer {
    color: #fff;
    display: undefined;
    align-items: undefined;
    position: undefined;
    right: undefined;
}

.beforeLoginBar .header-control-inner .forgotPass .time-cantainer .reward-container img {
    cursor: pointer;
    width: 0.3rem;
}

.beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password {
    color: #fff;
}

.beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password .forgot-name {
    text-decoration: underline;
    cursor: pointer;
}

.beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password .forgot-name:hover {
    text-decoration: unset;
}

.beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password .forgot-password {
    text-decoration: underline;
    cursor: pointer;
}

.beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password .forgot-password:hover {
    text-decoration: unset;
}

.afterLoginBar {
    display: flex;
    align-items: end;
    color: WHITe;
    float: right;
}

.afterLoginBar .account-profile-container {
    display: flex;
    align-items: undefined;
    margin: 0 0.05rem 0 0;
    padding: undefined;
    border: undefined;
    border-style: none;
}

.afterLoginBar .account-profile-container .account-container {
    position: relative;
}

.afterLoginBar .account-profile-container .account-container .member-profile-img {
    width: 0.5rem;
    height: 0.5rem;
    border: 0.01rem solid #aaa;
    border-radius: 50%;
    margin: 0.05rem 0.06rem 0;
}

.afterLoginBar .account-profile-container .account-container .verify-icon {
    position: absolute;
    bottom: -0.04rem;
}

.afterLoginBar .account-profile-container .account-container .verify-icon svg {
    height: 0.15rem;
    width: 0.15rem;
}

.afterLoginBar .account-profile-container .account-container .verify-icon svg .st0 {
    fill: #28db00 !important;
}

.afterLoginBar .account-profile-container .account-container .vip-list {
    position: absolute;
    right: 0;
    top: 0.05rem;
    background: gray;
    color: #fff;
    padding: 0.02rem 0.04rem;
    border-radius: 0.2rem;
    font-size: 0.1rem;
}

.afterLoginBar .account-profile-container .profile-container {
    margin: 0 0 0 0.08rem;
    width: 1rem;
    border: undefined;
    border-style: none;
}

.afterLoginBar .account-profile-container .profile-container .profile-name {
    color: #FFF;
    font-size: 0.14rem;
    font-weight: 600;
    width: 1rem;
    margin: 0 0 0.02rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    white-space: undefined;
}

.afterLoginBar .account-profile-container .profile-container p {
    margin-bottom: 0;
    font-size: 0.12rem;
    color: undefined;
}

.afterLoginBar .account-wallet {
    width: 30%;
    display: flex;
    margin: 0 0.12rem 0 0;
    padding: undefined;
    border-left: undefined;
    height: undefined;
    align-items: undefined;
}

.afterLoginBar .account-wallet .account-currency {
    position: relative;
}

.afterLoginBar .account-wallet .account-currency .wallet-currency {
    position: undefined;
    height: 0.2rem;
    color: #ffe138;
    margin: 0;
    font-size: 0.14rem;
    font-weight: 600;
    line-height: 1.5;
    top: undefined;
}

.afterLoginBar .account-wallet .account-currency .wallet-currency:before {
    content: '(';
}

.afterLoginBar .account-wallet .account-currency .wallet-currency:after {
    content: ')';
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container {
    display: flex;
    grid-row-gap: undefined;
    align-items: center;
    grid-template-columns: undefined;
    grid-template-rows: undefined;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .wallet-amount {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 0.18rem;
    color: undefined;
    grid-row: undefined;
    grid-column: undefined;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .wallet-amount p {
    margin: 0;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .wallet-amount svg {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background: 0 0;
    fill: #ffffffe6;
    margin: 0 0 0 0.05rem;
    padding: 0.02rem;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container {
    padding: 0 0 0 0.08rem;
    grid-row: undefined;
    grid-column: undefined;
    position: relative;
    display: flex;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-btn {
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    padding: 0.05rem 0.08rem;
    background: #00000080;
    height: 0.35rem;
    border: undefined;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-btn .fund-btn-svg {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0 0.05rem 0 0;
    fill: #fff;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-btn .fund-dropdown-btn {
    width: 0.18rem;
    height: 0.18rem;
    filter: opacity(0.3) brightness(100);
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu {
    position: absolute;
    top: 0.4rem;
    opacity: 0;
    visibility: hidden;
    background: #737272e0;
    padding: 0.1rem;
    z-index: 99999;
    width: 1.5rem;
    border-radius: 0.05rem;
    backdrop-filter: blur(0.05rem);
    border: undefiend;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu.isShow {
    opacity: 1;
    visibility: visible;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .options-wrapperdiv:first-child {
    padding-bottom: 0.1rem;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .options-wrapperdiv:last-child {
    padding-top: 0.1rem;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .options-wrapper label {
    display: block;
    padding: 0.08rem 0.1rem;
    font-weight: 700;
    font-size: inherit;
    margin: 0;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .break-line {
    width: 100%;
    border: 0.01rem solid #ddd;
    position: absolute;
    left: 0;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.08rem 0.1rem;
    color: #fff;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .dropdown-item:hover {
    color: #ffe138;
}

.afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .dropdown-item.is-active {
    color: #ffe138;
    pointer-events: none;
    background: undefined;
}

.afterLoginBar .navbar-control {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.afterLoginBar .navbar-control .top-container {
    height: 0.2rem;
    position: undefined;
    right: undefined;
}

.afterLoginBar .navbar-control .top-container .time-container {
    color: undefined;
}

.afterLoginBar .navbar-control .bottom-container {
    display: flex;
    align-items: center;
    font-size: 0.13rem;
}

.afterLoginBar .navbar-control .bottom-container .mobile-icon-container svg {
    width: 0.3rem;
    height: 0.3rem;
    fill: #ffffffe6;
    position: relative;
    top: 0.03rem;
}

.afterLoginBar .navbar-control .bottom-container .message-container {
    margin: 0.06rem 0.1rem 0;
    position: relative;
    padding: 0;
}

.afterLoginBar .navbar-control .bottom-container .message-container .unread-message {
    position: absolute;
    background: reD;
    position: absolute;
    padding: 0.02rem 0.05rem;
    border-radius: 50%;
    top: -0.05rem;
    left: -0.1rem;
    font-size: 0.1rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.afterLoginBar .navbar-control .bottom-container .message-container svg {
    height: 0.25rem;
    width: 0.25rem;
    fill: #ffffffe6;
}

.afterLoginBar .navbar-control .bottom-container .message-container .mission-claimable {
    fill: #ffffffe6;
    animation: blinkSVG 1.5s linear infinite;
}

.afterLoginBar .navbar-control .bottom-container .deposit-btn {
    height: 0.35rem;
    width: 1.2rem;
    border: 0.01rem solid #FFF;
    margin: 0 0.1rem 0 0;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.04rem;
    color: #FFF;
    background: 0 0;
    font-family: arial, 黑体, 'sans-serif';
    font-weight: undefined;
}

.afterLoginBar .navbar-control .bottom-container .after-logout-btn {
    height: 0.35rem;
    width: 1.2rem;
    background: linear-gradient(#ff3838, #c12525);
    text-transform: capitalize;
    color: #FFF;
    font-size: undefined;
    font-weight: undefined;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.04rem;
    cursor: pointer;
}

.afterLoginBar .navbar-control .bottom-container .language-box {
    margin-left: 0.03rem;
}

.afterLoginBar .navbar-control .bottom-container .language-box .language-box {
    background: undefined;
    padding: undefined;
    margin: undefined;
    border-radius: undefined;
}

.afterLoginBar .navbar-control .bottom-container .language-box button {
    border-radius: 0.2rem;
    padding: 0.05rem 0.08rem;
    height: 0.35rem;
}

.afterLoginBar .navbar-control .bottom-container .language-box button .language-icon-size {
    margin: 0 0.03rem 0 0;
}

.afterLoginBar .navbar-control .bottom-container .language-box button .language-icon-size:first-child {
    margin-right: 0.06rem;
}

.afterLoginBar .navbar-control .bottom-container .widgets-container {
    display: flex;
    position: relative;
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0.1rem;
    top: -0.2rem;
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .small-loading {
    height: auto !important;
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper span {
    margin: 0 0.05rem;
    font-size: 0.14rem;
    font-weight: 700;
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper svg {
    height: 0.2rem;
    cursor: pointer;
    fill: #fff;
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .wallet-currency {
    position: undefined;
    height: 0.2rem;
    color: #FFF;
    margin: 0;
    font-size: 0.14rem;
    font-weight: 600;
    line-height: 1.5;
    top: undefined;
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .wallet-currency:before {
    content: '(';
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .wallet-currency:after {
    content: ')';
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons {
    display: flex;
    border-left: 0.01rem solid rgba(255, 255, 255, 0.3);
    border-right: 0.01rem solid rgba(255, 255, 255, 0.3);
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons a {
    margin: 0.06rem 0.1rem 0;
    padding: 0;
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons a.is-active svg {
    fill: #edfa00;
}

.afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons svg {
    fill: #fff;
    height: 0.25rem;
    width: 0.25rem;
}

.home-liveStream-V2-container {
    display: flex;
    border-radius: 0.15rem;
    height: 3.8rem;
    padding: 0.3rem;
    background-color: #ffffff1a;
    justify-content: space-between;
}

.home-liveStream-V2-container p {
    margin: 0;
}

.home-liveStream-V2-container .display-iframe {
    width: 50%;
    overflow: hidden;
    border-radius: 0.15rem;
}

.home-liveStream-V2-container .streaming-list-container {
    width: 47%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.home-liveStream-V2-container .streaming-list-container::-webkit-scrollbar {
    width: 0.08rem;
}

.home-liveStream-V2-container .streaming-list-container::-webkit-scrollbar-track {
    background: #ffffff33;
    border-radius: 0.15rem;
}

.home-liveStream-V2-container .streaming-list-container::-webkit-scrollbar-thumb {
    background: #ffffff61;
    border-radius: 0.15rem;
}

.home-liveStream-V2-container .streaming-list-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.home-liveStream-V2-container .match-list {
    position: relative;
    border: 0.01rem solid;
    border-radius: 0.05rem;
    border-color: transparent;
    margin: 0 0.15rem 0.03rem 0;
    background: #0000004d;
}

.home-liveStream-V2-container .match-list:not(:last-child) {
    margin-bottom: 0.3rem;
}

.home-liveStream-V2-container .match-list.selected {
    border-color: #ffe138;
}

.home-liveStream-V2-container .match-list.selected .match-container .match-center-div p {
    text-transform: uppercase;
    color: #000;
}

.home-liveStream-V2-container .match-list .match-card {
    width: 100%;
}

.home-liveStream-V2-container .match-list .match-container {
    position: absolute;
    height: 100%;
    color: #fff;
    top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 0.1rem;
}

.home-liveStream-V2-container .match-list .match-container .match-div {
    display: flex;
    overflow: hidden;
    align-items: center;
}

.home-liveStream-V2-container .match-list .match-container .match-div .match-img {
    width: 35%;
    max-height: 0.7rem;
    height: 100%;
    object-fit: contain;
}

.home-liveStream-V2-container .match-list .match-container .match-left-text {
    text-align: right;
    width: 1rem;
    justify-content: end;
    padding-right: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    max-width: 4rem;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.home-liveStream-V2-container .match-list .match-container .match-right-text {
    text-align: left;
    padding-left: 0.1rem;
    width: 1rem;
    justify-content: start;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    max-width: 4rem;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.home-liveStream-V2-container .match-list .match-container .match-center-div {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.home-liveStream-V2-container .match-list .match-container .match-center-div h1 {
    font-size: 0.3rem;
}

.home-liveStream-V2-container .match-list .match-container .match-center-div p {
    font-weight: 700;
    padding: 0.15rem 0 0.06rem;
    text-transform: uppercase;
}

.m-home-liveStream-V2-container {
    display: flex;
    border-radius: 0.3rem;
    padding: 0 0.2rem;
    flex-direction: column;
    overflow: hidden;
    background-color: #ffffff1a;
}

.m-home-liveStream-V2-container p {
    margin: 0;
}

.m-home-liveStream-V2-container .m-display-iframe {
    width: 100%;
    margin: 0.4rem 0;
    overflow: hidden;
    border-radius: 0.15rem;
    height: 3.9rem;
}

.m-home-liveStream-V2-container .m-streaming-list-container {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 4.7rem;
}

.m-home-liveStream-V2-container .m-streaming-list-container::-webkit-scrollbar:visited {
    width: 0.1rem;
}

.m-home-liveStream-V2-container .m-streaming-list-container::-webkit-scrollbar:vertical {
    width: 0.1rem;
    display: block;
    visibility: visible;
}

.m-home-liveStream-V2-container .m-streaming-list-container::-webkit-scrollbar-track {
    background: #3b3a3a;
    border-radius: 0.15rem;
    display: block;
    visibility: visible;
}

.m-home-liveStream-V2-container .m-streaming-list-container::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    border-radius: 0.15rem;
    display: block;
    visibility: visible;
}

.m-home-liveStream-V2-container .m-streaming-list-container::-webkit-scrollbar-thumb:hover {
    background: #555;
    display: block;
    visibility: visible;
}

.m-home-liveStream-V2-container .m-match-list {
    position: relative;
    margin: 0 0.1rem 0.5rem 0;
    border: 0.01rem solid;
    border-color: transparent;
    border-radius: 0.05rem;
    background: #0000004d;
}

.m-home-liveStream-V2-container .m-match-list.selected {
    border-color: #ffe138;
}

.m-home-liveStream-V2-container .m-match-list.selected .m-match-container .m-match-center-div p {
    color: #000;
}

.m-home-liveStream-V2-container .m-match-list .m-match-card {
    width: 100%;
}

.m-home-liveStream-V2-container .m-match-list .m-match-container {
    position: absolute;
    height: 100%;
    width: 100%;
    color: #fff;
    bottom: 0;
    display: grid;
    padding: 0 0.2rem;
    grid-template-columns: 1.05fr 0.9fr 1.05fr;
}

.m-home-liveStream-V2-container .m-match-list .m-match-container .m-match-div {
    display: flex;
    overflow: hidden;
    align-items: center;
}

.m-home-liveStream-V2-container .m-match-list .m-match-container .m-match-div .m-match-img {
    width: 45%;
    max-height: 1rem;
    height: 100%;
    object-fit: contain;
}

.m-home-liveStream-V2-container .m-match-list .m-match-container .m-match-left-text {
    text-align: right;
    width: 1.5rem;
    justify-content: end;
    margin-right: 0.1rem;
    font-size: 0.22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    max-width: 4rem;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.m-home-liveStream-V2-container .m-match-list .m-match-container .m-match-right-text {
    text-align: left;
    margin-left: 0.1rem;
    width: 1rem;
    justify-content: start;
    word-break: break-word;
    font-size: 0.22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    max-width: 4rem;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.m-home-liveStream-V2-container .m-match-list .m-match-container .m-match-center-div {
    text-align: center;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
}

.m-home-liveStream-V2-container .m-match-list .m-match-container .m-match-center-div p {
    font-weight: 700;
    padding: 0.22rem 0 0.05rem;
    text-transform: uppercase;
}

.top10-container {
    width: 11rem;
    margin: auto;
    display: flex;
    position: relative;
}

.top10-container .top10-bg {
    width: 100%;
}

.top10-container .small-item-container img {
    position: absolute;
    z-index: 3;
}

.top10-container .small-item-container .small-item-1 {
    width: 0.35rem;
    bottom: 30%;
    left: 10%;
}

.top10-container .small-item-container .small-item-2 {
    width: 0.4rem;
    top: 29%;
    left: 17%;
}

.top10-container .small-item-container .small-item-3 {
    width: 1rem;
    top: 30%;
    left: 23%;
}

.top10-container .small-item-container .small-item-4 {
    width: 1.1rem;
    top: 12%;
    left: 44%;
}

.top10-container .small-item-container .small-item-5 {
    width: 0.7rem;
    top: 20%;
    left: 58%;
}

.top10-container .small-item-container .small-item-6 {
    width: 0.9rem;
    top: 26%;
    left: 50%;
}

.top10-container .provider-container,
.top10-container .latest-winner-container {
    position: absolute;
    bottom: 10%;
}

.top10-container .provider-container {
    width: 70%;
}

.top10-container .provider-container .provider-frame {
    width: 75%;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.top10-container .provider-container .top10-icon {
    width: 40%;
    position: absolute;
    left: 5%;
    top: -10%;
}

.top10-container .provider-container .provider-image-slider,
.top10-container .provider-container .game-trigger-div {
    position: absolute;
    top: 21%;
    left: 39.5%;
    height: 1.75rem;
    width: 1.75rem;
}

.top10-container .provider-container .game-trigger-div {
    z-index: 3;
    border-radius: 0.3rem;
    cursor: pointer;
}

.top10-container .provider-container .provider-image-slider .slick-list {
    border-radius: 0.3rem;
}

.top10-container .provider-container .provider-image-slider .provider-image-container img {
    height: 100%;
    width: 100%;
    border-radius: 0.3rem;
}

.top10-container .provider-container .provider-next-btn,
.top10-container .provider-container .provider-prev-btn {
    cursor: pointer;
    position: absolute;
    width: 0.6rem;
    top: 30%;
    z-index: 3;
}

.top10-container .provider-container .provider-next-btn {
    left: 200%;
}

.top10-container .provider-container .provider-prev-btn {
    left: -110%;
}

.top10-container .latest-winner-container {
    width: 30%;
    background: url(/public/html/images/home_img/latest-winner-frame.png);
    background-size: 110%;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 76%;
    right: 0;
}

.top10-container .latest-winner-container .latest-winner-inner-container {
    position: relative;
    padding: 0.4rem 0.3rem;
    height: 100%;
}

.top10-container .latest-winner-container .latest-winner-inner-container .latest-winner-title {
    display: flex;
    align-items: center;
}

.top10-container .latest-winner-container .latest-winner-inner-container .latest-winner-title .winner-icon {
    width: 0.35rem;
    margin: 0 0.3rem 0 0;
}

.top10-container .latest-winner-container .latest-winner-inner-container .latest-winner-title .title-text {
    margin: 0 0.65rem 0 0;
    color: #ffe138;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner {
    margin: 0.2rem 0 0;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider {
    position: unset;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .icon-sm {
    width: 0.24rem;
    height: auto;
    position: absolute;
    fill: #a3a3a3;
    cursor: pointer;
    top: 11.5%;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-next-btn {
    right: 10%;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-prev-btn {
    right: 25%;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container {
    border-bottom: 0.02rem solid #fff;
    margin: 0.05rem 0 0;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container:first-child {
    margin: 0;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container:last-child {
    border-bottom: unset;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container .winner-details {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.05rem;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container .winner-details .winner-currency {
    color: #ffe138;
}

.top10-container .latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container .winner-details .winner-game {
    color: #ffe138;
}

.m-top10-container .m-provider-container {
    width: 100%;
    position: relative;
}

.m-top10-container .m-provider-container .top10-icon {
    width: 38%;
    position: absolute;
    left: 3%;
    top: 0;
}

.m-top10-container .m-provider-container .provider-frame {
    width: 90%;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.m-top10-container .m-provider-container .small-item-container img {
    position: absolute;
    z-index: 3;
}

.m-top10-container .m-provider-container .small-item-container .small-item-1 {
    width: 0.4rem;
    bottom: 30%;
    left: 4%;
}

.m-top10-container .m-provider-container .small-item-container .small-item-2 {
    width: 0.6rem;
    top: 22%;
    left: 17%;
}

.m-top10-container .m-provider-container .small-item-container .small-item-3 {
    width: 1.1rem;
    top: 26%;
    left: 29%;
}

.m-top10-container .m-provider-container .small-item-container .small-item-4 {
    width: 1.4rem;
    top: 7%;
    right: 18%;
}

.m-top10-container .m-provider-container .small-item-container .small-item-5 {
    width: 0.9rem;
    top: 15%;
    right: 2%;
}

.m-top10-container .m-provider-container .small-item-container .small-item-6 {
    width: 1rem;
    top: 22%;
    right: 12%;
}

.m-top10-container .m-provider-container .top10-bg {
    width: 100%;
}

.m-top10-container .m-provider-container .provider-image-slider,
.m-top10-container .m-provider-container .game-trigger-div {
    position: absolute;
    top: 27%;
    left: 37%;
    height: 2.1rem;
    width: 2.1rem;
}

.m-top10-container .m-provider-container .game-trigger-div {
    z-index: 3;
    border-radius: 0.3rem;
    cursor: pointer;
}

.m-top10-container .m-provider-container .provider-image-slider .slick-list {
    border-radius: 0.3rem;
}

.m-top10-container .m-provider-container .provider-image-slider .provider-image-container img {
    height: 100%;
    width: 100%;
    border-radius: 0.3rem;
}

.m-top10-container .m-provider-container .provider-next-btn,
.m-top10-container .m-provider-container .provider-prev-btn {
    cursor: pointer;
    position: absolute;
    width: 0.6rem;
    top: 30%;
    z-index: 3;
}

.m-top10-container .m-provider-container .provider-next-btn {
    left: 200%;
}

.m-top10-container .m-provider-container .provider-prev-btn {
    left: -110%;
}

.m-top10-container .m-latest-winner-container {
    width: 90%;
    margin: -1.3rem auto 0;
    position: relative;
}

.m-top10-container .m-latest-winner-container .m-latest-winner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container {
    position: relative;
    z-index: 2;
    padding: 0.8rem 0.8rem 0.3rem;
    height: 7rem;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .latest-winner-title {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    color: #ffe138;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .latest-winner-title .winner-icon {
    width: 0.8rem;
    margin: 0 0.5rem 0 0;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .latest-winner-title .title-text {
    margin: 0 1.5rem 0 0;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .latest-winner-title .winner-active-page {
    color: #fff;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner {
    margin: 0.4rem;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider {
    position: unset;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .icon-sm {
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 12.5%;
    fill: #a3a3a3;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-prev-btn {
    right: 22%;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-next-btn {
    right: 9%;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container {
    border-bottom: 0.02rem solid #fff;
    margin: 0.1rem 0 0;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container:first-child {
    margin: 0;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container:last-child {
    border-bottom: unset;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container .winner-details {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.1rem;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container .winner-details .winner-currency {
    color: #ffe138;
}

.m-top10-container .m-latest-winner-container .latest-winner-inner-container .winner-carousel-inner .slick-slider .winner-details-container .winner-details .winner-game {
    color: #ffe138;
}

.m-referral-banner {
    display: flex;
    padding: 0.6rem 0.54rem;
    background: #1a1a1a;
    color: #fff;
    border-top: 0.01rem solid #333;
    border-bottom: 0.01rem solid #333;
    order: 10;
    margin: undefined;
}

.m-referral-banner img,
.m-referral-banner svg {
    width: 30%;
    height: undefined;
    padding: 0 4.2%;
    fill: linear-gradient(#0c426d, #00eaff);
    margin: undefined;
    align-self: undefined;
}

.m-referral-banner .referral-content {
    width: 70%;
    font-size: undefined;
}

.m-referral-banner .referral-content .referral-subtitle {
    color: #aaa;
}

.m-referral-banner .referral-content .referral-desc {
    color: #aaa;
}

.m-referral-banner .referral-content .referral-terms {
    color: #ffe138;
    margin: 0.15rem 0 0.42rem;
}

.m-referral-banner .referral-content .share-container {
    display: flex;
    justify-content: space-between;
}

.m-referral-banner .referral-content .share-container .highlighted-text {
    width: 54%;
    padding: 0.3rem;
    display: block;
    background: linear-gradient(#c19125, #ffe138);
    color: #000;
    text-align: center;
    border-radius: 0.1rem;
    font-size: undefined;
}

.m-referral-banner .referral-content .share-container .referral-btn {
    width: 41%;
    padding: 0.1rem;
    background: #696969;
    color: #fff;
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: undefined;
}

.m-referral-banner .referral-content .share-container .referral-btn svg {
    width: 0.45rem;
    margin: auto 0.05rem;
    padding: 0;
    fill: undefined;
}

.m-liveCasinoSliderContainer {
    width: 100%;
    padding-top: undefined;
    padding-bottom: undefined;
    background: undefined;
    margin-left: undefined;
    border-radius: undefined;
}

.m-liveCasinoSliderContainer header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0.66rem;
    padding-left: 0;
    margin-bottom: 0;
    padding: undefined;
}

.m-liveCasinoSliderContainer header .headerLeft {
    display: flex;
    align-items: center;
}

.m-liveCasinoSliderContainer header .headerLeft p {
    margin-bottom: 0;
    margin-left: 0;
    color: #fff;
    font-weight: undefined;
    font-size: 0.28rem;
}

.m-liveCasinoSliderContainer header .headerLeft img {
    width: 0.6rem;
}

.m-liveCasinoSliderContainer header a {
    text-transform: uppercase;
    color: #00eaff;
    margin-right: undefined;
}

.m-liveCasinoSliderContainer .mobileScrollSlider {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 0;
}

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

.m-liveCasinoSliderContainer .mobileScrollSlider .content .liveGameSlider {
    display: inline-block;
    width: 3rem;
    padding: 0.04rem;
    position: relative;
    margin-top: 0.14rem;
    margin-right: 0.2rem;
}

.m-liveCasinoSliderContainer .mobileScrollSlider .content .liveGameSlider:last-child {
    margin-right: 0.7rem;
}

.m-liveCasinoSliderContainer .mobileScrollSlider .content .liveGameSlider img {
    width: 100%;
    height: auto;
    border: undefined;
    border-radius: 0.1rem;
}

.m-liveCasinoSliderContainer .mobileScrollSlider .content .liveGameSlider .liveGameContent {
    background: #000;
    height: 0.6rem;
    padding: 0.21rem 0.18rem;
    text-transform: capitalize;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.m-liveCasinoSliderContainer .mobileScrollSlider .content .liveGameSlider .liveGameContent p {
    margin-bottom: 0.1rem;
    color: #ffe138;
    font-size: 0.24rem;
    font-weight: undefined;
}

.m-liveCasinoSliderContainer .mobileScrollSlider .content .liveGameSlider .liveGameContent .liveGameSubContent {
    color: #fff;
}

.m-liveCasinoSliderContainer .mobileScrollSlider .content .liveGameSlider .liveGameContent .liveGameSubContent span {
    margin-right: 0.05rem;
}

.m-liveCasinoSliderContainer .mobileScrollSlider .content .liveGameSlider .liveGameContent .liveGameSubContent span:last-child {
    margin-right: 0;
}

.mobileCarouselSliderSection .slider .dotsContainer {
    position: absolute;
    transform: translateX(-50%);
    bottom: 0.15rem;
    left: 50%;
    right: auto;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    padding: 0 0.15rem;
}

.mobileCarouselSliderSection .slider .dotsContainer .dots {
    background: #ffffff61;
    width: 0.1rem;
    height: 0.1rem;
    margin-left: 0.1rem;
    transition-duration: 0.5s;
    border-radius: 0.5rem;
    transform: unset;
}

.mobileCarouselSliderSection .slider .dotsContainer .active {
    background: #ffe138;
    width: 0.3rem;
    height: 0.1rem;
    margin-left: 0.1rem;
    transition-duration: 0.5s;
    border-radius: 0.5rem;
    transform: unset;
}

.m-announcement-bar-container {
    background: #282828;
    backdrop-filter: blur(0.02rem);
    display: flex;
    padding: 0.12rem 0.1rem;
    border-radius: 0.06rem 0.06rem 0 0;
    overflow: visible;
}

.m-announcement-bar-container .col-left,
.m-announcement-bar-container .col-right {
    display: flex;
    align-items: center;
}

.m-announcement-bar-container .col-left svg,
.m-announcement-bar-container .col-right svg {
    height: 0.35rem;
    width: 0.35rem;
    fill: #aaa;
}

.m-announcement-bar-container .col-left {
    margin-right: 0.15rem;
}

.m-announcement-bar-container .col-left img {
    width: undefined;
    height: undefined;
    filter: undefined;
}

.m-announcement-bar-container .col-right {
    margin-left: 0.15rem;
}

.m-announcement-bar-container .col-right svg {
    fill: #aaa;
}

.m-announcement-bar-container .ab-content {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    color: WHITe;
    width: 100%;
    margin: 0;
    padding: unset;
    display: flex;
    z-index: 1;
    align-items: center;
    font-size: 0.26rem;
}

.m-announcement-bar-container .ab-content:hover {
    animation-play-state: paused;
}

.m-announcement-bar-container .ab-content .annoucement-text {
    z-index: 9;
}

.m-announcement-bar-container .ab-content .msg-enter,
.m-announcement-bar-container .ab-content .msg-exit {
    transform: translateX(-100%) translateZ(0);
}

.m-announcement-bar-container .ab-content .msg-enter-active,
.m-announcement-bar-container .ab-content .msg-exit-active {
    transform: translateX(100%) translateZ(0);
}

@keyframes noticeFade {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes movingText {
    0% {
        left: 14.4rem;
    }
    100% {
        left: -14.4rem;
    }
}

.m-login-join-btn-container {
    width: 100%;
    display: flex;
    text-align: center;
    text-transform: undefined;
}

.m-login-join-btn-container .btn-login,
.m-login-join-btn-container .btn-reg {
    width: 50%;
    padding: 0.28rem 0.1rem;
}

.m-login-join-btn-container .btn-login {
    width: 50%;
}

.m-login-join-btn-container .btn-text {
    margin-bottom: 0;
    color: #000;
    font-size: 0.26rem;
    font-weight: undefined;
    text-transform: undefined;
}

.m-login-join-btn-container .btn-login {
    color: undefined;
    background: linear-gradient(180deg, #ffe138, #c19125);
    border-radius: 0 0 0 0.06rem;
    border: undefined;
    border-top: undefined;
    width: 50%;
    border-right: undefined;
    border-image: undefined;
    background-repeat: undefined;
    background-size: undefined;
    background-image: undefined;
    display: undefined;
    justify-content: undefined;
    align-items: undefined;
}

.m-login-join-btn-container .btn-reg {
    position: relative;
    z-index: 0;
    background: linear-gradient(180deg, #db0010, #a9000d);
    border-radius: 0 0 0.06rem 0;
    background-repeat: undefined;
    background-size: undefined;
    background-image: undefined;
    display: undefined;
    justify-content: undefined;
    align-items: undefined;
}

.m-login-join-btn-container .btn-reg .btn-text {
    color: #fff;
    text-shadow: undefined;
}

.m-login-join-btn-container .btn-reg::before {
    background: linear-gradient(180deg, #db0010, #a9000d);
    content: undefined;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    transform-origin: top left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    border-left: 0.01rem solid #fff;
}

.slot-game-item-container {
    padding: 10px;
    text-align: center;
}

.swal2-title {
    font-size: 16px !important;
}

.swal2-icon {
    font-size: 10px !important;
}

.swal2-actions {
    font-size: 16px !important;
}

.swal2-popup {
    width: 300px !important;
    padding: 15px 15px 15px 15px !important;
}

.form-check {
    display: block;
    min-height: 15px;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}

.form-check-input {
    width: 1em;
    height: 1em;
    /* margin-top: 0.25em; */
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.form-check-input[type='checkbox'] {
    border-radius: 0.25em;
}

.form-check-input[type='radio'] {
    border-radius: 50%;
}

.form-check-input:active {
    filter: brightness(90%);
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-check-input:checked[type='checkbox'] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type='radio'] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type='checkbox']:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    opacity: 0.5;
}

.form-switch {
    padding-left: 2.5em;
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}