@charset "UTF-8";:root {
    --004f92:#004f92;
    --005dab:#005dab;
    --1a79d3:#1a79d3;
    --176cbc:#176cbc;
    --4da71e:#4da71e;
    --006bc5:#006bc5;
    --82d856:#82d856;
    --5ab72a:#5ab72a;
    --64cc2f:#64cc2f;
    --2386e4:#2386e4;
    --0087f8:#0087f8;
    --474747:#474747;
    --2d2d2d:#2d2d2d;
    --ffe604: #ffe604;
    --3356cd:#3356cd;
    --5471d5:#4465be;
    --439417:#439417;
    --888:#888;
    --6c717d:#6c717d;
    --005DAC:#005DAC;
    --004178:#004178;
    --027AFF:#027AFF;
    --0079de:#0079de;
    --858508:rgba(85, 85, 85, .8);
    --555:#555;
    --5559:#5559;
    --514949:#514949;
    --reports: #fff;
    --07914609:rgba(0, 79, 146, .9);
    --255255255:rgba(255, 255, 255, 255);
    --f5f5f5: #f5f5f5;
    --mainbg: #f5f5f5;
    --999999:#999999;
    --10BF00:#10BF00;
    --transparent: transparent;
    --0000004d:#0000004d;
    --ccc: #cccccc;
    --00000080:#00000080;
    --111111:#111111;
    --006bc6:#006bc6;
    --4a4a4a:#4a4a4a;
    --eeeeee: #eee;
    --ffae12: #ffae12;
    --333333:#333;
    --e3e3e3: #e3e3e3;
    --004179:#004179;
    --000c:#000c;
    --0000001a:#0000001a;
    --333:#333;
    --f9fcff: #f9fcff;
    --0006:#0006;
    --0009:#0009;
    --0000:#0000;
    --0931721:rgba(0, 93, 172, .1);
    --e6e6e6: #e6e6e6;
    --00000023:#00000023;
    --00000032:#00000032;
    --00000041:#00000041;
    --004f93:#004f93;
    --ffce4166: #ffce4166;
    --ffce41: #ffce41;
    --fbac26: #fbac26;
    --ff8400: #ff8400;
    --d7e3f0: #d7e3f0;
    --dddddd: #ddd;
    --4d4d4dcc:#4d4d4dcc;
    --f2f2f2: #f2f2f2;
    --fd1f4c1a: #fd1f4c1a;
    --fd1f4c: #fd1f4c;
    --ed1f23: #ed1f23;
    --28b849:#28b849;
    --cacaca: #cacaca;
    --F8FF91: #F8FF91;
    --FFDF3D: #FFDF3D;
    --8da5c0:#8da5c0;
    --a5bad1: #a5bad1;
    --bacfe7: #bacfe7;
    --b6d4ec: #b6d4ec;
    --C4DCEF: #C4DCEF;
    --eaedf5: #eaedf5;
    --f0b800: #f0b800;
    --d15454: #d15454;
    --f06939: #f06939;
    --c62323: #c62323;
    --2551461468:rgba(255, 146, 146, .8);
    --e41a43: #e41a43;
    --0003:#0003;
    --ffffff80: #ffffff80;
    --3339:#3339;
    --ffffff: #ffffff;
    --005dac66:#005DAC66;
    --fff3: #fff3;
    --ffff4d: #ffff4d;
    --fff0: #fff0;
    --fffc: #fffc;
    --99999980:#99999980;
    --FFF2D2: #FFF2D2;
    --fff9: #fff9;
    --ffffff1a: #ffffff1a;
    --33333380:#33333380;
    --ffffffb3: #ffffffb3;
    --ffffff61: #ffffff61;
    --ffffffde: #ffffffde;
    --ec5454: #ec5454;
    --4e916d:#4e916d;
    --57a279:#57a279;
    --e93d3d: #e93d3d;
    --ac1414: #ac1414;
    --0079df:#0079df;
    --cb4141: #cb4141;
    --a38d5b: #a38d5b: --a38d5b40:#a38d5b40;
    --a38d5bde: #a38d5bde;
    --bdcedd30: #bdcedd30;
    --3b90db:#3b90db;
    --af9963: #af9963;
    --8dbee9:#8dbee9;
    --49648d4d:#49648d4d;
    --0130494d:#0130494d;
    --008aff4d:#008aff4d;
    --00CC66:#00CC66;
    --4CAF50:#6a84cb;
    --6a84cb:#6a84cb;
    --1543126:rgb(15, 43, 126);
    --0F1529:#0F1529;
    --108143173:rgb(108, 143, 173);
    --1393ff:#1393ff;
    --2d58bb:#2d58bb;
    --182647:#182647;
    --00197980:#00197980;
    --2d58bb66:#2d58bb66;
    --409fff:#409fff;
    --ff777c: #ff777c;
    --ef67dd: #ef67dd;
    --white: white;
    --C8C3B2: #C8C3B2: --d8a845:#004178;
    --004f94:#004f94;
    --homescrollbg: #ffffff;
    --promotionsearchbg: #ffffff;
    --005dac:#005dac;
    --00007:#000c;
    --445187:#005dac;
    --000000:#000000;
    --ededed: #ededed;
    --depositetxt: #005DAc;
    --999:#005dac;
    --d9d9d9: #d9d9d9;
    --45881874:rgba(45, 88, 187, .4);
    --b9bcc1: #b9bcc1;
    --navbarbg: #fff;
    --0007:rgba(0, 0, 0, .7);
    --loginheader: #005dac;
    --black: black;
    --navicontextbg: #f5f5f5;
    --bg: #F5F5F5;
    --footerbg: #e6e6e6;
    --line: #004179;
    --96c6ef:#96c6ef;
    --ffe800: #ffe800;
    --6E8AD2:#6E8AD2;
    --134671:#134671;
    --0931725:rgba(0, 93, 172, .5);
    --591442195:rgba(59, 144, 219, .5);
    --8293a1:#8293a1;
    --aac0d3: #aac0d3;
    --591442197:rgba(59, 144, 219, .7);
    --homesportsicon: #005dac;
    --f8e67d: #1a79d3;
    --a56c0b: #005dab;
    --reporttab: #fff;
    --gametabcolor: #e1e1e1;
    --googlebuttonbg: #f9fcff;
    --googlebuttotext: black;
    --cardbg: #bedaea;
    --validationbutton: linear-gradient(to right, var(--82d856) 0%, var(--5ab72a) 50%);
    --message: #fff;
    --bordercolor: #8bbae1;
    --newdesign: #005dab45;
    --footericon: linear-gradient(180deg, #ffffff, #e6e6e6)
}

html, body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}

body {
    line-height: 1
}

* {
    outline: none;
    cursor: none
}

html, body {
    min-height: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    display: flex;
    position: relative;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--f5f5f5);
    font-family: Helvetica Neue,Helvetica,Tahoma,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif
}

@media screen and (min-aspect-ratio: 16/9) {
}

@media screen and (min-aspect-ratio: 16/9) {
}

:root {
    --date-ball-translateX: 600%
}

@media screen and (min-aspect-ratio: 16/9) {
}

@media screen and (min-aspect-ratio: 16/9) {
}

html {
    --mat-option-selected-state-label-text-color: #435f9b;
    --mat-option-label-text-color: white;
    --mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);
    --mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);
    --mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)
}

html {
    --mat-optgroup-label-text-color: white
}

html {
    --mat-select-panel-background-color: #424242;
    --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);
    --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);
    --mat-select-placeholder-text-color: rgba(255, 255, 255, .6);
    --mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);
    --mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);
    --mat-select-focused-arrow-color: rgba(67, 95, 155, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-autocomplete-background-color: #424242
}

html {
    --mat-menu-item-label-text-color: white;
    --mat-menu-item-icon-color: white;
    --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, .08);
    --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, .08);
    --mat-menu-container-color: #424242
}

html {
    --mat-paginator-container-text-color: rgba(255, 255, 255, .87);
    --mat-paginator-container-background-color: #424242;
    --mat-paginator-enabled-icon-color: rgba(255, 255, 255, .54);
    --mat-paginator-disabled-icon-color: rgba(255, 255, 255, .12)
}

html {
    --mat-paginator-container-size: 56px
}

html {
    --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
    --mdc-checkbox-selected-checkmark-color: var(--reports);
    --mdc-checkbox-selected-focus-icon-color: var(--a38d5b);
    --mdc-checkbox-selected-hover-icon-color: var(--a38d5b);
    --mdc-checkbox-selected-icon-color: var(--a38d5b);
    --mdc-checkbox-selected-pressed-icon-color: var(--a38d5b);
    --mdc-checkbox-unselected-focus-icon-color: var(--eeeeee);
    --mdc-checkbox-unselected-hover-icon-color: var(--eeeeee);
    --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
    --mdc-checkbox-selected-focus-state-layer-color: var(--a38d5b);
    --mdc-checkbox-selected-hover-state-layer-color: var(--a38d5b);
    --mdc-checkbox-selected-pressed-state-layer-color: var(--a38d5b);
    --mdc-checkbox-unselected-focus-state-layer-color: white;
    --mdc-checkbox-unselected-hover-state-layer-color: white;
    --mdc-checkbox-unselected-pressed-state-layer-color: white
}

html {
    --mdc-checkbox-state-layer-size: 40px
}

html {
    --mat-expansion-container-background-color: #424242;
    --mat-expansion-container-text-color: white;
    --mat-expansion-actions-divider-color: rgba(255, 255, 255, .12);
    --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, .04);
    --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, .04);
    --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, .3);
    --mat-expansion-header-text-color: white;
    --mat-expansion-header-description-color: rgba(255, 255, 255, .7);
    --mat-expansion-header-indicator-color: rgba(255, 255, 255, .7)
}

html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px
}

html {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #435f9b;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #435f9b;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #435f9b;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
    --mat-stepper-container-color: #424242;
    --mat-stepper-line-color: rgba(255, 255, 255, .12);
    --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, .04);
    --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, .04);
    --mat-stepper-header-label-text-color: rgba(255, 255, 255, .7);
    --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, .7);
    --mat-stepper-header-selected-state-label-text-color: white;
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: rgba(255, 255, 255, .7);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: var(--transparent)
}

html {
    --mat-stepper-header-height: 72px
}

* {
    touch-action: pan-x pan-y
}

@media (display-mode: standalone) {
    body {
        overscroll-behavior: none
    }

    *:not(input):not(textarea) {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none
    }
}

body {
    display: none
}

@charset "UTF-8"
  .content-style[_ngcontent-ng-c2345626556] p[_ngcontent-ng-c2345626556], img[_ngcontent-ng-c2345626556] {
    margin: 0
}

.loading-mask[_ngcontent-ng-c2345626556] {
    position: fixed;
    display: flex;
    inset: 0;
    justify-content: center;
    align-items: center;
    z-index: 9000
}

    .loading-mask[_ngcontent-ng-c2345626556] img[_ngcontent-ng-c2345626556], .loading-mask[_ngcontent-ng-c2345626556] video[_ngcontent-ng-c2345626556] {
        width: 180px
    }

img[_ngcontent-ng-c2345626556] {
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}

.popup_animation[_ngcontent-ng-c2345626556] {
    animation: .5s ease-in both _ngcontent-ng-c2345626556_fadeIn;
    transform: translate(-50%,-50%)
}

@keyframes _ngcontent-ng-c2345626556_fadeIn {
    0% {
        opacity: 0;
        transform: translate3d(0,-5%,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,10px,0)
    }
}

.float-widget__draggable--ready[_ngcontent-ng-c2345626556] {
    opacity: 1;
    pointer-events: auto
}

.float-widget__draggable[_ngcontent-ng-c2345626556] {
    display: block;
    position: fixed;
    bottom: 146px;
    right: 25px;
    width: 44px;
    height: 44px;
    pointer-events: none;
    overscroll-behavior: auto;
    z-index: 100
}

.float-wrap[_ngcontent-ng-c2345626556] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all .3s cubic-bezier(.03,.98,.52,.99)
}

.float-wrap-btn[_ngcontent-ng-c2345626556] {
    transition: all .3s cubic-bezier(.03,.98,.52,.99);
    filter: drop-shadow(0px) 0vw .8vw rgba(218,249,255,.7);
    border-radius: 50%;
    cursor: pointer
}

.float-wrap__btn[_ngcontent-ng-c2345626556] {
    width: 100%;
    height: 100%;
    margin: 3px 0
}

.float-wrap-btn__inner[_ngcontent-ng-c2345626556] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #333;
    transition: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.float-wrap-btn__stick[_ngcontent-ng-c2345626556] {
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    opacity: 0
}

.float-wrap-btn__img--close[_ngcontent-ng-c2345626556] {
    width: 40%;
    height: 40%
}

.float-wrap-btn__img[_ngcontent-ng-c2345626556] {
    pointer-events: none;
    display: block;
    position: relative;
    width: 70%;
    height: 70%;
    transform-origin: 50% 50%
}

.loader-box[_ngcontent-ng-c2345626556] {
    display: flex;
    position: fixed;
    z-index: 100;
    top: 30%;
    left: 50%;
    align-items: center;
    justify-content: center;
    width: 53.3333333333vw;
    height: 53.3333333333vw;
    margin: auto;
    padding: auto;
    transform: translate(-50%)
}

.mcw-logo[_ngcontent-ng-c2345626556] {
    position: absolute;
    z-index: 100;
    width: 40vw;
    height: 22vw;
    background-repeat: no-repeat;
    background-position: top center
}

.jt-icon[_ngcontent-ng-c2345626556] {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 53.3333333333vw;
    height: 53.3333333333vw;
    margin: auto
}

    .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] {
        position: absolute;
        width: 120px;
        height: 120px;
        transform: rotate(45deg)
    }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .top-border-container[_ngcontent-ng-c2345626556] .square-1[_ngcontent-ng-c2345626556] {
            top: 90px;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .top-border-container[_ngcontent-ng-c2345626556] .square-2[_ngcontent-ng-c2345626556] {
            top: 60px;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite;
            animation-delay: .1s
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .top-border-container[_ngcontent-ng-c2345626556] .square-3[_ngcontent-ng-c2345626556] {
            top: 30px;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite;
            animation-delay: .2s
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .top-border-container[_ngcontent-ng-c2345626556] .square-4[_ngcontent-ng-c2345626556] {
            left: 30px;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite;
            animation-delay: .3s
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .top-border-container[_ngcontent-ng-c2345626556] .square-5[_ngcontent-ng-c2345626556] {
            left: 60px;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite;
            animation-delay: .4s
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .center-square[_ngcontent-ng-c2345626556] {
            position: absolute;
            top: 30px;
            left: 30px;
            width: 60px;
            height: 60px
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .bottom-border-container[_ngcontent-ng-c2345626556] .square-6[_ngcontent-ng-c2345626556] {
            left: 90px;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite;
            animation-delay: .5s
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .bottom-border-container[_ngcontent-ng-c2345626556] .square-7[_ngcontent-ng-c2345626556] {
            top: 30px;
            right: 0;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite;
            animation-delay: .6s
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .bottom-border-container[_ngcontent-ng-c2345626556] .square-8[_ngcontent-ng-c2345626556] {
            top: 60px;
            right: 0;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite;
            animation-delay: .7s
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .bottom-border-container[_ngcontent-ng-c2345626556] .square-9[_ngcontent-ng-c2345626556] {
            top: 90px;
            left: 60px;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite;
            animation-delay: .8s
        }

        .jt-icon[_ngcontent-ng-c2345626556] .icon-container[_ngcontent-ng-c2345626556] .bottom-border-container[_ngcontent-ng-c2345626556] .square-10[_ngcontent-ng-c2345626556] {
            top: 90px;
            left: 30px;
            animation: _ngcontent-ng-c2345626556_square-animation 1s infinite;
            animation-delay: .9s
        }

@keyframes _ngcontent-ng-c2345626556_square-animation {
    0% {
        transform: scale(.5)
    }

    20% {
        transform: scale(1)
    }

    40% {
        transform: scale(1)
    }

    60% {
        transform: scale(1)
    }
}

.invite-partner.invite[_ngcontent-ng-c2345626556] img[_ngcontent-ng-c2345626556], .invite-partner.reward[_ngcontent-ng-c2345626556] img[_ngcontent-ng-c2345626556] {
    width: 100%
}

.invite-partner[_ngcontent-ng-c2345626556] .invite-banner[_ngcontent-ng-c2345626556] {
    margin: 2.6666666667vw 0
}

    .invite-partner[_ngcontent-ng-c2345626556] .invite-banner[_ngcontent-ng-c2345626556] img[_ngcontent-ng-c2345626556] {
        width: 100%
    }

.invite-partner[_ngcontent-ng-c2345626556] .invite-cont[_ngcontent-ng-c2345626556] {
    display: inline-flex;
    width: 100%;
    margin: 2.6666666667vw 0;
    color: #fff
}

.invite-partner[_ngcontent-ng-c2345626556] .invite-cont-center[_ngcontent-ng-c2345626556] {
    position: relative;
    display: flex;
    width: 100%
}

.invite-partner[_ngcontent-ng-c2345626556] .invite-cont[_ngcontent-ng-c2345626556] .left[_ngcontent-ng-c2345626556] {
    width: 40%
}

.invite-partner[_ngcontent-ng-c2345626556] .invite-cont[_ngcontent-ng-c2345626556] .right[_ngcontent-ng-c2345626556] {
    width: 60%;
    margin: auto 0 auto 16px
}

.invite-partner[_ngcontent-ng-c2345626556] .invite-cont[_ngcontent-ng-c2345626556] .bonus-title[_ngcontent-ng-c2345626556] {
    margin-bottom: 1.0666666667vw;
    font-size: 3.7333333333vw
}

.invite-partner[_ngcontent-ng-c2345626556] .invite-cont-center[_ngcontent-ng-c2345626556] {
    flex-direction: column;
    margin-top: -18.6666666667vw;
    justify-content: center;
    align-items: center;
    margin-bottom: 6.6666666667vw
}

    .invite-partner[_ngcontent-ng-c2345626556] .invite-cont-center[_ngcontent-ng-c2345626556] .code-box-tips[_ngcontent-ng-c2345626556] {
        padding: 0
    }

.invite-partner[_ngcontent-ng-c2345626556] .invite-qr-code[_ngcontent-ng-c2345626556] {
    position: relative;
    width: 100%;
    height: auto;
    padding: 2.6666666667vw;
    border-radius: 1.3333333333vw;
    background: #232a46
}

    .invite-partner[_ngcontent-ng-c2345626556] .invite-qr-code[_ngcontent-ng-c2345626556] .qrcode[_ngcontent-ng-c2345626556] {
        z-index: 0;
        position: relative;
        width: 100%;
        margin: 0;
        transform: none
    }

.invite-partner[_ngcontent-ng-c2345626556] .btn-share[_ngcontent-ng-c2345626556] {
    width: 100%;
    height: 10.6666666667vw;
    margin: auto auto 2.1333333333vw 0;
    font-weight: 700
}

.invite-partner[_ngcontent-ng-c2345626556] .code[_ngcontent-ng-c2345626556] {
    flex: unset;
    width: 100%;
    height: 10.6666666667vw;
    border: none;
    font-size: 3.4666666667vw;
    background: #232a46
}

    .invite-partner[_ngcontent-ng-c2345626556] .code[_ngcontent-ng-c2345626556] span[_ngcontent-ng-c2345626556] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100% - 13.3333333333vw)
    }

    .invite-partner[_ngcontent-ng-c2345626556] .code[_ngcontent-ng-c2345626556] .btn[_ngcontent-ng-c2345626556] {
        width: 13.3333333333vw;
        height: 100%
    }

.ant-modal-close[_ngcontent-ng-c2345626556] {
    right: 0;
    top: 2px
}

  .popup_animation[_ngcontent-ng-c4129948000] {
    animation: .5s ease-in both _ngcontent-ng-c4129948000_fadeIn;
    transform: translate(-50%,-50%);
    top: 20%
}

@keyframes _ngcontent-ng-c4129948000_fadeIn {
    0% {
        opacity: 0;
        transform: translate3d(0,-5%,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,10px,0)
    }
}

.language-box[_ngcontent-ng-c4129948000] {
    width: 33%
}

.ant-modal-close[_ngcontent-ng-c4129948000] {
    right: 0;
    top: 2px
}

  #tabs[swipeAnimation=left][_ngcontent-ng-c996432432], #tabs[swipeAnimation=right][_ngcontent-ng-c996432432], .content-box[_ngcontent-ng-c996432432] {
    transition: transform .3s ease-in-out
}

.mh[_ngcontent-ng-c996432432] {
    max-height: 0
}

.nav[_ngcontent-ng-c996432432] {
    display: flex;
    flex-wrap: nowrap !important;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.pop-bg[_ngcontent-ng-c996432432], .pop-wrap[_ngcontent-ng-c996432432] {
    display: block
}

#tabs[_ngcontent-ng-c996432432] {
    overflow: hidden
}

#tabs[swipeAnimation=left][_ngcontent-ng-c996432432] {
    transform: translate(-100%)
}

#tabs[swipeAnimation=right][_ngcontent-ng-c996432432] {
    transform: translate(100%)
}

.list-loading[_ngcontent-ng-c996432432] {
    position: fixed;
    top: 58%;
    left: 45%;
    z-index: 1000
}

.games[_ngcontent-ng-c996432432] .recommend-main[_ngcontent-ng-c996432432] .games-box[_ngcontent-ng-c996432432] .text[_ngcontent-ng-c996432432] {
    line-height: 1;
    display: flex
}

.pop-wrap[_ngcontent-ng-c996432432] {
    top: 25%;
    left: 5%
}

.Umfi9LgWBsqZ8cr1lxFl[_ngcontent-ng-c996432432] img[_ngcontent-ng-c996432432] {
    height: 5.3333333333vw
}

.home-card[_ngcontent-ng-c996432432] li[_ngcontent-ng-c996432432] p[_ngcontent-ng-c996432432] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 64.3px;
    margin: 0 auto
}

.loading-wrap[_ngcontent-ng-c996432432] {
    width: 40vw;
    height: 24vw;
    background: #fff;
    font-size: 3.2vw;
    color: #243a48;
    box-shadow: 0 .8vw 2.66667vw #00000080;
    border-radius: 1.33333vw;
    padding: 1.86667vw 0;
    flex-wrap: wrap
}

.betbtn1[_ngcontent-ng-c996432432] {
    bottom: 10%;
    position: fixed;
    right: 1%;
    z-index: 9999
}

    .betbtn1[_ngcontent-ng-c996432432] img[_ngcontent-ng-c996432432], .betbtn2[_ngcontent-ng-c996432432] img[_ngcontent-ng-c996432432] {
        background-size: contain !important;
        height: 50px;
        width: 53px
    }

.betbtn2[_ngcontent-ng-c996432432] {
    bottom: 20%;
    position: fixed;
    right: 1%;
    z-index: 9999
}

.depo[_ngcontent-ng-c996432432] {
    padding: 4px;
    height: 42px !important;
    width: 42px !important;
    background: rgba(17,17,17,.9294117647);
    border-radius: 50%
}

.bigdepo[_ngcontent-ng-c996432432] {
    margin-left: 4px
}

  .ant-spin-nested-loading[_ngcontent-ng-c1339110261] {
    position: relative
}

.ant-spin-container[_ngcontent-ng-c1339110261] {
    position: relative;
    transition: opacity .3s
}

.ant-layout[_ngcontent-ng-c1339110261], .ant-layout[_ngcontent-ng-c1339110261] *[_ngcontent-ng-c1339110261] {
    box-sizing: border-box
}

.N_uQU8Bp5bxQm4SVB8jr[_ngcontent-ng-c1339110261] .Q6oNLax1KQoITDkF5v_x[_ngcontent-ng-c1339110261] .GOjseaWNk7jHGF2JNWxN[_ngcontent-ng-c1339110261], .N_uQU8Bp5bxQm4SVB8jr[_ngcontent-ng-c1339110261] .Q6oNLax1KQoITDkF5v_x[_ngcontent-ng-c1339110261] .T4UoxTJ94RgYCqKKO9yj[_ngcontent-ng-c1339110261], .N_uQU8Bp5bxQm4SVB8jr[_ngcontent-ng-c1339110261] .Q6oNLax1KQoITDkF5v_x[_ngcontent-ng-c1339110261] .goOPGvFiYbWoFNaG1zQC[_ngcontent-ng-c1339110261] {
    position: relative
}

.banner-swiper-mode1[_ngcontent-ng-c1339110261] .swiper-slide[_ngcontent-ng-c1339110261] > div[_ngcontent-ng-c1339110261] {
    height: 100%;
    width: 100%
}

.goOPGvFiYbWoFNaG1zQC[_ngcontent-ng-c1339110261] {
    background-size: contain !important
}

.divider[_ngcontent-ng-c1339110261] {
    width: 75%;
    margin: 100px auto;
    height: 2px;
    background-color: #333
}

.content[_ngcontent-ng-c1339110261] {
    position: relative;
    flex: 1;
    width: 100%;
    min-height: auto;
    padding: 0
}

.dot-group[_ngcontent-ng-c1339110261] {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    padding: .5333333333vw;
    z-index: 1
}

.dot-group.style-dot[_ngcontent-ng-c1339110261] li[_ngcontent-ng-c1339110261] {
    display: block;
    margin-right: 1.3333333333vw;
    margin-left: 1.3333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    background: rgba(255,255,255,.5);
    border: .5333333333vw solid rgba(255,255,255,.5);
    border-radius: 50%;
    transition: .3s;
    cursor: pointer
}

    .dot-group.style-dot[_ngcontent-ng-c1339110261] li[_ngcontent-ng-c1339110261]:hover {
        background: rgba(255,255,255,.5)
    }

.dot-group.style-dot[_ngcontent-ng-c1339110261] li.active[_ngcontent-ng-c1339110261] {
    background: #fff
}

.dot-group.style-bar[_ngcontent-ng-c1339110261] {
    padding: 1.8666666667vw 0 .8vw
}

    .dot-group.style-bar[_ngcontent-ng-c1339110261] li[_ngcontent-ng-c1339110261] {
        display: block;
        margin: 0 .8vw;
        width: 5.3333333333vw;
        height: .5333333333vw;
        background: rgba(255,255,255,.5);
        border-radius: 1.3333333333vw;
        overflow: hidden;
        position: relative
    }

        .dot-group.style-bar[_ngcontent-ng-c1339110261] li[_ngcontent-ng-c1339110261]:hover .dot-progress[_ngcontent-ng-c1339110261] {
            background: transparent
        }

    .dot-group.style-bar[_ngcontent-ng-c1339110261] li.active[_ngcontent-ng-c1339110261] .dot-progress[_ngcontent-ng-c1339110261] {
        position: absolute;
        width: 100%;
        height: 100%;
        animation-name: _ngcontent-ng-c1339110261_bar-ani;
        background: #fff
    }

    .dot-group.style-bar[_ngcontent-ng-c1339110261] li[_ngcontent-ng-c1339110261] .dot-progress[_ngcontent-ng-c1339110261] {
        display: block;
        width: 100%;
        height: 100%
    }

@keyframes _ngcontent-ng-c1339110261_bar-ani {
    0% {
        left: -100%
    }

    to {
        left: 0
    }
}

.slick-carousel[_ngcontent-ng-c1339110261] {
    height: 138px
}

.item[_ngcontent-ng-c1339110261] {
    height: 8rem !important
}

  .goDRiiBsuEuXD3W1NphN[_ngcontent-ng-c3439918587] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%
}

.member-menu-box[_ngcontent-ng-c3439918587] .flex[_ngcontent-ng-c3439918587] {
    display: flex;
    flex-wrap: inherit;
    width: 100%;
    padding: 1.3333333333vw 0
}

.icon.refresh.active[_ngcontent-ng-c3439918587] {
    animation: 1s linear refresh
}

.pop-bg[_ngcontent-ng-c3439918587] {
    z-index: 10
}

.eyes[_ngcontent-ng-c3439918587] {
    right: 0
}

.toolbar[_ngcontent-ng-c3439918587] ul[_ngcontent-ng-c3439918587] li[_ngcontent-ng-c3439918587] a[_ngcontent-ng-c3439918587] p[_ngcontent-ng-c3439918587] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 71.3px
}

  .footer-bottom[_ngcontent-ng-c2608740380] .logo[_ngcontent-ng-c2608740380] {
    width: 14.6666666667vw;
    height: 10.6666666667vw;
    margin-right: 5.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.gaming-license[_ngcontent-ng-c2608740380] {
    display: flex
}

.gaming-flex[_ngcontent-ng-c2608740380] {
    width: 50%
}

.Disclaimer[_ngcontent-ng-c2608740380] {
    color: red
}

.footer-top[_ngcontent-ng-c2608740380] .safes[_ngcontent-ng-c2608740380] {
    flex: 0 0 47.6%;
    margin-left: 10px
}

.bd_sitenamebetx[_ngcontent-ng-c2608740380] {
    position: absolute;
    right: 63px;
    margin-top: 38px;
    font-size: 25px;
    font-weight: 700
}

    .bd_sitenamebetx[_ngcontent-ng-c2608740380] a[_ngcontent-ng-c2608740380] {
        color: #ff0;
        text-decoration: none
    }

  #inspect-element-top-layer * {
    all: unset;
}
 body, div, a, p, span {
    user-select: text !important;
}

p, h1, h2, h3, h4, h5, h6 {
    cursor: auto;
    user-select: text !important;
}

::selection {
    background-color: #338FFF !important;
    color: #fff !important;
}


.sidebar-wrapper ul, .sidebar-wrapper ul li{
    border-bottom : unset;
}
    .sidebar-wrapper ul li {
        display:flex;
        align-items:center;
    }
.sidebar-wrapper .title {
    padding: 2.6666666667vw;
    font-weight: 600;
    font-size: 4vw;
    color: var(--333);
}

.sidebar-wrapper ul:after {
    content: "";
    display: block;
    height: 2.6666666667vw;
    margin-top: -.2666666667vw;
    border-top: .2666666667vw solid var(--0931721);
    width: 90%;
    margin: 2.6666666667vw 2.6666666667vw 0;
    background-color: var(--transparent);
}
.menu-second ul.active {
    left:203px;
    height:auto;
}
.sidebar-wrapper ul li.active {
    border-left: .8vw solid var(--005DAC);
    background-color: var(--f9fcff);
}
.footer {
    padding: 0 2.6666666667vw !important;
}
.footer-top .pay {
    background-color: transparent !important;
    background: transparent !important;
    margin: unset;
    padding: unset;
    margin-bottom: 2.6666666667vw!important;
}
.pay ul{
    padding:0.5rem !important;
}
.pay ul li {
    padding-right: unset;
}
.footer li{
    padding:unset;
}
.home-tabing-slider{
    margin:auto;
}
.main{
    padding:0px;
}
.common-slider {
    margin:0px;
}
.main .footer{
    margin-bottom:unset;
}
.footer-new ul li{
    padding : 4px 0;
}
.header-right-btn-group{
    min-width:auto;
}
.header-logo {
    width: 10vw !important;
}
@media (max-width: 480px) {
    .header-logo {
        width: 34vw !important;
    }
}
.member-menu{
    padding-bottom: 0px !important;
}
.betbtn1 img, .betbtn2 img {
    background-size: contain !important;
    height: 50px !important;
    width: 53px !important;
}