label {
    color: #000
}

button {
    color: #fff
}

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

.text-primary {
    color: #ff8a00 !important
}

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

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

.text-secondary {
    color: #0071e3 !important
}

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

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

.text-success {
    color: #71901b !important
}

.text-info {
    color: #ff8a00 !important
}

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

.text-danger {
    color: red !important
}

.text-black {
    color: #000 !important
}

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

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

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

.text-dark-gray {
    color: #4f0212 !important
}

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

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

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

.bg-primary {
    background-color: #ff8a00 !important
}

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

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

.bg-secondary {
    background-color: #0071e3 !important
}

.bg-success {
    background-color: #71901b !important
}

.bg-info {
    background-color: #ff8a00 !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: #4f0212 !important
}

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

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

.bg-black {
    background-color: #000 !important
}

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

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

.bg-transparent {
    background: rgba(0,0,0,0) !important
}

.bg-dark-home {
    background: #000
}

.bg-gradient-home {
    background: #1b1b1b;
    background: -moz-linear-gradient(180deg, rgb(27, 27, 27) 0%, rgb(255, 244, 224) 100%);
    background: -webkit-linear-gradient(180deg, rgb(27, 27, 27) 0%, rgb(255, 244, 224) 100%);
    background: linear-gradient(180deg, rgb(2, 2, 2) 0%, rgb(74, 61, 36) 40%, rgb(17, 17, 17) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1b",endColorstr="#fff4e0",GradientType=1)
}

.gradient-bg-dark {
    background: linear-gradient(to bottom, #000000, #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: #ff8a00 !important
}

.border-secondary {
    border-color: #0071e3 !important
}

.border-success {
    border-color: #71901b !important
}

.border-info {
    border-color: #ff8a00 !important
}

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

.border-danger {
    border-color: red !important
}

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

.border-black {
    border-color: #000 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.opacity-9 {
    opacity: .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: #000
}

.icon-gray {
    fill: #7a7d7c
}

.icon-light {
    fill: #ff8a00
}

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

.icon-primary {
    fill: #e3e3e3
}

.icon-primary-light {
    fill: #131313
}

.icon-primary-extra-light {
    fill: rgba(0,0,0,.2)
}

.icon-secondary {
    fill: #0071e3
}

.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: #4f0212
}

.icon-success {
    fill: #71901b
}

.icon-warning {
    fill: #dd5600
}

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

.icon-blue {
    fill: #ff8a00
}

.icon-ios-tab {
    fill: #b3b3b3
}

.icon-android-tab {
    fill: #85c707
}

.icon-android {
    fill: #85c707
}

.icon-ftrline {
    fill: #00b900
}

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

.body-content-container {
    margin: -0.7rem 0 0
}

.slick-track {
    display: flex !important
}

.slick-slide {
    height: auto
}

* {
    min-height: 0;
    min-width: 0
}

.footer-change-language-container .current-country-btn .language-icon-size {
    width: 0.25rem;
    border-radius: 50%
}

.standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-header,.standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-body {
    color: #0f161f;
    font-family: "AvertaStd-Regular","sans-serif","宋体","SukhumvitSet-Text"
}

.standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-header:lang(vi),.standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-body:lang(vi) {
    font-family: "Nunito-Regular"
}

.standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-header .standard-modal-title,.standard-popup-modal-container.message-detail-popup-modal-container .standard-popup-modal-body .standard-modal-title {
    font-size: 0.16rem;
    word-break: break-word
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button {
    width: 100%
}

@media screen and (max-width: 2048px) {
    .uploadWrapper {
        position:relative;
        width: 100%
    }

    .uploadWrapper .uploadButton {
        border-radius: .05rem;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: .45rem;
        background: #fff;
        border: .02rem solid #dbe0e4;
        font-weight: 600
    }

    .uploadWrapper .inputFile {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 2
    }

    .uploadWrapper .previewButton {
        background: #0097ff;
        border-radius: .1rem;
        z-index: 99;
        padding: 0 .3rem
    }

    .uploadWrapper .uploadContent {
        display: flex;
        justify-content: space-between
    }

    .uploadWrapper .noFile {
        display: flex;
        align-items: center;
        font-size: .16rem;
        padding-left: 0.05rem
    }

    .uploadWrapper .trashIcon {
        width: .3rem;
        background: none;
        z-index: 99
    }

    .uploadWrapper .uploadIcon {
        width: .3rem;
        margin-top: .15rem
    }
}

@media screen and (max-width: 768px) {
    #root>div .body-content-container {
        min-height:calc(100vh - 1rem);
        overflow: auto;
        margin-top: 0.44rem
    }

    #root>div .body-content-container.mobileTopMargin-download {
        min-height: unset
    }

    #root>div .m-provider-content-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        min-height: calc(100vh - 1rem)
    }

    #root>div .m-provider-content-container .provider-content {
        flex: 1
    }

    .uploadWrapper {
        position: relative;
        width: 100%
    }

    .uploadWrapper .uploadButton {
        border-radius: .15rem;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .05rem .4rem 0;
        width: 3.5rem;
        height: .75rem;
        background: #fff;
        border: .02rem solid #dbe0e4;
        font-weight: 600;
        font-style: normal;
        font-size: .28rem;
        line-height: 1.5
    }

    .uploadWrapper .inputFile {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 2
    }

    .uploadWrapper .previewButton {
        background: #0097ff;
        border-radius: .1rem;
        z-index: 99;
        height: .75rem;
        font-size: .3rem;
        padding: 0 .3rem
    }

    .uploadWrapper .uploadContent {
        display: flex;
        justify-content: space-between
    }

    .uploadWrapper .noFile {
        display: flex;
        align-items: center;
        font-size: .28rem;
        padding-left: 0.05rem
    }

    .uploadWrapper .trashIcon {
        width: .5rem;
        background: none;
        z-index: 99
    }

    .uploadWrapper .uploadIcon {
        width: .5rem;
        margin-top: .2rem;
        display: flex
    }
}

.Toastify__toast-container {
    z-index: 9999;
    -webkit-transform: translateZ(99.99rem);
    position: fixed;
    padding: .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: .64rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: .08rem;
    border-radius: .01rem;
    box-shadow: 0 .01rem .1rem 0 rgba(0,0,0,.1),0 .02rem .15rem 0 rgba(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: rgba(0,0,0,0);
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start
}

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

.Toastify__close-button>svg {
    fill: currentColor;
    height: .16rem;
    width: .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: .05rem;
    z-index: 9999;
    opacity: .7;
    background-color: rgba(255,255,255,.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 .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: .08rem solid rgba(0,0,0,0);
    height: 0;
    width: .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: .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
}

.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: .8rem;
    background-color: #fff;
    color: #000;
    border: .01rem solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative
}

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

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

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

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

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

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

.react-datepicker-popper[data-placement^=bottom] {
    margin: .1rem 0 0 0
}

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

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

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

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

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

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

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

.react-datepicker__header--time {
    padding-bottom: .08rem;
    padding-left: .05rem;
    padding-right: .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 .02rem
}

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

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

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

.react-datepicker__navigation--previous {
    left: .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: .1rem;
    border-left-color: #ccc
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: .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: .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: .4rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

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

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

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

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: .05rem 0 .1rem .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: .1rem
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: .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: .05rem;
    display: inline-block
}

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

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: .01rem solid #aeaeae;
    border-radius: .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: .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: 2.8rem;
    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: .3rem;
    padding: .05rem .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: bold
}

.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: rgba(0,0,0,0)
}

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

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

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: .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: .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: .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: rgba(0,0,0,0)
}

.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: .3rem;
    background-color: #f0f0f0
}

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

.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted {
    border-radius: .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: .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: .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,.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: rgba(0,0,0,0)
}

.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: .01rem solid rgba(0,0,0,0);
    border-radius: .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: .2rem;
    top: .08rem;
    position: relative;
    border-width: .45rem
}

.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: .3rem;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: .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: .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: .3rem;
    border-top-right-radius: .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: .3rem;
    border-bottom-right-radius: .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: .15rem
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 0;
    outline: 0;
    padding: 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-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: .16rem;
    width: .16rem;
    padding: .02rem;
    font-size: .12rem;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×"
}

.react-datepicker__aria-live {
    display: none !important
}

@media(max-width: 768px) {
    .react-datepicker__close-icon::after {
        width:undefined;
        height: undefined;
        font-size: undefined;
        display: undefined;
        align-items: unset;
        justify-content: unset;
        margin: undefined;
        padding: undefined
    }
}

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

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(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__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
    }
}

.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: .81rem solid rgba(0,0,0,0)
}

.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: rgba(0,0,0,0)
}

.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 rgba(0,0,0,0);
    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: "SukhumvitSet";
    font-weight: normal;
    src: url("/assets/fonts/SukhumvitSet/SukhumvitSet-Text.ttf") format("truetype")
}

@font-face {
    font-family: "SukhumvitSet";
    font-weight: 700;
    src: url("/assets/fonts/SukhumvitSet/SukhumvitSet-Bold.ttf") format("truetype")
}

@font-face {
    font-family: "SukhumvitSet";
    font-weight: 300;
    src: url("/assets/fonts/SukhumvitSet/SukhumvitSet-Light.ttf") format("truetype")
}

@font-face {
    font-family: "SukhumvitSet";
    font-weight: 500;
    src: url("/assets/fonts/SukhumvitSet/SukhumvitSet-Medium.ttf") format("truetype")
}

@font-face {
    font-family: "SukhumvitSet";
    font-weight: 600;
    src: url("/assets/fonts/SukhumvitSet/SukhumvitSet-SemiBold.ttf") format("truetype")
}

@font-face {
    font-family: "SukhumvitSet";
    font-weight: 100;
    src: url("/assets/fonts/SukhumvitSet/SukhumvitSet-Thin.ttf") format("truetype")
}

@font-face {
    font-family: "Nunito";
    font-weight: 400;
    src: url("/assets/fonts/Nunito/Nunito-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Nunito";
    font-weight: 700;
    src: url("/assets/fonts/Nunito/Nunito-Bold.ttf") format("truetype")
}

@font-face {
    font-family: "Nunito";
    font-weight: 800;
    src: url("/assets/fonts/Nunito/Nunito-ExtraBold.ttf") format("truetype")
}

@font-face {
    font-family: "Nunito";
    font-weight: 600;
    src: url("/assets/fonts/Nunito/Nunito-SemiBold.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 700;
    src: url("/assets/fonts/DB-Heavent/db-heavent-bold.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 500;
    src: url("/assets/fonts/DB-Heavent/db-heavent-medium.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 400;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-condensed.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 700;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-bold-condensed.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 400;
    font-style: italic;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-condensed-italic.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 700;
    font-style: italic;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-bold-condensed-italic.ttf") format("truetype")
}

@font-face {
    font-family: "Anton";
    src: url("/assets/fonts/Anton/anton.ttf") format("truetype")
}

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

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "NunitoSans-ExtraBold";
    src: url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.eot");
    src: url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.woff2") format("woff2"),url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.woff") format("woff"),url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.ttf") format("truetype");
    font-weight: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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")
}

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

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

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

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

@font-face {
    font-family: "DB Heavent";
    font-weight: 700;
    src: url("/assets/fonts/DB-Heavent/db-heavent-bold.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 500;
    src: url("/assets/fonts/DB-Heavent/db-heavent-medium.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 400;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-condensed.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 700;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-bold-condensed.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 400;
    font-style: italic;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-condensed-italic.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 700;
    font-style: italic;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-bold-condensed-italic.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:.67em;margin-block-end:.67em;margin-inline-start:0;margin-inline-end:0;font-weight: bold;
    color: #dbbd5a
}

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

html {
    font-size: 5vw;
    background: unset
}

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

html ::-webkit-scrollbar-corner {
    background-color: rgba(0,0,0,0)
}

@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:6.9444444444vw
    }
}

@media(max-width: 1024px) {
    html {
        font-size:8.3333333333vw
    }
}

.custom-font {
    font-family: "Bahnschrift","sans-serif"
}

.custom-font button {
    font-family: "Bahnschrift","sans-serif"
}

.custom-font input {
    font-family: "Bahnschrift","sans-serif"
}

.custom-lae-vi-font .navMenu-container {
    font-family: "Montserrat"
}

body {
    overflow-x: hidden;
    font-size: 0.16rem;
    background: #fff;
    background-color: undefined;
    background-size: cover;
    background-position: center;
    font-family: "AvertaStd-Regular","sans-serif","宋体","SukhumvitSet-Text";
    min-height: 100vh;
    color: undefined;
    fill: undefined;
    word-break: break-word;
    background-repeat: no-repeat
}

@supports(min-height: 1dvh) {
    body {
        min-height:100dvh
    }
}

body:lang(vi) {
    font-family: "Nunito"
}

body:lang(th) {
    font-family: "SukhumvitSet"
}

.aff-portal {
    background: undefined;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

button {
    -webkit-appearance: unset;
    font-family: unset;
    text-rendering: auto;
    color: initial;
    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: default;
    box-sizing: border-box;
    margin: 0em;
    padding: 0;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    border-image: initial
}

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

.common-btn:hover {
    background: dimgray
}

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

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

.general_btn {
    background: linear-gradient(#c31e3c, #85152d);
    color: #fff;
    width: 1.2rem;
    height: 0.45rem
}

input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0.4rem;
    padding: 0.05rem;
    border: none;
    color: #000;
    background: #f5f5f5
}

textarea {
    padding: 0.05rem;
    border: none;
    color: #fff;
    background: #f5f5f5
}

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: #000;
    -webkit-box-shadow: 0 0 0 10rem #f5f5f5 inset;
    transition: background-color 5000s ease-in-out 0s;
    font: unset
}

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

.small-loading {
    fill: #f15c24
}

@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: .05rem
    }

    .screen-move-right {
        transform: translateX(3rem);
        transition: all .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: rgba(0,0,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 {
        background:#fff;
        background-size: unset;
        background-position: undefined
    }
}

label {
    color: #000
}

button {
    color: #fff
}

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

.text-primary {
    color: #ff8a00 !important
}

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

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

.text-secondary {
    color: #0071e3 !important
}

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

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

.text-success {
    color: #71901b !important
}

.text-info {
    color: #ff8a00 !important
}

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

.text-danger {
    color: red !important
}

.text-black {
    color: #000 !important
}

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

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

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

.text-dark-gray {
    color: #4f0212 !important
}

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

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

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

.bg-primary {
    background-color: #ff8a00 !important
}

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

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

.bg-secondary {
    background-color: #0071e3 !important
}

.bg-success {
    background-color: #71901b !important
}

.bg-info {
    background-color: #ff8a00 !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: #4f0212 !important
}

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

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

.bg-black {
    background-color: #000 !important
}

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

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

.bg-transparent {
    background: rgba(0,0,0,0) !important
}

.bg-dark-home {
    background: #000
}

.bg-gradient-home {
    background: #1b1b1b;
    background: -moz-linear-gradient(180deg, rgb(27, 27, 27) 0%, rgb(255, 244, 224) 100%);
    background: -webkit-linear-gradient(180deg, rgb(27, 27, 27) 0%, rgb(255, 244, 224) 100%);
    background: linear-gradient(180deg, rgb(2, 2, 2) 0%, rgb(74, 61, 36) 40%, rgb(17, 17, 17) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1b",endColorstr="#fff4e0",GradientType=1)
}

.gradient-bg-dark {
    background: linear-gradient(to bottom, #000000, #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: #ff8a00 !important
}

.border-secondary {
    border-color: #0071e3 !important
}

.border-success {
    border-color: #71901b !important
}

.border-info {
    border-color: #ff8a00 !important
}

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

.border-danger {
    border-color: red !important
}

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

.border-black {
    border-color: #000 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.opacity-9 {
    opacity: .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: #000
}

.icon-gray {
    fill: #7a7d7c
}

.icon-light {
    fill: #ff8a00
}

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

.icon-primary {
    fill: #e3e3e3
}

.icon-primary-light {
    fill: #131313
}

.icon-primary-extra-light {
    fill: rgba(0,0,0,.2)
}

.icon-secondary {
    fill: #0071e3
}

.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: #4f0212
}

.icon-success {
    fill: #71901b
}

.icon-warning {
    fill: #dd5600
}

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

.icon-blue {
    fill: #ff8a00
}

.icon-ios-tab {
    fill: #b3b3b3
}

.icon-android-tab {
    fill: #85c707
}

.icon-android {
    fill: #85c707
}

.icon-ftrline {
    fill: #00b900
}

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

@font-face {
    font-family: "Anton";
    src: url("/assets/fonts/Anton/anton.ttf") format("truetype")
}

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

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Kanit";
    src: url("/assets/fonts/Kanit/Kanit-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "NunitoSans-ExtraBold";
    src: url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.eot");
    src: url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.woff2") format("woff2"),url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.woff") format("woff"),url("/assets/fonts/NunitoSans-ExtraBold/NunitoSans-ExtraBold.ttf") format("truetype");
    font-weight: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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: normal;
    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")
}

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

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

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

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

@font-face {
    font-family: "DB Heavent";
    font-weight: 700;
    src: url("/assets/fonts/DB-Heavent/db-heavent-bold.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 500;
    src: url("/assets/fonts/DB-Heavent/db-heavent-medium.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 400;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-condensed.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 700;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-bold-condensed.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 400;
    font-style: italic;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-condensed-italic.ttf") format("truetype")
}

@font-face {
    font-family: "DB Heavent";
    font-weight: 700;
    font-style: italic;
    font-stretch: condensed;
    src: url("/assets/fonts/DB-Heavent/db-heavent-bold-condensed-italic.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;
    text-rendering: auto;
    color: undefined;
    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: 0em;
    padding: 0;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    border-image: initial;
    border-radius: unset
}

.button,.button-register,.button-login,.button-logout,.register-mobile-btn,.login-mobile-btn,.line-btn,.register-btn,.login-btn,.red-btn,.black-btn,.gray-btn,.outline-btn,.upload-btn,.secondary-btn,.primary-btn {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-family: "HelveticaNeue","sans-serif","宋体";
    font-size: 1em;
    white-space: nowrap
}

.button:hover,.button-register:hover,.button-login:hover,.button-logout:hover,.register-mobile-btn:hover,.login-mobile-btn:hover,.line-btn:hover,.register-btn:hover,.login-btn:hover,.red-btn:hover,.black-btn:hover,.gray-btn:hover,.outline-btn:hover,.upload-btn:hover,.secondary-btn:hover,.primary-btn:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,.4);
    filter: brightness(110%)
}

.button:active,.button-register:active,.button-login:active,.button-logout:active,.register-mobile-btn:active,.login-mobile-btn:active,.line-btn:active,.register-btn:active,.login-btn:active,.red-btn:active,.black-btn:active,.gray-btn:active,.outline-btn:active,.upload-btn:active,.secondary-btn:active,.primary-btn:active {
    position: relative;
    top: 0.01rem
}

.primary-btn {
    background: linear-gradient(#c31e3c, #85152d);
    color: #fff;
    font-family: "HelveticaNeue","sans-serif","宋体";
    min-width: 1.5rem;
    height: 0.35rem;
    font-weight: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: unset;
    padding: unset;
    margin: unset
}

.primary-btn span {
    display: unset;
    height: unset;
    width: unset;
    background: unset;
    border-radius: unset;
    justify-content: unset;
    align-items: unset
}

.primary-light-btn {
    background: #ff8a00;
    color: #fff;
    font-family: "HelveticaNeue","sans-serif","宋体";
    padding: 0.02rem;
    height: 0.35rem !important
}

.primary-light-btn span {
    background: #ff8a00;
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.secondary-btn {
    background: #ff8a00;
    color: #fff;
    font-family: "HelveticaNeue","sans-serif","宋体"
}

.upload-btn {
    background: #7a7d7c;
    color: #fff;
    text-transform: uppercase;
    font-family: "HelveticaNeue","宋体",sans-serif
}

.primary-btn:disabled {
    opacity: .6 !important;
    cursor: not-allowed
}

.outline-btn {
    color: #fff;
    background-color: rgba(0,0,0,.5)
}

.primary-outline-btn {
    background: linear-gradient(180deg, #6f5d37, #2c251b);
    padding: 0.02rem;
    margin-bottom: -0.1rem
}

.primary-outline-btn div {
    background: linear-gradient(180deg, #1c1d21, #0d1216);
    height: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2rem;
    color: #c09848;
    min-width: 1.29rem !important;
    max-width: 1.29rem
}

.gray-btn {
    background: #7a7d7c;
    background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#7a7d7c));
    background: -moz-linear-gradient(-90deg, #e3e3e3, #7a7d7c)
}

.gray-btn:active {
    background: #7a7d7c
}

.black-btn {
    background: #181818;
    background: -webkit-gradient(linear, left top, left bottom, from(#4a3917), to(#181818));
    background: -moz-linear-gradient(-90deg, #4a3917, #181818)
}

.black-btn:active {
    background: #000
}

.dark-btn {
    background-color: #181818;
    color: #fff
}

.red-btn {
    background: red
}

.red-btn:active {
    background: #0071e3
}

.login-btn {
    color: #ba9a5b;
    background: linear-gradient(to right, #ff8a00, #7f602a);
    text-transform: uppercase;
    border-radius: 0 !important;
    font-family: "HelveticaNeue","黑体",sans-serif !important;
    min-width: 1.09rem;
    height: 0.34rem !important
}

.logout-btn {
    width: 0.6rem !important;
    height: 0.34rem !important;
    background: llinear-gradient(to right, #c09848, #7f602a);
    border: undefined;
    border-radius: undefined
}

.logout-btn span {
    height: 0.2rem;
    font-size: 0.16rem;
    color: undefined
}

.logout-btn svg {
    opacity: .4;
    width: 0.15rem;
    height: 0.15rem;
    fill: undefiend
}

.register-btn {
    border-radius: 0 !important;
    background: linear-gradient(to right, #c61101, #942416);
    color: #fff;
    text-transform: uppercase;
    font-family: "HelveticaNeue","黑体",sans-serif !important;
    min-width: 1.1rem;
    height: 0.34rem !important;
    margin-right: 0.05rem !important
}

.line-btn {
    color: #ba9a5b;
    background: linear-gradient(to bottom, #16bc04, #109102);
    text-transform: uppercase;
    border-radius: 0 !important;
    font-family: "HelveticaNeue","黑体",sans-serif !important;
    min-width: 1.09rem;
    height: 0.34rem !important;
    margin-left: 0.05rem !important
}

.line-btn .line-icon {
    opacity: .6 !important;
    width: .2rem !important;
    fill: inherit
}

.login-mobile-btn {
    background: #ff8a00;
    min-height: 0.5rem;
    font-size: 1.25em
}

.login-mobile-btn span {
    color: #fff
}

.mobile-btn {
    background: #ff8a00 !important
}

.register-mobile-btn {
    background: linear-gradient(180deg, #fbc047, #f8f050 30%, #fcfa81 50%, #f8f050 70%, #fbc047) !important;
    min-height: 0.5rem;
    font-size: 1.25em
}

.register-mobile-btn span {
    color: #000
}

.delete-btn {
    padding: 0.05rem 0.1rem;
    font-family: "HelveticaNeue","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: .875em;
    color: #7a7d7c
}

.restore-mobile-btn {
    background: #e3e3e3;
    background: -moz-linear-gradient(0deg, #e3e3e3 0%, #909091 100%);
    background: -webkit-linear-gradient(0deg, #e3e3e3 0%, #909091 100%);
    background: linear-gradient(0deg, #e3e3e3 0%, #909091 100%);
    border: 0.01rem solid #7a7d7c;
    border-radius: 0.03rem;
    font-size: .875em;
    color: #7a7d7c
}

.button-login,.button-logout {
    background: #ff8a00;
    font-family: "HelveticaNeue","sans-serif","宋体";
    color: #fff !important;
    border-radius: 0.03rem;
    min-width: 0.8rem;
    height: 0.34rem !important
}

.button-login span,.button-logout span {
    color: #fff !important
}

.button-register {
    border-radius: 0.03rem;
    background: linear-gradient(180deg, #fbc047, #f8f050 30%, #fcfa81 50%, #f8f050 70%, #fbc047) !important;
    color: #000 !important;
    text-transform: uppercase;
    font-family: "HelveticaNeue","宋体",sans-serif;
    min-width: 0.8rem;
    height: 0.34rem !important;
    margin-right: 0.1rem !important
}

.button-register span {
    display: flex;
    justify-content: space-evenly !important;
    padding: 0.05rem 0.15rem !important
}

.reset-btn {
    width: 1.4rem
}

@media(max-width: 1440px) {
    .register-btn {
        min-width:1.4rem
    }

    .login-btn {
        min-width: 1.4rem
    }
}

@media(max-width: 1024px) {
    .register-btn {
        min-width:1.6rem;
        height: 0.4rem !important
    }

    .login-btn {
        min-width: 1.6rem;
        height: 0.4rem !important
    }
}

@media(max-width: 768px) {
    .button,.primary-btn,.secondary-btn,.upload-btn,.outline-btn,.gray-btn,.black-btn,.red-btn,.login-btn,.register-btn,.line-btn,.login-mobile-btn,.register-mobile-btn,.button-login,.button-logout,.button-register {
        text-shadow:0 0.01rem 0 rgba(0,0,0,0)
    }

    .login-btn {
        min-width: 0.96rem;
        max-height: 0.3rem
    }

    .login-btn span {
        display: flex;
        justify-content: space-evenly !important;
        padding: 0.05rem 0.1rem !important
    }

    .register-btn {
        min-width: 0.96rem;
        max-height: 0.3rem
    }

    .register-btn span {
        padding: 0.05rem 0.1rem !important;
        display: flex;
        justify-content: space-evenly !important
    }

    .logout-btn {
        min-width: 0.96rem !important;
        max-height: 0.27rem !important
    }

    .logout-btn span {
        padding: 0.05rem 0.1rem !important;
        display: flex;
        justify-content: space-evenly !important
    }
}

.safari-web-view {
    font-size: 8.0515297907vw !important
}

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

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: rgba(0,0,0,0)
}

@-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: rgba(0,0,0,0);
    padding: 0;
    margin-bottom: 0.15rem
}

hr.hr {
    border: 0;
    height: 0.01rem;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #ff8a00, 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: .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: rgba(0,0,0,0);
    outline: none;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

a:active {
    color: #fff
}

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

a[disabled] {
    color: rgba(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: rgba(0,0,0,.7215686275);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999
}

.downloadCustomModal {
    background: rgba(0,0,0,0)
}

.custom-modal {
    background: #1f1b15;
    border-image: linear-gradient(#c31e3c, #85152d) 1;
    border: 0.03rem solid #ff8a00;
    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: #aaa;
    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: rgba(0,0,0,0)
}

.custom-modal-header {
    font-size: 0.18rem;
    font-weight: 600;
    color: #fff;
    fill: #fff;
    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 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 .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: hidden;
    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: #000;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    font-family: "HelveticaNeue","宋体",sans-serif
}

.table-date {
    font-size: .875em
}

caption {
    padding-top: .75em;
    padding-bottom: .3em;
    color: rgba(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
}

textarea {
    overflow: auto;
    resize: vertical;
    width: 100%;
    color: #000;
    border: unset;
    border-radius: unset;
    font-family: unset
}

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: 0rem
}

.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: rgba(0,0,0,.5803921569) !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: .15rem !important
}

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

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

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

.rounded-left {
    border-top-left-radius: .15rem !important;
    border-bottom-left-radius: .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
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.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 .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: rgba(0,0,0,0);
    box-sizing: border-box;
    border: none;
    outline: none;
    transform: translate(0, 0.6rem);
    transition: all .3s cubic-bezier(0, 0.105, 0.035, 1.57);
    transition-delay: .3s;
    font-size: .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 .3s ease-in-out;
    background: rgba(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 .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: #ff8a00
}

.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 #ff8a00
}

.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 .2s cubic-bezier(0.285, -0.45, 0.935, 0.11);
    transition-delay: .1s
}

.search-wrapper .close::before,.search-wrapper .close::after {
    position: absolute;
    content: "";
    background: #ff8a00;
    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,.05);
    transition: all .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: .6 !important;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0, 0.105, 0.035, 1.57);
    transition-delay: .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: rgba(0,0,0,0) !important;
    color: #fff !important
}

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

.pagination-btn {
    height: 100%;
    padding: .5rem .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: unset;
    background-size: cover;
    background-position: center;
    background-repeat: unset;
    padding: 0;
    overflow: unset;
    z-index: undefined;
    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 .03rem .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.4rem !important;
        border-width: 0 .08rem .08rem 0 !important;
        border-color: #fff;
        width: 0.2rem !important;
        height: 0.2rem !important
    }
}

@media(max-width: 768px) {
    body {
        font-family:"AvertaStd-Regular","sans-serif","宋体","SukhumvitSet-Text";
        background: undefined
    }

    body.popup-open {
        overflow: hidden
    }

    body .body-content-container {
        background: unset;
        background-size: undefined;
        background-repeat: undefined;
        background-position: undefined
    }

    body .mobileTopMargin {
        padding-top: unset;
        padding-bottom: unset;
        background: unset;
        min-height: undefined
    }

    body .mobileTopMargin.liteappPadding {
        padding-top: 0;
        padding-bottom: 0
    }

    body .mobileTopMargin-home {
        padding-top: unset !important
    }

    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 .affiliate-route-background {
        background: undefined
    }

    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: .6rem;
        width: .6rem;
        font-size: .5rem;
        background-color: #b2b2b2
    }

    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: #ff8a00;
        font-size: .55rem
    }

    body .m-search-dialog-modal .react-datepicker__navigation {
        border: .16rem solid rgba(0,0,0,0) !important
    }

    body .m-search-dialog-modal .react-datepicker__navigation--next {
        right: .1rem;
        border-left-color: #ff8a00 !important;
        margin-top: 0.25rem
    }

    body .m-search-dialog-modal .react-datepicker__navigation--previous {
        left: .1rem;
        border-right-color: #ff8a00 !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: .7rem;
        height: .7rem;
        line-height: .8rem;
        margin: .166rem
    }

    body .m-search-dialog-modal .react-datepicker {
        font-size: .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: #ff8a00
    }

    body .custom-modal {
        width: 75%;
        max-width: 75vw;
        background: linear-gradient(0deg, #160f07, #150e06);
        border-image: linear-gradient(#c31e3c, #85152d) 1
    }

    body .custom-modal .custom-modal-header {
        min-height: 1.4rem;
        align-items: center;
        justify-content: space-between;
        font-size: .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: .4rem;
        padding: 0;
        width: 100%;
        text-align: right;
        background: rgba(0,0,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: .5rem .5rem 0;
        font-size: .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;
        margin: undefined
    }
}

@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;
        overflow: undefined
    }

    .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)
    }
}

@media(min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        width:10rem !important
    }

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

@media(min-width: 576px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

::-webkit-input-placeholder {
    color: #8697a2
}

::-moz-placeholder {
    color: #8697a2
}

:-ms-input-placeholder {
    color: #8697a2
}

input:-moz-placeholder {
    color: #8697a2
}

.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 #f5f5f5;
    border-bottom-color: #8d8680;
    border-bottom: unset;
    background: #f5f5f5;
    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: #000
}

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

.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: #fff;
    background: #f5f5f5;
    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: "*";
    margin-left: 0.04rem
}

.form-field .error-validation {
    background: rgba(0,0,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: #0f161f
}

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

.white {
    color: #bcbcbc
}

.gold {
    color: #ff8a00
}

.gray {
    color: #4d4e50
}

.menuSvgColor {
    fill: #919293
}

.svgActiveColor {
    fill: #000
}

.textActiveColor {
    color: #ff8a00
}

.textColor {
    color: #fff
}

@media(max-width: 768px) {
    label {
        font-size:0.4rem
    }

    .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: .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: .05rem .3rem;
        border: 0.02rem solid #f5f5f5;
        border-bottom-color: #8d8680;
        background: #f5f5f5;
        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: #0f161f
    }

    .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: #f5f5f5;
        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: rgba(0,0,0,0);
        border-radius: .06rem;
        font-family: unset
    }

    .form-field .mandatory {
        margin-bottom: 0.2rem;
        color: #0f161f;
        margin: undefined
    }

    .form-field .mandatory::after {
        color: red;
        content: "*"
    }

    .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: #b2b2b2;
    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: #ff8a00;
    font-size: .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: 1em
}

@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:.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: undefined;
        width: undefined;
        line-height: undefined;
        font-size: 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: .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: .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: .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: .45em solid rgba(0,0,0,0);
    height: .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: #ff8a00
}

.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: #ff8a00
}

.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: .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: .1rem !important
}

@media(max-width: 768px) {
    .react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option {
        line-height:.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: .5rem
    }

    .react-datepicker .react-datepicker__time-container {
        width: 1.5rem !important
    }

    .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: .8rem;
        border-radius: .21rem
    }

    .react-datepicker li.react-datepicker__time-list-item {
        padding: .2rem .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: 1.2em solid rgba(0,0,0,0) !important !important;
        top: 1em !important;
        padding: 0 .2rem !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: #000 !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: #000 !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: 4rem !important !important;
        margin: .02rem !important !important;
        padding: undefined !important !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: .2rem;
    border-radius: .1rem;
    background-color: #fff
}

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

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

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

.share-modal-container .share-modal .social-media-container button {
    width: 1.2rem;
    margin: .3rem .24rem !important;
    background-color: rgba(0,0,0,0)
}

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

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

.progressBar-container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 0.3rem;
    border: unset
}

.progressBar-container .progress {
    height: 100%;
    background: #3863b3;
    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: .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
    }
}

.submenu-tab {
    position: relative
}

.tab-header:has(.maintenance-icon-container) {
    position: relative
}

.maintenance-icon-container .maintenance-icon {
    fill: url(#m98-maintenance-gradient)
}

.provider-box .tab-header.maintaining {
    cursor: not-allowed !important
}

.provider-box .tab-header .maintenance-icon-container {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
    height: 100%
}

@media(max-width: 768px) {
    .maintenance-icon-container {
        display:flex;
        position: absolute;
        justify-content: center;
        align-items: center;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: undefined;
        height: undefined;
        width: undefined;
        border-radius: undefined
    }

    .maintenance-icon-container .maintenance-icon {
        width: 45%
    }
}

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: .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 .3em rgba(98,33,234,.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 .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
}

.m-side-bar-opened {
    overflow: hidden
}

.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: rgba(0,0,0,0);
    overflow-x: undefined
}

.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: 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 rgba(0,0,0,0)
}

.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: normal;
    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: rgba(0,0,0,0);
    border: none;
    outline: none;
    background: rgba(0,0,0,0)
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: rgba(0,0,0,0);
    outline: none;
    background: rgba(0,0,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: .25
}

.slick-prev:before,.slick-next:before {
    font-family: "slick";
    font-size: 0.2rem;
    line-height: 1;
    opacity: .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;
    color: 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;
    color: 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: rgba(0,0,0,0);
    border: 0;
    outline: none;
    background: rgba(0,0,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: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    width: 0.2rem;
    opacity: .75;
    color: #000
}

.modal.fade .modal-dialog {
    transition: transform .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: 0rem auto;
    padding: 0.3rem;
    background: rgba(0,0,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: 0vh !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.2049194678) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2049194678) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2049194678) 100%)
}

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

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, 0) !important
}

.modal-dialog {
    width: 70%;
    height: 100vh;
    margin: 0rem auto;
    padding: 0.3rem;
    background: rgba(0,0,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: 0vh !important
}

.modal-content {
    border-radius: 0;
    border: 0.01rem solid rgba(0,0,0,0);
    background: linear-gradient(#c31e3c, #85152d);
    padding: 0.02rem;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    outline: 0
}

.modal-content .primary-btn {
    background: linear-gradient(#c31e3c, #85152d);
    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 rgba(181,181,181,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,.9);
    padding: .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,.9);
    padding: .3rem
}

.modal-footer .modal-ok-btn {
    font-size: .2rem
}

.modal-footer .modal-ok-btn span {
    font-size: .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,.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,.9)
}

.modal-body {
    position: relative;
    text-align: left;
    width: 100%;
    overflow-y: auto;
    color: #e0e0e0;
    background: rgba(33,33,33,.9);
    padding: 0.2rem 0.15rem;
    font-family: "HelveticaNeue-Medium","黑体","sans-serif"
}

.modalTitle-bg {
    background: #131313
}

.modal-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    width: 100%;
    color: #ff8a00;
    background-color: rgba(0,0,0,0);
    fill: #ff8a00 !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: none;
    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: none !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, #ff8a00, #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, #ff8a00, #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%
}

.redirectable {
    cursor: pointer
}

@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: .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,.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,.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 .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,.3);
    box-shadow: inset 0 0.01rem 0 rgba(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 0
}

.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 0
}

.add-bank-footer .primary-btn {
    width: 100%
}

.tarsfer_allin {
    height: 0.4rem;
    width: 1.46rem;
    background: rgba(0,0,0,0);
    border: 0.01rem solid #ff8a00;
    border-image: linear-gradient(#c31e3c, #85152d) 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: "*";
    margin-left: 0.04rem
}

.custom-transfer-dialog .transfer-amount .transfer-range input {
    width: 100%
}

.transfer-range {
    width: 100%;
    margin: .3rem 0 .35rem 0
}

.range {
    -webkit-appearance: none;
    height: 0.06rem;
    outline: none;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .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 0
}

.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: 0.4rem
}

.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 .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 0
}

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

.annoucement-bar-component .left-block,.annoucement-bar-component .right-block {
    height: 80%;
    position: unset;
    width: 8%;
    z-index: 9
}

.annoucement-bar-component .left-block svg,.annoucement-bar-component .right-block svg {
    fill: #878787;
    width: undefined
}

.annoucement-bar-component .right-block {
    right: 0;
    background: undefined
}

.annoucement-bar-component .left-block {
    left: 0;
    background: #f6f6f6;
    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: #ff8a00;
    color: #fff;
    text-align: center
}

.annoucement-bar-component .left-block svg {
    width: 33%;
    height: undefined;
    margin: auto;
    display: block
}

.annoucement-bar-component .left-block img {
    width: 100%;
    min-width: .25rem;
    height: .25rem;
    max-width: .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
}

@keyframes movingText {
    0% {
        left: 14.4rem
    }

    100% {
        left: -14.4rem
    }
}

@media(max-width: 768px) {
    .annoucement-text {
        font-size:0.3rem
    }

    .annoucement-bar-component {
        background: undefined
    }

    .annoucement-bar-component .annoucement-moving {
        height: auto !important
    }

    .m-announcementBarSection {
        background: #f6f6f6;
        margin-top: unset;
        padding: unset
    }

    .m-announcementBarSection .annoucement-bar-component .left-block {
        background: #f6f6f6;
        padding: unset;
        width: 8%;
        opacity: undefined
    }

    .m-announcementBarSection .annoucement-bar-component .left-block img {
        height: .7rem;
        min-width: .7rem;
        max-width: .7rem
    }

    .m-announcementBarSection .annoucement-bar-component .left-block svg {
        width: 66%;
        height: undefined;
        margin: auto;
        display: block;
        fill: unset
    }
}

.announcementBarSection {
    background: rgba(0,0,0,0);
    margin: 0.3rem auto 0;
    width: fit-content;
    position: inherit;
    display: block;
    justify-content: unset;
    opacity: undefined;
    box-shadow: undefined;
    border-radius: undefined;
    padding: undefined
}

.announcementBarSection .edge-image {
    height: 0.3rem
}

.announcementBarSection .annoucement-bar-component {
    height: 0.19rem;
    margin: auto
}

.announcementBarSection .annoucement-bar-component .left-block {
    background: #0c4da2;
    display: flex;
    opacity: undefined
}

.announcementBarSection .annoucement-bar-component .left-block svg {
    fill: #878787;
    height: 56%
}

.announcementBarSection::after {
    content: unset;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-top: .3rem solid #f6f6f6;
    border-left: .25rem solid rgba(0,0,0,0);
    border-right: .25rem solid rgba(0,0,0,0);
    height: 0;
    width: 100% !important;
    border-image: undefined;
    clip-path: undefined
}

.annoucementBar .trapezoid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    border-left: 0.3rem solid rgba(0,0,0,0);
    border-right: 0.3rem solid rgba(0,0,0,0);
    height: 0;
    border-top: 0.3rem solid #660e0d;
    width: 12rem;
    margin: auto
}

.carouselSliderSection {
    text-align: center;
    background: #0a1624;
    position: relative
}

.carouselSliderSection .slick-slider .slick-list {
    line-height: 0
}

.carouselSliderSection .slick-slide .home_banner,.carouselSliderSection .slick-slide img,.carouselSliderSection .slick-slide iframe {
    height: 5.25rem !important;
    max-width: 20rem;
    margin: auto;
    width: 100%;
    object-fit: cover
}

.carouselSliderSection .slick-slide .home_banner {
    position: absolute;
    top: 0
}

.carouselSliderSection .slick-slide .home-banner-video-wrapper {
    width: 100%;
    height: 5.25rem !important;
    position: relative;
    overflow: hidden
}

.carouselSliderSection .slick-slide .home-banner-video-wrapper iframe {
    position: absolute;
    width: 380%;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.carouselSliderSection .slider .dotsContainer {
    position: absolute;
    bottom: 0.16rem;
    left: 0%;
    margin: 0 0.49rem
}

.carouselSliderSection .slider .dotsContainer .dots {
    background: #fff;
    width: 0.09rem;
    height: 0.09rem;
    transform: unset;
    margin: 0 0.05rem;
    border-radius: 50%
}

.carouselSliderSection .slider .dotsContainer .active {
    background: #fdb813;
    width: 0.29rem;
    height: 0.09rem;
    transform: unset;
    margin: 0 0.1rem;
    border-radius: 0.1rem
}

.carouselSliderSection .slider .dotsContainer.with-timer {
    left: unset;
    right: 0;
    bottom: 0.68rem
}

.carouselSliderSection .ceremony-timer-container {
    background: rgba(146,0,44,.7);
    position: absolute;
    width: 100%;
    bottom: 0
}

.carouselSliderSection .ceremony-timer-container .ceremony-timer-section {
    display: flex;
    align-items: center;
    max-width: 13.4rem;
    margin: auto;
    padding: 0.05rem 0;
    color: #fff
}

.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper {
    display: flex;
    align-items: center;
    width: 100%
}

.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper .desc {
    font-weight: 600;
    font-size: 0.22rem;
    margin-right: 0.3rem
}

.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper .date-type {
    display: flex;
    align-items: center;
    margin-right: 0.1rem
}

.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper .date-type .value {
    font-weight: 800;
    font-size: 0.4rem
}

.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .info-wrapper .date-type .type {
    font-weight: 600;
    font-size: 0.12rem;
    margin: 0 0.1rem
}

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

.carouselSliderSection .ceremony-timer-container .ceremony-timer-section .ceremory-btn-section .ceremory-btn {
    background: #4cc0b2;
    font-weight: 600;
    font-size: 0.16rem;
    width: 2.8rem
}

@media(max-width: 1024px) {
    .carouselSliderSection .slick-slide img {
        height:3.5rem !important;
        max-width: 100%
    }

    .carouselSliderSection .slick-slide .home_banner,.carouselSliderSection .slick-slide iframe {
        height: 3.5rem !important
    }

    .carouselSliderSection .slick-slide .home-banner-video-wrapper {
        height: 3.5rem !important
    }

    .carouselSliderSection .ceremony-timer-container {
        padding: 0.05rem 5%
    }
}

.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;
    width: 100%
}

.rail {
    height: 0.3rem;
    background: red
}

.standard-header-font-size {
    font-size: 0.24rem
}

.standard-title-font-size {
    font-size: 0.16rem
}

.standard-normal-font-size {
    font-size: 0.16rem
}

.standard-content-font-size {
    font-size: 0.14rem
}

@media(max-width: 768px) {
    .standard-content-font-size {
        font-size:.275699rem
    }
}

.standard-info-font-size {
    font-size: 0.12rem
}

@media(max-width: 768px) {
    .standard-info-font-size {
        font-size:0.21rem
    }
}

.standard-sub-content-font-size {
    font-size: 0.11rem
}

.standard-footer-font-size {
    font-size: 0.14rem
}

.standard-menu-font-size {
    font-size: 0.18rem
}

.standard-submenu-font-size {
    font-size: 0.13rem
}

.standard-navbar-font-size {
    font-size: 0.12rem
}

.standard-homeInforContainer-normal-font-size {
    font-size: 0.13rem
}

.standard-table-button-font-size {
    font-size: 0.12rem
}

.standard-promotion-desc-font-size {
    font-size: 0.12rem
}

.standard-navmenu-font-size {
    font-size: 0.12rem
}

.standard-sidebar-closeBtn-font-size {
    font-size: 0.6rem
}

.standard-transaction-board-title-font-size {
    font-size: 0.24rem
}

@media(max-width: 768px) {
    .standard-svg-size {
        width:0.42rem;
        height: 0.42rem
    }

    .standard-header-font-size {
        font-size: 0.54rem
    }

    .standard-title-font-size {
        font-size: 0.25rem
    }

    .standard-SecondSubtitle-font-size {
        font-size: 0.22rem
    }

    .standard-label-font-size {
        font-size: 0.26rem
    }

    .standard-normal-font-size {
        font-size: 0.24rem
    }

    .standard-subContent-font-size {
        font-size: 0.26rem
    }

    .standard-SmallsubContent-font-size {
        font-size: 0.24rem
    }

    .standard-SidebarMenu-font-size {
        font-size: 0.28rem
    }

    .standard-footer-font-size {
        font-size: 0.35rem
    }

    .standard-home-landing-provider-title-font-size {
        font-size: 0.28rem;
        font-weight: 400
    }

    .standard-home-landing-provider-subtitle-font-size {
        font-size: 0.21rem;
        font-weight: 400
    }

    .standard-home-landing-entrance-normal-font-size {
        font-size: 0.6rem
    }

    .standard-promotion-desc-font-size {
        font-size: 0.3rem
    }

    .standard-livetv-font-size {
        font-size: 0.24rem
    }

    .standard-livetv-small-font-size {
        font-size: 0.21rem
    }

    label {
        font-size: 0.25rem
    }
}

::-webkit-input-placeholder {
    color: #8697a2
}

::-moz-placeholder {
    color: #8697a2
}

:-ms-input-placeholder {
    color: #8697a2
}

input:-moz-placeholder {
    color: #8697a2
}

.line-register-button {
    width: 60%;
    height: .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00c300
}

.line-register-button img {
    margin-right: .1rem
}

.extra-register-break-line {
    width: 100%;
    text-align: center;
    border-bottom: 0.01rem solid #eee;
    margin: 0.2rem 0 0.2rem
}

.extra-register-break-line span {
    font-weight: 600;
    color: #fff;
    background: rgba(0,0,0,0);
    text-transform: uppercase;
    padding: 0.1rem 0.1rem 0.1rem 0.1rem;
    font-size: .16rem
}

.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: .05rem;
    width: 0.3rem
}

@media(max-width: 768px) {
    .m-extra-login-break-line {
        width:100%;
        text-align: center;
        border-bottom: 0.01rem solid #d1d1d1;
        line-height: .1em;
        margin: 0.4rem 0 0.8rem
    }

    .m-extra-login-break-line span {
        font-weight: 600;
        font-size: .6rem;
        color: unset;
        background: unset;
        padding: 0 0.1rem
    }

    .m-line-login-button {
        background-color: #00c300;
        display: flex;
        width: 60%;
        height: 1.5rem;
        border-radius: 0.1rem;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        margin: auto;
        font-size: .5rem
    }

    .m-line-login-button img {
        margin-right: .5rem
    }

    .line-register-button {
        height: 1.1rem;
        width: 100%;
        font-size: .5rem
    }

    .line-register-button img {
        margin-right: .5rem
    }

    .extra-register-break-line {
        margin: 0.8rem 0 0.8rem;
        border-bottom: 0.01rem solid #eee
    }

    .extra-register-break-line span {
        color: #fff;
        background: rgba(0,0,0,0);
        font-size: .6rem
    }

    .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 .2rem 0 0 !important;
        width: unset !important
    }
}

.standard-label {
    display: flex;
    align-items: center;
    color: #0f161f;
    width: 100%
}

.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
}

@media(min-width: 768px) {
    .reg-container .standard-label {
        color:#0f161f;
        align-items: flex-start
    }

    .standard-mandatory {
        margin: 0 0 0.2rem 0
    }

    .standard-mandatory::after {
        color: #e0082d;
        content: "*";
        margin-left: 0.04rem;
        padding: 0 0.04rem 0 0;
        font-size: 0.36rem
    }
}

.standard-mandatory {
    margin-bottom: 0.05rem
}

.standard-mandatory::after {
    color: #e0082d;
    content: "*";
    margin-left: 0.04rem;
    padding: 0 0.04rem 0 0;
    font-size: 0.16rem
}

.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
}

@media(max-width: 768px) {
    .standard-form-field.aff-tracking-container {
        gap:.16rem;
        margin: 0 0 .55rem
    }
}

.standard-form-field .standard-input,.standard-form-field .standard-select {
    position: relative;
    width: 100%;
    height: 0.38rem;
    display: flex;
    align-items: center;
    padding: 0.05rem 0.05rem 0.05rem 0.1rem;
    border: 0.01rem solid #dbe0e4;
    border-radius: 0.05rem;
    background: #fff;
    color: #0f161f;
    font-family: "AvertaStd-Regular","sans-serif","宋体","SukhumvitSet-Text";
    font-size: 0.16rem;
    white-space: nowrap;
    text-overflow: ellipsis
}

.standard-form-field .standard-input:disabled,.standard-form-field .standard-input.disabled,.standard-form-field .standard-select:disabled,.standard-form-field .standard-select.disabled {
    background: #eee;
    color: gray;
    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: #0f161f
}

.standard-form-field .standard-select {
    padding: 0.05rem 0.05rem 0.05rem 0.1rem;
    line-height: 1.5;
    -webkit-appearance: none;
    cursor: pointer
}

.standard-form-field .standard-select.isOpen {
    z-index: 3;
    outline: .01rem solid #0071e3
}

@media(max-width: 768px) {
    .standard-form-field .standard-select.isOpen {
        outline:.02rem solid #0071e3
    }
}

.standard-form-field .standard-select span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.standard-form-field .standard-select span:first-child {
    margin: 0 0.25rem 0 0
}

.standard-form-field .standard-select img {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.05rem
}

.standard-form-field .standard-select:focus {
    border: .01rem solid #0071e3
}

@media(max-width: 768px) {
    .standard-form-field .standard-select:focus {
        border:.02rem solid #0071e3
    }
}

.standard-form-field .standard-select-dropdown {
    position: absolute;
    top: .3rem;
    border: 0.01rem solid #d6d6d6;
    background: #f3f5f6;
    z-index: 2;
    width: 100%;
    overflow-y: scroll;
    max-height: 1.8rem;
    padding: 0.5rem 0 0;
    padding: 0.05rem 0 0;
    border-radius: 0.2rem 0.2rem 0.1rem 0.1rem;
    border-radius: 0 0 0.1rem 0.1rem
}

.standard-form-field .standard-select-dropdown .standard-select-search input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: .4rem;
    padding: .05rem;
    border: none;
    color: #0f161f;
    background: rgba(0,0,0,0);
    font-size: 0.16rem
}

.standard-form-field .standard-select-dropdown .standard-select-options {
    display: flex;
    align-items: center;
    padding: 0.1rem 0.1rem;
    height: unset;
    color: #0f161f;
    overflow: hidden;
    white-space: break-spaces;
    text-overflow: ellipsis;
    text-align: left
}

.standard-form-field .standard-select-dropdown .standard-select-options img {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: .05rem
}

.standard-form-field .standard-select-dropdown .standard-select-options span {
    width: 100%
}

.standard-form-field .standard-select-dropdown .standard-select-options p {
    margin-bottom: 0
}

.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.1rem;
    top: 0.14rem;
    border-width: 0 .03rem .03rem 0;
    border-color: #afb3b6;
    border-style: solid;
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    transform: rotate(45deg);
    transition: transform .3s ease
}

.standard-form-field .standard-select-arrow.active {
    transform: rotate(225deg)
}

.standard-form-field .standard-input-svg {
    position: absolute;
    right: 0.1rem;
    width: 0.21rem;
    height: 100%;
    padding: 0;
    fill: #afb3b6;
    margin: 0;
    overflow: visible
}

.standard-form-field .standard-password-bio {
    position: absolute;
    right: 5%;
    width: 0.3rem;
    height: 100%;
    padding: 0.06rem;
    fill: #8697a2;
    margin: 0;
    cursor: pointer
}

.standard-form-field .standard-password-eye {
    position: absolute;
    right: 0.1rem;
    width: 0.21rem;
    height: 0.21rem;
    fill: #afb3b6;
    margin: 0;
    cursor: pointer;
    background: undefined;
    border-radius: 100%;
    padding: 0.03rem
}

.standard-form-field .standard-password-eye:hover {
    fill: #afb3b6
}

.standard-form-field .standard-password-eye.reveal {
    fill: #afb3b6
}

.standard-form-field .standard-password-eye.reveal:hover {
    fill: #afb3b6
}

.standard-form-field .react-datepicker-wrapper {
    width: 100%
}

.standard-form-field .standard-checkbox-container {
    display: flex;
    align-items: flex-start;
    padding: 0.1rem 0 0;
    color: #8697a2
}

.standard-form-field .standard-checkbox-container .standard-checkbox-text-container {
    width: 88%;
    font-size: 0.13rem
}

.standard-form-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text {
    margin: 0 0.05rem;
    text-decoration: underline;
    cursor: pointer;
    color: #ff8a00
}

.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.15rem;
    border-radius: 0.02rem;
    border: solid #d7d7d7;
    border-width: 0.01rem;
    height: 0.15rem;
    width: 0.15rem;
    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 .6s ease;
    stroke-dashoffset: 0
}

.standard-form-field .standard-checkbox-container .standard-checkbox svg polyline {
    fill: none;
    stroke: rgba(0,0,0,0);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all .3s ease
}

.standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked+.standard-checkbox {
    border-color: #ff8a00;
    background: #ff8a00
}

.standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked+.standard-checkbox svg path {
    fill: #ff8a00;
    stroke: #ff8a00
}

.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.05rem 0 0 0
}

.standard-form-field .standard-input-img {
    position: absolute;
    right: 0;
    width: 1.8rem;
    height: 80%;
    padding: .06rem .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-form-field-wrapper.tel-code-phone-wrapper {
    justify-content: space-between
}

.standard-form-field-wrapper.tel-code-phone-wrapper .standard-select-otp {
    width: 28%
}

.standard-form-field-wrapper.tel-code-phone-wrapper .standard-input-phone {
    width: 70%
}

.standard-form-field-wrapper.standard-input-otp-button-wrapper {
    justify-content: space-between
}

.standard-form-field-wrapper.standard-input-otp-button-wrapper .standard-input-otp {
    width: 58%
}

.standard-form-field-wrapper.standard-input-otp-button-wrapper .standard-otp-button-container {
    width: 40%
}

.standard-error-validation {
    display: block;
    margin: -0.1rem 0 0.08rem;
    width: 100%;
    float: right;
    color: red !important;
    background: rgba(0,0,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: .25rem;
    height: .25rem;
    margin-right: .1rem
}

.standard-radio-container .standard-radio-content {
    display: flex;
    align-items: center;
    margin-left: .2rem;
    color: #000;
    cursor: undefined
}

.standard-radio-container .standard-radio-content img {
    width: .4rem;
    margin-right: .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: #000
}

@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.35rem;
        padding: 0.05rem
    }

    .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: .05rem .3rem;
        margin-bottom: .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-mandatory {
        margin:0 0 0.2rem 0
    }

    .standard-mandatory::after {
        color: #e0082d;
        content: "*";
        margin-left: 0.04rem;
        padding: 0 0.04rem 0 0;
        font-size: 0.36rem
    }

    .standard-label {
        color: #0f161f;
        margin: 0 0.15rem 0.06rem;
        text-transform: inherit
    }

    .standard-label label {
        color: #0f161f
    }

    .standard-label.key {
        font-weight: undefined
    }

    .standard-form-field .standard-input,.standard-form-field .standard-select {
        height: 0.75rem;
        padding: 0.05rem 0.4rem 0;
        background: #fff;
        color: #0f161f;
        border: 0.02rem solid #dbe0e4;
        border-radius: 0.15rem;
        font-weight: unset;
        font-style: unset;
        font-size: 0.28rem;
        line-height: 1.5
    }

    .standard-form-field .standard-input:disabled,.standard-form-field .standard-select:disabled {
        background: #f3f5f6;
        color: #0f161f
    }

    .standard-form-field .standard-form-field-col-img {
        height: 1.1rem
    }

    .standard-form-field .standard-select img {
        width: .5rem;
        height: .5rem;
        margin-right: .1rem
    }

    .standard-form-field .standard-select.isOpen {
        z-index: 3
    }

    .standard-form-field .standard-select-arrow {
        right: 0.3rem;
        top: 0.22rem;
        border-width: 0 0.06rem 0.06rem 0;
        width: 0.2rem;
        height: 0.2rem
    }

    .standard-form-field .standard-select-arrow.isOpen {
        transform: rotate(225deg)
    }

    .standard-form-field .standard-select-arrow.active {
        transform: translate(0%, 50%) rotate(225deg)
    }

    .standard-form-field .standard-select-dropdown {
        background: #e8e8e8;
        max-height: 6rem;
        border-radius: 0.15rem;
        padding: .5rem .15rem .1rem
    }

    .standard-form-field .standard-select-dropdown .show-more {
        padding: .1rem;
        text-align: center;
        color: #61757e
    }

    .standard-form-field .standard-select-dropdown.isOpen {
        z-index: 1
    }

    .standard-form-field .standard-select-dropdown.position-top {
        bottom: calc(100% - .7rem);
        top: unset;
        padding: .1rem .15rem .85rem
    }

    .standard-form-field .standard-select-dropdown .standard-select-search input {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 1rem;
        padding: .05rem;
        border: none;
        color: #0f161f;
        background: rgba(0,0,0,0);
        font-size: 0.28rem
    }

    .standard-form-field .standard-select-dropdown .standard-select-options {
        height: unset;
        padding: 0.15rem 0.3rem;
        color: #8899a4;
        overflow: hidden;
        white-space: break-spaces;
        text-overflow: ellipsis;
        font-size: 0.3rem
    }

    .standard-form-field .standard-select-dropdown .standard-select-options img {
        width: .5rem;
        height: .5rem;
        margin-right: .1rem
    }

    .standard-form-field .standard-select-dropdown .standard-select-options:hover,.standard-form-field .standard-select-dropdown .standard-select-options.active {
        background: #ff8a00;
        border-radius: 0.4rem;
        color: #fff
    }

    .standard-form-field .showToTop {
        bottom: calc(100% + .1rem);
        top: unset
    }

    .standard-form-field .standard-checkbox-container {
        padding: 0;
        margin: 0 0 0 0.16rem;
        width: 100%
    }

    .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;
        background: unset;
        border: solid #d7d7d7;
        border-width: 0.02rem
    }

    .standard-form-field .standard-checkbox-container .standard-checkbox-text-container {
        padding: 0.036rem 0 0;
        font-size: 0.26rem
    }

    .standard-form-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text {
        margin: 0 .1rem
    }

    .standard-form-field .standard-password-bio {
        height: .5rem;
        width: .5rem;
        top: 24%;
        margin: 0 .3rem;
        padding: 0
    }

    .standard-form-field .standard-password-eye {
        height: 0.46rem;
        width: 0.46rem;
        margin: 0 0.15rem
    }

    .standard-form-field .standard-password-eye:hover {
        fill: #afb3b6
    }

    .standard-form-field .standard-password-eye.reveal {
        fill: #afb3b6
    }

    .standard-form-field .standard-password-eye.reveal:hover {
        fill: #afb3b6
    }

    .standard-form-field .standard-input-svg {
        width: 0.35rem;
        height: 0.35rem;
        top: 24%;
        margin: 0 0.2rem;
        fill: #afb3b6;
        padding: 0;
        overflow: visible
    }

    .standard-form-field .standard-input-img {
        position: absolute;
        right: 0;
        width: 1.8rem;
        height: 80%;
        padding: .06rem .48rem;
        margin: 1% 0;
        border-left: 0.01rem solid #fff
    }

    .standard-form-field .standard-action-button {
        width: undefined;
        height: 1.1rem;
        font-size: .4rem
    }

    .standard-form-field .standard-error-validation {
        margin: 0.1rem 0
    }

    .standard-radio-container .standard-radio {
        width: 0.3rem;
        height: 0.3rem;
        margin-right: .1rem
    }

    .standard-radio-container .standard-radio-content {
        margin-left: .2rem;
        color: #000
    }

    .standard-radio-container .standard-radio-content img {
        width: .8rem;
        padding: 0;
        margin-right: .2rem
    }

    .standard-error-validation {
        margin: unset;
        font-size: 0.22rem
    }

    .standard-tooltip-box {
        top: 8.4rem;
        left: 0.3rem !important
    }
}

.atoms-input {
    position: relative;
    width: 100%;
    height: 0.38rem;
    display: flex;
    align-items: center;
    padding: 0.05rem 0.05rem 0.05rem 0.1rem;
    border: 0.01rem solid #dbe0e4;
    border-radius: 0.05rem;
    background: #fff;
    color: #0f161f;
    font-family: "AvertaStd-Regular","sans-serif","宋体","SukhumvitSet-Text";
    font-size: 0.16rem;
    white-space: nowrap;
    text-overflow: ellipsis
}

.atoms-input:disabled,.atoms-input.disabled {
    background: #eee;
    color: gray;
    opacity: 1;
    -webkit-text-fill-color: unset;
    cursor: not-allowed
}

.atoms-input:-webkit-autofill {
    -webkit-text-fill-color: #0f161f
}

@media(max-width: 768px) {
    .atoms-input {
        height:0.75rem;
        padding: 0.05rem 0.4rem 0;
        background: #fff;
        color: #0f161f;
        border: 0.02rem solid #dbe0e4;
        border-radius: 0.15rem;
        font-weight: unset;
        font-style: unset;
        font-size: 0.28rem;
        line-height: 1.5
    }

    .atoms-input:disabled {
        background: #f3f5f6;
        color: #0f161f
    }
}

.standard-button-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between
}

.standard-button-container button {
    margin-right: 0.1rem;
    width: 35.5%
}

.standard-button-container button:last-child {
    margin-right: 0;
    width: undefined
}

.standard-button-container.two-button-container button {
    width: 49%;
    min-width: unset
}

.standard-cancel-button,.standard-confirm-button,.standard-submit-button,.standard-action-button,.standard-input-button,.standard-modal-cancel-button,.standard-otp-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.4rem;
    font-size: 0.16rem;
    text-transform: unset;
    width: 1.7rem;
    min-width: 1.7rem;
    border: 0;
    border-radius: 0.06rem;
    padding: unset;
    color: #fff
}

.standard-cancel-button img,.standard-confirm-button img,.standard-submit-button img,.standard-action-button img,.standard-input-button img,.standard-modal-cancel-button img,.standard-otp-button img {
    height: 100%
}

.standard-cancel-button:disabled,.standard-confirm-button:disabled,.standard-submit-button:disabled,.standard-action-button:disabled,.standard-input-button:disabled,.standard-modal-cancel-button:disabled,.standard-otp-button:disabled {
    opacity: .5;
    pointer-events: auto !important;
    cursor: not-allowed !important;
    background: undefined
}

.standard-submit-form-button,.standard-cancel-form-button {
    color: #fff
}

.standard-submit-button {
    background: #ff8a00;
    color: #fff;
    border-radius: 0.08rem
}

.standard-submit-button:hover {
    background: #ff7200
}

.standard-confirm-button {
    background: #ff8a00;
    color: #fff
}

.standard-cancel-button {
    background: #e9203d;
    color: #fff;
    border-radius: unset
}

.standard-action-button {
    background: linear-gradient(to right, #c61101, #942416);
    color: #fff;
    border-radius: unset
}

.standard-input-button {
    height: 0.35rem;
    background: #fff;
    color: #0f161f;
    border: 0.01rem solid #dbe0e4;
    border-radius: unset
}

.standard-line-button {
    background: linear-gradient(to bottom, #92ec23, #1bb209) !important;
    color: #fff !important
}

.standard-full-width-button {
    width: 100%
}

.standard-modal-cancel-button {
    background: #81cafc;
    color: #fff;
    border-radius: 0.08rem
}

.standard-button-container .standard-otp-button {
    background: #f3f5f6;
    color: #0f161f;
    min-width: 100%
}

.standard-android-button,.standard-ios-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.34rem;
    background: #f3f6f6;
    color: #8697a2;
    border-radius: 0.2rem;
    margin: 0.16rem 0 0;
    font-size: 0.14rem;
    cursor: pointer;
    padding: 0.05rem
}

@media(max-width: 768px) {
    .standard-android-button,.standard-ios-button {
        font-size:0.23rem;
        width: 49%;
        margin: 0.2rem 0.2rem 0 0
    }
}

.standard-android-button svg,.standard-ios-button svg {
    width: 0.15rem;
    height: 0.18rem;
    margin-right: 0.1rem
}

@media(max-width: 768px) {
    .standard-android-button svg,.standard-ios-button svg {
        width:0.22rem;
        height: 0.24rem
    }
}

.standard-android-button svg {
    fill: #85c707
}

.standard-ios-button svg {
    fill: #b3b3b3
}

@media(max-width: 768px) {
    .standard-cancel-button,.standard-confirm-button,.standard-submit-button,.standard-action-button,.standard-input-button,.standard-modal-cancel-button,.standard-otp-button,.standard-cancel-form-button {
        height:0.75rem;
        width: 100%;
        margin: auto;
        font-size: 0.28rem;
        border: 0;
        border-radius: 0.15rem;
        color: #fff
    }

    .standard-cancel-button img,.standard-confirm-button img,.standard-submit-button img,.standard-action-button img,.standard-input-button img,.standard-modal-cancel-button img,.standard-otp-button img,.standard-cancel-form-button img {
        height: 100%
    }

    .standard-cancel-button:disabled,.standard-confirm-button:disabled,.standard-submit-button:disabled,.standard-action-button:disabled,.standard-input-button:disabled,.standard-modal-cancel-button:disabled,.standard-otp-button:disabled,.standard-cancel-form-button:disabled {
        opacity: .5;
        pointer-events: auto !important;
        cursor: not-allowed !important
    }

    .standard-submit-form-button,.standard-cancel-form-button {
        color: #fff
    }

    .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: #ff8a00;
        color: #fff
    }

    .standard-input-button {
        border: 0.01rem solid #dbe0e4;
        border-radius: 0;
        font-size: .5rem;
        margin: auto
    }

    .standard-otp-button {
        color: #0f161f
    }

    .standard-button-container button {
        margin-right: 0
    }
}

.btn-secondary-color-light {
    background: #81cafc
}

.standard-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7215686275);
    z-index: 9999;
    overflow-y: auto
}

.ReactModal__Body--open {
    overflow-y: hidden
}

.standard-popup-modal-container {
    border-radius: 0.1rem;
    font-size: 0.16rem;
    overflow: unset;
    color: #000;
    background: #f3f5f6;
    transform: translate(0, 0);
    margin: 1rem auto;
    padding: unset
}

.standard-popup-modal-container .game-popup-modal-header,.standard-popup-modal-container .add-bank-modal-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 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    height: 0.6rem
}

.standard-popup-modal-container .standard-popup-modal-header {
    position: relative;
    width: 100%;
    text-align: left;
    background: rgba(0,0,0,0);
    color: #8697a2;
    padding: 0.36rem 0.4rem 0.19rem 0.39rem;
    border: rgba(0,0,0,0);
    z-index: 1
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
    font-size: 0.14rem;
    font-weight: normal
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close {
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    background: unset;
    font-size: 0.2rem;
    border-radius: unset;
    cursor: pointer;
    color: undefined
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg {
    width: 0.33rem;
    fill: #6e6e6e;
    vertical-align: middle;
    background: #fff;
    border-radius: 50%;
    padding: 0.08rem;
    filter: drop-shadow(0 0 0.03rem #6c6c6c)
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover {
    background: rgba(0,0,0,0);
    color: unset
}

.standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover svg {
    fill: #444
}

.standard-popup-modal-container .standard-popup-modal-header-with-logo {
    position: relative;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,.95);
    color: #000;
    padding: 0.1rem 0.5rem;
    border-top: rgba(0,0,0,0);
    border-left: rgba(0,0,0,0);
    border-right: rgba(0,0,0,0)
}

.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: unset;
    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: rgba(0,0,0,0)
}

.standard-popup-modal-container .standard-popup-modal-body {
    font-size: 0.18rem;
    font-weight: normal;
    background: rgba(0,0,0,0);
    padding: 0.2rem 0.4rem 0.35rem
}

.standard-popup-modal-container .standard-popup-modal-footer {
    display: flex;
    justify-content: space-between;
    padding: 0.15rem 0.2rem;
    background: #fff;
    color: #000;
    border-bottom: rgba(0,0,0,0);
    border-left: rgba(0,0,0,0);
    border-right: rgba(0,0,0,0);
    border-top: 0.01rem solid #e5e5e5
}

.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 #ccc;
    color: #000;
    border-radius: 0.05rem;
    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: #f6f6f6;
    border-radius: 0.1rem;
    padding: 0.15rem;
    margin: 0.1rem 0 0 0
}

.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.2rem;
        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;
        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.4rem 0.2rem;
        font-size: 0.28rem;
        font-weight: normal
    }

    .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: #f6f6f6;
        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
    }
}

.m-custom-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7215686275);
    z-index: 1000;
    overflow-y: auto
}

.m-custom-popup-overlay.ReactModal__Overlay {
    opacity: 0;
    transform: translateX(100%);
    transition: all 200ms ease-out
}

.m-custom-popup-overlay.ReactModal__Overlay--after-open {
    opacity: 1;
    transform: translateX(0)
}

.m-custom-popup-overlay.ReactModal__Overlay--before-close {
    opacity: 0;
    transform: translateX(100%)
}

.m-custom-popup-overlay .m-custom-popup {
    width: 100vw;
    height: 100vh;
    background: #fff;
    position: absolute;
    right: -100vw;
    animation: swipe-in .3s forwards;
    overflow-y: scroll
}

.m-custom-popup-overlay .m-custom-popup.swipe-out {
    animation: swipe-out .3s forwards
}

.m-custom-popup-overlay .m-custom-popup .header-container {
    display: flex;
    align-items: center;
    background: #f3f5f6;
    padding: 0 0.21rem;
    height: 1rem;
    border-bottom: 0.01rem solid #f3f5f6
}

.m-custom-popup-overlay .m-custom-popup .header-container svg {
    width: 0.55rem;
    cursor: pointer
}

.m-custom-popup-overlay .m-custom-popup .header-container .page-title {
    margin: 0 0 0 0.22rem;
    font-size: 0.3rem;
    color: #0f161f
}

.m-custom-popup-overlay .m-custom-popup .data-container {
    padding: 0.56rem 0.42rem 3.7rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .data-content {
    display: flex;
    flex-direction: column;
    margin: 0 0 0.72rem 0
}

.m-custom-popup-overlay .m-custom-popup .data-container .data-content .title {
    font-weight: 600;
    font-size: 0.3rem;
    color: #0f161f;
    margin: 0 0 0.2rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .data-content .info-statusLang {
    color: #8697a2
}

.m-custom-popup-overlay .m-custom-popup .data-container .data-content .info-statusLang.status-C {
    color: #0071e3
}

.m-custom-popup-overlay .m-custom-popup .data-container .data-content .info-statusLang.status-E {
    color: #e52741
}

.m-custom-popup-overlay .m-custom-popup .data-container .data-content span {
    font-size: 0.32rem;
    color: #8899a4
}

.m-custom-popup-overlay .m-custom-popup .data-container .sub-title {
    font-weight: 600;
    font-size: 0.3rem;
    color: #0f161f;
    margin: 0 0 0.58rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field {
    margin: 0 0 0.43rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-input,.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-select {
    border: 0.01rem solid #dbe0e4;
    color: #8899a4
}

.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-label {
    color: #0f161f;
    font-size: 0.3rem;
    margin: 0 0 0.26rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-form-field {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    width: 100%
}

.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-form-field .standard-select {
    width: 88%
}

.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-form-field .add-button {
    background: #c7d2d7;
    border-radius: 50%;
    height: 0.6rem;
    padding: 0.15rem 0.12rem;
    width: 0.6rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .standard-form-field .standard-form-field .add-button svg {
    height: 100%;
    width: 100%
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .receipt-image-box {
    margin: 0 0 0.15rem 0
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .receipt-image-box img {
    width: 100%
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .receipt-image-box .pdf-name {
    font-size: 0.3rem;
    color: #8697a2
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .receipt-image-box .pdf-clear {
    margin-left: 0.2rem;
    width: 0.33rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0.25rem 0 0 0
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .btm-tool-tip-container svg {
    fill: #c7d2d7;
    margin: 0 0.15rem 0 0;
    width: 0.3rem;
    height: 0.3rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .btm-tool-tip-container span {
    font-size: 0.25rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper {
    display: grid;
    grid-template-columns: 1fr 40%;
    gap: 0.15rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    width: 100%;
    height: 0.75rem;
    background: #fff;
    color: #8899a4;
    border: 0.02rem solid #dbe0e4;
    border-radius: 0.15rem;
    font-size: 0.28rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.1rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn svg {
    width: 0.3rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment {
    color: #0071e3
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment svg {
    width: 0.5rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .receipt-control-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .receipt-control-section .preview-receipt-btn {
    display: block;
    width: 100%;
    height: 0.75rem;
    background: #0071e3;
    border-radius: 0.15rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .receipt-control-section .delete-receipt-btn {
    display: block;
    width: 15%;
    height: 0.75rem;
    background: rgba(0,0,0,0)
}

.m-custom-popup-overlay .m-custom-popup .data-container .bank-statement-section .bank-statement-wrapper .receipt-control-section p {
    font-weight: 500;
    font-size: 0.3rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section {
    margin: 0.7rem 0 0
}

.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container button {
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem
}

.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container #submit-btn {
    width: 100%
}

.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container #add-bank-btn {
    margin: 0;
    width: 49%
}

.m-custom-popup-overlay .m-custom-popup .data-container .transaction-button-section .standard-button-container #cancel-bank-btn {
    background: #82ccfd;
    width: 49%
}

@keyframes swipe-in {
    from {
        right: -100vw
    }

    to {
        right: 0
    }
}

@keyframes swipe-out {
    from {
        right: 0
    }

    to {
        right: -100vw
    }
}

.standard-popup-modal-container {
    max-width: 6.98rem;
    min-width: 6.98rem;
    min-height: 3.96rem
}

.standard-popup-modal-container.reset-min-height {
    min-height: auto !important
}

.standard-popup-modal-container .standard-popup-modal-img-container {
    padding: 0.1rem
}

.standard-popup-modal-container .standard-popup-modal-img-container .image-announcement {
    width: 100%;
    border-radius: 0.1rem
}

.standard-popup-modal-container .standard-popup-modal-body {
    font-weight: 600;
    color: #8697a2;
    font-size: 0.16rem
}

.standard-popup-modal-container .standard-popup-modal-body .announcement-message strong {
    font-weight: 600;
    color: #0f161f;
    font-size: 0.3rem
}

.announcement-v1-modal-container {
    display: flex;
    flex-direction: column
}

.announcement-v1-modal-container .announcement-v1-modal-header {
    display: flex;
    align-items: center
}

.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title {
    font-weight: 600;
    height: 0.31rem;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 0.22rem
}

.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title:first-child {
    margin: 0 0.23rem 0 0
}

.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title.active {
    color: #fff;
    background: #ff8a00;
    font-weight: 600
}

.announcement-v1-modal-container .announcement-v1-modal-body {
    display: flex;
    align-items: center;
    flex-direction: column
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container {
    border-radius: 0.1rem;
    padding: 0.27rem 0.29rem 0.31rem 0.24rem;
    background: #fff;
    width: 100%;
    font-weight: 600;
    font-size: 0.14rem;
    min-height: fit-content;
    word-break: break-word
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container:not(:last-child) {
    margin: 0 0 0.1rem
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-message {
    color: #0f161f;
    text-align: justify;
    margin: 0 0 0.18rem
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-date {
    color: #8697a2;
    margin: 0
}

.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again {
    display: flex;
    margin-right: auto
}

.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox {
    height: .15rem;
    justify-content: left;
    width: 50%
}

@media(max-width: 768px) {
    .announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox {
        height:.25rem
    }
}

.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-msg {
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-size: .12rem;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #8697a2
}

@media(max-width: 768px) {
    .announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-msg {
        font-size:.2rem
    }
}

.announcement-image-modal-container .standard-popup-modal-header {
    padding: 0
}

.announcement-image-modal-container .dont-show-again-container {
    display: flex;
    padding: .2rem .4rem .35rem
}

.announcement-image-modal-container .dont-show-again-container .do-not-show-again {
    display: flex;
    margin-right: auto
}

.announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-checkbox {
    height: .15rem;
    justify-content: left;
    width: 50%
}

@media(max-width: 768px) {
    .announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-checkbox {
        height:.25rem
    }
}

.announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-msg {
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-size: .12rem;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #8697a2
}

@media(max-width: 768px) {
    .announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-msg {
        font-size:.2rem
    }
}

.announcement-popup-v3-container .announcement-popup-v3-header {
    padding: 0
}

.announcement-popup-v3-container .announcement-popup-v3-body .announcement-message {
    text-align: center
}

.announcement-popup-v3-container .dont-show-again-container {
    display: flex;
    padding: .2rem .4rem .35rem
}

.announcement-popup-v3-container .dont-show-again-container .do-not-show-again {
    display: flex;
    margin-right: auto
}

.announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-checkbox {
    height: .15rem;
    justify-content: left;
    width: 50%
}

@media(max-width: 768px) {
    .announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-checkbox {
        height:.25rem
    }
}

.announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-msg {
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-size: .12rem;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #8697a2
}

@media(max-width: 768px) {
    .announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-msg {
        font-size:.2rem
    }
}

.announcement-v2 .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-content {
    width: 100%
}

.announcement-v2 .announcement-popup-v3-container {
    max-height: unset
}

.announcement-v1-modal-body .do-not-show-again {
    display: flex;
    margin-right: auto
}

.announcement-v1-modal-body .do-not-show-again .dont-show-checkbox {
    height: .15rem;
    justify-content: left;
    width: 50%
}

@media(max-width: 768px) {
    .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox {
        height:.25rem
    }
}

.announcement-v1-modal-body .do-not-show-again .dont-show-msg {
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-size: .12rem;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #8697a2
}

@media(max-width: 768px) {
    .announcement-v1-modal-body .do-not-show-again .dont-show-msg {
        font-size:.2rem
    }
}

@media(max-width: 768px) {
    .standard-popup-modal-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }

    .standard-popup-modal-container .standard-popup-modal-header {
        padding: 0.66rem 0.72rem 0.24rem
    }

    .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
        font-size: 0.24rem;
        border-radius: 0.5rem;
        padding: 0 0.4rem
    }

    .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close {
        top: -0.2rem;
        right: -0.15rem
    }

    .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg {
        width: 0.6rem;
        padding: 0.15rem
    }

    .standard-popup-modal-container .standard-popup-modal-body {
        padding: 0 0.5rem 0.68rem
    }

    .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container {
        padding: 0.5rem 0.35rem 0.5rem 0.46rem
    }

    .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container:not(:last-child) {
        margin: 0 0 0.29rem
    }

    .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container .announcement-message {
        margin: 0 0 0.34rem
    }

    .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container {
        font-size: 0.24rem
    }

    .announcement-popup-v3-container .announcement-popup-v3-header {
        padding: 0
    }
}

.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: bold;
    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: bold;
        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-overlay {
    display: unset
}

.promotion-detail-popup-modal-container {
    max-width: 11rem;
    min-width: 11rem;
    background: #fff
}

.promotion-detail-popup-modal-container p {
    margin: 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body {
    padding: 0.45rem 0.55rem 0.75rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn {
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    background: unset;
    font-size: .2rem;
    border-radius: unset;
    cursor: pointer
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg {
    width: .33rem;
    fill: #6e6e6e;
    vertical-align: middle;
    background: #fff;
    border-radius: 50%;
    padding: .08rem;
    filter: drop-shadow(0 0 0.03rem #6c6c6c)
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-banner {
    width: 100%;
    border-radius: 0.05rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.45rem 0 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time button {
    font-size: 0.16rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8a00;
    height: 0.4rem;
    padding: 0 0.15rem;
    border-radius: 0.1rem;
    cursor: pointer
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container {
    margin: 0 0 0 auto
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container.end {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    padding: 0 0.24rem;
    margin: 0.1rem 0 0 auto
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .remaining-time {
    font-size: 0.12rem;
    color: #8697a2;
    margin: 0 0 0 0.05rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container {
    display: flex;
    margin: 0.1rem 0 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    width: 0.4rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    min-width: 0.72rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-text {
    margin: 0.05rem 0 0 0;
    font-size: 0.12rem;
    color: #8697a2
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container {
    display: flex;
    margin: 0 0.08rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour,.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-min,.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    width: 0.4rem;
    background: #f3f5f6;
    padding: 0 0.1rem;
    white-space: nowrap
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour {
    border-radius: 0.1rem 0 0 0.1rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec {
    border-radius: 0 0.1rem 0.1rem 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-text {
    margin: 0.05rem 0 0 0;
    font-size: 0.12rem;
    color: #8697a2;
    white-space: nowrap
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-colon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    background: #f3f5f6
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container {
    margin: 0.45rem 0 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container .promo-detail-title {
    font-weight: 600;
    font-size: 0.24rem;
    color: #0f161f
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content {
    margin: 0.3rem 0 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child>td span {
    color: #fff !important
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr td {
    border: #dbe0e4 0.01rem solid !important
}

.m-promotion-detail-popup-modal-container {
    max-width: unset;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    color: #0f161f
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.44rem 0 0.66rem;
    height: 0.9rem;
    background: #fff;
    font-size: 0.35rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg {
    width: 0.45rem;
    height: 0.45rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-banner {
    display: block;
    width: 94%;
    margin: 0.45rem auto 0;
    border-radius: 0.1rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    padding: 0.26rem 0.22rem 0.75rem;
    background: #fff;
    margin: 0 0.22rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8a00;
    color: #fff;
    font-size: 0.3rem;
    width: 3.2rem;
    height: 0.85rem;
    border-radius: 0.2rem;
    cursor: pointer
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container {
    margin: 0 0 0 auto;
    font-size: 0.26rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container.end {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.65rem;
    background: #f3f5f6;
    border-radius: 0.2rem;
    padding: 0 0.24rem;
    margin: 0.15rem 0 0 auto
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .remaining-time {
    color: #8899a4;
    margin: 0 0 0 0.05rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container {
    display: flex;
    margin: 0.15rem 0 0
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.65rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    min-width: 0.9rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-text {
    margin: 0.05rem 0 0 0;
    color: #8899a4
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container {
    display: flex;
    margin: 0 0.08rem;
    width: 2.25rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour,.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-min,.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.65rem;
    background: #f3f5f6;
    padding: 0 0.2rem;
    white-space: nowrap
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour {
    border-radius: 0.1rem 0 0 0.1rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec {
    border-radius: 0 0.1rem 0.1rem 0
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-text {
    margin: 0.05rem 0 0 0;
    color: #8899a4;
    white-space: nowrap
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-colon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.65rem;
    background: #f3f5f6
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container {
    margin: 0 0.22rem;
    background: #fff;
    font-size: 0.43rem;
    font-weight: 600;
    padding: 0 0.45rem 0.55rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content {
    margin: 0 0.22rem;
    background: #fff;
    padding: 0 0.45rem 1.3rem;
    overflow: auto
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table {
    width: auto !important;
    overflow: auto;
    display: block;
    table-layout: fixed;
    white-space: nowrap;
    border: none
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child>td {
    background: #ff8a00 !important;
    color: #fff !important;
    border: #dbe0e4 0.02rem solid !important
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child>td span {
    color: #fff !important
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr td {
    background: #f7f7f7;
    padding: 0.05rem 0.1rem;
    border: #dbe0e4 0.02rem solid !important
}

.promotion-apply-popup-modal-container {
    background: #fff
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header {
    padding: 0.5rem 0.6rem 0.3rem;
    color: #0f161f
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .standard-modal-title {
    font-size: 0.22rem
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body {
    padding: 0 0.6rem
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field:not(:last-child) {
    margin: 0 0 0.28rem
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field>*:first-child {
    width: 30%
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field>*:last-child {
    width: 70%
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper {
    justify-content: space-between
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper>*:first-child {
    width: 30%
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper>*:last-child {
    width: 68%
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper .standard-select .standard-select-international-telcode {
    right: 0
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input,.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select {
    border: 0.01rem solid #dbe0e4
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input .select-arrow-up,.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select .select-arrow-up {
    transform: translate(0%, 50%) rotate(225deg)
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select-dropdown .standard-select-options img {
    flex-shrink: 0
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-label {
    display: inline-block;
    color: #8697a2
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer {
    border-radius: 0 0 0.1rem 0.1rem;
    border: unset;
    padding: 0.2rem 0.6rem 0.66rem;
    width: 100%;
    margin: 0 0 0 auto
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container {
    justify-content: center
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-cancel-button {
    border-radius: 0.08rem;
    background: #81cafc
}

.m-promotion-apply-popup-modal-container {
    background: #fff
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-header {
    padding: 0.5rem 0.6rem 0.3rem;
    color: #0f161f
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .title {
    font-weight: 600;
    font-size: 0.36rem;
    border-radius: unset;
    padding: 0
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body {
    font-weight: 600;
    font-size: 0.3rem;
    padding: 0 0.5rem
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.4rem
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper {
    justify-content: space-between
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper>*:first-child {
    width: 30%
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper>*:last-child {
    width: 68%
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper .standard-select .standard-select-international-telcode {
    right: 0
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input,.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select {
    border: 0.01rem solid #dbe0e4
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input .select-arrow-up,.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select .select-arrow-up {
    transform: translate(0%, 50%) rotate(225deg)
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-label {
    display: inline-block;
    color: #0f161f
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer {
    padding: 0.5rem
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container button {
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem;
    width: 49%
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container .standard-submit-button {
    margin: 0
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container .standard-cancel-button {
    background: #81cafc
}

.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 {
    background: #fff;
    width: 4.42rem;
    min-width: 4.42rem;
    max-width: 4.42rem;
    padding: 0.38rem 0.42rem
}

.add-bank-modal-container .add-bank-modal-header {
    color: #0f161f;
    height: auto;
    margin: 0 0 0.25rem;
    padding: 0
}

.add-bank-modal-container .add-bank-modal-header .close-icon {
    right: -0.55rem;
    top: -0.55rem
}

.add-bank-modal-container .add-bank-modal-body {
    font-weight: unset;
    padding: 0
}

.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-label,.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-select,.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-input {
    color: #8697a2
}

.add-bank-modal-container .add-bank-modal-body .transaction-button-section {
    display: flex;
    justify-content: space-between
}

.add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container button {
    width: 49%;
    min-width: unset
}

.add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button {
    border-radius: 0.1rem;
    background: #81cafc;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.4rem;
    font-size: 0.16rem;
    font-weight: 600
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section {
    margin: 0 0 0.1rem
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box {
    margin: 0 0 0.15rem 0
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box img {
    width: 100%
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.12rem
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper {
    width: 100%
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper button {
    border-radius: .1rem;
    background: #81cafc;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .4rem;
    font-size: .16rem;
    font-weight: 600;
    width: 100%;
    margin: 0 0 0.1rem 0
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0 0 0.2rem 0
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span {
    color: #8697a2;
    font-size: 0.12rem
}

@media(max-width: 768px) {
    .add-bank-modal-container {
        background:#fff;
        width: 6.75rem;
        min-width: 6.75rem;
        max-width: 6.75rem
    }

    .add-bank-modal-container .add-bank-modal-header {
        padding: 0.6rem 0.5rem 0.2rem
    }

    .add-bank-modal-container .add-bank-modal-header .standard-modal-title {
        border-radius: 0;
        margin: 0;
        padding: 0
    }

    .add-bank-modal-container .add-bank-modal-body .standard-form-field {
        margin: 0 0 0.4rem
    }

    .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-input,.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-select {
        border: 0.01rem solid #dbe0e4;
        color: #8899a4
    }

    .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container {
        justify-content: space-between
    }

    .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container button {
        border-radius: 0.1rem;
        font-size: 0.3rem;
        height: 0.75rem;
        width: 49%
    }

    .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-button {
        margin: 0
    }

    .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button {
        font-size: 0.3rem;
        height: 0.75rem
    }
}

.delete-bank-popup-modal-container {
    min-width: 6rem;
    min-height: unset
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.66rem 0.25rem 0.15rem
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-header .standard-modal-title {
    font-size: 0.2rem;
    color: #0f161f
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-header svg {
    width: 0.1rem;
    cursor: pointer
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-body {
    font-size: 0.2rem;
    text-align: center;
    color: #8899a4;
    padding: 0.15rem
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-footer {
    border: 0;
    background: rgba(0,0,0,0);
    padding: 0.15rem 0.25rem 0.5rem
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .submit-button {
    background: #ff8a00;
    font-size: 0.16rem;
    color: #fff;
    padding: 0.1rem;
    min-width: 1.5rem;
    border-radius: 0.1rem
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .cancel-button {
    background: #81cafc;
    font-size: 0.16rem;
    color: #fff;
    padding: 0.1rem;
    min-width: 1.5rem;
    border-radius: 0.1rem
}

@media(max-width: 768px) {
    .delete-bank-popup-modal-container .delete-bank-popup-modal-header .standard-modal-title {
        font-size:0.33rem;
        height: unset;
        margin: 0;
        padding: 0
    }

    .delete-bank-popup-modal-container .delete-bank-popup-modal-body {
        font-size: 0.3rem;
        padding: 0.15rem 0.25rem 0.3rem
    }

    .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container button {
        height: 0.75rem;
        font-size: 0.3rem;
        width: 49%
    }

    .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container .submit-button {
        margin: 0 0.2rem 0 0
    }
}

.message-detail-popup-modal-container .message-detail-popup-header {
    border-bottom: 0.01rem solid #e5e5e5
}

.message-detail-popup-modal-container .message-detail-popup-body .message-content {
    overflow: auto;
    padding: .05rem 0;
    word-break: break-word
}

.message-detail-popup-modal-container .message-detail-popup-body .message-content table {
    width: 100%
}

.message-detail-popup-modal-container .message-detail-popup-body .message-content table tr td {
    border: 0.01rem solid #000;
    padding: 0.05rem 0
}

.message-detail-popup-modal-container .message-detail-popup-body .message-content table tr td p {
    margin: 0
}

@media(max-width: 768px) {
    .message-detail-popup-modal-container .message-detail-popup-body {
        font-size:0.28rem
    }
}

.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 0;
        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: .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 {
    background: #fff
}

.verification-popup-modal-container .verification-popup-modal-header {
    padding: 0.15rem 0.1rem
}

.verification-popup-modal-container .verification-popup-modal-header .standard-modal-close {
    color: #7e7c7c;
    cursor: pointer;
    margin: auto;
    width: 5%
}

.verification-popup-modal-container .birthdate-verification-remark-text {
    color: #7e7c7c
}

.verification-popup-modal-container .verification-popup-modal-body {
    align-items: center;
    background: #fff;
    border-radius: 0.1rem;
    color: #0f161f;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-title {
    font-weight: 600;
    font-size: 0.22rem
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content {
    margin: 0.2rem 0 0 0;
    text-align: center;
    width: 100%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content p {
    margin: 0
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .text-danger {
    font-size: 0.15rem;
    width: 58%;
    margin: 0.1rem auto 0;
    text-align: left
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-popup-modal-content-text {
    color: #000;
    width: 100%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0.5rem auto 0;
    width: 58%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input {
    background: #fff;
    border: 0.01rem solid #f7f7f7;
    border-radius: 0.08rem;
    color: #0f161f;
    font-size: 0.14rem;
    width: 100%;
    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::placeholder {
    color: #8697a2
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.verification-telcode-field {
    width: 28%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.verification-telnum-field {
    width: 70%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.otp-input {
    width: 58%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-button-container {
    justify-content: center;
    padding: 0.15rem 0
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-button-container .standard-submit-form-button {
    background: #0071e3;
    border-radius: 0.1rem;
    padding: 0.1rem 0.15rem;
    white-space: nowrap;
    font-size: 0.16rem
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .validate-opt-button:disabled {
    opacity: .5
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .resend-new-email:disabled {
    opacity: .5
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field.verification-form-field-resent {
    margin: 0 auto
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field.verification-form-field-otp {
    margin: 0.35rem auto 0
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button {
    margin: 0.2rem auto
}

.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 auto
}

.verification-popup-modal-container .verification-popup-modal-body .close-button:disabled {
    opacity: .5
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-footer {
    padding: 0.3rem 0;
    flex-direction: column
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-footer .otp-helper-container .otp-helper {
    justify-content: center
}

.verification-popup-modal-container .verification-popup-modal-footer {
    border: 0;
    padding: 0.15rem 0.4rem;
    width: 100%
}

.verification-popup-modal-container .verification-popup-modal-footer .standard-button-container {
    justify-content: center
}

.verification-popup-modal-container .verification-popup-modal-footer .standard-button-container .standard-submit-button {
    border-radius: 0.08rem;
    width: 58%
}

.verification-popup-modal-container .verification-button {
    align-items: center;
    background: #0071e3;
    border: rgba(0,0,0,0);
    border-radius: 0.1rem;
    color: #fff;
    display: flex;
    font-size: 0.16rem;
    justify-content: center;
    padding: 0.1rem 0.15rem;
    width: 40%;
    white-space: nowrap
}

.verification-popup-modal-container .verification-button:disabled {
    opacity: .5
}

.verification-popup-modal-container .code-notes {
    font-size: 0.14rem;
    margin: 0.15rem 0
}

.phone-verification-popup-container,.email-verification-popup-container {
    width: 4.9rem;
    min-width: 4.9rem;
    max-width: 4.9rem;
    min-height: unset;
    background: #fff
}

@media(max-width: 768px) {
    .phone-verification-popup-container,.email-verification-popup-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }
}

.phone-verification-popup-container .verification-popup-modal-header,.email-verification-popup-container .verification-popup-modal-header {
    padding: 0.36rem 0.6rem 0.2rem
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-header,.email-verification-popup-container .verification-popup-modal-header {
        padding:0.36rem 0.6rem 0.3rem
    }
}

.phone-verification-popup-container .verification-popup-modal-header .standard-modal-title,.email-verification-popup-container .verification-popup-modal-header .standard-modal-title {
    font-size: 0.22rem;
    color: #000;
    padding: unset;
    text-transform: capitalize
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-header .standard-modal-title,.email-verification-popup-container .verification-popup-modal-header .standard-modal-title {
        font-size:0.3rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body,.email-verification-popup-container .verification-popup-modal-body {
    font-size: 0.14rem;
    padding: 0 0.6rem 0.35rem;
    align-items: unset
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body,.email-verification-popup-container .verification-popup-modal-body {
        padding:0 0.6rem 0.35rem;
        font-size: .23rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .standard-label,.email-verification-popup-container .verification-popup-modal-body .standard-label {
    color: #8697a2;
    display: block
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .standard-label,.email-verification-popup-container .verification-popup-modal-body .standard-label {
        margin:0 0 0.06rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content {
    text-align: unset
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes {
    margin-bottom: .1rem;
    display: flex;
    flex-flow: column
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes {
        margin-bottom:.2rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .desc,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .desc {
    margin: 0 0 0.2rem
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container {
    padding-bottom: 0.3rem
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container {
        padding-bottom:0.9rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field {
    width: 100%;
    margin: 0 0 0.14rem
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field {
        margin:0 0 0.6rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper {
    justify-content: space-between
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telcode-field,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telcode-field {
    width: 28%
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telnum-field,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telnum-field {
    width: 70%
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-form-field-wrapper .standard-select .disabled,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-form-field-wrapper .standard-select .disabled {
    background: #eee;
    color: gray;
    opacity: 1;
    -webkit-text-fill-color: unset;
    cursor: not-allowed
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-select-dropdown,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-select-dropdown {
        padding:0.5rem 0 0 0
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .next-button,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .next-button {
    width: 100%
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button {
    width: 100%;
    margin-bottom: .1rem;
    display: block
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button {
        margin-bottom:.2rem
    }
}

.email-verification-popup-modal-container {
    max-width: 4.9rem;
    min-width: 4.9rem;
    min-height: auto
}

@media(max-width: 768px) {
    .email-verification-popup-modal-container {
        max-width:100%;
        min-height: 100%
    }
}

.email-verification-popup-modal-container .verification-popup-modal-body {
    align-items: start;
    font-weight: 400;
    color: #8697a2
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-title {
    font-weight: 400;
    color: #000
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content {
    text-align: left
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-content:nth-of-type(2) {
    padding: .2rem 0
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field {
    display: grid;
    justify-content: initial;
    margin: 0;
    width: 100%;
    grid-template-columns: 65% 35%;
    padding: .2rem 0
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field span {
    color: #000
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .verification-input {
    padding: .15rem 0;
    grid-row: 2/span 1
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field:nth-child(2) {
    padding: .2rem 0 0
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .otp-verification-input {
    margin: .15rem 0;
    grid-column: 1/span 2;
    width: 100%
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .standard-error-validation {
    grid-column: 1/span 2
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input,.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button {
    grid-row: 2/span 1
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input .standard-submit-button,.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button .standard-submit-button {
    width: 1.37rem;
    min-width: 1.37rem;
    background: #f3f5f6;
    color: #000
}

@media(max-width: 768px) {
    .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input .standard-submit-button,.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button .standard-submit-button {
        width:90%;
        min-width: 90%
    }
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container {
    display: grid;
    grid-template-columns: 5% 95%
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container svg {
    fill: #c7d2d7;
    height: .15rem;
    margin: .03rem 0 0;
    width: .2rem
}

@media(max-width: 768px) {
    .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container svg {
        width:.25rem;
        height: .25rem;
        margin: 0
    }
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container span {
    color: #000
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container span:nth-of-type(2) {
    grid-row: 2/span 1;
    grid-column: 2/span 1
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container .customer-service-button {
    color: #005ed7;
    text-decoration: underline;
    cursor: pointer
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container {
    justify-content: center;
    padding: .2rem 0
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-button {
    width: 100%
}

@media(max-width: 768px) {
    .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-btn {
        margin:0;
        background: #81cafc
    }
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-form-button {
    width: 100%;
    height: .4rem;
    background: #81cafc;
    border-radius: .08rem;
    font-size: .16rem
}

.maintenance-popup-modal-container {
    width: 700PX;
    min-width: 700PX;
    max-width: 700PX
}

.maintenance-popup-modal-container .maintenance-popup-modal-body {
    text-align: center;
    font-size: 0.16rem
}

@media(max-width: 768px) {
    .maintenance-popup-modal-container {
        width:90%;
        min-width: 90%;
        max-width: 90%
    }

    .maintenance-popup-modal-container .maintenance-popup-modal-body {
        font-size: 0.26rem
    }
}

.quick-transfer-modal-container .standard-popup-modal-header {
    padding: 0
}

.quick-transfer-modal-container .qt-content {
    background: #fff;
    padding: 0.55rem 0.7rem;
    border-radius: 0.1rem
}

.quick-transfer-modal-container .qt-content p {
    margin: 0
}

.quick-transfer-modal-container .qt-content .transfer-to-container {
    display: flex;
    align-items: flex-start
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming {
    display: flex;
    align-items: flex-end;
    margin: 0.09rem 0 0
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .transfer-to-title {
    color: #0f161f;
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-weight: 600
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .to-arrow {
    width: 0.35rem;
    height: 0.25rem;
    margin: 0.05rem 0 0 0.3rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container {
    display: flex;
    align-items: center;
    margin: 0 0 0 0.35rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container svg {
    background: #0f161f;
    border-radius: 0.1rem;
    width: 0.65rem;
    height: 0.65rem;
    padding: 0.05rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-img {
    object-fit: contain;
    width: 0.65rem;
    height: 0.65rem;
    padding: 0.05rem;
    background: #000;
    border-radius: 0.1rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content {
    margin: 0 0 0 0.18rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .name {
    color: #0f161f;
    font-size: 0.24rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .balance {
    margin: 0.1rem 0 0;
    color: #0071e3;
    font-size: 0.24rem
}

.quick-transfer-modal-container .qt-content .qt-form {
    margin: 0.55rem 0 0
}

.quick-transfer-modal-container .qt-content .qt-form .standard-label {
    color: #8899a4;
    margin: 0 0 0.15rem
}

.quick-transfer-modal-container .qt-content .qt-form .standard-form-field {
    margin: 0
}

.quick-transfer-modal-container .qt-content .qt-form .standard-select {
    font-size: 0.16rem
}

.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .standard-input {
    width: 65%;
    font-size: 0.16rem
}

.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .allin-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 0.38rem;
    margin: 0 0 0 0.15rem;
    background: #0071e3;
    border-radius: 0.1rem;
    font-size: 0.16rem;
    color: #fff;
    text-transform: capitalize
}

.quick-transfer-modal-container .qt-content .qt-form .range-bar {
    -webkit-appearance: none;
    margin: 0.17rem 0 0.46rem;
    padding: 0;
    height: 0.16rem;
    background: #dbdbdb;
    background-image: linear-gradient(#0071e3, #0071e3);
    border-radius: 0.1rem;
    background-repeat: no-repeat
}

.quick-transfer-modal-container .qt-content .qt-form .range-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    width: 0.3rem;
    height: 0.16rem;
    border-radius: 0.1rem;
    background: #0071e3;
    cursor: ew-resize
}

.quick-transfer-modal-container .qt-content .qt-form .range-bar::-moz-range-thumb {
    -webkit-appearance: none;
    border: none;
    width: 0.3rem;
    height: 0.16rem;
    border-radius: 0.1rem;
    background: #0071e3;
    cursor: ew-resize
}

.quick-transfer-modal-container .qt-content .qt-form .range-bar::-ms-thumb {
    -webkit-appearance: none;
    border: none;
    width: 0.3rem;
    height: 0.16rem;
    border-radius: 0.1rem;
    background: #0071e3;
    cursor: ew-resize
}

.quick-transfer-modal-container .qt-content .transaction-button-section {
    margin: 0.46rem 0 0;
    justify-content: space-between
}

.quick-transfer-modal-container .qt-content .transaction-button-section button {
    width: 2.7rem;
    height: 0.38rem;
    border-radius: 0.1rem;
    font-size: 0.16rem
}

.quick-transfer-modal-container .qt-content .transaction-button-section button.standard-submit-form-button {
    background: #ff8a00
}

.quick-transfer-modal-container .qt-content .transaction-button-section button.standard-cancel-form-button {
    background: #81cbfc
}

.quick-transfer-modal-container .qt-content .qt-redirect-btn {
    display: block;
    align-items: center;
    justify-content: center;
    margin: 0.55rem 0 0;
    color: #8899a4
}

.quick-transfer-modal-container .qt-content .qt-redirect-btn span {
    margin: 0 0 0 0.05rem;
    color: #0071e3;
    text-decoration-line: underline
}

@media(max-width: 768px) {
    .quick-transfer-modal-container {
        font-size:0.3rem
    }

    .quick-transfer-modal-container .qt-content {
        padding: 0.64rem 0.44rem 0.6rem
    }

    .quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .transfer-to-title {
        font-size: 0.3rem
    }

    .quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .name {
        font-size: 0.3rem
    }

    .quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .balance {
        font-size: 0.3rem;
        margin: 0
    }

    .quick-transfer-modal-container .qt-content .qt-form {
        margin: 0.3rem 0 0
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-select {
        border: 0.01rem solid #dbe0e4;
        color: #8899a4;
        font-size: 0.3rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-label {
        color: #0f161f;
        font-weight: 600;
        font-size: 0.3rem;
        margin: 0 0 0.26rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-label span {
        color: #8899a4
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper {
        flex-wrap: unset
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .standard-input {
        border: 0.01rem solid #dbe0e4;
        color: #8899a4;
        font-size: 0.3rem;
        height: 0.68rem;
        width: 68%
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .allin-btn {
        font-size: 0.3rem;
        height: 0.68rem;
        width: 30%
    }

    .quick-transfer-modal-container .qt-content .qt-form .range-bar {
        -webkit-appearance: none;
        background: #e8e8e8;
        background-image: linear-gradient(#0071e3, #0071e3);
        background-repeat: no-repeat;
        height: 0.18rem;
        margin: 0.2rem 0 0.4rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .range-bar::-webkit-slider-thumb {
        height: 0.18rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .range-bar::-moz-range-thumb {
        height: 0.18rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .range-bar::-ms-thumb {
        height: 0.18rem
    }

    .quick-transfer-modal-container .qt-content .transaction-button-section button {
        font-size: 0.3rem;
        height: 0.66rem;
        width: 49%
    }

    .quick-transfer-modal-container .qt-content .transaction-button-section button.standard-cancel-form-button {
        background: #81cbfc
    }

    .quick-transfer-modal-container .qt-content .qt-redirect-btn {
        font-size: 0.26rem;
        margin: 0.4rem 0 0
    }
}

.login-alert-popup-modal-container {
    background: #fff;
    max-width: 4.5rem;
    min-width: 4.5rem;
    min-height: 1.5rem
}

.login-alert-popup-modal-container .login-alert-popup-modal-header {
    background: #fff;
    border-radius: 0.1rem 0.1rem 0 0;
    color: #0f161f;
    display: flex;
    justify-content: center;
    padding: 0.3rem 0.3rem 0.1rem
}

.login-alert-popup-modal-container .login-alert-popup-modal-header .standard-modal-title {
    font-size: 0.24rem
}

.login-alert-popup-modal-container .login-alert-popup-modal-footer {
    border: 0;
    border-radius: 0 0 0.1rem 0.1rem
}

.login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section .standard-button-container button {
    background: #ff8a00;
    color: #fff;
    border-radius: 0.1rem;
    font-size: 0.16rem;
    padding: 0.15rem 0.35rem
}

@media(max-width: 768px) {
    .login-alert-popup-modal-container {
        max-width:6.75rem
    }

    .login-alert-popup-modal-container .login-alert-popup-modal-header {
        padding: 0.66rem 0.3rem 0.1rem
    }

    .login-alert-popup-modal-container .login-alert-popup-modal-header .standard-modal-title {
        font-size: 0.36rem
    }

    .login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section .standard-button-container button {
        font-size: 0.3rem;
        padding: 0.25rem 0.5rem
    }
}

.referral-share-modal-container {
    width: 380PX
}

.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 {
    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 {
    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.16rem
}

.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container:hover {
    background: #f6f6f6
}

@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 .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 .share-icon {
        font-size: 0.28rem
    }
}

@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: .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: .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: 90%;
    background: #fff
}

.game-popup-modal-container .game-popup-modal-body {
    padding: 0 0.25rem 0.25rem
}

.game-popup-modal-container .game-popup-modal-body .top-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-image-container .game-image {
    border-radius: 0.1rem;
    height: 2.2rem
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container {
    width: 46%;
    font-size: 0.3rem
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .game-name {
    font-weight: 600;
    color: #0f161f;
    text-transform: capitalize;
    width: 90%
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .provider-name {
    font-size: 0.22rem;
    color: #8899a4;
    margin: 0.1rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3f5f6;
    height: 0.6rem;
    border-radius: 0.1rem;
    padding: 0 0.25rem
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row.rtp-row {
    margin: 0.26rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row.line-row {
    margin: 0.08rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row .title {
    color: #8899a4;
    font-size: 0.26rem
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row .value {
    color: #0f161f
}

.game-popup-modal-container .game-popup-modal-body .long-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3f5f6;
    height: 0.6rem;
    padding: 0 0.25rem;
    border-radius: 0.1rem
}

.game-popup-modal-container .game-popup-modal-body .long-row.volatility-row {
    margin: 0.15rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .long-row.win-row {
    margin: 0.08rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .long-row .title {
    color: #8899a4;
    font-size: 0.26rem
}

.game-popup-modal-container .game-popup-modal-body .long-row .value {
    color: #0f161f;
    text-transform: capitalize;
    font-size: 0.3rem
}

.game-popup-modal-container .game-popup-modal-body .standard-button-container {
    display: flex;
    justify-content: space-between;
    margin: 0.3rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .standard-button-container button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0.2rem;
    text-transform: capitalize;
    font-size: 0.3rem;
    margin: auto;
    width: 100%
}

.game-popup-modal-container .game-popup-modal-body .standard-button-container .demo-btn {
    background: #0088f3;
    margin: 0 0.18rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .standard-button-container .play-btn {
    background: #ff8a00
}

.game-popup-modal-container .game-popup-modal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #e8e8e8;
    padding: 0.2rem 0.2rem 0.23rem
}

.game-popup-modal-container .game-popup-modal-footer .hashtag {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #0f161f;
    height: 0.6rem;
    padding: 0 0.4rem;
    border-radius: 0.5rem;
    margin: 0 0.15rem 0.12rem 0;
    font-size: 0.26rem
}

.chg-psw-popup-overlay {
    display: flex;
    align-items: center
}

.chg-psw-popup-modal-container {
    width: 4.78rem;
    min-width: 4.78rem;
    max-width: 4.78rem;
    min-height: unset
}

.chg-psw-popup-modal-container .error-message-wrapper {
    margin-top: .1rem;
    font-size: .12rem;
    color: #e8262c
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container .error-message-wrapper {
        margin-top:.196rem;
        font-size: .236rem
    }
}

.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem
}

.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper img {
        width:.236rem;
        height: .236rem;
        margin: .078rem .078rem .078rem 0rem
    }
}

.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
        margin-left:.078rem
    }
}

.chg-psw-popup-modal-container .standard-password-eye {
    transform: translateY(-50%);
    top: .4rem;
    z-index: 1
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container .standard-password-eye {
        top:.7rem
    }
}

.chg-psw-popup-modal-container .chg-psw-popup-footer {
    border-radius: 0 0 0.1rem 0.1rem
}

.chg-psw-popup-modal-container .chg-psw-popup-footer .chg-psw-popup-submit-button {
    color: #000;
    padding: 0.1rem 0.2rem;
    border-radius: 0.1rem
}

.chg-psw-popup-modal-container .chg-psw-popup-footer .chg-psw-popup-submit-button:disabled {
    cursor: not-allowed
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container {
        width:90%;
        max-width: 90%;
        min-width: 90%
    }

    .chg-psw-popup-modal-container .chg-psw-popup-modal-header {
        padding: .66rem .5rem .24rem
    }

    .chg-psw-popup-modal-container .chg-psw-popup-modal-header .chg-psw-popup-modal-title {
        padding: 0 .15rem
    }
}

.reset-password-popup-container {
    width: 6rem;
    background: #fff
}

@media(max-width: 768px) {
    .reset-password-popup-container .turnstile-widget-reset-password {
        transform:scale(0.9);
        width: 2.7rem
    }
}

.reset-password-popup-container .standard-popup-modal-header {
    background: rgba(0,0,0,0);
    border-top-right-radius: 0.1rem;
    border-top-left-radius: 0.1rem
}

.reset-password-popup-container .standard-popup-modal-body {
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem
}

.reset-password-popup-container .standard-popup-modal-body .logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: .15rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .logo-container {
        height:.9717551528rem;
        margin-bottom: .2977959339rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .logo-container .icon-logo img {
    height: .69558861rem;
    margin: auto
}

.reset-password-popup-container .standard-popup-modal-body .heading {
    text-align: center;
    font-size: 0.3rem;
    margin-bottom: .15rem;
    color: #0f161f
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .heading {
        font-size:.3134694041rem;
        margin: 0 0 .125387762rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .contact-type-container {
    width: 50%;
    margin: 0 auto .15rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .contact-type-container {
        width:100%;
        margin: 0 auto .4388572rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form {
    width: 50%;
    margin: 0 auto 0.2rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form {
        margin:0 0 .2rem;
        width: 100%
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field {
    margin: 0 0 .2rem !important
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field {
        margin:0 0 .4rem !important
    }
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field .standard-input {
        background:#f3f5f6;
        padding: 0 0.3rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form ::placeholder {
    color: #8697a2;
    opacity: 1
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 34% 64%;
    justify-content: space-between
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper {
        grid-template-columns:39.181% 59.40678%
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select span {
    margin: 0
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options {
    display: flex
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options span {
    width: 10%
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options p {
    margin: 0
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options:has(>span img[src*="MM.png"]),.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options:has(>span img[src*="VN.png"]) {
    display: none
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .phone-input.is-overlay {
    z-index: 3
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field,.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .email-field {
    margin-bottom: .14rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field,.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .email-field {
        margin-bottom:.4388572rem
    }
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field {
        margin-bottom:.4388572rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .disabled {
    background: #eee;
    color: gray;
    opacity: 1;
    -webkit-text-fill-color: unset;
    cursor: not-allowed
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-select-dropdown {
    left: 0
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-select-dropdown {
        border-radius:0 0 .1rem .1rem;
        padding: .35rem .15rem .1rem;
        top: .7rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field {
    margin-bottom: .3rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field {
        margin-bottom:1.034449rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field .standard-label {
    display: block
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field .otp-field-wrapper {
    display: grid;
    grid-template-columns: 59.43662% 38.59155%;
    justify-content: space-between
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .orline {
    width: 100%;
    text-align: center;
    margin-bottom: .14rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .orline {
        font-size:.26rem;
        margin-bottom: .16rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section {
    margin-top: .24rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section {
        margin-top:.4423rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section .reset-button-container button {
    width: 100%;
    margin: auto
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-input #dropdownBtn {
    width: 100%
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper {
    margin: .05rem 0 .15rem;
    font-size: .12rem;
    color: #e8262c
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper {
        margin:.05rem 0 .2rem;
        font-size: .236rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem;
    align-items: center
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper img {
        width:.236rem;
        height: .236rem;
        margin: .078rem .078rem .078rem 0rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
        margin-left:.078rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-password-eye {
    transform: translateY(-50%);
    top: .4rem;
    z-index: 1
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-password-eye {
        top:.7rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .desc {
    text-align: center;
    font-size: 0.16rem;
    width: 80%;
    margin: 0 auto .15rem;
    color: #8697a2
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .desc {
        margin:0 0 .4388572rem;
        font-size: .250776rem;
        width: 100%
    }
}

.reset-password-popup-container .standard-popup-modal-body .desc-container {
    margin: 0.2rem 0 0 0
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .desc-container {
        margin:0.4rem 0 0 0
    }
}

.reset-password-popup-container .standard-popup-modal-body .desc-container .desc {
    text-align: center;
    font-size: 0.14rem;
    color: #8697a2
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .desc-container .desc {
        font-size:0.26rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .desc-container .desc a {
    color: #06c;
    text-decoration: underline
}

.deposit-instruction-dialog-overlay {
    display: unset
}

.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container {
    width: 600PX
}

.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body {
    padding: 0.4rem 1rem 0.4rem
}

.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body img {
    width: 100%;
    height: 100%
}

@media(max-width: 768px) {
    .deposit-instruction-dialog-overlay .deposit-instruction-dialog-container {
        width:90%
    }

    .deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body {
        padding: 0 1rem 0.8rem
    }
}

.custom-mobile-nav {
    display: flex !important;
    grid-template-columns: unset !important
}

.custom-mobile-nav .nav-title {
    font-weight: 600;
    font-size: 0.42rem;
    color: #0f161f
}

.custom-mobile-nav svg {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.2rem 0 0
}

.m-country-list-container {
    background: #f3f5f6;
    padding: 0.3rem 0.5rem
}

.m-country-list-container .search-container {
    margin: 0 0 0.5rem
}

.m-country-list-container .search-container .country-bank-wrapper {
    background: #fff;
    border-radius: 0.4rem;
    padding: 0.15rem 0.3rem
}

.m-country-list-container .search-container .country-bank-wrapper svg {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.4rem 0 0
}

.m-country-list-container .search-container .country-bank-wrapper input {
    width: 80%;
    background: rgba(0,0,0,0);
    padding: 0;
    font-size: 0.28rem
}

.m-country-list-container .country-list-container {
    padding: 0 0 0 0.1rem
}

.m-country-list-container .country-list-container .country-list {
    color: #8697a2;
    display: flex;
    align-items: center;
    margin: 0 0 0.3rem
}

.m-country-list-container .country-list-container .country-list .country-img {
    width: 0.8rem;
    margin: 0 0.4rem 0 0
}

.m-country-list-container .country-list-container .country-list .country-name {
    font-size: 0.28rem
}

.m-country-list-container .country-list-container .country-list.default {
    color: #0f161f
}

.m-country-list-container .country-list-container .country-list.latest-default {
    border: 0.01rem solid #e2e2e2;
    border-style: none none solid none;
    padding: 0 0 0.3rem 0
}

.google-auth-modal-container {
    width: 5.5rem;
    min-width: 5.5rem;
    max-width: 5.5rem;
    min-height: unset;
    background: #fff
}

@media(max-width: 768px) {
    .google-auth-modal-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }
}

.google-auth-modal-container .google-auth-modal-header {
    padding: 0.36rem 0.5rem 0.2rem
}

.google-auth-modal-container .google-auth-modal-header .standard-modal-title {
    font-size: 0.18rem;
    color: #000;
    padding: unset
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-header .standard-modal-title {
        font-size:0.3rem
    }
}

.google-auth-modal-container .note-container {
    background: #f3f5f6;
    padding: 0.15rem 0.4rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .note-container {
        padding:0.15rem 0.65rem
    }
}

.google-auth-modal-container .note-container .content {
    display: flex;
    color: #8697a2
}

.google-auth-modal-container .note-container .content .notice-icon {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.15rem
}

.google-auth-modal-container .note-container .content span {
    width: 85%
}

.google-auth-modal-container .google-auth-modal-body {
    padding: 0.2rem 0.5rem 0.35rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body {
        padding:0.2rem 0.7rem 0.35rem;
        font-size: .23rem
    }
}

.google-auth-modal-container .google-auth-modal-body .app-dl-container {
    display: flex;
    padding-bottom: 0.2rem;
    border-top: .01rem solid #dbe0e4;
    padding: .3rem 0;
    width: 100%
}

.google-auth-modal-container .google-auth-modal-body .app-dl-container .app-icon {
    width: 1rem;
    margin-right: 0.2rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .app-dl-container .app-icon {
        width:1.5rem
    }
}

.google-auth-modal-container .google-auth-modal-body .app-dl-container .dl-container .standard-button-container {
    justify-content: flex-start
}

.google-auth-modal-container .google-auth-modal-body .qr-container {
    display: flex;
    align-items: center;
    padding-bottom: 0.2rem
}

.google-auth-modal-container .google-auth-modal-body .qr-container .qr {
    width: 100%;
    height: 100%
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field {
    margin-bottom: 0.3rem
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field .standard-label {
    color: #8697a2
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field .standard-label {
        margin:0 0 0.06rem
    }
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .key-field svg {
    cursor: pointer
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-label {
    display: unset
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-label span {
    color: #0f161f
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper {
    justify-content: space-between
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper input {
    width: 58%
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container {
    width: 40%
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button {
    min-width: auto;
    background: #f3f5f6;
    color: #0f161f
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button {
        min-width:100%
    }
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container {
    margin: 0 0 .3rem 0;
    padding-top: 0.3rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container {
        margin:0.4rem 0;
        padding-top: 0.4rem
    }
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container .standard-modal-tab .tab-header {
    width: 49%;
    margin-right: 0.1rem
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown {
    top: 0.25rem;
    padding: 0.35rem 0 0 0
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown {
        top:0.85rem
    }
}

.google-auth-modal-container .google-auth-fail-body {
    border-radius: .1rem;
    color: #0f161f
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-fail-body {
        font-size:.23rem;
        border-radius: .2rem
    }
}

.google-auth-modal-container .google-auth-fail-body .red-cross-icon {
    width: .6rem;
    height: .6rem;
    margin: auto auto 0.05rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-fail-body .red-cross-icon {
        width:1rem;
        height: 1rem
    }
}

.google-auth-modal-container .google-auth-fail-body .failed-message {
    text-align: center;
    line-height: 1.5;
    padding-bottom: 0.2rem
}

.google-auth-modal-container .google-auth-fail-body .standard-submit-button {
    width: 100%
}

.google-auth-modal-container .otp-helper {
    width: 100%
}

.google-auth-modal-container .standard-error-validation {
    margin: -0.2rem 0 .08rem
}

.edit-verify-auth-modal-container {
    width: 5.5rem;
    min-width: 5.5rem;
    max-width: 5.5rem;
    min-height: unset;
    background: #fff
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-header {
    padding: 0.36rem 0.5rem 0.2rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-header .standard-modal-title {
    font-size: 0.18rem;
    color: #000;
    padding: unset
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container .edit-verify-auth-modal-header .standard-modal-title {
        font-size:0.3rem
    }
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body {
    padding: 0.2rem 0.5rem 0.35rem
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container .edit-verify-auth-modal-body {
        font-size:.23rem
    }
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container {
    padding-bottom: 0.2rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field {
    margin-bottom: 0.3rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field .standard-label {
    color: #8697a2
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field .standard-label {
        margin:0 0 0.06rem
    }
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .key-field svg {
    cursor: pointer
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-label {
    display: unset
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-label span {
    color: #0f161f
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper {
    justify-content: space-between
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper input {
    width: 58%
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container {
    width: 40%
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button {
    min-width: auto;
    background: #f3f5f6;
    color: #0f161f
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper {
    justify-content: space-between
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper .telcode-input {
    width: 28%
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper .phone-input {
    width: 70%
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .auth-tab-container {
    margin: 0 0 .3rem 0;
    padding-top: 0.3rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .auth-tab-container .standard-modal-tab .tab-header {
    width: 49%;
    margin-right: 0.1rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown {
    top: 0.25rem;
    padding: 0.35rem 0 0 0
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown {
        top:0.85rem
    }
}

.whatsapp-popup-container {
    width: 4.9rem;
    min-width: 4.9rem;
    max-width: 4.9rem;
    min-height: unset;
    background: #fff
}

@media(max-width: 768px) {
    .whatsapp-popup-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }
}

.whatsapp-popup-container .whatsapp-popup-header {
    padding: 0.36rem 0.7rem 0.2rem
}

.whatsapp-popup-container .whatsapp-popup-header .standard-modal-title {
    font-size: 0.18rem;
    color: #000;
    padding: unset;
    text-transform: capitalize
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-header .standard-modal-title {
        font-size:0.3rem
    }
}

.whatsapp-popup-container .whatsapp-popup-body {
    font-size: 0.14rem;
    padding: 0 0.7rem 0.35rem
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body {
        font-size:.23rem
    }
}

.whatsapp-popup-container .whatsapp-popup-body .standard-label {
    color: #8697a2;
    display: unset
}

.whatsapp-popup-container .whatsapp-popup-body .standard-label span {
    font-weight: 700
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body .standard-label {
        margin:0 0 .06rem
    }
}

.whatsapp-popup-container .whatsapp-popup-body .verify-method-container {
    display: grid;
    grid-template-columns: 40% 12% 44%;
    align-items: center;
    justify-content: center;
    padding: .3rem 0;
    grid-column-gap: .1rem
}

.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .qr {
    width: 1.5rem;
    height: 1.2rem;
    margin: auto
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body .verify-method-container .qr {
        width:2rem;
        height: 2rem
    }
}

.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .or {
    text-transform: capitalize;
    text-align: center
}

.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .standard-otp-button {
    min-width: auto;
    width: 100%;
    padding: 0 .1rem
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body .verify-method-container .standard-otp-button {
        width:undefined
    }
}

.whatsapp-popup-container .whatsapp-popup-body .break-line {
    border: 0.01rem solid #dbe0e4;
    border-style: solid none none none;
    margin: .3rem 0
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body .break-line {
        margin:.6rem 0
    }
}

.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container {
    margin: .3rem 0 .6rem
}

.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container .standard-button-container {
    margin-bottom: 0.1rem
}

.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container .standard-button-container .standard-otp-button {
    width: 100%
}

.popup-message-container {
    max-width: 5.5rem;
    min-width: 5.5rem;
    min-height: unset
}

@media(max-width: 768px) {
    .popup-message-container .popup-message-header {
        padding:.36rem .5rem .2rem
    }
}

.popup-message-container .popup-message-body {
    text-align: center
}

.popup-message-container .popup-message-body .icon-success,.popup-message-container .popup-message-body .icon-failed {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto .1rem
}

.popup-message-container .popup-message-body .popup-title {
    margin-bottom: .1rem;
    font-size: .2rem
}

@media(max-width: 768px) {
    .popup-message-container .popup-message-body .popup-title {
        font-size:.31347rem
    }
}

.popup-message-container .popup-message-body .popup-message {
    margin-bottom: .3rem
}

@media(max-width: 768px) {
    .popup-message-container .popup-message-body .popup-message {
        font-size:.25078rem
    }
}

.popup-message-container .popup-message-body .popup-message .contact-cs {
    color: #005ed7;
    text-decoration: underline;
    cursor: pointer
}

.popup-message-container .dismiss-button-container button {
    width: 100%
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details dt,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup dt {
    font-size: .3rem;
    font-family: "AvertaStd-Semibold";
    margin: 0 0 6.1538461538vw 0
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .header-container,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .header-container {
    display: flex;
    align-items: center;
    background: #0044a9;
    padding: 0 0.21rem;
    height: 1rem;
    border-bottom: 0.01rem solid #f3f5f6;
    width: 100vw;
    position: fixed;
    z-index: 10
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .header-container .page-title,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .header-container .page-title {
    color: #fff
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container {
    padding: 19.4871794872vw 5.1282051282vw 3.7rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .data-content,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .data-content {
    display: grid;
    gap: 2.5641025641vw;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 .32rem 0
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .data-content span,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .data-content span {
    font-size: 3.8461538462vw;
    color: #0f161f;
    margin: 0 0 0.2rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .data-content span.negative-value,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .data-content span.negative-value {
    color: #e8262c
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .data-content .title,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .data-content .title {
    font-weight: 100;
    font-size: 3.8461538462vw;
    color: #8899a2
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .sub-title,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .sub-title {
    font-weight: 600;
    font-size: 0.3rem;
    color: #0f161f;
    margin: 0 0 0.58rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field {
    margin: 0 0 0.43rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-input,.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-select,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-input,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-select {
    border: 0.01rem solid #dbe0e4;
    color: #8899a2;
    padding: .05rem .6rem 0 .4rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-label,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-label {
    color: #0f161f;
    font-size: 0.3rem;
    margin: 0 0 0.26rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-form-field,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-form-field {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    width: 100%
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-form-field .standard-select,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-form-field .standard-select {
    width: 88%
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-form-field .add-button,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-form-field .add-button {
    background: #c7d2d7;
    border-radius: 50%;
    height: 0.6rem;
    padding: 0.15rem 0.12rem;
    width: 0.6rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .standard-form-field .add-button svg,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .standard-form-field .add-button svg {
    height: 100%;
    width: 100%
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .referral-btn,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .referral-btn {
    position: absolute;
    top: 23%;
    right: 3%;
    cursor: pointer
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .referral-btn svg,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .referral-btn svg {
    width: .42rem;
    height: .42rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field textarea,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field textarea {
    padding: .25rem .4rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .standard-form-field .data-content,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-form-field .data-content {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section {
    margin: 0.7rem 0 0
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container button,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container button {
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container #submit-btn,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container #submit-btn {
    width: 100%
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container #add-bank-btn,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container #add-bank-btn {
    margin: 0;
    width: 49%
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .data-container .transaction-button-section .standard-button-container #cancel-bank-btn,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .transaction-button-section .standard-button-container #cancel-bank-btn {
    background: #82ccfd;
    width: 49%
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .standard-modal-title,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .standard-modal-title {
    padding: 0
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .standard-table-button-font-size,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .standard-table-button-font-size {
    width: fit-content;
    padding: 0 2.5641025641vw;
    font-size: .32rem;
    background: #0071e3;
    border-radius: 1.2820512821vw;
    height: .55rem
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .standard-table-button-font-size:disabled,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .standard-table-button-font-size:disabled {
    cursor: not-allowed;
    background: #81cafc
}

.m-custom-popup-overlay .m-custom-popup.aff-beta-history-details .standard-table-button-font-size.negative-value,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .standard-table-button-font-size.negative-value {
    background: #e8262c;
    height: .55rem
}

@media(max-width: 768px) {
    .m-custom-popup-overlay .standard-popup-modal-container {
        border-radius:0.2rem;
        margin: 2.5rem auto;
        font-size: 0.28rem
    }

    .m-custom-popup-overlay .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
    }

    .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
        font-size: 0.3rem;
        text-overflow: ellipsis;
        overflow: hidden;
        margin: auto 0
    }

    .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-header-with-logo {
        height: 1.2rem;
        border-radius: 0.1rem 0.1rem 0 0
    }

    .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-header-logo {
        max-height: 1rem
    }

    .m-custom-popup-overlay .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
    }

    .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-body {
        padding: 0.4rem 0.2rem;
        font-size: 0.28rem;
        font-weight: normal
    }

    .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__close-icon {
        padding: unset
    }

    .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-footer {
        font-size: 0.28rem;
        padding: 0.3rem 0.2rem;
        border: 0
    }

    .m-custom-popup-overlay .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
    }

    .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-footer .transaction-button-section {
        width: 100%
    }

    .m-custom-popup-overlay .standard-popup-modal-container .standard-popup-modal-footer-border-radius {
        border-radius: 0 0 0.1rem 0.1rem
    }

    .m-custom-popup-overlay .standard-popup-modal-container .add-bank-guide {
        background: #f6f6f6;
        border-radius: 0.08rem;
        padding: 0.3rem 0.15rem;
        margin: 0.4rem 0 0.2rem
    }

    .m-custom-popup-overlay .standard-popup-modal-container .add-bank-guide .guide-msg {
        font-size: 0.2rem;
        color: red
    }
}

body.aff-portal .m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn {
    background: #0044a9;
    color: #fff;
    fill: #fff
}

body.aff-portal .m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content a {
    text-decoration: none
}

body.aff-portal .promotion-detail-popup-modal-container .promo-detail-content a {
    text-decoration: none
}

body.aff-portal .promotion-detail-popup-modal-container .promo-detail-content table tr td {
    white-space: unset
}

body.aff-portal .promotion-detail-popup-modal-container .promo-detail-content table tr td:last-child {
    border: #fff 0.01rem solid
}

body.aff-portal .standard-popup-overlay .standard-popup-modal-container {
    color: #0f161f
}

body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close {
    font-family: fangsong;
    line-height: 1.8;
    display: grid;
    justify-content: center;
    align-items: center;
    width: .34rem;
    height: .34rem;
    border-radius: 50%;
    color: #8697a2;
    background: #fff;
    box-shadow: 0 0.04rem 0.04rem rgba(0,0,0,.25)
}

body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover {
    background: #fff
}

@media(max-width: 768px) {
    body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close {
        width:.5rem;
        height: .5rem;
        font-size: .3rem;
        font-weight: 600
    }

    body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg {
        width: .5rem;
        height: .5rem
    }
}

body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body {
    display: grid;
    gap: 0.14rem
}

@media(max-width: 768px) {
    body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body {
        gap:3.5897435897vw
    }
}

body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body.history-control-panel.standard-form-framework .standard-form-container {
    display: grid;
    gap: 0.14rem
}

body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-form-field {
    gap: 0.05rem;
    margin: 0
}

body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-form-field .referral-btn {
    cursor: pointer
}

body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-form-field .standard-label {
    color: #000;
    font-weight: 600;
    font-size: 0.14rem
}

@media(max-width: 768px) {
    body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-form-field .standard-label {
        font-size:.24rem
    }
}

body.aff-portal .standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body .standard-button-container button.info-button {
    background: #81cafc
}

@media(max-width: 768px) {
    body.aff-portal .standard-popup-overlay .standard-popup-modal-container .aff-monthly-WL-popoup {
        padding:0 .2rem .68rem
    }
}

body.aff-portal .standard-popup-overlay section.bank-detail-button-section .standard-button-container .standard-submit-form-button {
    margin: 0rem .4rem .35rem
}

body.aff-portal .campaign-report-dialog-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: .15rem;
    font-weight: normal
}

@keyframes swipe-in {
    from {
        right: -100vw
    }

    to {
        right: 0
    }
}

@keyframes swipe-out {
    from {
        right: 0
    }

    to {
        right: -100vw
    }
}

.standard-popup-modal-container {
    max-width: 6.98rem;
    min-width: 6.98rem;
    min-height: 3.96rem
}

.standard-popup-modal-container.reset-min-height {
    min-height: auto !important
}

.standard-popup-modal-container .standard-popup-modal-img-container {
    padding: 0.1rem
}

.standard-popup-modal-container .standard-popup-modal-img-container .image-announcement {
    width: 100%;
    border-radius: 0.1rem
}

.standard-popup-modal-container .standard-popup-modal-body {
    font-weight: 600;
    color: #8697a2;
    font-size: 0.16rem
}

.standard-popup-modal-container .standard-popup-modal-body .announcement-message strong {
    font-weight: 600;
    color: #0f161f;
    font-size: 0.3rem
}

.announcement-v1-modal-container {
    display: flex;
    flex-direction: column
}

.announcement-v1-modal-container .announcement-v1-modal-header {
    display: flex;
    align-items: center
}

.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title {
    font-weight: 600;
    height: 0.31rem;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 0.22rem
}

.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title:first-child {
    margin: 0 0.23rem 0 0
}

.announcement-v1-modal-container .announcement-v1-modal-header .standard-modal-title.active {
    color: #fff;
    background: #ff8a00;
    font-weight: 600
}

.announcement-v1-modal-container .announcement-v1-modal-body {
    display: flex;
    align-items: center;
    flex-direction: column
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container {
    border-radius: 0.1rem;
    padding: 0.27rem 0.29rem 0.31rem 0.24rem;
    background: #fff;
    width: 100%;
    font-weight: 600;
    font-size: 0.14rem;
    min-height: fit-content;
    word-break: break-word
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container:not(:last-child) {
    margin: 0 0 0.1rem
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-message {
    color: #0f161f;
    text-align: justify;
    margin: 0 0 0.18rem
}

.announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-date {
    color: #8697a2;
    margin: 0
}

.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again {
    display: flex;
    margin-right: auto
}

.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox {
    height: .15rem;
    justify-content: left;
    width: 50%
}

@media(max-width: 768px) {
    .announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox {
        height:.25rem
    }
}

.announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-msg {
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-size: .12rem;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #8697a2
}

@media(max-width: 768px) {
    .announcement-v1-modal-container .announcement-v1-modal-body .do-not-show-again .dont-show-msg {
        font-size:.2rem
    }
}

.announcement-image-modal-container .standard-popup-modal-header {
    padding: 0
}

.announcement-image-modal-container .dont-show-again-container {
    display: flex;
    padding: .2rem .4rem .35rem
}

.announcement-image-modal-container .dont-show-again-container .do-not-show-again {
    display: flex;
    margin-right: auto
}

.announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-checkbox {
    height: .15rem;
    justify-content: left;
    width: 50%
}

@media(max-width: 768px) {
    .announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-checkbox {
        height:.25rem
    }
}

.announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-msg {
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-size: .12rem;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #8697a2
}

@media(max-width: 768px) {
    .announcement-image-modal-container .dont-show-again-container .do-not-show-again .dont-show-msg {
        font-size:.2rem
    }
}

.announcement-popup-v3-container .announcement-popup-v3-header {
    padding: 0
}

.announcement-popup-v3-container .announcement-popup-v3-body .announcement-message {
    text-align: center
}

.announcement-popup-v3-container .dont-show-again-container {
    display: flex;
    padding: .2rem .4rem .35rem
}

.announcement-popup-v3-container .dont-show-again-container .do-not-show-again {
    display: flex;
    margin-right: auto
}

.announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-checkbox {
    height: .15rem;
    justify-content: left;
    width: 50%
}

@media(max-width: 768px) {
    .announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-checkbox {
        height:.25rem
    }
}

.announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-msg {
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-size: .12rem;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #8697a2
}

@media(max-width: 768px) {
    .announcement-popup-v3-container .dont-show-again-container .do-not-show-again .dont-show-msg {
        font-size:.2rem
    }
}

.announcement-v2 .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-content {
    width: 100%
}

.announcement-v2 .announcement-popup-v3-container {
    max-height: unset
}

.announcement-v1-modal-body .do-not-show-again {
    display: flex;
    margin-right: auto
}

.announcement-v1-modal-body .do-not-show-again .dont-show-checkbox {
    height: .15rem;
    justify-content: left;
    width: 50%
}

@media(max-width: 768px) {
    .announcement-v1-modal-body .do-not-show-again .dont-show-checkbox {
        height:.25rem
    }
}

.announcement-v1-modal-body .do-not-show-again .dont-show-msg {
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-size: .12rem;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #8697a2
}

@media(max-width: 768px) {
    .announcement-v1-modal-body .do-not-show-again .dont-show-msg {
        font-size:.2rem
    }
}

@media(max-width: 768px) {
    .standard-popup-modal-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }

    .standard-popup-modal-container .standard-popup-modal-header {
        padding: 0.66rem 0.72rem 0.24rem
    }

    .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
        font-size: 0.24rem;
        border-radius: 0.5rem;
        padding: 0 0.4rem
    }

    .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close {
        top: -0.2rem;
        right: -0.15rem
    }

    .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg {
        width: 0.6rem;
        padding: 0.15rem
    }

    .standard-popup-modal-container .standard-popup-modal-body {
        padding: 0 0.5rem 0.68rem
    }

    .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container {
        padding: 0.5rem 0.35rem 0.5rem 0.46rem
    }

    .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container:not(:last-child) {
        margin: 0 0 0.29rem
    }

    .standard-popup-modal-container .standard-popup-modal-body .announcement-message-container .announcement-message {
        margin: 0 0 0.34rem
    }

    .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container {
        font-size: 0.24rem
    }

    .announcement-popup-v3-container .announcement-popup-v3-header {
        padding: 0
    }
}

.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: bold;
    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: bold;
        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-overlay {
    display: unset
}

.promotion-detail-popup-modal-container {
    max-width: 11rem;
    min-width: 11rem;
    background: #fff
}

.promotion-detail-popup-modal-container p {
    margin: 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body {
    padding: 0.45rem 0.55rem 0.75rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn {
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    background: unset;
    font-size: .2rem;
    border-radius: unset;
    cursor: pointer
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg {
    width: .33rem;
    fill: #6e6e6e;
    vertical-align: middle;
    background: #fff;
    border-radius: 50%;
    padding: .08rem;
    filter: drop-shadow(0 0 0.03rem #6c6c6c)
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-banner {
    width: 100%;
    border-radius: 0.05rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.45rem 0 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time button {
    font-size: 0.16rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8a00;
    height: 0.4rem;
    padding: 0 0.15rem;
    border-radius: 0.1rem;
    cursor: pointer
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container {
    margin: 0 0 0 auto
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container.end {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    padding: 0 0.24rem;
    margin: 0.1rem 0 0 auto
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .remaining-time {
    font-size: 0.12rem;
    color: #8697a2;
    margin: 0 0 0 0.05rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container {
    display: flex;
    margin: 0.1rem 0 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    width: 0.4rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    min-width: 0.72rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-text {
    margin: 0.05rem 0 0 0;
    font-size: 0.12rem;
    color: #8697a2
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container {
    display: flex;
    margin: 0 0.08rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour,.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-min,.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    width: 0.4rem;
    background: #f3f5f6;
    padding: 0 0.1rem;
    white-space: nowrap
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour {
    border-radius: 0.1rem 0 0 0.1rem
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec {
    border-radius: 0 0.1rem 0.1rem 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-text {
    margin: 0.05rem 0 0 0;
    font-size: 0.12rem;
    color: #8697a2;
    white-space: nowrap
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-colon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    background: #f3f5f6
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container {
    margin: 0.45rem 0 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container .promo-detail-title {
    font-weight: 600;
    font-size: 0.24rem;
    color: #0f161f
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content {
    margin: 0.3rem 0 0
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child>td span {
    color: #fff !important
}

.promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr td {
    border: #dbe0e4 0.01rem solid !important
}

.m-promotion-detail-popup-modal-container {
    max-width: unset;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    color: #0f161f
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.44rem 0 0.66rem;
    height: 0.9rem;
    background: #fff;
    font-size: 0.35rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg {
    width: 0.45rem;
    height: 0.45rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-banner {
    display: block;
    width: 94%;
    margin: 0.45rem auto 0;
    border-radius: 0.1rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    padding: 0.26rem 0.22rem 0.75rem;
    background: #fff;
    margin: 0 0.22rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8a00;
    color: #fff;
    font-size: 0.3rem;
    width: 3.2rem;
    height: 0.85rem;
    border-radius: 0.2rem;
    cursor: pointer
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container {
    margin: 0 0 0 auto;
    font-size: 0.26rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container.end {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.65rem;
    background: #f3f5f6;
    border-radius: 0.2rem;
    padding: 0 0.24rem;
    margin: 0.15rem 0 0 auto
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .remaining-time {
    color: #8899a4;
    margin: 0 0 0 0.05rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container {
    display: flex;
    margin: 0.15rem 0 0
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.65rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    min-width: 0.9rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .day-box .day-text {
    margin: 0.05rem 0 0 0;
    color: #8899a4
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container {
    display: flex;
    margin: 0 0.08rem;
    width: 2.25rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour,.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-min,.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.65rem;
    background: #f3f5f6;
    padding: 0 0.2rem;
    white-space: nowrap
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-hour {
    border-radius: 0.1rem 0 0 0.1rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-sec {
    border-radius: 0 0.1rem 0.1rem 0
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-box .time-text {
    margin: 0.05rem 0 0 0;
    color: #8899a4;
    white-space: nowrap
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-btn-time .countdown-container .time-container .time-box-container .time-colon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.65rem;
    background: #f3f5f6
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container {
    margin: 0 0.22rem;
    background: #fff;
    font-size: 0.43rem;
    font-weight: 600;
    padding: 0 0.45rem 0.55rem
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content {
    margin: 0 0.22rem;
    background: #fff;
    padding: 0 0.45rem 1.3rem;
    overflow: auto
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table {
    width: auto !important;
    overflow: auto;
    display: block;
    table-layout: fixed;
    white-space: nowrap;
    border: none
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child>td {
    background: #ff8a00 !important;
    color: #fff !important;
    border: #dbe0e4 0.02rem solid !important
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr:first-child>td span {
    color: #fff !important
}

.m-promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-content table tr td {
    background: #f7f7f7;
    padding: 0.05rem 0.1rem;
    border: #dbe0e4 0.02rem solid !important
}

.promotion-apply-popup-modal-container {
    background: #fff
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header {
    padding: 0.5rem 0.6rem 0.3rem;
    color: #0f161f
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .standard-modal-title {
    font-size: 0.22rem
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body {
    padding: 0 0.6rem
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field:not(:last-child) {
    margin: 0 0 0.28rem
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field>*:first-child {
    width: 30%
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field>*:last-child {
    width: 70%
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper {
    justify-content: space-between
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper>*:first-child {
    width: 30%
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper>*:last-child {
    width: 68%
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper .standard-select .standard-select-international-telcode {
    right: 0
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input,.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select {
    border: 0.01rem solid #dbe0e4
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input .select-arrow-up,.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select .select-arrow-up {
    transform: translate(0%, 50%) rotate(225deg)
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select-dropdown .standard-select-options img {
    flex-shrink: 0
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-label {
    display: inline-block;
    color: #8697a2
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer {
    border-radius: 0 0 0.1rem 0.1rem;
    border: unset;
    padding: 0.2rem 0.6rem 0.66rem;
    width: 100%;
    margin: 0 0 0 auto
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container {
    justify-content: center
}

.promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-cancel-button {
    border-radius: 0.08rem;
    background: #81cafc
}

.m-promotion-apply-popup-modal-container {
    background: #fff
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-header {
    padding: 0.5rem 0.6rem 0.3rem;
    color: #0f161f
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .title {
    font-weight: 600;
    font-size: 0.36rem;
    border-radius: unset;
    padding: 0
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body {
    font-weight: 600;
    font-size: 0.3rem;
    padding: 0 0.5rem
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.4rem
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper {
    justify-content: space-between
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper>*:first-child {
    width: 30%
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper>*:last-child {
    width: 68%
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .phone-field-wrapper .standard-select .standard-select-international-telcode {
    right: 0
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input,.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select {
    border: 0.01rem solid #dbe0e4
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-input .select-arrow-up,.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-form-field .standard-select .select-arrow-up {
    transform: translate(0%, 50%) rotate(225deg)
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .standard-label {
    display: inline-block;
    color: #0f161f
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer {
    padding: 0.5rem
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container button {
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem;
    width: 49%
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container .standard-submit-button {
    margin: 0
}

.m-promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .standard-button-container .standard-cancel-button {
    background: #81cafc
}

.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 {
    background: #fff;
    width: 4.42rem;
    min-width: 4.42rem;
    max-width: 4.42rem;
    padding: 0.38rem 0.42rem
}

.add-bank-modal-container .add-bank-modal-header {
    color: #0f161f;
    height: auto;
    margin: 0 0 0.25rem;
    padding: 0
}

.add-bank-modal-container .add-bank-modal-header .close-icon {
    right: -0.55rem;
    top: -0.55rem
}

.add-bank-modal-container .add-bank-modal-body {
    font-weight: unset;
    padding: 0
}

.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-label,.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-select,.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-input {
    color: #8697a2
}

.add-bank-modal-container .add-bank-modal-body .transaction-button-section {
    display: flex;
    justify-content: space-between
}

.add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container button {
    width: 49%;
    min-width: unset
}

.add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button {
    border-radius: 0.1rem;
    background: #81cafc;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.4rem;
    font-size: 0.16rem;
    font-weight: 600
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section {
    margin: 0 0 0.1rem
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box {
    margin: 0 0 0.15rem 0
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box img {
    width: 100%
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.12rem
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper {
    width: 100%
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper button {
    border-radius: .1rem;
    background: #81cafc;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .4rem;
    font-size: .16rem;
    font-weight: 600;
    width: 100%;
    margin: 0 0 0.1rem 0
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0 0 0.2rem 0
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.add-bank-modal-container .add-bank-modal-body .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span {
    color: #8697a2;
    font-size: 0.12rem
}

@media(max-width: 768px) {
    .add-bank-modal-container {
        background:#fff;
        width: 6.75rem;
        min-width: 6.75rem;
        max-width: 6.75rem
    }

    .add-bank-modal-container .add-bank-modal-header {
        padding: 0.6rem 0.5rem 0.2rem
    }

    .add-bank-modal-container .add-bank-modal-header .standard-modal-title {
        border-radius: 0;
        margin: 0;
        padding: 0
    }

    .add-bank-modal-container .add-bank-modal-body .standard-form-field {
        margin: 0 0 0.4rem
    }

    .add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-input,.add-bank-modal-container .add-bank-modal-body .standard-form-field .standard-select {
        border: 0.01rem solid #dbe0e4;
        color: #8899a4
    }

    .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container {
        justify-content: space-between
    }

    .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container button {
        border-radius: 0.1rem;
        font-size: 0.3rem;
        height: 0.75rem;
        width: 49%
    }

    .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-button {
        margin: 0
    }

    .add-bank-modal-container .add-bank-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button {
        font-size: 0.3rem;
        height: 0.75rem
    }
}

.delete-bank-popup-modal-container {
    min-width: 6rem;
    min-height: unset
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.66rem 0.25rem 0.15rem
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-header .standard-modal-title {
    font-size: 0.2rem;
    color: #0f161f
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-header svg {
    width: 0.1rem;
    cursor: pointer
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-body {
    font-size: 0.2rem;
    text-align: center;
    color: #8899a4;
    padding: 0.15rem
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-footer {
    border: 0;
    background: rgba(0,0,0,0);
    padding: 0.15rem 0.25rem 0.5rem
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .submit-button {
    background: #ff8a00;
    font-size: 0.16rem;
    color: #fff;
    padding: 0.1rem;
    min-width: 1.5rem;
    border-radius: 0.1rem
}

.delete-bank-popup-modal-container .delete-bank-popup-modal-footer .cancel-button {
    background: #81cafc;
    font-size: 0.16rem;
    color: #fff;
    padding: 0.1rem;
    min-width: 1.5rem;
    border-radius: 0.1rem
}

@media(max-width: 768px) {
    .delete-bank-popup-modal-container .delete-bank-popup-modal-header .standard-modal-title {
        font-size:0.33rem;
        height: unset;
        margin: 0;
        padding: 0
    }

    .delete-bank-popup-modal-container .delete-bank-popup-modal-body {
        font-size: 0.3rem;
        padding: 0.15rem 0.25rem 0.3rem
    }

    .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container button {
        height: 0.75rem;
        font-size: 0.3rem;
        width: 49%
    }

    .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .standard-button-container .submit-button {
        margin: 0 0.2rem 0 0
    }
}

.message-detail-popup-modal-container .message-detail-popup-header {
    border-bottom: 0.01rem solid #e5e5e5
}

.message-detail-popup-modal-container .message-detail-popup-body .message-content {
    overflow: auto;
    padding: .05rem 0;
    word-break: break-word
}

.message-detail-popup-modal-container .message-detail-popup-body .message-content table {
    width: 100%
}

.message-detail-popup-modal-container .message-detail-popup-body .message-content table tr td {
    border: 0.01rem solid #000;
    padding: 0.05rem 0
}

.message-detail-popup-modal-container .message-detail-popup-body .message-content table tr td p {
    margin: 0
}

@media(max-width: 768px) {
    .message-detail-popup-modal-container .message-detail-popup-body {
        font-size:0.28rem
    }
}

.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 0;
        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: .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 {
    background: #fff
}

.verification-popup-modal-container .verification-popup-modal-header {
    padding: 0.15rem 0.1rem
}

.verification-popup-modal-container .verification-popup-modal-header .standard-modal-close {
    color: #7e7c7c;
    cursor: pointer;
    margin: auto;
    width: 5%
}

.verification-popup-modal-container .birthdate-verification-remark-text {
    color: #7e7c7c
}

.verification-popup-modal-container .verification-popup-modal-body {
    align-items: center;
    background: #fff;
    border-radius: 0.1rem;
    color: #0f161f;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-title {
    font-weight: 600;
    font-size: 0.22rem
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content {
    margin: 0.2rem 0 0 0;
    text-align: center;
    width: 100%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content p {
    margin: 0
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .text-danger {
    font-size: 0.15rem;
    width: 58%;
    margin: 0.1rem auto 0;
    text-align: left
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-popup-modal-content-text {
    color: #000;
    width: 100%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0.5rem auto 0;
    width: 58%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input {
    background: #fff;
    border: 0.01rem solid #f7f7f7;
    border-radius: 0.08rem;
    color: #0f161f;
    font-size: 0.14rem;
    width: 100%;
    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::placeholder {
    color: #8697a2
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.verification-telcode-field {
    width: 28%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.verification-telnum-field {
    width: 70%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.otp-input {
    width: 58%
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-button-container {
    justify-content: center;
    padding: 0.15rem 0
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-button-container .standard-submit-form-button {
    background: #0071e3;
    border-radius: 0.1rem;
    padding: 0.1rem 0.15rem;
    white-space: nowrap;
    font-size: 0.16rem
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .validate-opt-button:disabled {
    opacity: .5
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .resend-new-email:disabled {
    opacity: .5
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field.verification-form-field-resent {
    margin: 0 auto
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field.verification-form-field-otp {
    margin: 0.35rem auto 0
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button {
    margin: 0.2rem auto
}

.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 auto
}

.verification-popup-modal-container .verification-popup-modal-body .close-button:disabled {
    opacity: .5
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-footer {
    padding: 0.3rem 0;
    flex-direction: column
}

.verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-footer .otp-helper-container .otp-helper {
    justify-content: center
}

.verification-popup-modal-container .verification-popup-modal-footer {
    border: 0;
    padding: 0.15rem 0.4rem;
    width: 100%
}

.verification-popup-modal-container .verification-popup-modal-footer .standard-button-container {
    justify-content: center
}

.verification-popup-modal-container .verification-popup-modal-footer .standard-button-container .standard-submit-button {
    border-radius: 0.08rem;
    width: 58%
}

.verification-popup-modal-container .verification-button {
    align-items: center;
    background: #0071e3;
    border: rgba(0,0,0,0);
    border-radius: 0.1rem;
    color: #fff;
    display: flex;
    font-size: 0.16rem;
    justify-content: center;
    padding: 0.1rem 0.15rem;
    width: 40%;
    white-space: nowrap
}

.verification-popup-modal-container .verification-button:disabled {
    opacity: .5
}

.verification-popup-modal-container .code-notes {
    font-size: 0.14rem;
    margin: 0.15rem 0
}

.phone-verification-popup-container,.email-verification-popup-container {
    width: 4.9rem;
    min-width: 4.9rem;
    max-width: 4.9rem;
    min-height: unset;
    background: #fff
}

@media(max-width: 768px) {
    .phone-verification-popup-container,.email-verification-popup-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }
}

.phone-verification-popup-container .verification-popup-modal-header,.email-verification-popup-container .verification-popup-modal-header {
    padding: 0.36rem 0.6rem 0.2rem
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-header,.email-verification-popup-container .verification-popup-modal-header {
        padding:0.36rem 0.6rem 0.3rem
    }
}

.phone-verification-popup-container .verification-popup-modal-header .standard-modal-title,.email-verification-popup-container .verification-popup-modal-header .standard-modal-title {
    font-size: 0.22rem;
    color: #000;
    padding: unset;
    text-transform: capitalize
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-header .standard-modal-title,.email-verification-popup-container .verification-popup-modal-header .standard-modal-title {
        font-size:0.3rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body,.email-verification-popup-container .verification-popup-modal-body {
    font-size: 0.14rem;
    padding: 0 0.6rem 0.35rem;
    align-items: unset
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body,.email-verification-popup-container .verification-popup-modal-body {
        padding:0 0.6rem 0.35rem;
        font-size: .23rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .standard-label,.email-verification-popup-container .verification-popup-modal-body .standard-label {
    color: #8697a2;
    display: block
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .standard-label,.email-verification-popup-container .verification-popup-modal-body .standard-label {
        margin:0 0 0.06rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content {
    text-align: unset
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes {
    margin-bottom: .1rem;
    display: flex;
    flex-flow: column
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .code-notes {
        margin-bottom:.2rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .desc,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .desc {
    margin: 0 0 0.2rem
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container {
    padding-bottom: 0.3rem
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container {
        padding-bottom:0.9rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field {
    width: 100%;
    margin: 0 0 0.14rem
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field {
        margin:0 0 0.6rem
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper {
    justify-content: space-between
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telcode-field,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telcode-field {
    width: 28%
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telnum-field,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .verification-form-field .standard-form-field-wrapper .verification-telnum-field {
    width: 70%
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-form-field-wrapper .standard-select .disabled,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-form-field-wrapper .standard-select .disabled {
    background: #eee;
    color: gray;
    opacity: 1;
    -webkit-text-fill-color: unset;
    cursor: not-allowed
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-select-dropdown,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-form-field-container .contact-type-field .standard-select-dropdown {
        padding:0.5rem 0 0 0
    }
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .next-button,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .next-button {
    width: 100%
}

.phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button {
    width: 100%;
    margin-bottom: .1rem;
    display: block
}

@media(max-width: 768px) {
    .phone-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button,.email-verification-popup-container .verification-popup-modal-body .verification-popup-modal-content .standard-button-container .standard-otp-button {
        margin-bottom:.2rem
    }
}

.email-verification-popup-modal-container {
    max-width: 4.9rem;
    min-width: 4.9rem;
    min-height: auto
}

@media(max-width: 768px) {
    .email-verification-popup-modal-container {
        max-width:100%;
        min-height: 100%
    }
}

.email-verification-popup-modal-container .verification-popup-modal-body {
    align-items: start;
    font-weight: 400;
    color: #8697a2
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-title {
    font-weight: 400;
    color: #000
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content {
    text-align: left
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-content:nth-of-type(2) {
    padding: .2rem 0
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field {
    display: grid;
    justify-content: initial;
    margin: 0;
    width: 100%;
    grid-template-columns: 65% 35%;
    padding: .2rem 0
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field span {
    color: #000
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .verification-input {
    padding: .15rem 0;
    grid-row: 2/span 1
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field:nth-child(2) {
    padding: .2rem 0 0
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .otp-verification-input {
    margin: .15rem 0;
    grid-column: 1/span 2;
    width: 100%
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .standard-error-validation {
    grid-column: 1/span 2
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input,.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button {
    grid-row: 2/span 1
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input .standard-submit-button,.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button .standard-submit-button {
    width: 1.37rem;
    min-width: 1.37rem;
    background: #f3f5f6;
    color: #000
}

@media(max-width: 768px) {
    .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-input .standard-submit-button,.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .email-verification-form-field .email-verification-button .standard-submit-button {
        width:90%;
        min-width: 90%
    }
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container {
    display: grid;
    grid-template-columns: 5% 95%
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container svg {
    fill: #c7d2d7;
    height: .15rem;
    margin: .03rem 0 0;
    width: .2rem
}

@media(max-width: 768px) {
    .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container svg {
        width:.25rem;
        height: .25rem;
        margin: 0
    }
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container span {
    color: #000
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container span:nth-of-type(2) {
    grid-row: 2/span 1;
    grid-column: 2/span 1
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .tool-tip-container .customer-service-button {
    color: #005ed7;
    text-decoration: underline;
    cursor: pointer
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container {
    justify-content: center;
    padding: .2rem 0
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-button {
    width: 100%
}

@media(max-width: 768px) {
    .email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-btn {
        margin:0;
        background: #81cafc
    }
}

.email-verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .transaction-button-section .standard-button-container .standard-submit-form-button {
    width: 100%;
    height: .4rem;
    background: #81cafc;
    border-radius: .08rem;
    font-size: .16rem
}

.maintenance-popup-modal-container {
    width: 700PX;
    min-width: 700PX;
    max-width: 700PX
}

.maintenance-popup-modal-container .maintenance-popup-modal-body {
    text-align: center;
    font-size: 0.16rem
}

@media(max-width: 768px) {
    .maintenance-popup-modal-container {
        width:90%;
        min-width: 90%;
        max-width: 90%
    }

    .maintenance-popup-modal-container .maintenance-popup-modal-body {
        font-size: 0.26rem
    }
}

.quick-transfer-modal-container .standard-popup-modal-header {
    padding: 0
}

.quick-transfer-modal-container .qt-content {
    background: #fff;
    padding: 0.55rem 0.7rem;
    border-radius: 0.1rem
}

.quick-transfer-modal-container .qt-content p {
    margin: 0
}

.quick-transfer-modal-container .qt-content .transfer-to-container {
    display: flex;
    align-items: flex-start
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming {
    display: flex;
    align-items: flex-end;
    margin: 0.09rem 0 0
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .transfer-to-title {
    color: #0f161f;
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-weight: 600
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .to-arrow {
    width: 0.35rem;
    height: 0.25rem;
    margin: 0.05rem 0 0 0.3rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container {
    display: flex;
    align-items: center;
    margin: 0 0 0 0.35rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container svg {
    background: #0f161f;
    border-radius: 0.1rem;
    width: 0.65rem;
    height: 0.65rem;
    padding: 0.05rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-img {
    object-fit: contain;
    width: 0.65rem;
    height: 0.65rem;
    padding: 0.05rem;
    background: #000;
    border-radius: 0.1rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content {
    margin: 0 0 0 0.18rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .name {
    color: #0f161f;
    font-size: 0.24rem
}

.quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .balance {
    margin: 0.1rem 0 0;
    color: #0071e3;
    font-size: 0.24rem
}

.quick-transfer-modal-container .qt-content .qt-form {
    margin: 0.55rem 0 0
}

.quick-transfer-modal-container .qt-content .qt-form .standard-label {
    color: #8899a4;
    margin: 0 0 0.15rem
}

.quick-transfer-modal-container .qt-content .qt-form .standard-form-field {
    margin: 0
}

.quick-transfer-modal-container .qt-content .qt-form .standard-select {
    font-size: 0.16rem
}

.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .standard-input {
    width: 65%;
    font-size: 0.16rem
}

.quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .allin-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 0.38rem;
    margin: 0 0 0 0.15rem;
    background: #0071e3;
    border-radius: 0.1rem;
    font-size: 0.16rem;
    color: #fff;
    text-transform: capitalize
}

.quick-transfer-modal-container .qt-content .qt-form .range-bar {
    -webkit-appearance: none;
    margin: 0.17rem 0 0.46rem;
    padding: 0;
    height: 0.16rem;
    background: #dbdbdb;
    background-image: linear-gradient(#0071e3, #0071e3);
    border-radius: 0.1rem;
    background-repeat: no-repeat
}

.quick-transfer-modal-container .qt-content .qt-form .range-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    width: 0.3rem;
    height: 0.16rem;
    border-radius: 0.1rem;
    background: #0071e3;
    cursor: ew-resize
}

.quick-transfer-modal-container .qt-content .qt-form .range-bar::-moz-range-thumb {
    -webkit-appearance: none;
    border: none;
    width: 0.3rem;
    height: 0.16rem;
    border-radius: 0.1rem;
    background: #0071e3;
    cursor: ew-resize
}

.quick-transfer-modal-container .qt-content .qt-form .range-bar::-ms-thumb {
    -webkit-appearance: none;
    border: none;
    width: 0.3rem;
    height: 0.16rem;
    border-radius: 0.1rem;
    background: #0071e3;
    cursor: ew-resize
}

.quick-transfer-modal-container .qt-content .transaction-button-section {
    margin: 0.46rem 0 0;
    justify-content: space-between
}

.quick-transfer-modal-container .qt-content .transaction-button-section button {
    width: 2.7rem;
    height: 0.38rem;
    border-radius: 0.1rem;
    font-size: 0.16rem
}

.quick-transfer-modal-container .qt-content .transaction-button-section button.standard-submit-form-button {
    background: #ff8a00
}

.quick-transfer-modal-container .qt-content .transaction-button-section button.standard-cancel-form-button {
    background: #81cbfc
}

.quick-transfer-modal-container .qt-content .qt-redirect-btn {
    display: block;
    align-items: center;
    justify-content: center;
    margin: 0.55rem 0 0;
    color: #8899a4
}

.quick-transfer-modal-container .qt-content .qt-redirect-btn span {
    margin: 0 0 0 0.05rem;
    color: #0071e3;
    text-decoration-line: underline
}

@media(max-width: 768px) {
    .quick-transfer-modal-container {
        font-size:0.3rem
    }

    .quick-transfer-modal-container .qt-content {
        padding: 0.64rem 0.44rem 0.6rem
    }

    .quick-transfer-modal-container .qt-content .transfer-to-container .to-naming .transfer-to-title {
        font-size: 0.3rem
    }

    .quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .name {
        font-size: 0.3rem
    }

    .quick-transfer-modal-container .qt-content .transfer-to-container .to-provider-container .provider-content .balance {
        font-size: 0.3rem;
        margin: 0
    }

    .quick-transfer-modal-container .qt-content .qt-form {
        margin: 0.3rem 0 0
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-select {
        border: 0.01rem solid #dbe0e4;
        color: #8899a4;
        font-size: 0.3rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-label {
        color: #0f161f;
        font-weight: 600;
        font-size: 0.3rem;
        margin: 0 0 0.26rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-label span {
        color: #8899a4
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper {
        flex-wrap: unset
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .standard-input {
        border: 0.01rem solid #dbe0e4;
        color: #8899a4;
        font-size: 0.3rem;
        height: 0.68rem;
        width: 68%
    }

    .quick-transfer-modal-container .qt-content .qt-form .standard-form-field-wrapper .allin-btn {
        font-size: 0.3rem;
        height: 0.68rem;
        width: 30%
    }

    .quick-transfer-modal-container .qt-content .qt-form .range-bar {
        -webkit-appearance: none;
        background: #e8e8e8;
        background-image: linear-gradient(#0071e3, #0071e3);
        background-repeat: no-repeat;
        height: 0.18rem;
        margin: 0.2rem 0 0.4rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .range-bar::-webkit-slider-thumb {
        height: 0.18rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .range-bar::-moz-range-thumb {
        height: 0.18rem
    }

    .quick-transfer-modal-container .qt-content .qt-form .range-bar::-ms-thumb {
        height: 0.18rem
    }

    .quick-transfer-modal-container .qt-content .transaction-button-section button {
        font-size: 0.3rem;
        height: 0.66rem;
        width: 49%
    }

    .quick-transfer-modal-container .qt-content .transaction-button-section button.standard-cancel-form-button {
        background: #81cbfc
    }

    .quick-transfer-modal-container .qt-content .qt-redirect-btn {
        font-size: 0.26rem;
        margin: 0.4rem 0 0
    }
}

.login-alert-popup-modal-container {
    background: #fff;
    max-width: 4.5rem;
    min-width: 4.5rem;
    min-height: 1.5rem
}

.login-alert-popup-modal-container .login-alert-popup-modal-header {
    background: #fff;
    border-radius: 0.1rem 0.1rem 0 0;
    color: #0f161f;
    display: flex;
    justify-content: center;
    padding: 0.3rem 0.3rem 0.1rem
}

.login-alert-popup-modal-container .login-alert-popup-modal-header .standard-modal-title {
    font-size: 0.24rem
}

.login-alert-popup-modal-container .login-alert-popup-modal-footer {
    border: 0;
    border-radius: 0 0 0.1rem 0.1rem
}

.login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section .standard-button-container button {
    background: #ff8a00;
    color: #fff;
    border-radius: 0.1rem;
    font-size: 0.16rem;
    padding: 0.15rem 0.35rem
}

@media(max-width: 768px) {
    .login-alert-popup-modal-container {
        max-width:6.75rem
    }

    .login-alert-popup-modal-container .login-alert-popup-modal-header {
        padding: 0.66rem 0.3rem 0.1rem
    }

    .login-alert-popup-modal-container .login-alert-popup-modal-header .standard-modal-title {
        font-size: 0.36rem
    }

    .login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section .standard-button-container button {
        font-size: 0.3rem;
        padding: 0.25rem 0.5rem
    }
}

.referral-share-modal-container {
    width: 380PX
}

.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 {
    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 {
    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.16rem
}

.referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container:hover {
    background: #f6f6f6
}

@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 .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 .share-icon {
        font-size: 0.28rem
    }
}

@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: .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: .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: 90%;
    background: #fff
}

.game-popup-modal-container .game-popup-modal-body {
    padding: 0 0.25rem 0.25rem
}

.game-popup-modal-container .game-popup-modal-body .top-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-image-container .game-image {
    border-radius: 0.1rem;
    height: 2.2rem
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container {
    width: 46%;
    font-size: 0.3rem
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .game-name {
    font-weight: 600;
    color: #0f161f;
    text-transform: capitalize;
    width: 90%
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .provider-name {
    font-size: 0.22rem;
    color: #8899a4;
    margin: 0.1rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3f5f6;
    height: 0.6rem;
    border-radius: 0.1rem;
    padding: 0 0.25rem
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row.rtp-row {
    margin: 0.26rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row.line-row {
    margin: 0.08rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row .title {
    color: #8899a4;
    font-size: 0.26rem
}

.game-popup-modal-container .game-popup-modal-body .top-container .game-info-container .short-row .value {
    color: #0f161f
}

.game-popup-modal-container .game-popup-modal-body .long-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3f5f6;
    height: 0.6rem;
    padding: 0 0.25rem;
    border-radius: 0.1rem
}

.game-popup-modal-container .game-popup-modal-body .long-row.volatility-row {
    margin: 0.15rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .long-row.win-row {
    margin: 0.08rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .long-row .title {
    color: #8899a4;
    font-size: 0.26rem
}

.game-popup-modal-container .game-popup-modal-body .long-row .value {
    color: #0f161f;
    text-transform: capitalize;
    font-size: 0.3rem
}

.game-popup-modal-container .game-popup-modal-body .standard-button-container {
    display: flex;
    justify-content: space-between;
    margin: 0.3rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .standard-button-container button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0.2rem;
    text-transform: capitalize;
    font-size: 0.3rem;
    margin: auto;
    width: 100%
}

.game-popup-modal-container .game-popup-modal-body .standard-button-container .demo-btn {
    background: #0088f3;
    margin: 0 0.18rem 0 0
}

.game-popup-modal-container .game-popup-modal-body .standard-button-container .play-btn {
    background: #ff8a00
}

.game-popup-modal-container .game-popup-modal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #e8e8e8;
    padding: 0.2rem 0.2rem 0.23rem
}

.game-popup-modal-container .game-popup-modal-footer .hashtag {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #0f161f;
    height: 0.6rem;
    padding: 0 0.4rem;
    border-radius: 0.5rem;
    margin: 0 0.15rem 0.12rem 0;
    font-size: 0.26rem
}

.chg-psw-popup-overlay {
    display: flex;
    align-items: center
}

.chg-psw-popup-modal-container {
    width: 4.78rem;
    min-width: 4.78rem;
    max-width: 4.78rem;
    min-height: unset
}

.chg-psw-popup-modal-container .error-message-wrapper {
    margin-top: .1rem;
    font-size: .12rem;
    color: #e8262c
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container .error-message-wrapper {
        margin-top:.196rem;
        font-size: .236rem
    }
}

.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem
}

.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper img {
        width:.236rem;
        height: .236rem;
        margin: .078rem .078rem .078rem 0rem
    }
}

.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
        margin-left:.078rem
    }
}

.chg-psw-popup-modal-container .standard-password-eye {
    transform: translateY(-50%);
    top: .4rem;
    z-index: 1
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container .standard-password-eye {
        top:.7rem
    }
}

.chg-psw-popup-modal-container .chg-psw-popup-footer {
    border-radius: 0 0 0.1rem 0.1rem
}

.chg-psw-popup-modal-container .chg-psw-popup-footer .chg-psw-popup-submit-button {
    color: #000;
    padding: 0.1rem 0.2rem;
    border-radius: 0.1rem
}

.chg-psw-popup-modal-container .chg-psw-popup-footer .chg-psw-popup-submit-button:disabled {
    cursor: not-allowed
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container {
        width:90%;
        max-width: 90%;
        min-width: 90%
    }

    .chg-psw-popup-modal-container .chg-psw-popup-modal-header {
        padding: .66rem .5rem .24rem
    }

    .chg-psw-popup-modal-container .chg-psw-popup-modal-header .chg-psw-popup-modal-title {
        padding: 0 .15rem
    }
}

.reset-password-popup-container {
    width: 6rem;
    background: #fff
}

@media(max-width: 768px) {
    .reset-password-popup-container .turnstile-widget-reset-password {
        transform:scale(0.9);
        width: 2.7rem
    }
}

.reset-password-popup-container .standard-popup-modal-header {
    background: rgba(0,0,0,0);
    border-top-right-radius: 0.1rem;
    border-top-left-radius: 0.1rem
}

.reset-password-popup-container .standard-popup-modal-body {
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem
}

.reset-password-popup-container .standard-popup-modal-body .logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: .15rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .logo-container {
        height:.9717551528rem;
        margin-bottom: .2977959339rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .logo-container .icon-logo img {
    height: .69558861rem;
    margin: auto
}

.reset-password-popup-container .standard-popup-modal-body .heading {
    text-align: center;
    font-size: 0.3rem;
    margin-bottom: .15rem;
    color: #0f161f
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .heading {
        font-size:.3134694041rem;
        margin: 0 0 .125387762rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .contact-type-container {
    width: 50%;
    margin: 0 auto .15rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .contact-type-container {
        width:100%;
        margin: 0 auto .4388572rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form {
    width: 50%;
    margin: 0 auto 0.2rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form {
        margin:0 0 .2rem;
        width: 100%
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field {
    margin: 0 0 .2rem !important
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field {
        margin:0 0 .4rem !important
    }
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-form-field .standard-input {
        background:#f3f5f6;
        padding: 0 0.3rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form ::placeholder {
    color: #8697a2;
    opacity: 1
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 34% 64%;
    justify-content: space-between
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper {
        grid-template-columns:39.181% 59.40678%
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select span {
    margin: 0
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options {
    display: flex
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options span {
    width: 10%
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options p {
    margin: 0
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options:has(>span img[src*="MM.png"]),.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .standard-select-dropdown .standard-select-options:has(>span img[src*="VN.png"]) {
    display: none
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field .phone-field-wrapper .phone-input.is-overlay {
    z-index: 3
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field,.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .email-field {
    margin-bottom: .14rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .phone-field,.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .email-field {
        margin-bottom:.4388572rem
    }
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field {
        margin-bottom:.4388572rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .disabled {
    background: #eee;
    color: gray;
    opacity: 1;
    -webkit-text-fill-color: unset;
    cursor: not-allowed
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-select-dropdown {
    left: 0
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-select-dropdown {
        border-radius:0 0 .1rem .1rem;
        padding: .35rem .15rem .1rem;
        top: .7rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field {
    margin-bottom: .3rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field {
        margin-bottom:1.034449rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field .standard-label {
    display: block
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .otp-field .otp-field-wrapper {
    display: grid;
    grid-template-columns: 59.43662% 38.59155%;
    justify-content: space-between
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .orline {
    width: 100%;
    text-align: center;
    margin-bottom: .14rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .orline {
        font-size:.26rem;
        margin-bottom: .16rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section {
    margin-top: .24rem
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section {
        margin-top:.4423rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section .reset-button-container button {
    width: 100%;
    margin: auto
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .contact-type-field .standard-input #dropdownBtn {
    width: 100%
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper {
    margin: .05rem 0 .15rem;
    font-size: .12rem;
    color: #e8262c
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper {
        margin:.05rem 0 .2rem;
        font-size: .236rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem;
    align-items: center
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper img {
        width:.236rem;
        height: .236rem;
        margin: .078rem .078rem .078rem 0rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
        margin-left:.078rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-password-eye {
    transform: translateY(-50%);
    top: .4rem;
    z-index: 1
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .reset-password-popup-form .standard-password-eye {
        top:.7rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .desc {
    text-align: center;
    font-size: 0.16rem;
    width: 80%;
    margin: 0 auto .15rem;
    color: #8697a2
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .desc {
        margin:0 0 .4388572rem;
        font-size: .250776rem;
        width: 100%
    }
}

.reset-password-popup-container .standard-popup-modal-body .desc-container {
    margin: 0.2rem 0 0 0
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .desc-container {
        margin:0.4rem 0 0 0
    }
}

.reset-password-popup-container .standard-popup-modal-body .desc-container .desc {
    text-align: center;
    font-size: 0.14rem;
    color: #8697a2
}

@media(max-width: 768px) {
    .reset-password-popup-container .standard-popup-modal-body .desc-container .desc {
        font-size:0.26rem
    }
}

.reset-password-popup-container .standard-popup-modal-body .desc-container .desc a {
    color: #06c;
    text-decoration: underline
}

.deposit-instruction-dialog-overlay {
    display: unset
}

.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container {
    width: 600PX
}

.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body {
    padding: 0.4rem 1rem 0.4rem
}

.deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body img {
    width: 100%;
    height: 100%
}

@media(max-width: 768px) {
    .deposit-instruction-dialog-overlay .deposit-instruction-dialog-container {
        width:90%
    }

    .deposit-instruction-dialog-overlay .deposit-instruction-dialog-container .deposit-instruction-body {
        padding: 0 1rem 0.8rem
    }
}

.custom-mobile-nav {
    display: flex !important;
    grid-template-columns: unset !important
}

.custom-mobile-nav .nav-title {
    font-weight: 600;
    font-size: 0.42rem;
    color: #0f161f
}

.custom-mobile-nav svg {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.2rem 0 0
}

.m-country-list-container {
    background: #f3f5f6;
    padding: 0.3rem 0.5rem
}

.m-country-list-container .search-container {
    margin: 0 0 0.5rem
}

.m-country-list-container .search-container .country-bank-wrapper {
    background: #fff;
    border-radius: 0.4rem;
    padding: 0.15rem 0.3rem
}

.m-country-list-container .search-container .country-bank-wrapper svg {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.4rem 0 0
}

.m-country-list-container .search-container .country-bank-wrapper input {
    width: 80%;
    background: rgba(0,0,0,0);
    padding: 0;
    font-size: 0.28rem
}

.m-country-list-container .country-list-container {
    padding: 0 0 0 0.1rem
}

.m-country-list-container .country-list-container .country-list {
    color: #8697a2;
    display: flex;
    align-items: center;
    margin: 0 0 0.3rem
}

.m-country-list-container .country-list-container .country-list .country-img {
    width: 0.8rem;
    margin: 0 0.4rem 0 0
}

.m-country-list-container .country-list-container .country-list .country-name {
    font-size: 0.28rem
}

.m-country-list-container .country-list-container .country-list.default {
    color: #0f161f
}

.m-country-list-container .country-list-container .country-list.latest-default {
    border: 0.01rem solid #e2e2e2;
    border-style: none none solid none;
    padding: 0 0 0.3rem 0
}

.google-auth-modal-container {
    width: 5.5rem;
    min-width: 5.5rem;
    max-width: 5.5rem;
    min-height: unset;
    background: #fff
}

@media(max-width: 768px) {
    .google-auth-modal-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }
}

.google-auth-modal-container .google-auth-modal-header {
    padding: 0.36rem 0.5rem 0.2rem
}

.google-auth-modal-container .google-auth-modal-header .standard-modal-title {
    font-size: 0.18rem;
    color: #000;
    padding: unset
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-header .standard-modal-title {
        font-size:0.3rem
    }
}

.google-auth-modal-container .note-container {
    background: #f3f5f6;
    padding: 0.15rem 0.4rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .note-container {
        padding:0.15rem 0.65rem
    }
}

.google-auth-modal-container .note-container .content {
    display: flex;
    color: #8697a2
}

.google-auth-modal-container .note-container .content .notice-icon {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.15rem
}

.google-auth-modal-container .note-container .content span {
    width: 85%
}

.google-auth-modal-container .google-auth-modal-body {
    padding: 0.2rem 0.5rem 0.35rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body {
        padding:0.2rem 0.7rem 0.35rem;
        font-size: .23rem
    }
}

.google-auth-modal-container .google-auth-modal-body .app-dl-container {
    display: flex;
    padding-bottom: 0.2rem;
    border-top: .01rem solid #dbe0e4;
    padding: .3rem 0;
    width: 100%
}

.google-auth-modal-container .google-auth-modal-body .app-dl-container .app-icon {
    width: 1rem;
    margin-right: 0.2rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .app-dl-container .app-icon {
        width:1.5rem
    }
}

.google-auth-modal-container .google-auth-modal-body .app-dl-container .dl-container .standard-button-container {
    justify-content: flex-start
}

.google-auth-modal-container .google-auth-modal-body .qr-container {
    display: flex;
    align-items: center;
    padding-bottom: 0.2rem
}

.google-auth-modal-container .google-auth-modal-body .qr-container .qr {
    width: 100%;
    height: 100%
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field {
    margin-bottom: 0.3rem
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field .standard-label {
    color: #8697a2
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .standard-form-container .standard-form-field .standard-label {
        margin:0 0 0.06rem
    }
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .key-field svg {
    cursor: pointer
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-label {
    display: unset
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-label span {
    color: #0f161f
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper {
    justify-content: space-between
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper input {
    width: 58%
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container {
    width: 40%
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button {
    min-width: auto;
    background: #f3f5f6;
    color: #0f161f
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button {
        min-width:100%
    }
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container {
    margin: 0 0 .3rem 0;
    padding-top: 0.3rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container {
        margin:0.4rem 0;
        padding-top: 0.4rem
    }
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .auth-tab-container .standard-modal-tab .tab-header {
    width: 49%;
    margin-right: 0.1rem
}

.google-auth-modal-container .google-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown {
    top: 0.25rem;
    padding: 0.35rem 0 0 0
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown {
        top:0.85rem
    }
}

.google-auth-modal-container .google-auth-fail-body {
    border-radius: .1rem;
    color: #0f161f
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-fail-body {
        font-size:.23rem;
        border-radius: .2rem
    }
}

.google-auth-modal-container .google-auth-fail-body .red-cross-icon {
    width: .6rem;
    height: .6rem;
    margin: auto auto 0.05rem
}

@media(max-width: 768px) {
    .google-auth-modal-container .google-auth-fail-body .red-cross-icon {
        width:1rem;
        height: 1rem
    }
}

.google-auth-modal-container .google-auth-fail-body .failed-message {
    text-align: center;
    line-height: 1.5;
    padding-bottom: 0.2rem
}

.google-auth-modal-container .google-auth-fail-body .standard-submit-button {
    width: 100%
}

.google-auth-modal-container .otp-helper {
    width: 100%
}

.google-auth-modal-container .standard-error-validation {
    margin: -0.2rem 0 .08rem
}

.edit-verify-auth-modal-container {
    width: 5.5rem;
    min-width: 5.5rem;
    max-width: 5.5rem;
    min-height: unset;
    background: #fff
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-header {
    padding: 0.36rem 0.5rem 0.2rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-header .standard-modal-title {
    font-size: 0.18rem;
    color: #000;
    padding: unset
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container .edit-verify-auth-modal-header .standard-modal-title {
        font-size:0.3rem
    }
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body {
    padding: 0.2rem 0.5rem 0.35rem
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container .edit-verify-auth-modal-body {
        font-size:.23rem
    }
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container {
    padding-bottom: 0.2rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field {
    margin-bottom: 0.3rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field .standard-label {
    color: #8697a2
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .standard-form-field .standard-label {
        margin:0 0 0.06rem
    }
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .key-field svg {
    cursor: pointer
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-label {
    display: unset
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-label span {
    color: #0f161f
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper {
    justify-content: space-between
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper input {
    width: 58%
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container {
    width: 40%
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .otp-field .standard-form-field-wrapper .standard-button-container button {
    min-width: auto;
    background: #f3f5f6;
    color: #0f161f
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper {
    justify-content: space-between
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper .telcode-input {
    width: 28%
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .phone-field .standard-form-field-wrapper .phone-input {
    width: 70%
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .auth-tab-container {
    margin: 0 0 .3rem 0;
    padding-top: 0.3rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .auth-tab-container .standard-modal-tab .tab-header {
    width: 49%;
    margin-right: 0.1rem
}

.edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown {
    top: 0.25rem;
    padding: 0.35rem 0 0 0
}

@media(max-width: 768px) {
    .edit-verify-auth-modal-container .edit-verify-auth-modal-body .standard-form-container .send-otp-to-field .standard-select-dropdown {
        top:0.85rem
    }
}

.whatsapp-popup-container {
    width: 4.9rem;
    min-width: 4.9rem;
    max-width: 4.9rem;
    min-height: unset;
    background: #fff
}

@media(max-width: 768px) {
    .whatsapp-popup-container {
        max-width:6.75rem;
        min-width: 6.75rem
    }
}

.whatsapp-popup-container .whatsapp-popup-header {
    padding: 0.36rem 0.7rem 0.2rem
}

.whatsapp-popup-container .whatsapp-popup-header .standard-modal-title {
    font-size: 0.18rem;
    color: #000;
    padding: unset;
    text-transform: capitalize
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-header .standard-modal-title {
        font-size:0.3rem
    }
}

.whatsapp-popup-container .whatsapp-popup-body {
    font-size: 0.14rem;
    padding: 0 0.7rem 0.35rem
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body {
        font-size:.23rem
    }
}

.whatsapp-popup-container .whatsapp-popup-body .standard-label {
    color: #8697a2;
    display: unset
}

.whatsapp-popup-container .whatsapp-popup-body .standard-label span {
    font-weight: 700
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body .standard-label {
        margin:0 0 .06rem
    }
}

.whatsapp-popup-container .whatsapp-popup-body .verify-method-container {
    display: grid;
    grid-template-columns: 40% 12% 44%;
    align-items: center;
    justify-content: center;
    padding: .3rem 0;
    grid-column-gap: .1rem
}

.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .qr {
    width: 1.5rem;
    height: 1.2rem;
    margin: auto
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body .verify-method-container .qr {
        width:2rem;
        height: 2rem
    }
}

.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .or {
    text-transform: capitalize;
    text-align: center
}

.whatsapp-popup-container .whatsapp-popup-body .verify-method-container .standard-otp-button {
    min-width: auto;
    width: 100%;
    padding: 0 .1rem
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body .verify-method-container .standard-otp-button {
        width:undefined
    }
}

.whatsapp-popup-container .whatsapp-popup-body .break-line {
    border: 0.01rem solid #dbe0e4;
    border-style: solid none none none;
    margin: .3rem 0
}

@media(max-width: 768px) {
    .whatsapp-popup-container .whatsapp-popup-body .break-line {
        margin:.6rem 0
    }
}

.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container {
    margin: .3rem 0 .6rem
}

.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container .standard-button-container {
    margin-bottom: 0.1rem
}

.whatsapp-popup-container .whatsapp-popup-body .resend-otp-container .standard-button-container .standard-otp-button {
    width: 100%
}

.popup-message-container {
    max-width: 5.5rem;
    min-width: 5.5rem;
    min-height: unset
}

@media(max-width: 768px) {
    .popup-message-container .popup-message-header {
        padding:.36rem .5rem .2rem
    }
}

.popup-message-container .popup-message-body {
    text-align: center
}

.popup-message-container .popup-message-body .icon-success,.popup-message-container .popup-message-body .icon-failed {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto .1rem
}

.popup-message-container .popup-message-body .popup-title {
    margin-bottom: .1rem;
    font-size: .2rem
}

@media(max-width: 768px) {
    .popup-message-container .popup-message-body .popup-title {
        font-size:.31347rem
    }
}

.popup-message-container .popup-message-body .popup-message {
    margin-bottom: .3rem
}

@media(max-width: 768px) {
    .popup-message-container .popup-message-body .popup-message {
        font-size:.25078rem
    }
}

.popup-message-container .popup-message-body .popup-message .contact-cs {
    color: #005ed7;
    text-decoration: underline;
    cursor: pointer
}

.popup-message-container .dismiss-button-container button {
    width: 100%
}

.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
}

.standard-notification-container .standard-notification-icon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.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
}

.standard-notification-container .error {
    color: red
}

@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: 5%
    }

    .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
}

.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: #8697a2;
    background: rgba(0,0,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;
    position: relative
}

.standard-tab-container .standard-tab .tab-header.active {
    background: rgba(0,0,0,0);
    color: #ff8a00;
    border: unset;
    border-style: unset;
    border-image: unset
}

.standard-tab-container .standard-tab .tab-header.active .hover-line {
    border-bottom: 0.03rem solid #0071e3;
    width: .25rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0
}

.standard-tab-container .standard-tab .tab-header.active .full-hover-line {
    border-bottom: .05rem solid #ff8a00;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0
}

.standard-tab-container .standard-tab .tab-header-full-hover-line {
    color: #b8b8b8;
    background: rgba(0,0,0,0);
    cursor: pointer;
    height: auto;
    padding: 0.18rem 0.25rem 0 0.25rem;
    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: rgba(0,0,0,0);
    color: #ff8a00;
    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: rgba(0,0,0,0);
    color: #ff8a00
}

.standard-tab-container .standard-tab .dummy-tab-header,.standard-tab-container .standard-tab .dummy-tab-header:hover {
    background: rgba(0,0,0,0);
    color: rgba(0,0,0,0);
    cursor: default
}

.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: rgba(0,0,0,0);
    color: #444
}

.promotion-tab-container .active-vip {
    background: #ff0 !important;
    color: #fff !important
}

.slot-tab-container {
    padding: 0 0.2rem
}

.standard-modal-tab-container {
    width: 100%;
    overflow-x: auto
}

.standard-modal-tab-container.two-tab-container .standard-modal-tab {
    justify-content: space-between
}

.standard-modal-tab-container.two-tab-container .standard-modal-tab .tab-header {
    width: 49%
}

.standard-modal-tab-container .standard-modal-tab {
    width: 100%;
    display: flex;
    font-size: .14rem;
    padding: 0
}

.standard-modal-tab-container .standard-modal-tab .tab-header {
    color: #0f161f;
    background: #f3f5f6;
    cursor: pointer;
    height: 0.38rem;
    padding: 0 0.22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    white-space: nowrap;
    margin: 0;
    font-weight: 500;
    border-radius: 0.3rem;
    position: relative
}

@media(max-width: 768px) {
    .standard-modal-tab-container .standard-modal-tab .tab-header {
        font-size:0.28rem;
        height: 0.75rem;
        border-radius: 0.4rem
    }
}

.standard-modal-tab-container .standard-modal-tab .tab-header.active {
    color: #fff;
    background: #ff8a00
}

@media(max-width: 768px) {
    .standard-tab-container {
        background:#f0f0f0;
        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
    }

    .standard-tab-container .standard-tab .tab-header {
        background: undefined;
        padding: 0.25rem 0.3rem;
        font-size: 0.25rem;
        color: undefined;
        margin: undefined
    }

    .standard-tab-container .standard-tab .tab-header.active {
        background: rgba(0,0,0,0);
        color: #ff8a00;
        border-image: unset
    }

    .standard-tab-container .standard-tab .tab-header.active .hover-line {
        width: 0.4rem;
        border-bottom: 0.06rem solid #0071e3
    }

    .slot-tab-container {
        padding: 0
    }

    .slot-tab-container .standard-tab-divider {
        width: 0.01rem;
        height: 0.15rem
    }
}

.standard-container-control {
    width: 13.4rem;
    margin: auto;
    padding: .5rem 0
}

ul .list-style.circle,ol .list-style.circle {
    list-style-type: circle
}

ul .list-style.square,ol .list-style.square {
    list-style-type: square
}

ul .list-style.disc,ol .list-style.disc {
    list-style-type: disc
}

ul .list-style.decimal,ol .list-style.decimal {
    list-style-type: decimal
}

ul .list-style.upper-roman,ol .list-style.upper-roman {
    list-style-type: upper-roman
}

ul .list-style.lower-roman,ol .list-style.lower-roman {
    list-style-type: lower-roman
}

ul .list-style.lower-alpha,ol .list-style.lower-alpha {
    list-style-type: lower-alpha
}

ul .list-style.upper-alpha,ol .list-style.upper-alpha {
    list-style-type: upper-alpha
}

body.aff-portal {
    color: #0f161f;
    font-size: 0.16rem;
    font-family: "AvertaStd-Regular"
}

body.aff-portal label {
    font-size: 0.16rem
}

@media(max-width: 768px) {
    body.aff-portal label {
        font-size:3.8461538462vw
    }
}

body.aff-portal .standard-mandatory::after {
    color: #e0092c
}

body.aff-portal .info-popup-modal-container {
    background: #fff
}

body.aff-portal .info-popup-modal-container .info-popup-modal-header .info-popup-title-container {
    border-bottom: 0.01rem solid #f7f7f7
}

body.aff-portal .info-popup-modal-container .info-popup-modal-body .country-flag-warpper .country-flag-container .country-info .country-name {
    color: #0f161f
}

body.aff-portal .affiliate-route-background .standard-checkbox-text,body.aff-portal .standard-popup-overlay .standard-checkbox-text,body.aff-portal .m-popup-history-detail .standard-checkbox-text {
    margin: 0 .05rem;
    text-decoration: unset;
    cursor: pointer;
    color: #ff8a00
}

body.aff-portal .affiliate-route-background .standard-form-field .standard-select-arrow::after,body.aff-portal .standard-popup-overlay .standard-form-field .standard-select-arrow::after,body.aff-portal .m-popup-history-detail .standard-form-field .standard-select-arrow::after {
    right: 0.15rem;
    top: 0.15rem;
    position: absolute;
    pointer-events: none;
    border-width: 0 0.03rem 0.03rem 0;
    border-color: #afb3b6;
    border-style: solid;
    display: inline-block;
    width: 0.08rem !important;
    height: 0.08rem !important;
    transform: rotate(45deg)
}

body.aff-portal .affiliate-route-background .standard-form-field .standard-label,body.aff-portal .standard-popup-overlay .standard-form-field .standard-label,body.aff-portal .m-popup-history-detail .standard-form-field .standard-label {
    color: #8697a2;
    margin: 0
}

body.aff-portal .affiliate-route-background a,body.aff-portal .standard-popup-overlay a,body.aff-portal .m-popup-history-detail a {
    color: #0071e3;
    text-decoration: underline
}

body.aff-portal .affiliate-route-background .standard-content-subtitle,body.aff-portal .standard-popup-overlay .standard-content-subtitle,body.aff-portal .m-popup-history-detail .standard-content-subtitle {
    color: #0f161f
}

body.aff-portal .affiliate-route-background .standard-header-font-size,body.aff-portal .standard-popup-overlay .standard-header-font-size,body.aff-portal .m-popup-history-detail .standard-header-font-size {
    font-size: 0.18rem;
    margin: 0 0 0.3rem 0
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .standard-header-font-size,body.aff-portal .standard-popup-overlay .standard-header-font-size,body.aff-portal .m-popup-history-detail .standard-header-font-size {
        font-size:.3rem;
        font-family: "AvertaStd-Semibold"
    }
}

body.aff-portal .affiliate-route-background .standard-component-title,body.aff-portal .standard-popup-overlay .standard-component-title,body.aff-portal .m-popup-history-detail .standard-component-title {
    font-size: 0.24rem;
    margin: 1.1rem 0 0.46rem;
    font-weight: 600
}

body.aff-portal .affiliate-route-background .standard-text-container,body.aff-portal .standard-popup-overlay .standard-text-container,body.aff-portal .m-popup-history-detail .standard-text-container {
    position: absolute;
    width: 100%;
    top: 10%;
    left: 18%
}

body.aff-portal .affiliate-route-background .accordion-title,body.aff-portal .standard-popup-overlay .accordion-title,body.aff-portal .m-popup-history-detail .accordion-title {
    font-family: "AvertaStd-Semibold"
}

body.aff-portal .affiliate-route-background .standard-accordion .accordion-item .accordion-title,body.aff-portal .standard-popup-overlay .standard-accordion .accordion-item .accordion-title,body.aff-portal .m-popup-history-detail .standard-accordion .accordion-item .accordion-title {
    font-family: "AvertaStd-Regular"
}

body.aff-portal .affiliate-route-background .custom-mobile-nav .nav-title,body.aff-portal .standard-popup-overlay .custom-mobile-nav .nav-title,body.aff-portal .m-popup-history-detail .custom-mobile-nav .nav-title {
    color: #fff
}

body.aff-portal .affiliate-route-background table,body.aff-portal .standard-popup-overlay table,body.aff-portal .m-popup-history-detail table {
    margin: 0;
    background: #f3f5f6;
    text-align: center;
    border-radius: 0.18rem;
    overflow: auto;
    border-spacing: 0;
    border-collapse: collapse
}

body.aff-portal .affiliate-route-background table thead,body.aff-portal .standard-popup-overlay table thead,body.aff-portal .m-popup-history-detail table thead {
    color: #fff;
    background: #ff8a00
}

body.aff-portal .affiliate-route-background table tr,body.aff-portal .standard-popup-overlay table tr,body.aff-portal .m-popup-history-detail table tr {
    height: .45rem
}

body.aff-portal .affiliate-route-background table th:first-child,body.aff-portal .standard-popup-overlay table th:first-child,body.aff-portal .m-popup-history-detail table th:first-child {
    border-radius: .18rem 0 0
}

body.aff-portal .affiliate-route-background table th:last-child,body.aff-portal .standard-popup-overlay table th:last-child,body.aff-portal .m-popup-history-detail table th:last-child {
    border-radius: 0 .18rem 0 0
}

body.aff-portal .affiliate-route-background table th td,body.aff-portal .standard-popup-overlay table th td,body.aff-portal .m-popup-history-detail table th td {
    display: contents
}

body.aff-portal .affiliate-route-background table th,body.aff-portal .affiliate-route-background table td,body.aff-portal .standard-popup-overlay table th,body.aff-portal .standard-popup-overlay table td,body.aff-portal .m-popup-history-detail table th,body.aff-portal .m-popup-history-detail table td {
    border: 0.03rem solid #fff;
    border-style: none solid solid none;
    font-weight: 400;
    padding: 0 0.2rem
}

body.aff-portal .affiliate-route-background table th:last-child,body.aff-portal .affiliate-route-background table td:last-child,body.aff-portal .standard-popup-overlay table th:last-child,body.aff-portal .standard-popup-overlay table td:last-child,body.aff-portal .m-popup-history-detail table th:last-child,body.aff-portal .m-popup-history-detail table td:last-child {
    border-style: none none solid none
}

body.aff-portal .affiliate-route-background .aff-settings-container table,body.aff-portal .affiliate-route-background .aff-dialog-table-container table,body.aff-portal .standard-popup-overlay .aff-settings-container table,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table,body.aff-portal .m-popup-history-detail .aff-settings-container table,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table {
    width: 100%
}

body.aff-portal .affiliate-route-background .aff-settings-container table thead,body.aff-portal .affiliate-route-background .aff-dialog-table-container table thead,body.aff-portal .standard-popup-overlay .aff-settings-container table thead,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table thead,body.aff-portal .m-popup-history-detail .aff-settings-container table thead,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table thead {
    background: unset
}

body.aff-portal .affiliate-route-background .aff-settings-container table thead .aff-dialog-second-th th,body.aff-portal .affiliate-route-background .aff-dialog-table-container table thead .aff-dialog-second-th th,body.aff-portal .standard-popup-overlay .aff-settings-container table thead .aff-dialog-second-th th,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table thead .aff-dialog-second-th th,body.aff-portal .m-popup-history-detail .aff-settings-container table thead .aff-dialog-second-th th,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table thead .aff-dialog-second-th th {
    border-radius: unset
}

body.aff-portal .affiliate-route-background .aff-settings-container table thead th,body.aff-portal .affiliate-route-background .aff-dialog-table-container table thead th,body.aff-portal .standard-popup-overlay .aff-settings-container table thead th,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table thead th,body.aff-portal .m-popup-history-detail .aff-settings-container table thead th,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table thead th {
    background: #0044a9;
    min-width: 2.3rem
}

body.aff-portal .affiliate-route-background .aff-settings-container table tr:nth-child(odd),body.aff-portal .affiliate-route-background .aff-dialog-table-container table tr:nth-child(odd),body.aff-portal .standard-popup-overlay .aff-settings-container table tr:nth-child(odd),body.aff-portal .standard-popup-overlay .aff-dialog-table-container table tr:nth-child(odd),body.aff-portal .m-popup-history-detail .aff-settings-container table tr:nth-child(odd),body.aff-portal .m-popup-history-detail .aff-dialog-table-container table tr:nth-child(odd) {
    background: #f3f5f6
}

body.aff-portal .affiliate-route-background .aff-settings-container table tr:nth-child(even),body.aff-portal .affiliate-route-background .aff-dialog-table-container table tr:nth-child(even),body.aff-portal .standard-popup-overlay .aff-settings-container table tr:nth-child(even),body.aff-portal .standard-popup-overlay .aff-dialog-table-container table tr:nth-child(even),body.aff-portal .m-popup-history-detail .aff-settings-container table tr:nth-child(even),body.aff-portal .m-popup-history-detail .aff-dialog-table-container table tr:nth-child(even) {
    background: #fff
}

body.aff-portal .affiliate-route-background .aff-settings-container table .negative-value,body.aff-portal .affiliate-route-background .aff-dialog-table-container table .negative-value,body.aff-portal .standard-popup-overlay .aff-settings-container table .negative-value,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .negative-value,body.aff-portal .m-popup-history-detail .aff-settings-container table .negative-value,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .negative-value {
    color: #e8262c
}

body.aff-portal .affiliate-route-background .aff-settings-container table .negative-value.standard-table-button-font-size,body.aff-portal .affiliate-route-background .aff-dialog-table-container table .negative-value.standard-table-button-font-size,body.aff-portal .standard-popup-overlay .aff-settings-container table .negative-value.standard-table-button-font-size,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .negative-value.standard-table-button-font-size,body.aff-portal .m-popup-history-detail .aff-settings-container table .negative-value.standard-table-button-font-size,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .negative-value.standard-table-button-font-size {
    color: #fff;
    background: #e8262c
}

body.aff-portal .affiliate-route-background .aff-settings-container table button,body.aff-portal .affiliate-route-background .aff-dialog-table-container table button,body.aff-portal .standard-popup-overlay .aff-settings-container table button,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button,body.aff-portal .m-popup-history-detail .aff-settings-container table button,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button {
    background: #0071e3;
    height: .32rem;
    font-size: .16rem;
    border-radius: .08rem;
    padding: 0 .2rem
}

body.aff-portal .affiliate-route-background .aff-settings-container table button:disabled,body.aff-portal .affiliate-route-background .aff-dialog-table-container table button:disabled,body.aff-portal .standard-popup-overlay .aff-settings-container table button:disabled,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button:disabled,body.aff-portal .m-popup-history-detail .aff-settings-container table button:disabled,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button:disabled {
    cursor: not-allowed;
    background: #81cafc
}

body.aff-portal .affiliate-route-background .aff-settings-container table button:hover,body.aff-portal .affiliate-route-background .aff-dialog-table-container table button:hover,body.aff-portal .standard-popup-overlay .aff-settings-container table button:hover,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button:hover,body.aff-portal .m-popup-history-detail .aff-settings-container table button:hover,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button:hover {
    opacity: .8
}

body.aff-portal .affiliate-route-background .aff-settings-container table button.delete-btn,body.aff-portal .affiliate-route-background .aff-dialog-table-container table button.delete-btn,body.aff-portal .standard-popup-overlay .aff-settings-container table button.delete-btn,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button.delete-btn,body.aff-portal .m-popup-history-detail .aff-settings-container table button.delete-btn,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button.delete-btn {
    width: .2rem;
    height: .2rem;
    fill: #61757e;
    background: none;
    padding: 0 !important
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container table button,body.aff-portal .affiliate-route-background .aff-dialog-table-container table button,body.aff-portal .standard-popup-overlay .aff-settings-container table button,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button,body.aff-portal .m-popup-history-detail .aff-settings-container table button,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button {
        height:.45rem;
        font-size: .25574rem;
        min-width: fit-content
    }

    body.aff-portal .affiliate-route-background .aff-settings-container table button.delete-btn,body.aff-portal .affiliate-route-background .aff-dialog-table-container table button.delete-btn,body.aff-portal .standard-popup-overlay .aff-settings-container table button.delete-btn,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table button.delete-btn,body.aff-portal .m-popup-history-detail .aff-settings-container table button.delete-btn,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table button.delete-btn {
        width: .34rem;
        height: .34rem
    }
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container table th,body.aff-portal .affiliate-route-background .aff-settings-container table td,body.aff-portal .affiliate-route-background .aff-dialog-table-container table th,body.aff-portal .affiliate-route-background .aff-dialog-table-container table td,body.aff-portal .standard-popup-overlay .aff-settings-container table th,body.aff-portal .standard-popup-overlay .aff-settings-container table td,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table th,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table td,body.aff-portal .m-popup-history-detail .aff-settings-container table th,body.aff-portal .m-popup-history-detail .aff-settings-container table td,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table th,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table td {
        padding:0 .2rem;
        font-size: .24rem;
        height: .72rem
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container table .table-multi-content,body.aff-portal .affiliate-route-background .aff-dialog-table-container table .table-multi-content,body.aff-portal .standard-popup-overlay .aff-settings-container table .table-multi-content,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .table-multi-content,body.aff-portal .m-popup-history-detail .aff-settings-container table .table-multi-content,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .table-multi-content {
    width: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.12rem;
    height: .45rem
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container table .table-multi-content,body.aff-portal .affiliate-route-background .aff-dialog-table-container table .table-multi-content,body.aff-portal .standard-popup-overlay .aff-settings-container table .table-multi-content,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .table-multi-content,body.aff-portal .m-popup-history-detail .aff-settings-container table .table-multi-content,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .table-multi-content {
        width:auto;
        height: .72rem;
        white-space: nowrap
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container table .table-multi-content svg,body.aff-portal .affiliate-route-background .aff-dialog-table-container table .table-multi-content svg,body.aff-portal .standard-popup-overlay .aff-settings-container table .table-multi-content svg,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .table-multi-content svg,body.aff-portal .m-popup-history-detail .aff-settings-container table .table-multi-content svg,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .table-multi-content svg {
    width: .34rem;
    height: .34rem;
    cursor: pointer
}

body.aff-portal .affiliate-route-background .aff-settings-container table .table-multi-content a,body.aff-portal .affiliate-route-background .aff-dialog-table-container table .table-multi-content a,body.aff-portal .standard-popup-overlay .aff-settings-container table .table-multi-content a,body.aff-portal .standard-popup-overlay .aff-dialog-table-container table .table-multi-content a,body.aff-portal .m-popup-history-detail .aff-settings-container table .table-multi-content a,body.aff-portal .m-popup-history-detail .aff-dialog-table-container table .table-multi-content a {
    text-decoration: none
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-gap,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-gap,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-gap,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-gap,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-gap,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-gap {
    display: grid;
    gap: .5rem
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input,body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select {
        color:#8899a2;
        padding: .05rem .65rem .05rem .2rem
    }

    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span,body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-input span,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-select span {
        overflow: undefine
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container {
    padding: 0.22rem 0 0;
    width: 100%;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(1, 0.35rem)
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container {
        gap:3.0769230769vw;
        margin: 0
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox {
    width: .18rem;
    height: .18rem;
    grid-row: 1/1;
    margin: 0
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-invisible-checkbox {
        width:3.8461538462vw;
        height: 3.8461538462vw
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox {
    height: .18rem;
    width: .18rem;
    grid-row: 1/1;
    top: 0
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox {
        width:3.8461538462vw;
        height: 3.8461538462vw;
        border-radius: .02rem;
        border: solid #d7d7d7;
        border-width: .01rem
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg {
    position: relative
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox svg {
        width:3.8461538462vw;
        height: 3.8461538462vw
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container {
    width: 100%;
    grid-row: 1/2;
    text-align: start;
    font-size: 0.14rem
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-field .standard-checkbox-container .standard-checkbox-text-container {
        font-size:.26rem
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework {
    display: grid;
    gap: .2rem
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework {
        gap:.4rem 0
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field {
    margin: .12rem 0 0 0
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label {
    color: #8697a2;
    margin: 0 0 .12rem 0
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-label {
        font-family:"AvertaStd-Semibold";
        font-size: .3rem;
        color: #0f161f;
        margin: 0
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: .18rem
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container {
        grid-template-columns:100%;
        gap: .4rem 0
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container .standard-form-field {
    display: flex;
    margin: 0
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg {
    position: absolute;
    right: .1rem;
    width: .24rem;
    height: .24rem;
    fill: #afb3b6;
    margin: 0;
    cursor: pointer
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .special-form-calender .standard-input svg {
        width:.34rem;
        height: .34rem;
        right: .2rem
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form {
    display: grid;
    grid-template-columns: minmax(2rem, 1fr) .05fr 1fr;
    grid-template-areas: "labelTitle ....... ......." "fromDate TextTo toDate";
    gap: .17rem .18rem;
    width: 66%;
    white-space: nowrap
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field {
    display: block;
    margin: 0
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.start-date {
    grid-area: fromDate
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date {
    grid-area: toDate
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper {
        right:0;
        left: unset !important
    }

    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-form-field.to-date .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker__triangle {
        right: .5rem;
        left: unset
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.title {
    justify-content: flex-start;
    grid-area: labelTitle;
    grid-column: 1;
    white-space: normal
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-label.text-to {
    grid-area: TextTo
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img {
    position: absolute;
    right: .1rem;
    width: .24rem;
    height: .24rem;
    fill: #afb3b6;
    margin: 0;
    cursor: pointer
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input svg,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form .standard-input img {
        width:.34rem;
        height: .34rem;
        right: .2rem
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span {
    margin: 0;
    display: flex;
    justify-content: center
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form label,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form p,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form span {
        justify-content:flex-start;
        white-space: normal
    }
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-container.special_form {
        width:100%;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "labelTitle TextTo" "fromDate toDate"
    }
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-form-field.special_form {
        margin-top:4.1025641026vw
    }
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-modal-title {
    margin: .1rem 0 .35rem;
    margin: .1rem 0 0rem;
    display: block;
    grid-area: 2;
    color: #8697a2
}

body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: .18rem;
    margin: .34rem 0 0;
    margin: .14rem 0 0
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .affiliate-route-background .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .standard-popup-overlay .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .standard-popup-overlay .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .m-popup-history-detail .aff-settings-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container,body.aff-portal .m-popup-history-detail .aff-dialog-table-container .st-content .st-detail-container .st-tab .standard-form-framework .standard-button-container {
        grid-template-columns:repeat(2, 1fr)
    }
}

body.aff-portal .affiliate-route-background .pagination-content,body.aff-portal .standard-popup-overlay .pagination-content,body.aff-portal .m-popup-history-detail .pagination-content {
    margin: 0.5rem auto 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .pagination-content,body.aff-portal .standard-popup-overlay .pagination-content,body.aff-portal .m-popup-history-detail .pagination-content {
        font-size:.2rem
    }
}

body.aff-portal .affiliate-route-background .pagination-content .page-count,body.aff-portal .standard-popup-overlay .pagination-content .page-count,body.aff-portal .m-popup-history-detail .pagination-content .page-count {
    color: #0f161f
}

body.aff-portal .affiliate-route-background .pagination-content .pagination,body.aff-portal .standard-popup-overlay .pagination-content .pagination,body.aff-portal .m-popup-history-detail .pagination-content .pagination {
    display: flex;
    align-items: center;
    margin: 0.18rem 0 0
}

body.aff-portal .affiliate-route-background .pagination-content .pagination svg,body.aff-portal .standard-popup-overlay .pagination-content .pagination svg,body.aff-portal .m-popup-history-detail .pagination-content .pagination svg {
    width: 0.11rem;
    height: 0.11rem;
    fill: #8697a2
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .pagination-content .pagination svg,body.aff-portal .standard-popup-overlay .pagination-content .pagination svg,body.aff-portal .m-popup-history-detail .pagination-content .pagination svg {
        margin:0;
        width: .2rem;
        height: .2rem
    }
}

body.aff-portal .affiliate-route-background .pagination-content .pagination a[aria-label="Go to previous page"],body.aff-portal .standard-popup-overlay .pagination-content .pagination a[aria-label="Go to previous page"],body.aff-portal .m-popup-history-detail .pagination-content .pagination a[aria-label="Go to previous page"] {
    margin: 0 0.13rem 0 0.3rem;
    width: 0.06rem
}

body.aff-portal .affiliate-route-background .pagination-content .pagination a[aria-label="Go to next page"],body.aff-portal .standard-popup-overlay .pagination-content .pagination a[aria-label="Go to next page"],body.aff-portal .m-popup-history-detail .pagination-content .pagination a[aria-label="Go to next page"] {
    margin: 0 0.3rem 0 0.13rem;
    width: 0.06rem
}

body.aff-portal .affiliate-route-background .pagination-content .pagination a[aria-label*="Go to page number"],body.aff-portal .standard-popup-overlay .pagination-content .pagination a[aria-label*="Go to page number"],body.aff-portal .m-popup-history-detail .pagination-content .pagination a[aria-label*="Go to page number"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.33rem;
    height: 0.33rem;
    border-radius: 50%;
    background: #f7f7f7;
    margin: 0 0.1rem;
    color: #8697a2;
    text-decoration: none
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .pagination-content .pagination a[aria-label*="Go to page number"],body.aff-portal .standard-popup-overlay .pagination-content .pagination a[aria-label*="Go to page number"],body.aff-portal .m-popup-history-detail .pagination-content .pagination a[aria-label*="Go to page number"] {
        text-decoration:none;
        width: .62rem;
        height: .62rem;
        font-size: .26rem
    }
}

body.aff-portal .affiliate-route-background .standard-button-container button,body.aff-portal .standard-popup-overlay .standard-button-container button,body.aff-portal .m-popup-history-detail .standard-button-container button {
    height: .4rem;
    font-size: .16rem;
    border-radius: .08rem;
    width: auto
}

body.aff-portal .affiliate-route-background .standard-button-container button:disabled,body.aff-portal .standard-popup-overlay .standard-button-container button:disabled,body.aff-portal .m-popup-history-detail .standard-button-container button:disabled {
    cursor: not-allowed
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .standard-button-container button,body.aff-portal .standard-popup-overlay .standard-button-container button,body.aff-portal .m-popup-history-detail .standard-button-container button {
        height:.64rem;
        font-size: .3rem
    }
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .standard-button-container,body.aff-portal .standard-popup-overlay .standard-button-container,body.aff-portal .m-popup-history-detail .standard-button-container {
        gap:1.5384615385vw
    }

    body.aff-portal .affiliate-route-background .standard-button-container.shareBtn-container,body.aff-portal .standard-popup-overlay .standard-button-container.shareBtn-container,body.aff-portal .m-popup-history-detail .standard-button-container.shareBtn-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

body.aff-portal .affiliate-route-background .standard-button-container .standard-submit-form-button,body.aff-portal .affiliate-route-background .standard-button-container button.standard-submit-button,body.aff-portal .affiliate-route-background .standard-button-container button.standard-add-form-button,body.aff-portal .standard-popup-overlay .standard-button-container .standard-submit-form-button,body.aff-portal .standard-popup-overlay .standard-button-container button.standard-submit-button,body.aff-portal .standard-popup-overlay .standard-button-container button.standard-add-form-button,body.aff-portal .m-popup-history-detail .standard-button-container .standard-submit-form-button,body.aff-portal .m-popup-history-detail .standard-button-container button.standard-submit-button,body.aff-portal .m-popup-history-detail .standard-button-container button.standard-add-form-button {
    width: 100%;
    height: 0.4rem;
    background: #ff8a00;
    border-radius: 0.08rem;
    color: #fff;
    font-size: 0.16rem;
    font-family: "AvertaStd-Regular";
    margin: 0rem .4rem .35rem
}

body.aff-portal .affiliate-route-background .standard-button-container .standard-submit-form-button:disabled,body.aff-portal .affiliate-route-background .standard-button-container button.standard-submit-button:disabled,body.aff-portal .affiliate-route-background .standard-button-container button.standard-add-form-button:disabled,body.aff-portal .standard-popup-overlay .standard-button-container .standard-submit-form-button:disabled,body.aff-portal .standard-popup-overlay .standard-button-container button.standard-submit-button:disabled,body.aff-portal .standard-popup-overlay .standard-button-container button.standard-add-form-button:disabled,body.aff-portal .m-popup-history-detail .standard-button-container .standard-submit-form-button:disabled,body.aff-portal .m-popup-history-detail .standard-button-container button.standard-submit-button:disabled,body.aff-portal .m-popup-history-detail .standard-button-container button.standard-add-form-button:disabled {
    background: #ff8a00
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .standard-button-container .standard-submit-form-button,body.aff-portal .affiliate-route-background .standard-button-container button.standard-submit-button,body.aff-portal .affiliate-route-background .standard-button-container button.standard-add-form-button,body.aff-portal .standard-popup-overlay .standard-button-container .standard-submit-form-button,body.aff-portal .standard-popup-overlay .standard-button-container button.standard-submit-button,body.aff-portal .standard-popup-overlay .standard-button-container button.standard-add-form-button,body.aff-portal .m-popup-history-detail .standard-button-container .standard-submit-form-button,body.aff-portal .m-popup-history-detail .standard-button-container button.standard-submit-button,body.aff-portal .m-popup-history-detail .standard-button-container button.standard-add-form-button {
        grid-area:1/span 3;
        height: .64rem;
        font-size: .32rem;
        border-radius: .15rem;
        margin: .32rem 0 .42rem
    }
}

body.aff-portal .affiliate-route-background .standard-button-container button.standard-full-width-button,body.aff-portal .standard-popup-overlay .standard-button-container button.standard-full-width-button,body.aff-portal .m-popup-history-detail .standard-button-container button.standard-full-width-button {
    margin: 0
}

body.aff-portal .affiliate-route-background .standard-button-container button.info-button,body.aff-portal .standard-popup-overlay .standard-button-container button.info-button,body.aff-portal .m-popup-history-detail .standard-button-container button.info-button {
    background: #0071e3;
    margin: 0;
    width: 100%
}

body.aff-portal .affiliate-route-background .standard-button-container button.info-button:disabled,body.aff-portal .standard-popup-overlay .standard-button-container button.info-button:disabled,body.aff-portal .m-popup-history-detail .standard-button-container button.info-button:disabled {
    background: #81cafc
}

body.aff-portal .affiliate-route-background .standard-button-container .referral-btn .details-btn button,body.aff-portal .affiliate-route-background .standard-button-container .shareBtn-container .details-btn button,body.aff-portal .affiliate-route-background .standard-button-container .floating-referral .details-btn button,body.aff-portal .affiliate-route-background .standard-button-container .share-dropdown.floating-referral .details-btn button,body.aff-portal .standard-popup-overlay .standard-button-container .referral-btn .details-btn button,body.aff-portal .standard-popup-overlay .standard-button-container .shareBtn-container .details-btn button,body.aff-portal .standard-popup-overlay .standard-button-container .floating-referral .details-btn button,body.aff-portal .standard-popup-overlay .standard-button-container .share-dropdown.floating-referral .details-btn button,body.aff-portal .m-popup-history-detail .standard-button-container .referral-btn .details-btn button,body.aff-portal .m-popup-history-detail .standard-button-container .shareBtn-container .details-btn button,body.aff-portal .m-popup-history-detail .standard-button-container .floating-referral .details-btn button,body.aff-portal .m-popup-history-detail .standard-button-container .share-dropdown.floating-referral .details-btn button {
    justify-content: flex-start
}

body.aff-portal .affiliate-route-background .standard-button-container .referral-btn .triangle,body.aff-portal .affiliate-route-background .standard-button-container .shareBtn-container .triangle,body.aff-portal .affiliate-route-background .standard-button-container .floating-referral .triangle,body.aff-portal .affiliate-route-background .standard-button-container .share-dropdown.floating-referral .triangle,body.aff-portal .standard-popup-overlay .standard-button-container .referral-btn .triangle,body.aff-portal .standard-popup-overlay .standard-button-container .shareBtn-container .triangle,body.aff-portal .standard-popup-overlay .standard-button-container .floating-referral .triangle,body.aff-portal .standard-popup-overlay .standard-button-container .share-dropdown.floating-referral .triangle,body.aff-portal .m-popup-history-detail .standard-button-container .referral-btn .triangle,body.aff-portal .m-popup-history-detail .standard-button-container .shareBtn-container .triangle,body.aff-portal .m-popup-history-detail .standard-button-container .floating-referral .triangle,body.aff-portal .m-popup-history-detail .standard-button-container .share-dropdown.floating-referral .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.12rem;
    width: .24rem;
    height: .12rem;
    overflow: hidden
}

body.aff-portal .affiliate-route-background .standard-button-container .referral-btn .triangle::after,body.aff-portal .affiliate-route-background .standard-button-container .shareBtn-container .triangle::after,body.aff-portal .affiliate-route-background .standard-button-container .floating-referral .triangle::after,body.aff-portal .affiliate-route-background .standard-button-container .share-dropdown.floating-referral .triangle::after,body.aff-portal .standard-popup-overlay .standard-button-container .referral-btn .triangle::after,body.aff-portal .standard-popup-overlay .standard-button-container .shareBtn-container .triangle::after,body.aff-portal .standard-popup-overlay .standard-button-container .floating-referral .triangle::after,body.aff-portal .standard-popup-overlay .standard-button-container .share-dropdown.floating-referral .triangle::after,body.aff-portal .m-popup-history-detail .standard-button-container .referral-btn .triangle::after,body.aff-portal .m-popup-history-detail .standard-button-container .shareBtn-container .triangle::after,body.aff-portal .m-popup-history-detail .standard-button-container .floating-referral .triangle::after,body.aff-portal .m-popup-history-detail .standard-button-container .share-dropdown.floating-referral .triangle::after {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 .01rem .06rem rgba(0,0,0,.3019607843)
}

body.aff-portal .affiliate-route-background .standard-button-container .referral-btn .ref-share-link:hover,body.aff-portal .affiliate-route-background .standard-button-container .shareBtn-container .ref-share-link:hover,body.aff-portal .affiliate-route-background .standard-button-container .floating-referral .ref-share-link:hover,body.aff-portal .affiliate-route-background .standard-button-container .share-dropdown.floating-referral .ref-share-link:hover,body.aff-portal .standard-popup-overlay .standard-button-container .referral-btn .ref-share-link:hover,body.aff-portal .standard-popup-overlay .standard-button-container .shareBtn-container .ref-share-link:hover,body.aff-portal .standard-popup-overlay .standard-button-container .floating-referral .ref-share-link:hover,body.aff-portal .standard-popup-overlay .standard-button-container .share-dropdown.floating-referral .ref-share-link:hover,body.aff-portal .m-popup-history-detail .standard-button-container .referral-btn .ref-share-link:hover,body.aff-portal .m-popup-history-detail .standard-button-container .shareBtn-container .ref-share-link:hover,body.aff-portal .m-popup-history-detail .standard-button-container .floating-referral .ref-share-link:hover,body.aff-portal .m-popup-history-detail .standard-button-container .share-dropdown.floating-referral .ref-share-link:hover {
    border-radius: 0.2rem
}

body.aff-portal .affiliate-route-background .standard-button-container.button-full-width-container button,body.aff-portal .standard-popup-overlay .standard-button-container.button-full-width-container button,body.aff-portal .m-popup-history-detail .standard-button-container.button-full-width-container button {
    grid-area: 1/span 3
}

body.aff-portal .affiliate-route-background .standard-button-container.two-button-container,body.aff-portal .standard-popup-overlay .standard-button-container.two-button-container,body.aff-portal .m-popup-history-detail .standard-button-container.two-button-container {
    justify-content: space-between
}

body.aff-portal .affiliate-route-background .standard-button-container.two-button-container button,body.aff-portal .standard-popup-overlay .standard-button-container.two-button-container button,body.aff-portal .m-popup-history-detail .standard-button-container.two-button-container button {
    width: 49%;
    min-width: unset;
    margin: 0
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .aff-settings-container,body.aff-portal .standard-popup-overlay .aff-settings-container,body.aff-portal .m-popup-history-detail .aff-settings-container {
        padding:0;
        font-size: .25574rem;
        background: #fff;
        min-height: calc(100vh + 1rem)
    }

    body.aff-portal .affiliate-route-background .aff-settings-container .standard-container-control,body.aff-portal .standard-popup-overlay .aff-settings-container .standard-container-control,body.aff-portal .m-popup-history-detail .aff-settings-container .standard-container-control {
        padding: 0 .2rem 3rem
    }

    body.aff-portal .affiliate-route-background .aff-settings-container .currency-label,body.aff-portal .affiliate-route-background .aff-settings-container .label-title,body.aff-portal .standard-popup-overlay .aff-settings-container .currency-label,body.aff-portal .standard-popup-overlay .aff-settings-container .label-title,body.aff-portal .m-popup-history-detail .aff-settings-container .currency-label,body.aff-portal .m-popup-history-detail .aff-settings-container .label-title {
        font-size: .171rem;
        color: #8697a2
    }

    body.aff-portal .affiliate-route-background .standard-container-control,body.aff-portal .standard-popup-overlay .standard-container-control,body.aff-portal .m-popup-history-detail .standard-container-control {
        width: auto;
        padding: .45rem .5rem
    }

    body.aff-portal .affiliate-route-background .standard-accordion,body.aff-portal .standard-popup-overlay .standard-accordion,body.aff-portal .m-popup-history-detail .standard-accordion {
        padding: 0
    }

    body.aff-portal .affiliate-route-background .standard-accordion .accordion-item .accordion-title,body.aff-portal .standard-popup-overlay .standard-accordion .accordion-item .accordion-title,body.aff-portal .m-popup-history-detail .standard-accordion .accordion-item .accordion-title {
        border-bottom: 0.01rem solid #dbe0e4
    }

    body.aff-portal .affiliate-route-background .standard-button-container button,body.aff-portal .standard-popup-overlay .standard-button-container button,body.aff-portal .m-popup-history-detail .standard-button-container button {
        border-radius: .15rem
    }

    body.aff-portal .affiliate-route-background .standard-button-container button.standard-submit-button,body.aff-portal .affiliate-route-background .standard-button-container button.standard-cancel-form-button,body.aff-portal .standard-popup-overlay .standard-button-container button.standard-submit-button,body.aff-portal .standard-popup-overlay .standard-button-container button.standard-cancel-form-button,body.aff-portal .m-popup-history-detail .standard-button-container button.standard-submit-button,body.aff-portal .m-popup-history-detail .standard-button-container button.standard-cancel-form-button {
        height: 0.64rem;
        font-size: .32rem;
        border-radius: .15rem;
        margin: .32rem 0 .42rem
    }

    body.aff-portal .affiliate-route-background .standard-submit-button,body.aff-portal .standard-popup-overlay .standard-submit-button,body.aff-portal .m-popup-history-detail .standard-submit-button {
        height: 0.64rem;
        font-size: .32rem;
        border-radius: .15rem;
        margin: .32rem 0 .42rem
    }

    body.aff-portal .affiliate-route-background .standard-component-title,body.aff-portal .standard-popup-overlay .standard-component-title,body.aff-portal .m-popup-history-detail .standard-component-title {
        font-size: 0.3rem;
        margin: 0.88rem 0.14rem 0.18rem
    }

    body.aff-portal .affiliate-route-background header,body.aff-portal .standard-popup-overlay header,body.aff-portal .m-popup-history-detail header {
        font-family: "AvertaStd-Semibold"
    }

    body.aff-portal .affiliate-route-background .standard-normal-font-size,body.aff-portal .standard-popup-overlay .standard-normal-font-size,body.aff-portal .m-popup-history-detail .standard-normal-font-size {
        font-size: 1.541em
    }

    body.aff-portal .affiliate-route-background .standard-form-field span.standard-select-arrow,body.aff-portal .standard-popup-overlay .standard-form-field span.standard-select-arrow,body.aff-portal .m-popup-history-detail .standard-form-field span.standard-select-arrow {
        overflow: unset
    }

    body.aff-portal .affiliate-route-background .standard-form-field .standard-select-arrow,body.aff-portal .standard-popup-overlay .standard-form-field .standard-select-arrow,body.aff-portal .m-popup-history-detail .standard-form-field .standard-select-arrow {
        position: unset;
        border-width: undefine;
        width: 0;
        height: 0;
        border-style: unset;
        transform: none
    }

    body.aff-portal .affiliate-route-background .standard-form-field .standard-select-arrow::after,body.aff-portal .standard-popup-overlay .standard-form-field .standard-select-arrow::after,body.aff-portal .m-popup-history-detail .standard-form-field .standard-select-arrow::after {
        content: "";
        right: 0.3rem;
        top: 0.22rem;
        position: absolute;
        pointer-events: none;
        border-width: 0 0.06rem 0.06rem 0;
        border-color: #afb3b6;
        border-style: solid;
        display: inline-block;
        width: 0.2rem !important;
        height: 0.2rem !important;
        transform: rotate(45deg)
    }

    body.aff-portal .affiliate-route-background .standard-form-field .standard-select-arrow.active::after,body.aff-portal .standard-popup-overlay .standard-form-field .standard-select-arrow.active::after,body.aff-portal .m-popup-history-detail .standard-form-field .standard-select-arrow.active::after {
        transform: translate(0%, 50%) rotate(225deg)
    }

    body.aff-portal .affiliate-route-background .standard-form-field .standard-select span:first-child,body.aff-portal .standard-popup-overlay .standard-form-field .standard-select span:first-child,body.aff-portal .m-popup-history-detail .standard-form-field .standard-select span:first-child {
        margin: 0
    }

    body.aff-portal .affiliate-route-background .standard-form-field .standard-select img,body.aff-portal .standard-popup-overlay .standard-form-field .standard-select img,body.aff-portal .m-popup-history-detail .standard-form-field .standard-select img {
        margin-right: 0
    }

    body.aff-portal .affiliate-route-background .standard-form-field .react-datepicker__close-icon,body.aff-portal .standard-popup-overlay .standard-form-field .react-datepicker__close-icon,body.aff-portal .m-popup-history-detail .standard-form-field .react-datepicker__close-icon {
        padding: 0 .3rem 0 0
    }

    body.aff-portal .affiliate-route-background .standard-form-field .react-datepicker__close-icon::after,body.aff-portal .standard-popup-overlay .standard-form-field .react-datepicker__close-icon::after,body.aff-portal .m-popup-history-detail .standard-form-field .react-datepicker__close-icon::after {
        height: .4rem;
        width: .4rem;
        font-size: .3rem;
        font-family: "emoji"
    }
}

.date-filter-month .list-filter-month {
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem
}

.date-filter-month .list-filter-month li {
    border: solid .02rem #ff8a00;
    color: #0f161f;
    padding: 0.05rem 0.15rem;
    cursor: pointer
}

.date-filter-month .list-filter-month li:hover,.date-filter-month .list-filter-month li.active {
    background-color: #ff8a00;
    color: #fff
}

.date-filter-month .react-datepicker__monthPicker {
    display: flex;
    align-items: center;
    width: 3.5rem
}

.date-filter-month .react-datepicker__month .react-datepicker__month-text {
    width: 0.9rem
}

@media(max-width: 768px) {
    .date-filter-month .react-datepicker__monthPicker {
        width:auto
    }

    .date-filter-month .react-datepicker-popper,.date-filter-month .react-datepicker,.date-filter-month .react-datepicker__month-container {
        width: 7rem
    }

    .date-filter-month .react-datepicker__month .react-datepicker__month-text {
        width: 1.5rem
    }
}

.providerLandingIndexContainer {
    background: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 0 0.43rem 0
}

.providerLandingIndexContainer .top {
    position: relative;
    background: #0a1624
}

.providerLandingIndexContainer .top img {
    display: block;
    width: 100%;
    height: 5.25rem;
    max-width: 20rem;
    margin: auto;
    object-fit: cover;
    object-position: center
}

.providerLandingIndexContainer .top .top-provider-content {
    position: absolute;
    top: 1.35rem;
    left: calc(50% - 6.7rem);
    color: #fff;
    width: 100%;
    word-break: normal;
    overflow-wrap: break-word;
    max-width: 13.4rem
}

.providerLandingIndexContainer .top .top-provider-content .provider-type {
    font-weight: 600;
    font-size: 0.55rem;
    margin: 0 0 0.05rem
}

.providerLandingIndexContainer .top .top-provider-content .provider-desc {
    width: 27%
}

.providerLandingIndexContainer .top .top-provider-content .provider-desc p:first-child {
    font-size: 0.3rem;
    margin: 0 0 0.1rem
}

.providerLandingIndexContainer .top .top-provider-content .provider-desc p:last-child {
    font-size: 0.16rem;
    margin: 0
}

.providerLandingIndexContainer .top .top-provider-content .provider-desc h4 {
    font-size: 0.3rem;
    margin: 0 0 0.1rem;
    font-weight: normal
}

.providerLandingIndexContainer .top .top-provider-content .provider-desc h5 {
    font-size: 0.16rem;
    margin: 0;
    font-weight: normal
}

.providerLandingIndexContainer .top .top-provider-content-kh .provider-type {
    font-family: "Content-Bold"
}

.providerLandingIndexContainer .top .top-provider-content-kh .provider-desc {
    font-family: "Content-Regular"
}

.providerLandingIndexContainer .top .PK08-logo-container {
    position: absolute;
    top: 4.55rem;
    left: calc(50% - 6.7rem);
    width: 100%;
    max-width: 13.4rem;
    display: flex;
    justify-content: end
}

.providerLandingIndexContainer .top .PK08-logo-container .logo-img {
    background-image: url(/public/html/images/icon/merchant_logo_white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 0.4rem;
    width: 0.8rem
}

.providerLandingIndexContainer .top-games-container {
    margin: auto;
    padding: 0.4rem 0 0;
    width: 13.4rem
}

.providerLandingIndexContainer .top-games-container .hot-game-title {
    color: #0f161f;
    font-weight: 600;
    font-size: 0.18rem;
    text-transform: capitalize
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 0.5fr)
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container {
    display: flex;
    flex-direction: column;
    position: relative
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper {
    position: relative;
    overflow: hidden
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper img {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .hot-icon,.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .new-icon {
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.12rem;
    font-weight: 600;
    left: 25%;
    padding: 0.04rem 0.1rem;
    position: absolute;
    top: 10%;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .hot-icon {
    background: #ff650f
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .new-icon {
    background: #e0092c
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: .3s;
    transform: translateY(0%);
    opacity: 0;
    visibility: hidden;
    background: rgba(255,255,255,.8)
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .btn-container button {
    width: 1.05rem;
    height: 0.3rem;
    color: #fff;
    border-radius: 0.2rem;
    font-size: 0.14rem
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .btn-container button.top-game-play-btn {
    background: #ff8a00
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper .btn-container button.top-game-play-demo-btn {
    margin: 0.08rem 0 0;
    background: #0071e3
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-img-warpper:hover .btn-container {
    transform: translateY(-100%);
    visibility: visible;
    opacity: 1
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content {
    display: flex;
    flex-direction: column;
    padding: 0 0.5rem
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .row-1 {
    display: flex;
    justify-content: space-between
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .row-1 .game-name {
    color: #0f161f;
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.04rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .row-1 .icon-container svg {
    cursor: pointer;
    fill: #c7d2d7;
    height: 0.15rem;
    width: 0.15rem
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .game-type {
    color: #8697a2;
    font-size: 0.15rem;
    margin: 0 0 0.12rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .game-rtp {
    align-items: center;
    background: #0088f3;
    border-radius: 0.08rem;
    display: flex;
    color: #fff;
    font-weight: 600;
    font-size: 0.12rem;
    justify-content: center;
    padding: 0.04rem 0.12rem;
    width: fit-content;
    margin: 0;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .game-rtp span {
    margin: 0 0 0 0.15rem
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info {
    position: absolute;
    right: 17%;
    top: 83%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 0.12rem 0.11rem;
    background: #f3f5f6;
    font-size: 0.13rem;
    border-radius: 0.05rem;
    z-index: 1;
    color: #0f161f;
    -webkit-box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2)
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info p {
    margin: 0
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info>div:not(:last-child) {
    margin: 0 0 0.06rem
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 {
    display: flex;
    justify-content: space-between
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 div {
    display: flex;
    background: #fff;
    width: 50%;
    border-radius: 0.05rem
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 div:first-child {
    margin: 0 0.08rem 0 0
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 div p {
    padding: 0.08rem 0.1rem;
    color: #8697a2
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-1 div p span {
    padding: 0 0 0 0.08rem;
    color: #0f161f
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-2,.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 0.08rem 0.1rem;
    border-radius: 0.05rem
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-2 p,.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-3 p {
    color: #0f161f
}

.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-2 p:first-child,.providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info .info-row-3 p:first-child {
    color: #8697a2
}

.providerLandingIndexContainer .mid {
    background: #f3f5f6;
    border-radius: 0.1rem;
    margin: 0.5rem auto;
    padding: 0.22rem 0.52rem;
    width: 13.4rem
}

.providerLandingIndexContainer .mid .provider-box {
    display: grid;
    flex-wrap: wrap;
    grid-gap: 0.1rem;
    grid-template-columns: repeat(7, 0.7fr)
}

.providerLandingIndexContainer .mid .provider-box .tab-header {
    background: #fff;
    border: 0.01rem solid rgba(0,0,0,0);
    border-radius: 0.5rem;
    padding: 0.05rem 0;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: .5
}

.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner svg {
    filter: grayscale(100%);
    margin: 0 0.05rem 0 0;
    height: 0.2rem;
    width: auto;
    object-fit: contain
}

.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner span {
    color: #8697a2;
    font-size: 0.14rem;
    white-space: nowrap
}

.providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner span::first-letter {
    text-transform: uppercase
}

.providerLandingIndexContainer .mid .provider-box .tab-header:hover {
    border: 0.01rem solid #ff8a00
}

.providerLandingIndexContainer .mid .provider-box .tab-header:hover .tab-inner {
    opacity: 1
}

.providerLandingIndexContainer .mid .provider-box .tab-header:hover .tab-inner svg {
    filter: grayscale(0%)
}

.providerLandingIndexContainer .mid .provider-box .tab-header:hover .tab-inner span {
    color: #0f161f
}

.providerLandingIndexContainer .mid .provider-box .tab-header .float-dot {
    border-radius: 0.04rem;
    font-size: 0.08rem;
    padding: 0.03rem 0.08rem;
    position: absolute;
    right: -0.04rem;
    text-align: center;
    top: -0.05rem;
    line-height: normal;
    border-radius: 0.1rem;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.providerLandingIndexContainer .mid .provider-box .tab-header .hot-provider {
    background: #ff650f;
    color: #fff
}

.providerLandingIndexContainer .mid .provider-box .tab-header .new-provider {
    background: #e0092c;
    color: #fff
}

.providerLandingIndexContainer .mid .provider-box .tab-header .vpn-provider {
    background: #8697a2;
    border-radius: .04rem;
    color: #fff
}

.providerLandingIndexContainer .mid .provider-box .tab-header .promo-provider {
    background: linear-gradient(to right, #095ebd, #04a9c2);
    color: #fff
}

.providerLandingIndexContainer .mid .provider-box .active {
    border: 0.01rem solid #ff8a00
}

.providerLandingIndexContainer .mid .provider-box .active .tab-inner {
    opacity: 1
}

.providerLandingIndexContainer .mid .provider-box .active .tab-inner svg {
    filter: grayscale(0%)
}

.providerLandingIndexContainer .mid .provider-box .active .tab-inner span {
    color: #0f161f
}

.providerLandingIndexContainer .bottom {
    display: flex;
    flex-flow: column;
    width: 13.4rem;
    margin: 0.26rem auto 0
}

.providerLandingIndexContainer .bottom .filter-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #8697a2;
    font-size: 0.14rem;
    margin: 0 0 0.26rem;
    padding: 0 0 0 0.52rem
}

.providerLandingIndexContainer .bottom .filter-container .filter-list {
    display: flex;
    align-items: center;
    text-transform: capitalize
}

.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.3rem;
    padding: 0 0.09rem;
    border-radius: 0.2rem;
    margin: 0 0.1rem 0 0;
    cursor: pointer
}

.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header.active {
    background: #ff8a00;
    color: #fff
}

.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header:hover {
    background: #ff8a00;
    color: #fff
}

.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header .text {
    text-transform: lowercase
}

.providerLandingIndexContainer .bottom .filter-container .filter-list .filter-header .text::first-letter {
    text-transform: uppercase
}

.providerLandingIndexContainer .bottom .filter-container .sort-container {
    display: flex;
    align-items: center;
    height: 0.35rem
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-title {
    color: #0f161f;
    margin: 0
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container {
    position: relative;
    height: 100%;
    margin: 0 0 0 0.18rem;
    cursor: pointer
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 0.01rem solid #e8e8e8;
    border-radius: 0.2rem;
    padding: 0 0.15rem 0 0.25rem
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-wrapper .sort-type-title {
    color: #8697a2;
    margin: 0 0.95rem 0 0
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-wrapper .drop-down-arrow {
    width: 0.1rem;
    height: 0.05rem;
    fill: #8697a2;
    transition: .3s
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-wrapper .drop-down-arrow.rotate {
    transform: rotate(180deg)
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 2.5rem;
    padding: 0.5rem 0.1rem 0.2rem;
    background: #f3f5f6;
    border-radius: 0.2rem;
    overflow-y: scroll
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown p {
    display: flex;
    align-items: center;
    margin: 0;
    height: 0.25rem;
    padding: 0 0.1rem;
    font-size: 0.14rem;
    color: #8697a2;
    white-space: nowrap
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown p:not(:last-child) {
    margin: 0 0 0.12rem
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown p.active,.providerLandingIndexContainer .bottom .filter-container .sort-container .sort-type-container .sort-type-dropdown p:hover {
    background: #ff8a00;
    border-radius: 0.1rem;
    color: #fff;
    cursor: pointer
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .search-web {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 0.01rem solid #e8e8e8;
    border-radius: 0.2rem;
    margin: 0 0 0 0.15rem
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .search-web .icon-sm {
    position: relative;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.05rem 0 0.1rem;
    transition: .3s
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .search-web .icon-sm svg {
    fill: #ff8a00
}

.providerLandingIndexContainer .bottom .filter-container .sort-container .search-web .search-input {
    background: rgba(0,0,0,0);
    height: 0.35rem
}

.providerLandingIndexContainer .bottom .content-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 0.45rem 0.1rem;
    margin: 0.2rem 0 0
}

.providerLandingIndexContainer .bottom .content-container.has-custom-game-list {
    margin: 0.2rem 0 0.5921rem
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper {
    position: relative;
    width: 100%;
    border-radius: 0.1rem;
    overflow: hidden
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper img {
    width: 100%;
    object-fit: contain;
    border-radius: 0.11rem
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 101.5%;
    position: absolute;
    transition: .3s;
    transform: translateY(0%);
    opacity: 0;
    visibility: hidden;
    background: rgba(255,255,255,.8)
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container button {
    width: 1.05rem;
    height: 0.3rem;
    color: #fff;
    border-radius: 0.2rem;
    font-size: 0.14rem
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container button.play-btn {
    background: #ff8a00
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container button.demo-btn {
    margin: 0.08rem 0 0;
    background: #0071e3
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper:hover .btn-container {
    transform: translateY(-99%);
    visibility: visible;
    opacity: 1
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper.disable-pointer-events,.providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper.maintenance {
    pointer-events: none
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details {
    justify-content: space-between;
    margin: 0.15rem 0 0
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-name {
    font-size: 0.14rem;
    color: #0f161f;
    margin: 0 0 0 0.1rem;
    text-transform: capitalize
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.12rem
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.15rem;
    margin: 0;
    color: #fff;
    border-radius: 0.2rem;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status .tag.isHot-tag {
    background: #ff650f
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status .tag.isNew-tag {
    background: #e0092c
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-status svg {
    width: 0.16rem;
    margin: 0 0 0 0.05rem;
    fill: #c5d2d8
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details .icon-container svg {
    cursor: pointer;
    fill: #c7d2d7;
    height: 0.16rem;
    width: 0.16rem
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-rtp {
    align-items: center;
    background: #0088f3;
    border-radius: 0.08rem;
    display: flex;
    color: #fff;
    font-weight: 600;
    font-size: 0.12rem;
    justify-content: center;
    margin: 0.1rem 0 0;
    padding: 0.04rem 0.1rem;
    width: fit-content;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.providerLandingIndexContainer .bottom .content-container .game-box .game-details .game-rtp span {
    margin: 0 0 0 0.15rem
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info {
    position: absolute;
    right: 7%;
    top: 87%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 0.12rem 0.11rem;
    background: #f3f5f6;
    font-size: 0.13rem;
    border-radius: 0.05rem;
    z-index: 1;
    color: #0f161f
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info p {
    margin: 0
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info>div:not(:last-child) {
    margin: 0 0 0.06rem
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 {
    display: flex;
    justify-content: space-between
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 div {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: 50%;
    border-radius: 0.05rem;
    padding: 0.08rem 0.1rem
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 div:first-child {
    margin: 0 0.08rem 0 0
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 div p {
    color: #0f161f
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-1 div p:first-child {
    color: #8697a2
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-2,.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 0.08rem 0.1rem;
    border-radius: 0.05rem
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-2 p,.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-3 p {
    color: #0f161f
}

.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-2 p:first-child,.providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info .info-row-3 p:first-child {
    color: #8697a2
}

.providerLandingIndexContainer .bottom .app-landing-section {
    position: relative
}

.providerLandingIndexContainer .bottom .app-landing-section img {
    width: 100%;
    border-radius: 0.1rem
}

.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0.4rem 0.9rem
}

.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .left-container {
    margin: 0
}

.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .header-container .header-1 {
    font-size: 0.4rem
}

.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .header-container .header-2 {
    margin: 0.15rem 0 0;
    font-size: 0.2rem
}

.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .app-download-container {
    margin: 0.25rem 0 0
}

.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .app-download-container .download-item .instruction-btn {
    font-size: 0.14rem
}

.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .app-download-container .download-item .download_qr {
    border: rgba(0,0,0,0)
}

.providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .app-download-container .download-item .os-name {
    background: #fff;
    color: #8697a2
}

.providerLandingIndexContainer .bottom-category .bottom-content {
    align-items: center;
    color: #0f161f;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    width: 13.4rem;
    position: relative;
    z-index: 2
}

.providerLandingIndexContainer .bottom-category .bottom-content .title {
    font-weight: 600;
    font-size: 0.4rem;
    margin: 0 0 0.2rem
}

.providerLandingIndexContainer .bottom-category .bottom-content .title::first-letter {
    text-transform: uppercase
}

.providerLandingIndexContainer .bottom-category .bottom-content .subtitle {
    font-size: 0.2rem;
    margin: 0 0 0.2rem
}

.providerLandingIndexContainer .bottom-category .bottom-content .description {
    color: #8697a2;
    font-size: 0.14rem;
    margin: 0 0 0.4rem;
    text-align: center;
    width: 50%
}

.providerLandingIndexContainer .bottom-category .bottom-content button {
    background: #ff8a00;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.16rem;
    padding: 0.1rem 0;
    width: 28%
}

.providerLandingIndexContainer .bottom-category .bottom-content button:hover {
    background: #ff7200
}

.providerLandingIndexContainer .bottom-category .bottom-content-img {
    position: relative;
    z-index: 1;
    margin: -0.8rem auto 0
}

.providerLandingIndexContainer .bottom-category .bottom-content-img img {
    display: block;
    margin: auto;
    max-width: 20rem;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.providerLandingIndexContainer .dotsContainer {
    position: absolute;
    bottom: .16rem;
    left: 0%;
    margin: 0 .49rem
}

.providerLandingIndexContainer .dotsContainer .dots {
    background: #fff;
    width: .09rem;
    height: .09rem;
    transform: unset;
    margin: 0 .05rem;
    border-radius: 50%
}

.providerLandingIndexContainer .dotsContainer .active {
    background: #fdb813;
    width: .29rem;
    height: .09rem;
    transform: unset;
    margin: 0 .1rem;
    border-radius: .1rem
}

@media(max-width: 1024px) {
    .providerLandingIndexContainer .top img {
        height:4.51rem;
        object-fit: cover;
        width: 100%
    }

    .providerLandingIndexContainer .top .top-provider-content {
        top: 1.28rem;
        left: 0.85rem;
        width: 28%
    }

    .providerLandingIndexContainer .top .top-provider-content .provider-type {
        font-size: 0.47rem;
        margin: 0 0 0.02rem
    }

    .providerLandingIndexContainer .top .top-provider-content .provider-desc {
        font-size: 0.24rem;
        width: 100%
    }

    .providerLandingIndexContainer .top .PK08-logo-container {
        top: 3.9rem
    }

    .providerLandingIndexContainer .top .PK08-logo-container .PK08-logo {
        height: 0.4rem;
        width: 0.7rem
    }

    .providerLandingIndexContainer .top-games-container {
        width: 11.5rem
    }

    .providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-content .row-1 .icon-container {
        align-items: flex-start
    }

    .providerLandingIndexContainer .top-games-container .top-games-content-wrapper .hot-game-container .hot-game-info {
        right: 0;
        top: 76%
    }

    .providerLandingIndexContainer .mid {
        width: 11.5rem
    }

    .providerLandingIndexContainer .bottom {
        width: 11.5rem
    }

    .providerLandingIndexContainer .bottom .content-container .game-box .hot-game-info {
        right: 6%
    }

    .providerLandingIndexContainer .bottom .content-container .game-box .game-img-wrapper .btn-container {
        width: 100%;
        height: 101.5%
    }

    .providerLandingIndexContainer .bottom .app-landing-section .app-landing-content {
        padding: 0.25rem 0.75rem
    }

    .providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .header-container .header-1 {
        font-size: 0.35rem
    }

    .providerLandingIndexContainer .bottom .app-landing-section .app-landing-content .header-container .header-1 .header-2 {
        font-size: 0.15rem
    }

    .providerLandingIndexContainer .bottom-category .bottom-content-img {
        margin: -0.4rem auto 0
    }
}

.m-provider-content-container {
    background: unset
}

.m-provider-content-container p {
    margin: 0
}

.m-provider-content-container .game-rtp {
    background: #0088f3;
    border-radius: 0.08rem;
    color: #fff;
    padding: 0.05rem 0.15rem;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.m-provider-content-container .game-rtp span {
    margin: 0 0 0 0.15rem
}

.m-provider-content-container .hot-game-info {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 3rem;
    padding: 0.12rem 0.11rem;
    background: #e8e8e8;
    border-radius: 0.05rem;
    z-index: 1;
    color: #0f161f;
    font-size: 0.22rem
}

.m-provider-content-container .hot-game-info>div:not(:last-child) {
    margin: 0 0 0.06rem
}

.m-provider-content-container .hot-game-info .info-row-1 {
    display: flex;
    justify-content: space-between
}

.m-provider-content-container .hot-game-info .info-row-1 div {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: 50%;
    border-radius: 0.05rem
}

.m-provider-content-container .hot-game-info .info-row-1 div:first-child {
    margin: 0 0.08rem 0 0
}

.m-provider-content-container .hot-game-info .info-row-1 div p {
    padding: 0.08rem 0.1rem 0.08rem 0;
    color: #0f161f
}

.m-provider-content-container .hot-game-info .info-row-1 div p:first-child {
    padding: 0.08rem 0 0.08rem 0.1rem;
    color: #8697a2
}

.m-provider-content-container .hot-game-info .info-row-2,.m-provider-content-container .hot-game-info .info-row-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 0.08rem 0.1rem;
    border-radius: 0.05rem;
    text-transform: capitalize
}

.m-provider-content-container .hot-game-info .info-row-2 p,.m-provider-content-container .hot-game-info .info-row-3 p {
    color: #0f161f
}

.m-provider-content-container .hot-game-info .info-row-2 p:first-child,.m-provider-content-container .hot-game-info .info-row-3 p:first-child {
    color: #8697a2
}

.m-provider-content-container .game-others-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.1rem 0 0;
    font-size: 0.22rem;
    text-align: center;
    height: 0.3rem
}

.m-provider-content-container .game-others-info .hot-icon,.m-provider-content-container .game-others-info .new-icon {
    padding: 0 0.15rem
}

.m-provider-content-container .hot-icon,.m-provider-content-container .new-icon {
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular";
    border-radius: 0.2rem;
    color: #fff
}

.m-provider-content-container .hot-icon {
    background: #ff650f
}

.m-provider-content-container .new-icon {
    background: #e0092c
}

.m-provider-content-container .search-mobile {
    display: flex;
    align-items: center;
    height: .75rem;
    font-size: .36rem
}

.m-provider-content-container .search-mobile .search-form-container {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: .01rem solid #e8e8e8;
    border-radius: .5rem;
    padding: 0 .15rem 0 .25rem
}

.m-provider-content-container .search-mobile .icon-sm {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.1rem 0 0
}

.m-provider-content-container .search-mobile .icon-sm svg {
    fill: #959595
}

.m-provider-content-container .search-mobile .search-form form input {
    font-size: 0.36rem;
    background: rgba(0,0,0,0)
}

.m-provider-content-container .provider-content {
    background: #f7f7f7;
    padding: 0.5rem 0.3rem 0.7rem;
    font-size: 0.3rem;
    color: #0f161f
}

.m-provider-content-container .provider-content .standard-tab {
    width: fit-content
}

.m-provider-content-container .provider-content .filter-container {
    display: grid;
    grid-template-columns: 4fr 6fr;
    grid-gap: 0 0.2rem;
    height: 0.65rem
}

.m-provider-content-container .provider-content .filter-container .sort-container {
    position: relative
}

.m-provider-content-container .provider-content .filter-container .sort-container .standard-select {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.5rem;
    height: 100%;
    padding: 0 0.32rem 0 0.4rem
}

.m-provider-content-container .provider-content .filter-container .sort-container .standard-select .drop-down-arrow {
    width: 0.25rem;
    height: 0.15rem;
    fill: #8899a4;
    transition: .3s;
    z-index: 1
}

.m-provider-content-container .provider-content .filter-container .sort-container .standard-select .drop-down-arrow.active {
    transform: rotate(180deg)
}

.m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown {
    position: absolute;
    z-index: 1;
    top: 0.7rem;
    left: 0;
    width: 100%;
    max-height: 4.8rem;
    padding: 0.31rem 0.15rem 0.45rem;
    background: #fff;
    border-radius: 0.2rem;
    overflow-y: scroll;
    border: 0.01rem solid #d6d6d6
}

.m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown>* {
    display: flex;
    align-items: center;
    margin: 0;
    height: 0.65rem;
    padding: 0 0.25rem;
    color: #8899a4;
    white-space: nowrap
}

.m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown>*:not(:last-child) {
    margin: 0 0 0.12rem
}

.m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown>*.active,.m-provider-content-container .provider-content .filter-container .sort-container .sort-type-dropdown>*:hover {
    background: #ff8a00;
    border-radius: 0.5rem;
    color: #fff;
    cursor: pointer
}

.m-provider-content-container .provider-content .filter-container .search-form-container {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 0.5rem;
    height: 100%;
    padding: 0 0.25rem
}

.m-provider-content-container .provider-content .filter-container .search-form-container svg {
    width: 0.4rem;
    height: 0.4rem
}

.m-provider-content-container .provider-content .filter-container .search-form-container .search-input {
    margin: 0 0 0 0.25rem;
    background: rgba(0,0,0,0);
    font-size: 0.3rem;
    color: #8899a4
}

.m-provider-content-container .provider-content .filter-container .search-form-container .search-input::-webkit-input-placeholder {
    color: #8899a4
}

.m-provider-content-container .provider-content .tab-container {
    margin: 0.35rem 0 0;
    background: unset;
    overflow: scroll
}

.m-provider-content-container .provider-content .tab-container .standard-tab {
    width: fit-content
}

.m-provider-content-container .provider-content .tab-container .standard-tab .tab-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.65rem;
    padding: 0 0.45rem;
    border-radius: 0.5rem;
    color: #8899a4
}

.m-provider-content-container .provider-content .tab-container .standard-tab .tab-header.active {
    background: #ff8a00;
    color: #fff
}

.m-provider-content-container .provider-content .tab-container .standard-tab .tab-header .text {
    text-transform: lowercase
}

.m-provider-content-container .provider-content .tab-container .standard-tab .tab-header .text::first-letter {
    text-transform: uppercase
}

.m-provider-content-container .provider-content .game-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.4rem 0.12rem;
    margin: 0.45rem 0 0
}

.m-provider-content-container .provider-content .game-container .game-box .game-img-wrapper img {
    width: 100%;
    border-radius: 0.1rem
}

.m-provider-content-container .provider-content .game-container .game-box .game-details {
    position: relative;
    margin: 0.15rem 0 0;
    padding: 0 0 0 0.08rem
}

.m-provider-content-container .provider-content .game-container .game-box .game-details .game-name-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.22rem;
    font-weight: 600;
    height: 0.3rem
}

.m-provider-content-container .provider-content .game-container .game-box .game-details .game-name-info .game-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.m-provider-content-container .provider-content .game-container .game-box .game-details .game-name-info .icon-container {
    width: 0.3rem;
    fill: #c7d2d7
}

.m-provider-content-container .provider-content .game-container .game-box:nth-child(3n) .game-details .hot-game-info {
    left: -30%
}

.grecaptcha-badge {
    visibility: hidden
}

.slider-recaptcha-popup-overlay {
    display: flex;
    align-items: center
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container {
    width: 500PX;
    min-width: 500PX;
    max-width: 500PX;
    background: #fff;
    min-height: 1.8rem
}

@media(max-width: 768px) {
    .slider-recaptcha-popup-overlay .slider-recaptcha-modal-container {
        width:95%;
        min-width: 95%;
        max-width: 95%;
        min-height: 2rem
    }
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slideHeader {
    padding: 0.5rem 0.4rem 0 0.4rem;
    text-align: center
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slideHeader .standard-modal-title {
    color: #000
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha-over-99 input::-webkit-slider-thumb {
    background: url(/public/html/images/icon/tick-green.svg),#fff !important
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha {
    height: 0.45rem;
    margin: 0.2rem auto 0.2rem;
    width: 75%;
    position: relative;
    background: #0071e3;
    border-radius: 0.5rem;
    border: 0.01rem solid #bababa;
    padding: 0;
    overflow: hidden;
    font-size: 0.14rem
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    margin: 0;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 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.45rem;
    height: 0.45rem;
    border-radius: 0.5rem;
    background: url(/public/html/images/icon/arrow-right-grey.svg),#fff;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: -101vw 0 0 100vw #f7f7f7;
    cursor: pointer;
    background-size: 0.2rem 0.2rem
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input::-moz-range-thumb {
    z-index: 3;
    position: relative;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 0.5rem;
    background: url(/public/html/images/icon/arrow-right-grey.svg),#fff;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: -101vw 0 0 100vw #f7f7f7;
    cursor: pointer;
    background-size: 0.2rem 0.2rem
}

.slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha .slide-over-90 {
    z-index: 30;
    color: #8697a2
}

.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.2rem;
    color: #fff;
    height: 100%;
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 .2rem
}

.reward-box {
    width: 2rem;
    height: undefined;
    position: fixed;
    bottom: 0.5rem;
    right: 0.5rem;
    z-index: 11;
    background: undefined;
    top: 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;
    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-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 .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,.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: 5.18rem;
    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: .35rem;
    right: .4rem;
    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;
    line-height: unset
}

.reward-popup .popup .popup-detail {
    position: absolute;
    top: 10%;
    bottom: unset;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    margin: auto;
    width: 3.5rem;
    height: 4rem;
    transform: translate(0, 0.8rem);
    color: #fff;
    z-index: 3;
    text-align: center;
    padding: 0
}

.reward-popup .popup .popup-detail>p {
    margin-bottom: 0
}

.reward-popup .popup .popup-detail .detail-title {
    width: 100%;
    font-size: 0.2rem;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    color: #fff;
    font-weight: undefined;
    text-shadow: undefined;
    display: unset;
    word-break: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset
}

.reward-popup .popup .popup-detail .detail-amount {
    width: 100%;
    font-size: 0.2rem;
    font-weight: bold;
    text-shadow: undefined;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    color: #fff;
    margin: 0.2rem 0
}

.reward-popup .popup .popup-detail .detail-desc {
    width: 100%;
    font-size: 0.2rem;
    overflow-y: scroll;
    max-height: 1.5rem;
    height: unset;
    display: unset;
    align-items: unset;
    justify-content: unset;
    color: undefined;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: undefined
}

@media(max-width: 1024px) {
    .reward-box {
        width:2rem
    }

    .reward-box .reward-close {
        width: 0.5rem;
        height: 0.5rem
    }

    .reward-popup .popup {
        max-width: 5.18rem
    }

    .reward-popup .popup .reward-close {
        width: 0.5rem;
        height: 0.5rem;
        top: 0.5rem;
        right: 0.5rem
    }

    .reward-popup .popup .popup-detail {
        top: -1.3rem;
        width: 5.5rem;
        height: 4.8rem;
        right: 0;
        transform: translate(0, 1.4rem)
    }

    .reward-popup .popup .popup-detail .detail-title {
        font-size: 0.2rem
    }

    .reward-popup .popup .popup-detail .detail-amount {
        font-size: 0.2rem
    }

    .reward-popup .popup .popup-detail .detail-desc {
        font-size: 0.2rem;
        height: unset;
        font-weight: undefined
    }
}

.m-reward-box {
    z-index: 1100;
    position: fixed;
    bottom: 2rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    overflow: auto;
    outline: 0;
    background: undefined;
    top: undefined
}

.m-reward-box .reward-image-box {
    position: unset;
    left: unset;
    top: unset;
    z-index: 1;
    transform: unset;
    width: unset
}

.m-reward-box .reward-image-box .reward-img {
    width: 100%;
    height: 100%;
    object-fit: undefined
}

.m-reward-box .reward-close {
    width: 0.5rem;
    height: 0.5rem;
    font-size: .4rem;
    right: 0;
    top: 0
}

.m-reward-box .box-overlay {
    position: unset;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: unset;
    z-index: 0;
    overflow: hidden
}

.m-reward-popup .popup {
    max-width: unset;
    left: 50%;
    top: 50%;
    width: 95%
}

.m-reward-popup .popup .popup-detail {
    top: 10%;
    right: 0;
    width: 5.5rem;
    height: 4.8rem;
    padding: 0;
    justify-content: center
}

.m-reward-popup .popup .popup-detail .detail-title {
    font-size: 0.3rem
}

.m-reward-popup .popup .popup-detail .detail-amount {
    font-size: 0.3rem
}

.m-reward-popup .popup .popup-detail .detail-desc {
    word-break: undefined;
    font-size: 0.3rem;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: undefined
}

.m-reward-popup .popup .reward-close {
    width: .6rem;
    height: .6rem;
    font-size: .4rem;
    right: 0.6rem;
    top: 0.5rem;
    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: #ff8a00;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.25rem
}

.mini-game-floating {
    position: fixed;
    z-index: 9;
    width: 2.7rem;
    height: 1.57rem;
    bottom: .6rem;
    left: .3rem;
    cursor: pointer
}

.mini-game-floating .close-btn {
    font-size: .21rem;
    background: #000;
    left: 2.7rem;
    position: fixed;
    bottom: 2rem;
    z-index: 9;
    width: .3rem;
    height: .3rem;
    border-radius: 100%;
    color: #fff;
    padding: .024rem 0 0 .096rem;
    top: undefined;
    right: undefined
}

.mini-game-floating img {
    width: 100%;
    height: 100%
}

@media(max-width: 768px) {
    .mini-game-floating {
        width:3.6rem;
        height: 2.1rem;
        bottom: 2rem;
        left: .15rem;
        bottom: 2rem
    }

    .mini-game-floating .close-btn {
        width: .45rem;
        height: .45rem;
        font-size: .36rem;
        padding: 0rem 0 0 .13rem;
        bottom: 4rem;
        left: 3.3rem;
        top: undefined
    }
}

.standard-accordion {
    background: #fff;
    border-radius: 0.1rem;
    margin: auto;
    padding: 0.5rem;
    counter-reset: list-number
}

.standard-accordion .accordion-item {
    margin: 0 0 0.24rem
}

.standard-accordion .accordion-item .accordion-title {
    cursor: pointer;
    padding: 0.2rem 0.3rem 0.2rem 0.6rem;
    display: flex;
    counter-increment: list-number
}

.standard-accordion .accordion-item .accordion-title::before {
    content: counter(list-number) ". ";
    margin: 0 0.035rem 0 0
}

.standard-accordion .accordion-item .accordion-title p {
    margin: 0
}

.standard-accordion .accordion-item .accordion-title .drop-down-arrow {
    fill: #949494;
    width: 0.15rem;
    height: 0.15rem;
    margin: auto 0 auto auto
}

.standard-accordion .accordion-item .accordion-content {
    display: none;
    overflow: hidden;
    padding: 0 0.3rem;
    line-height: 0.2rem;
    transition: all .3s;
    color: #989898
}

.standard-accordion .accordion-item .accordion-content img {
    width: 100%
}

.standard-accordion .accordion-item .accordion-content ul .list-style.circle,.standard-accordion .accordion-item .accordion-content ol .list-style.circle {
    list-style-type: circle
}

.standard-accordion .accordion-item .accordion-content ul .list-style.square,.standard-accordion .accordion-item .accordion-content ol .list-style.square {
    list-style-type: square
}

.standard-accordion .accordion-item .accordion-content ul .list-style.disc,.standard-accordion .accordion-item .accordion-content ol .list-style.disc {
    list-style-type: disc
}

.standard-accordion .accordion-item .accordion-content ul .list-style.decimal,.standard-accordion .accordion-item .accordion-content ol .list-style.decimal {
    list-style-type: decimal
}

.standard-accordion .accordion-item .accordion-content ul .list-style.upper-roman,.standard-accordion .accordion-item .accordion-content ol .list-style.upper-roman {
    list-style-type: upper-roman
}

.standard-accordion .accordion-item .accordion-content ul .list-style.lower-roman,.standard-accordion .accordion-item .accordion-content ol .list-style.lower-roman {
    list-style-type: lower-roman
}

.standard-accordion .accordion-item .accordion-content ul .list-style.lower-alpha,.standard-accordion .accordion-item .accordion-content ol .list-style.lower-alpha {
    list-style-type: lower-alpha
}

.standard-accordion .accordion-item .accordion-content ul .list-style.upper-alpha,.standard-accordion .accordion-item .accordion-content ol .list-style.upper-alpha {
    list-style-type: upper-alpha
}

.standard-accordion .accordion-item .accordion-content a {
    color: #06c;
    text-decoration: underline
}

.standard-accordion .accordion-item.active .accordion-title .drop-down-arrow {
    transition: all .2s ease;
    transform: rotate(-180deg)
}

.standard-accordion .accordion-item.active .accordion-content {
    display: block;
    padding: 0.2rem 0.3rem 0.3rem
}

.info-centre-container .standard-accordion {
    width: 13.4rem
}

@media(max-width: 1024px) {
    .info-centre-container .info-menu-container {
        width:11.5rem !important
    }

    .info-centre-container .info-submenu-container {
        width: 11.5rem !important
    }

    .info-centre-container .standard-accordion {
        width: 11.5rem
    }

    .info-centre-container .menu-desc {
        width: 11.5rem !important
    }
}

.m-info-centre-container .info-menu-container .active {
    background: #ff8a00;
    border-radius: 0.5rem
}

.m-info-centre-container .info-submenu-container .active {
    background: #ff8a00;
    color: #fff
}

.m-info-centre-container .standard-accordion {
    padding: .44rem .1rem 0
}

.m-info-centre-container .standard-accordion .accordion-item .accordion-title::before {
    content: counter(list-number) ". ";
    min-width: .4rem
}

.m-info-centre-container .standard-accordion .accordion-item .accordion-title .drop-down-arrow {
    height: 0.3rem;
    width: 0.3rem
}

.m-info-centre-container .standard-accordion .accordion-item .accordion-content ol .list-style .deciaml {
    margin: 0 0 0.2rem
}

.lucky-wheel-container {
    position: fixed;
    z-index: 10;
    top: 65%;
    bottom: undefined;
    left: 0%;
    right: undefined;
    width: 1.83rem;
    height: undefiend
}

.lucky-wheel-container.fifaclub {
    top: 67%;
    bottom: auto
}

.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.1rem;
    right: -0.1rem;
    width: undefined;
    height: undefined;
    cursor: pointer;
    background-color: undefined;
    border-radius: undefined;
    border: undefined
}

.lucky-wheel-container .close-btn>svg {
    width: .33rem;
    height: undefined;
    fill: #fff;
    vertical-align: middle;
    background: #2f2f2f;
    border-radius: 50%;
    padding: .08rem;
    filter: drop-shadow(0 0 0.03rem #6c6c6c)
}

.lucky-wheel-container .close-btn>img {
    display: undefined;
    width: undefined;
    margin: undefined;
    height: undefined;
    transform: undefined
}

.lucky-wheel-container .close-btn::before,.lucky-wheel-container .close-btn::after {
    display: undefined;
    content: undefined;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.03rem;
    height: 0.15rem;
    background-color: #fff
}

.lucky-wheel-container .close-btn::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.lucky-wheel-container.fifaclub .close-btn {
    width: undefined;
    height: undefined
}

.m-lucky-wheel-container {
    position: fixed;
    z-index: 9;
    bottom: 10%;
    left: 0;
    right: undefined;
    width: 30%;
    top: undefined;
    aspect-ratio: undefined
}

.m-lucky-wheel-container img {
    display: block;
    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: undefined;
    height: undefined;
    cursor: pointer;
    background-color: undefined;
    border-radius: 50%;
    border: undefined;
    display: undefined;
    justify-content: undefined;
    align-items: undefined
}

.m-lucky-wheel-container .close-btn>svg {
    width: .33rem;
    height: undefined;
    fill: #fff;
    vertical-align: middle;
    background: #2f2f2f;
    border-radius: 50%;
    padding: .08rem;
    filter: drop-shadow(0 0 0.03rem #6c6c6c)
}

.m-lucky-wheel-container .close-btn::before,.m-lucky-wheel-container .close-btn::after {
    display: undefined;
    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 {
    position: relative;
    background: rgba(255,255,255,.1019607843);
    z-index: 0
}

.lucky-wheel-box-border::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: 1.5rem 0 0.68rem;
    background: url("/public/html/default_whitelabel/shared-image/lucky_wheel/s2/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: undefined
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container {
        padding:.5rem 0 0
    }
}

.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: 13.5rem;
    margin: auto;
    display: grid;
    grid-template-columns: 6.5fr 3.5fr;
    column-gap: 1rem;
    row-gap: 2rem;
    grid-template-areas: "a b" "c c"
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 {
        width:100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: unset;
        column-gap: 0;
        row-gap: 0.5rem
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper {
    position: relative;
    height: fit-content;
    grid-area: a;
    width: 75%;
    justify-self: center
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper {
        order:1
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-1 {
    position: absolute;
    width: 2.04rem;
    bottom: 49%;
    left: 86%
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-1 {
        bottom:61%;
        left: 81%
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-2 {
    position: absolute;
    width: 2.04rem;
    bottom: 49%;
    right: 86%
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-2 {
        bottom:61%;
        right: 81%
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-3 {
    bottom: -6%;
    right: -19%
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-3 {
        right:-14%;
        bottom: 20%
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-4 {
    bottom: -8%;
    right: 70%
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-4 {
        right:68%;
        bottom: 26%
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-5 {
    top: 40%;
    right: 98%
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-5 {
        right:93%;
        top: 35%
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-6 {
    bottom: 34%;
    left: 100%
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-6 {
        left:97%;
        bottom: 50%
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-3 {
    position: absolute;
    width: calc(6%*8);
    animation: iconFloater3 15s infinite;
    transition: ease-in-out .6s;
    z-index: 5;
    background: unset;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(.8%*8)
}

@keyframes iconFloater3 {
    0% {
        transform: translateY(0%)
    }

    25% {
        transform: translateY(0.3rem)
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-4 {
    position: absolute;
    width: calc(6%*8);
    animation: iconFloater4 15s infinite;
    transition: ease-in-out .6s;
    z-index: 5;
    background: unset;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(.8%*8)
}

@keyframes iconFloater4 {
    0% {
        transform: translateY(0%)
    }

    25% {
        transform: translateY(0.3rem)
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-5 {
    position: absolute;
    width: calc(6%*5);
    animation: iconFloater5 15s infinite;
    transition: ease-in-out .6s;
    z-index: 5;
    background: unset;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(.8%*5)
}

@keyframes iconFloater5 {
    0% {
        transform: translateY(0%)
    }

    25% {
        transform: translateY(0.3rem)
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .icon-6 {
    position: absolute;
    width: calc(6%*3);
    animation: iconFloater6 15s infinite;
    transition: ease-in-out .6s;
    z-index: 5;
    background: unset;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(.8%*3)
}

@keyframes iconFloater6 {
    0% {
        transform: translateY(0%)
    }

    25% {
        transform: translateY(0.3rem)
    }
}

.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: 14%;
    left: undefined;
    width: 100%;
    height: 80%
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper #spin {
        top:3.5%;
        height: 75%
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .lucky-wheel-outer {
    z-index: undefined;
    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
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .inner-wheel {
        width:76%;
        top: 0
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-icon {
    position: absolute;
    top: 34%;
    left: 32.5%;
    width: 35%;
    background: unset;
    z-index: 4;
    cursor: unset
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-icon {
        top:25%
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-icon: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
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list {
        height:65%;
        top: 0
    }
}

.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 .prize-name-list li:nth-child(even) {
    color: #ff8a00
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .reminder-title,.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-reminder-title,.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-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 .lucky-wheel-wrapper .spin-content {
    position: absolute;
    width: 100%;
    z-index: 3;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    top: 90%
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-btn {
    background: #ff8a00;
    width: 3.46rem;
    height: 0.4rem;
    border-radius: 0.08rem;
    font-size: 0.16rem;
    font-weight: undefined;
    color: undefined;
    cursor: pointer
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-btn:disabled {
    cursor: not-allowed;
    background: #7a7d7c
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-reminder-title {
    position: unset
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-content .lucky-wheel-btm-img {
    position: absolute;
    top: 30%;
    z-index: -1
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container {
    position: relative;
    height: 2rem
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content {
    position: absolute;
    width: 100%;
    z-index: 3;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    top: 50%
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-btn {
    background: #ff8a00;
    width: 100%;
    height: 0.5rem;
    font-size: 0.2rem;
    border-radius: 0.08rem;
    cursor: pointer
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-btn:disabled {
    cursor: not-allowed;
    background: #7a7d7c
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-reminder-title {
    position: unset
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .spin-content .spin-content-reminder-title {
        padding:0.1rem 0
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-container .lucky-wheel-btm-img {
    position: absolute;
    top: -0.77rem;
    z-index: 0
}

.lucky-wheel-landing-container .container-row-1 .winner-content {
    position: relative;
    margin: 0.35rem 0 0;
    grid-area: b;
    width: 80%;
    justify-self: center
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .winner-content {
        width:85%;
        height: 12rem;
        order: 3;
        margin: 0
    }
}

.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-header {
    color: #fff;
    font-size: 0.24rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-header {
        position:absolute;
        font-size: 0.4rem;
        z-index: 99;
        top: 7%;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap
    }
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg {
    position: relative;
    padding: 0.8rem 0.25rem 0;
    margin: 0.1rem 0 0;
    font-size: 0.16rem;
    min-height: 100%;
    background: rgba(0,0,0,.2);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg {
        padding:1.5rem 0.5rem 0
    }
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg::before {
    content: "";
    position: absolute;
    inset: -0.12rem -0.03rem 0;
    padding: 0.02rem;
    z-index: -1;
    background: url("/public/html/default_whitelabel/shared-image/lucky_wheel/s2/winner-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 0.06rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type {
        margin:0 0 0.15rem 0
    }
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type>button {
    background: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0.07rem 0.05rem;
    color: #000;
    border-radius: 0.2rem;
    padding: 0.1rem 0.05rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type>button {
        padding:0.15rem 0.05rem
    }
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-type>button.active {
    background: #ff8a00;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-single-type {
    display: flex;
    justify-content: center
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-single-type>button {
    background: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0.07rem 0.05rem;
    color: #000;
    border-radius: 0.2rem;
    width: 50%
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg .detail-single-type>button.active {
    background: #ff8a00;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.1rem
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody {
    display: block;
    max-height: 4rem;
    scroll-behavior: smooth;
    margin: 0.15rem 0.01rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody {
        margin:undefined;
        max-height: 7.8rem
    }
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody.list-body {
    overflow-y: hidden
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody.record-body {
    overflow-y: scroll
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr {
    display: inline-table;
    width: 100%
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td {
    vertical-align: top;
    color: #fff;
    font-size: 0.18rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td {
        font-size:0.2rem
    }
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg 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-with-bg table tbody tr td:last-child span {
    color: #ff8a00;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 1.8rem
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td.empty-data {
    text-align: center;
    align-items: center
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab {
    display: flex
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type {
    display: flex;
    gap: .04rem;
    grid-gap: 0 0.06rem;
    border-radius: .12rem;
    background: var(--Background-Neutral-1, #0f1a30);
    padding: .04rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type {
        margin:0 0 0.15rem 0;
        color: var(--Primary-Sub-main-5, #c8daff);
        padding: .08192rem
    }
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type>button {
    padding: 0.1rem 0.05rem;
    background: rgba(0,0,0,0);
    font-weight: 600
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type>button {
        padding:0.15rem 0.05rem;
        font-size: .24rem
    }
}

.lucky-wheel-landing-container .container-row-1 .winner-content .winner-header-tab .detail-type>button.active {
    background: var(--Primary-Main, #2e43ff);
    border-radius: .06rem
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container {
    width: 100%;
    margin: 0.5rem auto 0;
    grid-area: c
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container {
        order:2;
        margin: 0;
        -webkit-mask: linear-gradient(to right, #000 75%, rgba(255, 250, 250, 0.1411764706));
        mask: linear-gradient(to right, #000 75%, rgba(255, 250, 250, 0.1411764706))
    }

    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .slick-slider {
        overflow: hidden;
        margin: 0 0 0 0.5rem
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container {
    margin: auto;
    padding: 0 0.1rem 0;
    position: relative
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container .prize {
    position: absolute;
    width: 60%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container>p {
    position: relative;
    text-align: center;
    bottom: .6rem;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 1.3rem;
    margin: auto
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container>p {
        bottom:.8rem;
        width: 1.4rem;
        font-size: .2rem
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .slider-next-btn {
    position: absolute;
    background: #dbe9f0;
    border-radius: 50%;
    top: 50%;
    right: -0.04rem;
    width: .28rem;
    height: .28rem;
    z-index: 1;
    overflow: visible;
    fill: #6da0dd;
    padding: 0.06rem 0.07rem;
    transform: translateY(-50%) rotate(180deg);
    display: none
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .slider-prev-btn {
    position: absolute;
    background: #dbe9f0;
    border-radius: 50%;
    top: 50%;
    width: .28rem;
    height: .28rem;
    z-index: 1;
    overflow: visible;
    fill: #6da0dd;
    padding: 0.06rem 0.07rem;
    transform: translateY(-50%);
    display: none
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .show {
    display: block
}

.lucky-wheel-landing-container .tnc-wrapper {
    position: relative;
    width: undefined;
    margin: undefined;
    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: undefined;
    padding: 0.3rem 0 0;
    border-radius: undefined;
    width: 6rem;
    font-size: 0.14rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .tnc-wrapper .tnc-detail {
        width:100%;
        font-size: 0.2rem;
        line-height: 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: #fff;
    font-weight: bold
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle span {
    color: #fff;
    font-weight: bold
}

.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 .disc-detail-list li {
    list-style: disc;
    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
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-header {
    font-size: 0.24rem;
    margin-bottom: 0.02rem;
    position: relative;
    color: #ff8a00;
    font-weight: undefined
}

.lucky-wheel-landing-container .tnc-wrapper .tnc-header::after {
    content: "";
    border-bottom: 0.01rem solid #ff8a00;
    width: 80%;
    position: absolute;
    bottom: 0.1rem;
    margin: 0 0 0 0.2rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .tnc-wrapper .tnc-header {
        font-family:"AvertaStd-Semibold";
        font-size: 0.35rem
    }

    .lucky-wheel-landing-container .tnc-wrapper .tnc-header::after {
        content: "";
        position: unset
    }
}

.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ul,.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ul.detail-list {
    padding-left: .25rem
}

.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ul li,.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ul.detail-list li {
    margin: 0;
    list-style: disc
}

.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ol,.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ol.detail-list {
    padding-left: .25rem
}

.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ol li,.lucky-wheel-landing-container .tnc-wrapper.ssbo-content .tnc-detail ol.detail-list li {
    margin: 0;
    list-style: decimal
}

.lucky-wheel-landing-container .tnc-container {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 13.5rem;
    margin: 0.94rem auto 0;
    padding: undefined
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .tnc-container {
        width:100%;
        margin: undefined
    }
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .tnc-container>:not(.tnc-bg) {
        margin:0 0.4rem 0;
        width: undefined
    }
}

.lucky-wheel-landing-container .tnc-container .tnc-bg {
    position: absolute;
    left: 45%;
    top: -0.3rem;
    width: 9.5rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .tnc-container .tnc-bg {
        order:3;
        position: unset;
        width: 100%;
        margin: 0
    }
}

.lucky-wheel-landing-container .tnc-container .lucky-wheel-partnership-section {
    margin: 0.03rem 0 0
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .tnc-container .lucky-wheel-partnership-section {
        order:4;
        display: none
    }
}

.lucky-wheel-landing-container .tnc-container .lucky-wheel-partnership-section .lucky-wheel-partnership-column .lucky-wheel-partnership-type {
    color: #00aeff
}

.lucky-wheel-landing-container .tnc-container .lucky-wheel-partnership-section .lucky-wheel-partnership-column .lucky-wheel-partnership-name {
    color: #fff
}

.lucky-wheel-landing-container .tnc-container .partnership-img {
    width: auto
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .tnc-container .partnership-img {
        width:100%
    }
}

.lucky-wheel-popup-modal-container {
    width: 28%;
    font-family: undefined
}

.lucky-wheel-popup-modal-container .standard-popup-modal-header .standard-modal-close {
    position: absolute;
    right: 0.05rem;
    top: 0.05rem;
    background: rgba(0,0,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: bold;
    color: undefined
}

.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-text {
    margin: 0 0 0.07rem;
    color: undefined
}

.lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-name {
    margin: 0 0 0.3rem;
    font-weight: bold;
    color: #0071e3
}

.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;
    border: undefined;
    cursor: undefined
}

.m-lucky-wheel-popup-modal-container {
    width: 90%;
    font-family: undefined;
    font-size: undefined
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-header .standard-modal-close {
    font-size: 0.6rem;
    top: 0.05rem;
    padding: 0 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: bold;
    color: undefined
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-text {
    margin: 0 0 0.23rem;
    color: undefined
}

.m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-name {
    margin: 0 0 1.05rem;
    font-weight: bold;
    color: #0071e3
}

.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;
    border: undefined
}

.lucky-wheel-popup-modal-container-2 {
    background: #fff;
    max-width: 4.5rem;
    min-width: 4.5rem;
    min-height: 1.5rem
}

.lucky-wheel-popup-modal-container-2 .lucky-wheel-popup-modal-header-2 {
    background: #fff;
    border-radius: 0.1rem 0.1rem 0 0;
    color: #0f161f;
    display: flex;
    justify-content: center;
    padding: 0.3rem 0.3rem 0.1rem
}

.lucky-wheel-popup-modal-container-2 .lucky-wheel-popup-modal-header-2 .standard-modal-title {
    font-size: 0.24rem
}

.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 0.32rem 0
}

.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-blessing-title {
    margin: 0 0 0.1rem;
    font-weight: bold
}

.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-text {
    margin: 0 0 0.07rem
}

.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-prize-name {
    margin: 0 0 0.3rem;
    font-weight: bold;
    color: #0071e3
}

.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-prize-image {
    margin: 0.26rem 0 0.26rem;
    width: 25%
}

.lucky-wheel-popup-modal-container-2 .standard-popup-modal-body .popup-btn {
    padding: 0.15rem 0;
    color: #fff;
    border-radius: 0.05rem;
    background: #ff8a00;
    width: 50%
}

.notification-slider-list-container {
    position: fixed;
    width: 2.41rem;
    height: fit-content;
    z-index: 99999
}

.notification-slider-list-container .floating-banner-container {
    position: unset;
    padding: 0.15rem
}

.notification-slider-list-container .floating-banner-container .floating-banner-img img {
    width: 100%
}

.floating-banner-container {
    position: fixed;
    width: 2.26rem;
    z-index: 999
}

.floating-banner-container .floating-banner-img {
    position: relative;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    background: #f3f5f6;
    text-align: center
}

.floating-banner-container .floating-banner-img img {
    width: 2.26rem;
    height: 100%
}

.floating-banner-container .floating-banner-img .floating-banner-close-btn {
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    background: unset;
    font-size: .2rem;
    border-radius: unset;
    cursor: pointer
}

.floating-banner-container .floating-banner-img .floating-banner-close-btn svg {
    width: .33rem;
    fill: #fff;
    vertical-align: middle;
    background: #2f2f2f;
    border-radius: 50%;
    padding: .08rem;
    filter: drop-shadow(0 0 0.03rem #6c6c6c)
}

.floating-banner-container .floating-banner-content {
    text-align: center;
    background: #f3f5f6;
    color: #0f161f;
    padding: 0.15rem;
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
    font-family: "AvertaStd-Regular";
    font-size: 0.12rem
}

.floating-banner-container .floating-banner-content h1 {
    font-family: "AvertaStd-Bold";
    font-size: 0.2rem
}

.floating-banner-container .floating-banner-content h2 {
    font-family: "AvertaStd-Semibold";
    font-size: 0.17rem
}

.floating-banner-container .floating-banner-content p {
    margin-bottom: 0
}

.floating-banner-container .floating-banner-content button {
    font-family: "AvertaStd-Semibold";
    font-size: 0.17rem;
    background: #fa8a00;
    border-radius: 0.2rem;
    padding: 0.05rem 0.15rem 0.07rem 0.15rem;
    margin: 0.1rem 0 0 0
}

.floating-banner-container .floating-banner-content .floating-banner-close-btn {
    position: absolute;
    right: -0.3rem;
    top: -0.3rem;
    background: unset;
    font-size: .2rem;
    border-radius: unset;
    cursor: pointer
}

.floating-banner-container .floating-banner-content .floating-banner-close-btn svg {
    width: .33rem;
    fill: #fff;
    vertical-align: middle;
    background: #2f2f2f;
    border-radius: 50%;
    padding: .08rem;
    filter: drop-shadow(0 0 0.03rem #6c6c6c)
}

.floating-banner-container-left {
    left: 0.2rem
}

.floating-banner-container-right {
    right: 0.2rem
}

.floating-banner-container-bottom {
    bottom: 10%
}

@media(max-width: 768px) {
    .floating-banner-container .floating-banner-content {
        font-size:0.17rem
    }

    .floating-banner-container .floating-banner-content h1 {
        font-size: 0.3rem
    }

    .floating-banner-container .floating-banner-content h2 {
        font-size: 0.23rem
    }
}

.page-not-found {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    background-color: #fff
}

.page-not-found .pnf-wrapper {
    width: 50%;
    max-width: 7rem;
    min-width: 3.2rem;
    padding: 0.36rem;
    text-align: center
}

.page-not-found .pnf-wrapper .pnf-logo img {
    width: 20%;
    min-width: 1rem;
    margin-bottom: 0.24rem;
    filter: grayscale(80%)
}

.page-not-found .pnf-wrapper .pnf-message {
    color: #999;
    font-size: 0.24rem;
    padding-bottom: 0.36rem;
    line-height: 1.4;
    letter-spacing: 0.005rem
}

.page-not-found .pnf-wrapper .pnf-return-btn {
    color: #777;
    font-size: 0.16rem;
    text-decoration: underline;
    display: inline-block;
    padding: 0.08rem
}

.page-not-found .pnf-wrapper .pnf-return-btn:hover {
    cursor: pointer;
    opacity: .6
}

.daily-popup-modal-container {
    background: #fff;
    min-height: 2rem
}

.daily-popup-modal-container .standard-popup-modal-header {
    font-size: 0.2rem;
    color: #09192d
}

.daily-popup-modal-container .standard-popup-modal-body {
    padding: 0 0.6rem
}

.daily-popup-modal-container .standard-popup-modal-body .standard-form-field {
    align-items: center;
    justify-content: space-between
}

.daily-popup-modal-container .standard-popup-modal-body .standard-form-field p {
    margin: 0 0 0.05rem 0;
    width: 40%
}

.daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate {
    width: 60%
}

.daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date {
    display: grid;
    grid-template-columns: 26% 35% 26%;
    width: 100%;
    justify-content: space-between
}

.daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date select {
    padding: 0.05rem 0.05rem 0.05rem 0.1rem;
    border: 0.01rem solid #f7f7f7;
    color: #8697a2;
    border-radius: 0.05rem;
    font-size: 0.16rem;
    width: 100%;
    height: 0.38rem
}

.daily-popup-modal-container .standard-popup-modal-footer {
    border: none;
    padding: 0 0.6rem;
    margin: 0.3rem 0;
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between
}

.daily-popup-modal-container .standard-popup-modal-footer button {
    width: 100%
}

.daily-popup-modal-container .standard-popup-modal-footer button.standard-cancel-button {
    background: #81cafc;
    border-radius: 0.08rem
}

.m-daily-popup-modal-container .standard-popup-modal-header {
    font-size: 0.3rem;
    padding: 0.6rem 0.42rem 0.56rem
}

.m-daily-popup-modal-container .standard-popup-modal-body {
    padding: 0 0.42rem;
    font-size: 0.3rem
}

.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field {
    flex-direction: column;
    align-items: flex-start;
    justify-content: unset
}

.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field p {
    width: 100%;
    margin: 0 0 0.3rem 0
}

.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate {
    width: 100%
}

.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date {
    grid-template-columns: 32% 32% 32%
}

.m-daily-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date select {
    font-size: 0.3rem;
    height: 0.68rem;
    border-radius: 0.1rem;
    padding: 0.05rem 0.25rem
}

.m-daily-popup-modal-container .standard-popup-modal-body .remark-text {
    font-size: 0.26rem
}

.m-daily-popup-modal-container .standard-popup-modal-footer {
    padding: 0 0.42rem 0.56rem;
    margin: 0.5rem 0 0;
    border-radius: 0 0 0.1rem 0.1rem
}

.m-daily-popup-modal-container .standard-popup-modal-footer .standard-submit-button,.m-daily-popup-modal-container .standard-popup-modal-footer .standard-cancel-button {
    height: 0.82rem;
    font-size: 0.3rem;
    border-radius: 0.1rem
}

.phone-email-input-container {
    width: 100% !important;
    margin-bottom: .2rem
}

.phone-email-input-container .standard-tab-container {
    border-bottom: 0
}

.phone-email-input-container-spacing {
    margin: 0 0 .2rem
}

.otp-container {
    margin-bottom: 0.2rem;
    border: 0;
    width: fit-content;
    background: rgba(0,0,0,0)
}

.otp-container .tab-header {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important
}

.otp-container .otp-tab-container {
    border: none;
    display: flex;
    flex-direction: row;
    width: fit-content
}

.otp-container .otp-tab-button {
    cursor: pointer;
    padding: .1rem .15rem;
    white-space: nowrap;
    margin: 0 .1rem 0 0;
    font-weight: 500;
    border-radius: .3rem;
    border: 0.04rem solid rgba(0,0,0,0);
    background: #f3f5f6;
    color: #fff;
    width: 1.53rem;
    height: unset;
    font-size: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(128,128,128,.6117647059)
}

.otp-container .otp-tab-button.otp-active {
    color: #fff;
    background: #ff8a00;
    border: 0
}

.otp-container .otp-single-selection {
    width: fit-content
}

.otp-container .standard-action-button {
    background-color: #ff8a00 !important
}

.contact-type-field {
    width: 100%;
    margin: 0 0 .2rem 0
}

.aff-portal .affiliate-route-background .standard-form-field .contact-type-field .standard-select-arrow::after {
    display: none
}

.aff-portal .affiliate-route-background .standard-form-field .contact-type-field .select-arrow-up {
    transform: translate(0%, 50%) rotate(225deg)
}

.get-code-button {
    height: unset;
    border-radius: .1rem;
    margin-left: .1rem;
    background: #dbe0e4;
    font-size: .16rem;
    padding: 0 .2rem;
    color: #0f161f;
    width: unset
}

.get-code-button .count-down-text {
    margin: 0 0 0 .05rem;
    font-size: .12rem
}

@media(max-width: 768px) {
    .get-code-button .count-down-text {
        font-size:.2rem
    }
}

.get-code-button-half-width {
    width: 50%
}

.get-code-button:disabled {
    opacity: .5;
    pointer-events: auto !important;
    cursor: not-allowed !important
}

.get-otp-container-extend-width {
    width: 40% !important
}

body.aff-portal .withdrawal-wrapper .otp-form-wrapper {
    grid-template-columns: unset !important;
    grid-template-areas: unset !important
}

body.aff-portal .withdrawal-wrapper .phone-email-input-container-spacing {
    width: 100% !important
}

body.aff-portal .withdrawal-wrapper .transaction-form,body.aff-portal .withdrawal-wrapper .standard-form-field:has(.phone-email-input-container) {
    grid-template-columns: unset !important;
    grid-template-areas: unset !important
}

.st-detail-container .st-tab .standard-gap .wire-transfer-detail-container .wire-transfer-detail .standard-form-field:has(.phone-email-input-container) {
    grid-template-columns: unset !important;
    grid-template-areas: unset !important;
    width: 32%
}

.st-detail-container .st-tab .standard-gap .wire-transfer-detail-container .wire-transfer-detail .standard-form-field:has(.phone-email-input-container) .otp-container {
    margin: 0rem
}

.bank-info-container .select-bank-form .contact-type-field {
    grid-template-columns: unset !important;
    margin: 0 0 .2rem !important
}

.st-content .st-detail-container .st-tab .m-withdrawal-landing .bank-transfer-container .standard-form-container .standard-form-field .phone-email-input-container .standard-tab-container {
    margin: .1rem 0
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .standard-form-field .contact-type-field {
    margin: .1rem 0
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-label {
    grid-area: unset
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-error-validation {
    grid-area: unset !important
}

@media only screen and (max-width: 768px) {
    .get-code-button {
        font-size:.3rem
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .phone-email-input-container .standard-tab-container {
        display: flex
    }
}

@media only screen and (max-width: 768px) {
    .otp-container {
        width:100%
    }

    .otp-container.single-otp-container {
        width: 100%
    }

    .otp-container .otp-tab-button {
        width: 4rem;
        height: .8rem;
        font-size: .3rem
    }

    .get-code-button {
        height: inherit;
        font-size: .3rem;
        width: 40%
    }

    .otp-active {
        height: .8rem;
        font-size: .28rem
    }

    .get-otp-container {
        width: 100%
    }

    .get-otp-container-extend-width {
        width: 100% !important
    }

    .contact-type-field {
        width: 100%;
        margin-bottom: .2rem
    }
}

.floating-freespin-icon-wrapper {
    background: undefined;
    position: fixed;
    top: 20%;
    left: 0;
    bottom: unset;
    right: unset;
    z-index: 200
}

.floating-freespin-icon-wrapper button {
    background-color: rgba(0,0,0,0)
}

.floating-freespin-icon-content-wrapper,.floating-freespin-icon-top-wrapper {
    position: relative
}

.floating-freespin-icon-top-wrapper {
    padding-bottom: .24rem
}

.floating-freespin-icon-image {
    width: 2.8rem
}

.floating-freespin-icon-image img {
    width: 100%
}

.floating-freespin-icon-close {
    position: absolute;
    top: -0.12rem;
    right: -0.03rem;
    height: .28rem;
    width: .28rem;
    background-image: url(/public/html/default_whitelabel/shared-image/angpow-rain/angpow-floating-close-btn.png);
    background-size: cover;
    z-index: 3
}

.floating-freespin-icon-available-claim {
    position: absolute;
    top: 40%;
    right: 17%;
    color: #000;
    font-size: .12rem;
    font-weight: 600;
    width: 35%;
    transform: translateY(-50%)
}

.floating-freespin-icon-available-claim .highlighted-text {
    color: red;
    font-weight: 700
}

.floating-freespin-icon-bottom-wrapper {
    position: absolute;
    left: .12rem;
    bottom: 0
}

.floating-freespin-icon-countdown-bg {
    width: 1.8rem
}

.floating-freespin-icon-countdown-bg img {
    width: 100%
}

.floating-freespin-icon-countdown {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.floating-freespin-icon-countdown .time-display {
    font-size: .14rem;
    color: #252525;
    font-weight: 400
}

.floating-freespin-icon-countdown .time-display.songkran {
    color: #fff
}

.floating-freespin-icon-countdown .countdown-grid {
    column-gap: .1rem;
    row-gap: 0;
    margin-bottom: .02rem
}

.floating-freespin-icon-countdown .row {
    flex-direction: column;
    justify-content: center
}

.floating-freespin-icon-countdown .row span {
    font-weight: 600
}

.floating-freespin-icon-countdown .row .unit {
    font-size: .12rem;
    font-weight: 400
}

.freespin-popup-modal-container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: center;
    background-color: rgba(0,0,0,0)
}

.freespin-popup-modal-container .freespin-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: .24rem;
    fill: #fff;
    cursor: pointer
}

.freespin-popup-modal-container .freespin-popup-modal-body {
    position: relative;
    width: 5.8rem;
    line-height: .2rem
}

.freespin-popup-modal-container .freespin-popup-modal-body img {
    width: 100%
}

.freespin-popup-modal-container .freespin-title,.freespin-popup-modal-container .freespin-claim,.freespin-popup-modal-container .freespin-noticed {
    margin: 0 0 .15rem
}

.freespin-popup-modal-container .freespin-message {
    position: absolute;
    color: #fff;
    text-align: center;
    z-index: 9;
    width: 3.5rem;
    padding: 0 0 1.5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.freespin-popup-modal-container .freespin-claim-cta {
    color: #0072e2;
    background: rgba(0,0,0,0);
    box-shadow: none;
    border: none;
    cursor: pointer;
    font-size: .16rem;
    text-decoration: underline
}

@media(max-width: 768px) {
    .floating-freespin-icon-wrapper {
        position:fixed;
        top: 20%;
        left: 0;
        bottom: unset;
        right: unset;
        transform: unset
    }

    .floating-freespin-icon-image {
        width: 2.6rem
    }

    .floating-freespin-icon-image img {
        width: undefined
    }

    .floating-freespin-icon-available-claim {
        top: 23%;
        right: 14%;
        font-size: .26rem;
        width: 36%;
        font-weight: 500
    }

    .floating-freespin-icon-available-claim .highlighted-text {
        font-size: .26rem;
        font-weight: 500
    }

    .floating-freespin-icon-close {
        height: .4rem;
        width: .4rem
    }

    .floating-freespin-icon-top-wrapper {
        padding-bottom: 0
    }

    .freespin-popup-modal-container .freespin-popup-modal-body {
        width: 7rem
    }

    .freespin-popup-modal-container .freespin-close-btn {
        width: .5rem;
        right: .4rem
    }

    .freespin-popup-modal-container .freespin-message {
        font-size: .21rem;
        line-height: .22rem;
        width: 3.4rem;
        padding: 0 0 1.5rem
    }
}

.loading_top_bar-container>div {
    margin: 0
}

.loading_top_bar--primary-color {
    color: #ff8a00 !important;
    background: #ff8a00 !important;
    border-radius: 0.05rem
}

.loading_top_bar--primary-color>div {
    box-shadow: #ff8a00 0 0 .1rem,#ff8a00 0 0 .1rem !important
}

#lcp-home-banner .lcp-home-banner_loading-icon img {
    max-width: 3rem
}

@media(max-width: 575px) {
    #lcp-home-banner .lcp-home-banner_loading-icon img {
        max-width:1.5rem
    }
}

@media(max-width: 768px) {
    html {
        font-size:13.0208333333vw
    }

    .body-content-container {
        margin: 0
    }
}

.loading-container {
    z-index: 1;
    height: 100vh;
    width: 100vw;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.loading-container .loading img {
    width: 100%;
    height: 100%;
    max-width: 3rem
}

@media(max-width: 768px) {
    .loading-container .loading img {
        height:100%;
        width: 100%
    }
}

@media(max-width: 575px) {
    .loading-container .loading img {
        max-width:1.5rem
    }
}

.back-top-box {
    position: fixed;
    right: 0.25rem;
    bottom: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.4rem;
    background: #0070e2;
    border-radius: 50%;
    cursor: pointer;
    z-index: 999
}

.back-top-box svg {
    width: 0.18rem;
    height: 0.1rem;
    fill: #fff
}

.home-container .home-bg-container .home-content-wrapper {
    width: 13.4rem;
    margin: auto;
    padding: 0.38rem 0 0 0;
    border-image: linear-gradient(to right, #dde0e0 80%, #fafafa 100%) 1
}

.home-container .slick-arrow {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #dbe9f0;
    border-radius: 50%;
    top: 50%;
    width: 0.28rem;
    height: 0.28rem;
    z-index: 1;
    overflow: visible;
    fill: #6da0dd
}

.home-container .slick-arrow::before {
    content: ""
}

.home-container .slick-arrow.slick-prev {
    left: -0.13rem
}

.home-container .slick-arrow.slick-next {
    right: -0.01rem
}

.home-container .slick-arrow.slick-next svg {
    transform: rotate(180deg)
}

.home-container .slick-arrow svg {
    width: 0.07rem
}

.footer-container .footer-container-inner-wrapper {
    width: 13.4rem;
    margin: 0 auto
}

@media(max-width: 1024px) {
    .home-container .home-bg-container .home-content-wrapper {
        width:11.5rem
    }

    .footer-container .footer-container-inner-wrapper {
        width: 11.5rem;
        margin: 0 auto
    }
}

.m-home .top-games-container {
    padding: 0.4rem 0 0 0.16rem;
    background: #fff
}

.m-home .top-games-container .game-rtp {
    background: #0088f3;
    border-radius: 0.08rem;
    color: #fff;
    padding: 0.05rem 0.15rem;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.m-home .top-games-container .game-rtp span {
    margin: 0 0 0 0.15rem
}

.m-home .top-games-container .hot-game-info {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 3.2rem;
    padding: 0.12rem 0.11rem;
    background: #e8e8e8;
    border-radius: 0.05rem;
    z-index: 1;
    color: #0f161f;
    font-size: 0.22rem
}

.m-home .top-games-container .hot-game-info>div:not(:last-child) {
    margin: 0 0 0.06rem
}

.m-home .top-games-container .hot-game-info .info-row-1 {
    display: flex;
    justify-content: space-between
}

.m-home .top-games-container .hot-game-info .info-row-1 div {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: 50%;
    border-radius: 0.05rem
}

.m-home .top-games-container .hot-game-info .info-row-1 div:first-child {
    margin: 0 0.08rem 0 0
}

.m-home .top-games-container .hot-game-info .info-row-1 div p {
    padding: 0.08rem 0.1rem 0.08rem 0;
    color: #0f161f
}

.m-home .top-games-container .hot-game-info .info-row-1 div p:first-child {
    padding: 0.08rem 0 0.08rem 0.1rem;
    color: #8697a2
}

.m-home .top-games-container .hot-game-info .info-row-2,.m-home .top-games-container .hot-game-info .info-row-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 0.08rem 0.1rem;
    border-radius: 0.05rem;
    text-transform: capitalize
}

.m-home .top-games-container .hot-game-info .info-row-2 p,.m-home .top-games-container .hot-game-info .info-row-3 p {
    color: #0f161f
}

.m-home .top-games-container .hot-game-info .info-row-2 p:first-child,.m-home .top-games-container .hot-game-info .info-row-3 p:first-child {
    color: #8697a2
}

.m-home .top-games-container .game-others-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.1rem 0 0;
    font-size: 0.22rem;
    text-align: center;
    height: 0.3rem
}

.m-home .top-games-container .game-others-info .hot-icon,.m-home .top-games-container .game-others-info .new-icon {
    padding: 0 0.15rem
}

.m-home .top-games-container .hot-icon,.m-home .top-games-container .new-icon {
    border-radius: 0.2rem;
    color: #fff;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.m-home .top-games-container .hot-icon {
    background: #ff650f
}

.m-home .top-games-container .new-icon {
    background: #e0092c
}

.mobile-back-top-box {
    width: 0.7rem;
    height: 0.7rem
}

.mobile-back-top-box svg {
    width: 100%;
    height: 0.18rem
}

.small-loading {
    fill: #ff8a00
}

.icon-star-container {
    display: flex;
    position: absolute;
    width: 0.35rem;
    height: 0.35rem;
    overflow: visible
}

.icon-star-container .icon-border-star {
    fill: #fff;
    width: 100%;
    height: 100%;
    padding: 0.025rem
}

.latest-promo-section .latest-promo-title {
    font-weight: 600;
    font-size: 0.18rem;
    color: #0f161f
}

.latest-promo-section .latest-promo-slider {
    width: 13.5rem
}

.latest-promo-section .latest-promo-slider .slick-slide {
    height: 1.05rem;
    margin: 0 0.12rem 0 0;
    cursor: pointer;
    border-radius: 0.05rem;
    overflow: hidden
}

.latest-promo-section .latest-promo-slider .slick-slide img {
    width: 100%
}

.latest-promo-section .latest-promo-slider .slick-arrow {
    display: none !important
}

.latest-promo-section .latest-promo-slider .slick-arrow.show {
    display: flex !important
}

.latest-promo-section .latest-promo-slider .latest-promo-category {
    height: 2rem
}

.latest-promo-section.rewards {
    margin: 0.76rem 0 0
}

.latest-promo-section.rewards p {
    margin: 0
}

.latest-promo-section.rewards .latest-promo-slider {
    width: 13.52rem;
    margin: 0.22rem 0 0
}

.latest-promo-section.rewards .latest-promo-slider .slick-list {
    width: 13.4rem;
    padding-left: 0 !important
}

.latest-promo-section.rewards .latest-promo-slider .slick-slide {
    height: 1.68rem;
    margin: 0 0.13rem 0 0
}

@media(max-width: 1024px) {
    .latest-promo-section .latest-promo-slider {
        width:11.6rem
    }

    .latest-promo-section .latest-promo-slider .slick-slide {
        height: 0.9rem;
        margin: 0 0.1rem 0 0
    }

    .latest-promo-section.rewards .latest-promo-slider {
        width: 11.6rem
    }

    .latest-promo-section.rewards .latest-promo-slider .slick-list {
        width: 11.5rem
    }

    .latest-promo-section.rewards .latest-promo-slider .slick-slide {
        height: 1.44rem;
        margin: 0 0.11rem 0 0
    }
}

.announcementBarSection {
    width: 100%
}

.announcementBarSection .annoucement-bar-component {
    color: #0f161f;
    font-size: 0.14rem;
    cursor: pointer;
    max-width: 13.4rem;
    height: unset;
    display: grid;
    grid-template-columns: 90% 10%
}

.announcementBarSection .annoucement-bar-component .left-block {
    min-width: fit-content;
    width: unset;
    height: 0.19rem;
    padding: 0 0.1rem;
    margin: 0 0.16rem 0 0;
    color: #fff;
    font-size: 0.12rem;
    border-radius: 0.03rem;
    justify-content: center
}

.announcementBarSection .annoucement-bar-component .announcement-content-animation-box {
    display: flex;
    align-items: center
}

.announcementBarSection .annoucement-bar-component .announcement-content-container {
    justify-content: center
}

.announcementBarSection .annoucement-bar-component .announcement-content-container .msg-enter {
    transform: translateY(100%);
    opacity: 0
}

.announcementBarSection .annoucement-bar-component .announcement-content-container .msg-enter-active {
    transform: translateY(0%);
    opacity: 1;
    transition: all 2s linear
}

.announcementBarSection .annoucement-bar-component .announcement-content-container .msg-exit {
    transform: translateY(0%);
    opacity: 1
}

.announcementBarSection .annoucement-bar-component .announcement-content-container .msg-exit-active {
    transform: translateY(-100%);
    opacity: 0;
    transition: all 2s linear
}

.announcementBarSection .annoucement-bar-component .more-btn {
    display: flex;
    justify-content: flex-end;
    color: #8697a2;
    text-transform: capitalize;
    text-decoration: underline
}

.announcementBarSection .annoucement-bar-component .right-block {
    display: none
}

@media(max-width: 1024px) {
    .announcementBarSection .annoucement-bar-component {
        max-width:11.5rem
    }
}

.betting-partner-section {
    height: 4.4rem;
    overflow: hidden
}

.betting-partner-section p {
    margin: 0
}

.betting-partner-section .betting-partner-content {
    border-radius: 0.1rem;
    position: relative
}

.betting-partner-section .betting-partner-content .slick-slide>div {
    display: grid;
    flex-direction: row-reverse;
    grid-template-columns: 65% 35%;
    grid-template-areas: "team video"
}

.betting-partner-section .betting-partner-content .left-container {
    grid-area: video;
    display: flex;
    align-items: flex-start
}

.betting-partner-section .betting-partner-content .left-container .videoContent {
    border-radius: 0.2rem;
    overflow: hidden;
    height: 2.53rem
}

.betting-partner-section .betting-partner-content .left-container .videoContent iframe {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.betting-partner-section .betting-partner-content .right-container {
    grid-area: team
}

.betting-partner-section .betting-partner-content .betting-partner-slider {
    width: 100%
}

.betting-partner-section .betting-partner-content .betting-partner-slider .partner-info {
    position: relative
}

.betting-partner-section .betting-partner-content .betting-partner-slider .partner-info img,.betting-partner-section .betting-partner-content .betting-partner-slider .partner-info .empty-container {
    width: 100%;
    object-fit: contain
}

.betting-partner-section .betting-partner-content .betting-partner-slider .partner-info .partner-info-content {
    font-size: 0.18rem;
    color: #0f161f;
    font-family: "AvertaStd-Semibold","sans-serif","宋体","SukhumvitSet-Text";
    position: absolute;
    top: 1.1rem;
    left: 0.18rem
}

.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer {
    position: absolute;
    top: 2.4rem;
    left: 0.18rem
}

.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer button {
    width: 0.09rem;
    height: 0.09rem;
    transform: unset;
    margin-bottom: unset;
    border-radius: 50%;
    margin: 0 0.12rem 0 0;
    overflow: visible
}

.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer button:last-child {
    margin: 0
}

.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer .dots {
    background: #e1e1e1
}

.betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer .active {
    background: #ff8a00
}

.betting-partner-section .betting-partner-content .btnBetNow {
    background: #ff8a00;
    padding: 0.06rem 0.24rem 0.04rem;
    border-radius: 0.2rem;
    position: absolute;
    top: 1.6rem;
    left: 0.18rem;
    font-family: "AvertaStd-Semibold","sans-serif","宋体","SukhumvitSet-Text"
}

.betting-partner-section .betting-partner-content .btnBetNow:hover {
    background: #ff7200
}

.iframe-popup .standard-popup-modal-header {
    padding: 0
}

.iframe-popup .videoContent {
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.iframe-popup .videoContent iframe {
    height: 3.8rem;
    width: 6.65rem;
    border-radius: 0.3rem;
    overflow: hidden
}

@media(max-width: 1024px) {
    .betting-partner-section {
        height:3.8rem
    }

    .betting-partner-section .betting-partner-content .left-container .videoContent {
        height: 2.2rem
    }

    .betting-partner-section .betting-partner-content .betting-partner-slider .dotsContainer {
        top: 2.07rem
    }
}

.hotmatch-section {
    margin: 0.6rem 0 0
}

.hotmatch-section .slick-arrow {
    display: none !important
}

.hotmatch-section .slick-arrow.show {
    display: flex !important
}

.hotmatch-section .top-container {
    display: flex;
    align-items: center;
    margin: 0 0 0.18rem
}

.hotmatch-section .top-container .hotmatch-title {
    color: #0f161f;
    font-weight: 600;
    font-size: 0.18rem;
    margin: 0 0.4rem 0 0
}

.hotmatch-section .top-container .hotmatch-type-container {
    display: flex;
    align-items: center
}

.hotmatch-section .top-container .hotmatch-type-container .type-btn {
    font-size: 0.14rem;
    color: #8697a2;
    background: rgba(0,0,0,0);
    padding: 0.06rem 0.2rem;
    border-radius: 0.2rem
}

.hotmatch-section .top-container .hotmatch-type-container .type-btn:not(:last-child) {
    margin: 0 0.17rem 0 0
}

.hotmatch-section .top-container .hotmatch-type-container .type-btn.active,.hotmatch-section .top-container .hotmatch-type-container .type-btn:hover {
    color: #fff;
    background: #ff8a00
}

.hotmatch-section .hotmatch-slider {
    width: 12.9rem;
    margin: -1.6rem 0 0
}

.hotmatch-section .hotmatch-slider .slick-slide:not(:last-child) {
    margin: 0 0.13rem 0 0
}

.hotmatch-section .hotmatch-slider .slick-list {
    width: 12.78rem;
    padding-left: 0 !important
}

.hotmatch-section .hotmatch-slider .betContainer {
    position: relative;
    background: #fff;
    border-radius: 0.05rem;
    overflow: hidden;
    width: 3.88rem
}

.hotmatch-section .hotmatch-slider .betContainer .container-header {
    display: grid;
    grid-template-columns: 60% 40%;
    background: linear-gradient(to right, #48125e, #73277f);
    padding: 0.1rem 0.1rem 0.1rem 0.16rem;
    font-size: 0.15rem
}

.hotmatch-section .hotmatch-slider .betContainer .container-header .header-left {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.hotmatch-section .hotmatch-slider .betContainer .container-header .header-left .match-time {
    margin: 0 0.08rem 0 0;
    color: #fff
}

.hotmatch-section .hotmatch-slider .betContainer svg {
    top: 0.07rem;
    right: 0.13rem;
    width: 0.16rem;
    height: 0.16rem;
    fill: #c5d2d8;
    cursor: pointer
}

.hotmatch-section .hotmatch-slider .betContainer .important-notice-box {
    position: absolute;
    right: 0.08rem;
    top: 0.35rem;
    padding: 0.19rem;
    background: #fff;
    font-size: 0.14rem;
    border-radius: 0.1rem;
    z-index: 1;
    box-shadow: 0.02rem 0.03rem 0.05rem #9b9b9b;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 3
}

.hotmatch-section .hotmatch-slider .betContainer .important-notice-box.active {
    opacity: 1;
    visibility: visible
}

.hotmatch-section .hotmatch-slider .betContainer .bet-title {
    color: #fff;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper {
    display: grid;
    justify-content: space-between;
    font-family: "AvertaStd-Semibold","sans-serif","宋体","SukhumvitSet-Text";
    padding: 0.12rem 0.24rem 0.12rem;
    grid-template-areas: "teamName teamName teamImg teamImg" "matchDetail matchDetail matchDetail matchDetail";
    grid-template-columns: 1.2rem 1rem 1rem;
    color: #0f161f
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name {
    grid-area: teamName;
    font-size: 0.16rem
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name>div {
    display: flex;
    align-items: center
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name>div:not(:last-child) {
    margin: 0 0 0.1rem
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name>div p:first-child {
    margin: 0 0.1rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.18rem;
    height: 0.18rem;
    border-radius: 50%;
    color: #fff;
    font-size: 0.11rem
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name>div p:first-child.home-type {
    background: #33c600
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name>div p:first-child.away-type {
    background: #ff4e00
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img {
    grid-area: teamImg;
    position: relative
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    filter: drop-shadow;
    box-shadow: 0.02rem 0.05rem 0.1rem rgba(0,0,0,.3);
    border-radius: 50%;
    background: #fff
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img.img-home {
    left: 8%;
    top: -10%;
    z-index: 2
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img.img-away {
    right: 8%;
    bottom: -10%;
    z-index: 1
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail {
    grid-area: matchDetail;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.18rem 0 0;
    font-size: 0.15rem;
    font-family: "AvertaStd-Regular","sans-serif","宋体","SukhumvitSet-Text"
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.05rem 0.15rem;
    width: 49%;
    background: #f3f5f6;
    border-radius: 0.5rem
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail>div p {
    margin: 0
}

.hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail>div p:nth-child(2) {
    color: #8697a2
}

.betting-hotmatch-container {
    background: #f3f5f6;
    padding: 0.32rem 0.3rem;
    border-radius: 0.15rem
}

@media(max-width: 1024px) {
    .hotmatch-section .hotmatch-slider {
        width:11rem;
        margin: -1.4rem 0 0
    }

    .hotmatch-section .hotmatch-slider .slick-list {
        width: 10.9rem
    }

    .hotmatch-section .hotmatch-slider .betContainer .container-header {
        grid-template-columns: 55% 45%;
        padding: 0.08rem 0.05rem 0.08rem 0.1rem
    }

    .hotmatch-section .hotmatch-slider .betContainer .container-header .header-left .match-time {
        margin: 0 0.05rem 0 0
    }

    .hotmatch-section .hotmatch-slider .betContainer .imgWarpper {
        grid-template-columns: 1rem 0.8rem 1rem;
        font-size: 0.12rem;
        padding: 0.12rem 0.1rem 0.12rem
    }

    .betting-hotmatch-container {
        padding: 0.22rem 0.2rem
    }
}

.hotmatch-section.mobile-hotmatch-section {
    padding: 0 0 0 0.21rem
}

.hotmatch-section.mobile-hotmatch-section .top-container {
    margin: 0 0 0.36rem 0.22rem
}

.hotmatch-section.mobile-hotmatch-section .top-container .hotmatch-title {
    font-size: 0.34rem;
    margin: 0 0.4rem 0 0
}

.hotmatch-section.mobile-hotmatch-section .top-container .hotmatch-type-container .type-btn {
    font-size: 0.24rem;
    padding: 0.1rem 0.24rem;
    border-radius: 0.3rem
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider {
    width: 100%;
    margin: 0
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .slick-slide:not(:last-child) {
    margin: 0 0.14rem 0 0
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .slick-list {
    width: 100%
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer {
    padding: 0;
    border-radius: 0.1rem;
    background: #f3f5f6
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .top-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(to right, #48125e, #73277f);
    color: #fff;
    padding: 0.2rem 0.2rem 0.16rem;
    border-radius: 0.1rem 0.1rem 0 0
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .top-content .bet-title {
    background: unset;
    font-size: 0.24rem;
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 60%
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .top-content .right-box {
    display: flex;
    align-items: center
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .top-content .right-box svg {
    position: unset;
    width: 0.3rem;
    height: 0.3rem;
    margin: -0.05rem 0 0 0.21rem;
    background: #fff;
    border-radius: 50%
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .important-notice-box {
    box-shadow: 0.05rem 0.06rem 0.1rem #9b9b9b;
    color: #0f161f;
    right: 0.3rem;
    top: 0.6rem;
    font-size: 0.24rem;
    padding: 0.2rem
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper {
    font-size: 0.24rem;
    padding: 0.3rem 0.2rem 0.35rem;
    grid-template-columns: 1.9rem 1.5rem 1.9rem
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name {
    font-size: 0.24rem
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name>div:not(:last-child) {
    margin: 0 0 0.16rem
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-name>div p:first-child {
    margin: 0 0.3rem 0 0;
    width: 0.36rem;
    height: 0.36rem;
    font-size: 0.24rem
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img {
    width: 0.96rem;
    height: 0.96rem
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img.img-home {
    left: 8%;
    top: -10%
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .team-img img.img-away {
    right: 8%;
    bottom: -10%
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail {
    margin: 0.4rem 0 0;
    font-size: 0.24rem
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .betContainer .imgWarpper .match-detail>div {
    padding: 0.1rem 0.2rem;
    background: #fff
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0.21rem
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer button {
    width: 0.13rem;
    height: 0.13rem;
    border-radius: 50%;
    margin: 0 0.18rem 0 0;
    overflow: visible
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer button:last-child {
    margin: 0
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer .dots {
    background: #e1e1e1
}

.hotmatch-section.mobile-hotmatch-section .hotmatch-slider .dotsContainer .active {
    background: #ff8a00
}

.register-guide-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 1.04rem
}

.register-guide-section .guide-title {
    color: #0f161f;
    font-size: 0.18rem;
    margin: 1.05rem 0 0
}

.register-guide-section .guide-title2 {
    color: #0f161f;
    font-size: 0.36rem;
    margin: 0.06rem 0 0
}

.register-guide-section .step-container {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    margin: 0.5rem 0 0;
    width: 12rem;
    justify-content: space-between;
    text-align: center
}

.register-guide-section .step-container .guide-box {
    padding: 0.15rem;
    border-radius: 0.1rem
}

.register-guide-section .step-container .guide-box svg {
    width: 0.75rem;
    height: 0.75rem
}

.register-guide-section .step-container .guide-box .guide-content {
    margin: 0.15rem 0.05rem 0.05rem;
    word-break: break-word
}

.register-guide-section .step-container .guide-box .guide-content p {
    margin: 0;
    font-size: 0.16rem;
    color: #0f161f
}

.register-guide-section .step-container .guide-box.box-0 {
    border: 0.01rem solid red
}

.register-guide-section .step-container .guide-box.box-1 {
    border: 0.01rem solid #67e49e
}

.register-guide-section .step-container .guide-box.box-2 {
    border: 0.01rem solid #f7921a
}

.register-guide-section .step-container .guide-box.box-3 {
    border: 0.01rem solid #fbb813
}

.register-guide-section .progress-bar-img {
    width: 12rem;
    margin: 0.16rem 0 0
}

.register-guide-section .step-title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.18rem 0 0
}

.register-guide-section .step-title-container .step-title {
    width: 2.76rem;
    text-align: center;
    font-size: 0.2rem
}

.register-guide-section .step-title-container .step-title:not(:last-child) {
    margin: 0 0.32rem 0 0
}

.register-guide-section .step-title-container .step-title.title-0 {
    color: red
}

.register-guide-section .step-title-container .step-title.title-1 {
    color: #50c583
}

.register-guide-section .step-title-container .step-title.title-2 {
    color: #f7921a
}

.register-guide-section .step-title-container .step-title.title-3 {
    color: #f9b100
}

.register-guide-section .guide-tutorial-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.33rem;
    background: #ff8a00;
    border-radius: 0.3rem;
    margin: 0.61rem 0 0;
    font-size: 0.16rem;
    padding: 0 0.16rem
}

.register-guide-section .guide-tutorial-btn svg {
    fill: #fff
}

.register-guide-section .guide-tutorial-btn svg.video-icon {
    width: 0.23rem;
    height: 0.21rem;
    margin: 0 0.13rem 0 0
}

.register-guide-section .guide-tutorial-btn svg.arrow-icon {
    transform: rotate(180deg);
    width: 0.06rem;
    height: 0.11rem;
    margin: 0 0 0 0.21rem
}

@media(max-width: 1024px) {
    .register-guide-section .step-container {
        max-width:10.32rem
    }

    .register-guide-section .progress-bar-img {
        width: 10.32rem
    }

    .register-guide-section .step-title-container .step-title {
        width: 2.37rem
    }

    .register-guide-section .step-title-container .step-title:not(:last-child) {
        margin: 0 0.27rem 0 0
    }
}

.hot-games-section {
    position: relative
}

@media(max-width: 768px) {
    .hot-games-section {
        margin:1.04rem 0 0
    }
}

.hot-games-section.add-index {
    z-index: 2
}

.hot-games-section .hot-games-slider {
    width: 13.52rem
}

.hot-games-section .hot-games-slider .slick-list {
    width: 13.4rem;
    padding-left: 0 !important
}

.hot-games-section .hot-games-slider .slick-slide {
    height: 3.15rem;
    margin: 0 0.13rem 0 0
}

.hot-games-section .hot-games-slider .slick-arrow {
    top: 0.75rem;
    display: none !important
}

.hot-games-section .hot-games-slider .slick-arrow.show {
    display: flex !important
}

.hot-games-section .hot-games-slider .hot-game-container {
    position: relative
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper {
    position: relative;
    width: 2.3rem;
    height: 1.55rem;
    border-radius: 0.1rem;
    overflow: hidden
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 2.3rem;
    height: 1.6rem;
    position: absolute;
    transition: .3s;
    transform: translateY(0%);
    opacity: 0;
    visibility: hidden;
    background: rgba(255,255,255,.8)
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container button {
    width: 1.05rem;
    height: 0.3rem;
    color: #fff;
    border-radius: 0.2rem;
    font-size: 0.14rem
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container button.hot-game-play-btn {
    background: #ff8a00
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container button.hot-game-play-demo-btn {
    margin: 0.08rem 0 0;
    background: #0071e3
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper:hover .btn-container {
    transform: translateY(-100%);
    visibility: visible;
    opacity: 1
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content {
    margin: 0.13rem 0 0
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content>p {
    margin: 0
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.16rem
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .game-name {
    color: #0f161f;
    font-size: 0.15rem;
    margin: 0 0 0 0.09rem;
    width: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .icon-container {
    display: flex;
    align-items: center;
    gap: 0.05rem;
    font-size: .12rem
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .icon-container .new-icon {
    background: #e0092c;
    padding: 0.04rem 0.06rem;
    border-radius: 0.2rem;
    text-align: center;
    color: #fff;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .icon-container .hot-icon {
    background: #ff650f;
    padding: 0.04rem 0.06rem;
    border-radius: 0.2rem;
    text-align: center;
    color: #fff;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .icon-container svg {
    width: 0.16rem;
    margin: 0 0.03rem 0 0.05rem;
    fill: #c5d2d8;
    cursor: pointer
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-type {
    color: #8697a2;
    font-size: 0.13rem;
    margin: 0.03rem 0 0 0.09rem
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-rtp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: 0.08rem;
    background: #0088f3;
    font-size: 0.13rem;
    margin: 0.03rem 0 0;
    color: #fff;
    padding: 0.04rem 0.1rem;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-rtp span {
    margin: 0 0 0 0.15rem
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info {
    position: absolute;
    right: 0;
    top: 1.9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 0.12rem 0.11rem;
    background: #f3f5f6;
    font-size: 0.13rem;
    border-radius: 0.05rem;
    z-index: 1;
    color: #0f161f
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info p {
    margin: 0
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info>div:not(:last-child) {
    margin: 0 0 0.06rem
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 {
    display: flex;
    justify-content: space-between
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 div {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: 50%;
    border-radius: 0.05rem
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 div:first-child {
    margin: 0 0.08rem 0 0
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 div p {
    padding: 0.08rem 0.1rem 0.08rem 0;
    color: #0f161f
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-1 div p:first-child {
    color: #8697a2;
    padding: 0.08rem 0 0.08rem 0.1rem
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-2,.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 0.08rem 0.1rem;
    border-radius: 0.05rem
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-2 p,.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-3 p {
    color: #0f161f
}

.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-2 p:first-child,.hot-games-section .hot-games-slider .hot-game-container .hot-game-info .info-row-3 p:first-child {
    color: #8697a2
}

@media(max-width: 1024px) {
    .hot-games-section .hot-games-slider {
        width:11.6rem
    }

    .hot-games-section .hot-games-slider .slick-list {
        width: 11.5rem
    }

    .hot-games-section .hot-games-slider .slick-slide {
        height: 2.8rem;
        margin: 0 0.11rem 0 0
    }

    .hot-games-section .hot-games-slider .slick-arrow {
        top: 0.6rem
    }

    .hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper {
        width: 1.87rem
    }

    .hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container .hot-game-play-btn {
        width: 0.34rem;
        height: 0.34rem
    }

    .hot-games-section .hot-games-slider .hot-game-container .hot-game-img-warpper .btn-container .hot-game-play-btn svg {
        width: 0.12rem;
        height: 0.12rem
    }

    .hot-games-section .hot-games-slider .hot-game-container .hot-game-content {
        margin: 0.08rem 0 0
    }

    .hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 {
        height: 0.13rem
    }

    .hot-games-section .hot-games-slider .hot-game-container .hot-game-content .row-1 .game-name {
        width: 1.2rem
    }

    .hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-rtp {
        height: 0.18rem
    }

    .hot-games-section .hot-games-slider .hot-game-container .hot-game-content .game-rtp span {
        margin: 0 0 0 0.12rem
    }

    .hot-games-section .hot-games-slider .hot-game-container .hot-game-info {
        top: 1.45rem
    }
}

.instant-game-section {
    margin: 0.4rem 0 0
}

.instant-game-section .top-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0f161f;
    margin: 0 0 0.22rem;
    position: relative;
    height: 0.21rem
}

.instant-game-section .top-container p {
    margin: 0
}

.instant-game-section .top-container .instant-game-title {
    font-weight: 600;
    font-size: 0.18rem;
    position: absolute;
    left: 0
}

.instant-game-section .top-container .see-all-btn {
    font-size: 0.16rem;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    right: 0
}

.instant-game-section .instant-game {
    width: 13.52rem
}

.instant-game-section .instant-game .slick-list {
    width: 13.4rem;
    padding-left: 0 !important
}

.instant-game-section .instant-game .slick-slide {
    height: 2rem;
    margin: 0 0.12rem 0 0
}

.instant-game-section .instant-game .slick-arrow {
    top: 0.75rem;
    display: none !important;
    align-items: center;
    justify-content: center;
    background: #dbe9f0;
    border-radius: 50%;
    width: .28rem;
    height: .28rem;
    z-index: 1;
    overflow: visible;
    fill: #6da0dd
}

.instant-game-section .instant-game .slick-arrow::before {
    content: ""
}

.instant-game-section .instant-game .slick-arrow.show {
    display: flex !important
}

.instant-game-section .instant-game .slick-arrow.slick-prev {
    left: -0.13rem
}

.instant-game-section .instant-game .slick-arrow.slick-prev svg {
    width: 0.07rem
}

.instant-game-section .instant-game .slick-arrow.slick-next {
    right: -0.01rem
}

.instant-game-section .instant-game .slick-arrow.slick-next svg {
    width: 0.07rem;
    transform: rotate(180deg)
}

.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper {
    position: relative;
    width: 2.3rem;
    height: 1.42rem;
    border-radius: 0.1rem;
    overflow: hidden
}

.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 1.55rem;
    position: absolute;
    transition: .3s;
    transform: translateY(0%);
    opacity: 0;
    visibility: hidden;
    background: rgba(255,255,255,.8)
}

.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container button {
    width: 1.05rem;
    height: 0.3rem;
    color: #fff;
    border-radius: 0.2rem;
    font-size: 0.14rem
}

.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container button.instant-game-play-btn {
    background: #ff8a00
}

.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container button.instant-game-play-demo-btn {
    margin: 0.08rem 0 0;
    background: #0071e3
}

.instant-game-section .instant-game .instant-game-container .instant-game-img-warpper:hover .btn-container {
    transform: translateY(-100%);
    visibility: visible;
    opacity: 1
}

.instant-game-section .instant-game .instant-game-container .instant-game-content {
    margin: 0.13rem 0 0
}

.instant-game-section .instant-game .instant-game-container .instant-game-content>p {
    margin: 0
}

.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.16rem;
    position: relative
}

.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .casino-name {
    color: #0f161f;
    font-size: 0.15rem;
    margin: 0 0 0 0.09rem;
    width: 1.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .hot-icon,.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .new-icon {
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.12rem;
    font-weight: 600;
    right: 0;
    top: -0.025rem;
    padding: 0.04rem 0.06rem;
    position: absolute;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .hot-icon {
    background: #ff650f
}

.instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 .new-icon {
    background: #e0092c
}

.instant-game-section .instant-game .instant-game-container .instant-game-content .casino-type {
    color: #8899a4;
    font-size: 0.13rem;
    margin: 0.03rem 0 0 0.09rem
}

@media(max-width: 1024px) {
    .instant-game-section .instant-game {
        width:11.6rem
    }

    .instant-game-section .instant-game .slick-list {
        width: 11.5rem
    }

    .instant-game-section .instant-game .slick-slide {
        height: 1.91rem;
        margin: 0 0.1rem 0 0
    }

    .instant-game-section .instant-game .slick-arrow {
        top: 0.6rem
    }

    .instant-game-section .instant-game .instant-game-container .instant-game-img-warpper {
        width: 1.87rem
    }

    .instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container .instant-game-play-btn {
        width: 0.34rem;
        height: 0.34rem
    }

    .instant-game-section .instant-game .instant-game-container .instant-game-img-warpper .btn-container .instant-game-play-btn svg {
        width: 0.12rem;
        height: 0.12rem
    }

    .instant-game-section .instant-game .instant-game-container .instant-game-content {
        margin: 0.11rem 0 0
    }

    .instant-game-section .instant-game .instant-game-container .instant-game-content .row-1 {
        height: 0.13rem
    }
}

.live-casino-slider-section {
    position: relative;
    z-index: 1;
    margin: -0.4rem 0 0
}

.live-casino-slider-section .live-casino-slider {
    width: 13.52rem
}

.live-casino-slider-section .live-casino-slider .slick-list {
    width: 13.4rem;
    padding-left: 0 !important
}

.live-casino-slider-section .live-casino-slider .slick-slide {
    height: 2rem;
    margin: 0 0.12rem 0 0
}

.live-casino-slider-section .live-casino-slider .slick-arrow {
    top: 0.75rem;
    display: none !important;
    align-items: center;
    justify-content: center;
    background: #dbe9f0;
    border-radius: 50%;
    width: .28rem;
    height: .28rem;
    z-index: 1;
    overflow: visible;
    fill: #6da0dd
}

.live-casino-slider-section .live-casino-slider .slick-arrow::before {
    content: ""
}

.live-casino-slider-section .live-casino-slider .slick-arrow.show {
    display: flex !important
}

.live-casino-slider-section .live-casino-slider .slick-arrow.slick-prev {
    left: -0.13rem
}

.live-casino-slider-section .live-casino-slider .slick-arrow.slick-prev svg {
    width: 0.07rem
}

.live-casino-slider-section .live-casino-slider .slick-arrow.slick-next {
    right: -0.01rem
}

.live-casino-slider-section .live-casino-slider .slick-arrow.slick-next svg {
    width: 0.07rem;
    transform: rotate(180deg)
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper {
    position: relative;
    width: 2.3rem;
    height: 1.42rem;
    border-radius: 0.1rem;
    overflow: hidden
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 1.55rem;
    position: absolute;
    transition: .3s;
    transform: translateY(0%);
    opacity: 0;
    visibility: hidden;
    background: rgba(255,255,255,.6)
}

@media(max-width: 768px) {
    .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container {
        width:100%;
        height: 100%
    }
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn {
    width: 0.4rem;
    height: 0.4rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0,0,0,.6);
    box-shadow: 0 0 0.05rem rgba(0,0,0,.4)
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn svg {
    width: 0.15rem;
    height: 0.15rem;
    fill: #fff
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper:hover .btn-container {
    transform: translateY(-100%);
    visibility: visible;
    opacity: 1
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content {
    margin: 0.13rem 0 0
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content>p {
    margin: 0
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.16rem;
    position: relative
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .casino-name {
    color: #0f161f;
    font-size: 0.15rem;
    margin: 0 0 0 0.09rem;
    width: 1.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .hot-icon,.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .new-icon {
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.12rem;
    font-weight: 600;
    right: 0;
    top: -0.025rem;
    padding: 0.04rem 0.06rem;
    position: absolute;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .hot-icon {
    background: #ff650f
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 .new-icon {
    background: #e0092c
}

.live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .casino-type {
    color: #8899a4;
    font-size: 0.13rem;
    margin: 0.03rem 0 0 0.09rem
}

@media(max-width: 1024px) {
    .live-casino-slider-section .live-casino-slider {
        width:11.6rem
    }

    .live-casino-slider-section .live-casino-slider .slick-list {
        width: 11.5rem
    }

    .live-casino-slider-section .live-casino-slider .slick-slide {
        height: 1.91rem;
        margin: 0 0.1rem 0 0
    }

    .live-casino-slider-section .live-casino-slider .slick-arrow {
        top: 0.6rem
    }

    .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper {
        width: 1.87rem
    }

    .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn {
        width: 0.34rem;
        height: 0.34rem
    }

    .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn svg {
        width: 0.12rem;
        height: 0.12rem
    }

    .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content {
        margin: 0.11rem 0 0
    }

    .live-casino-slider-section .live-casino-slider .live-casino-slider-container .live-casino-slider-content .row-1 {
        height: 0.13rem
    }
}

.app-landing-section {
    margin: 1.04rem 0 0
}

.app-landing-section p {
    margin: 0
}

.app-landing-section .app-landing-title {
    font-weight: 600;
    font-size: 0.18rem;
    color: #0f161f
}

.app-landing-content {
    display: flex;
    word-break: break-word
}

.app-landing-content .left-container {
    width: 5.91rem;
    margin: 0.63rem 0.08rem 0 0
}

.app-landing-content .header-container .header-1 {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    font-size: 0.36rem;
    color: #0f161f;
    width: 100%
}

.app-landing-content .header-container .header-1 .header-1-title {
    width: 88%
}

.app-landing-content .header-container .header-1 div {
    width: 12%
}

.app-landing-content .header-container .header-1 div img {
    margin: 0.1rem 0 0;
    width: 100%
}

.app-landing-content .header-container .header-2 {
    margin: 0.36rem 0 0;
    font-size: 0.14rem;
    color: #8697a2
}

.app-landing-content .app-download-container {
    display: flex;
    align-items: center;
    margin: 0.69rem 0 0
}

.app-landing-content .app-download-container .download-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.app-landing-content .app-download-container .download-item:not(:last-child) {
    margin: 0 0.47rem 0 0
}

.app-landing-content .app-download-container .download-item .download_qr {
    width: 1.2rem;
    height: 1.2rem;
    border: 0.01rem solid #cfcfcf;
    border-radius: 0.05rem
}

.app-landing-content .app-download-container .download-item .os-name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.34rem;
    background: #f3f6f6;
    color: #0f161f;
    border-radius: 0.2rem;
    margin: 0.16rem 0 0;
    font-size: 0.14rem;
    cursor: pointer;
    padding: 0.05rem
}

.app-landing-content .app-download-container .download-item .os-name svg {
    margin: 0 0.1rem 0 0
}

.app-landing-content .app-download-container .download-item .os-name svg.ios {
    width: 0.14rem;
    height: 0.2rem;
    fill: #b3b3b3
}

.app-landing-content .app-download-container .download-item .os-name svg.android {
    width: 0.16rem;
    height: 0.2rem;
    fill: #85c707
}

.app-landing-content .app-download-container .download-item .instruction-btn {
    margin: 0.1rem 0 0;
    color: #06c;
    font-size: 0.16rem;
    cursor: pointer
}

.app-landing-content .app-download-container .download-item .instruction-btn:hover {
    text-decoration-line: underline
}

.app-landing-content .right-container {
    display: flex;
    justify-content: space-between;
    width: 7.13rem;
    height: 7.78rem;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 65%;
    background-position-x: -8%;
    background-position-y: 295%;
    padding: 0 0 0 2.88rem;
    color: #fff
}

.app-landing-content .right-container .app-install-container.app-install-2 {
    margin: 1.12rem 0 0
}

.app-landing-content .right-container .app-install-container.app-install-2 .security {
    padding: 1.5rem 0.15rem 0 0.2rem
}

.app-landing-content .right-container .app-install-container .app-install-box {
    display: flex;
    flex-direction: column;
    width: 2.06rem;
    height: 2.77rem;
    border-radius: 0.15rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 1.75rem 0.15rem 0 0.2rem
}

.app-landing-content .right-container .app-install-container .app-install-box:not(:first-child) {
    margin: 0.14rem 0 0
}

.app-landing-content .right-container .app-install-container .app-install-box .app-install-title {
    font-size: 0.18rem
}

.app-landing-content .right-container .app-install-container .app-install-box .app-install-desc {
    margin: 0.08rem 0 0;
    font-size: 0.14rem
}

.instruction-popup {
    background: #fbfbfb;
    position: relative
}

.instruction-popup p {
    margin: 0
}

.instruction-popup .standard-popup-modal-header {
    padding: 0
}

.instruction-popup .instruction-title {
    font-size: 0.3rem;
    color: #0f161f;
    width: 48%;
    font-weight: bold;
    margin: 0 0 0 0.48rem;
    word-break: break-word;
    position: absolute;
    top: 0.59rem;
    z-index: 1
}

.instruction-popup .pagination-box {
    position: absolute;
    left: 0.48rem;
    top: 4.92rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    z-index: 1
}

.instruction-popup .pagination-box .left-arrow,.instruction-popup .pagination-box .right-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dbe9f0;
    border-radius: 50%;
    width: 0.28rem;
    height: 0.28rem;
    z-index: 1;
    overflow: visible;
    fill: #6da0dd
}

.instruction-popup .pagination-box .left-arrow svg,.instruction-popup .pagination-box .right-arrow svg {
    width: 0.07rem
}

.instruction-popup .pagination-box .right-arrow svg {
    transform: rotate(180deg)
}

.instruction-popup .pagination-box .page-number {
    margin: 0 0.21rem;
    color: #8697a2;
    letter-spacing: 0.05rem
}

.instruction-popup .instruction-slider {
    width: 100%;
    border-radius: 0.1rem;
    overflow: hidden
}

.instruction-popup .instruction-slider .instruction-popup-body {
    display: flex !important;
    width: 100%;
    padding: 0;
    height: 6.12rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center
}

@media(max-width: 768px) {
    .instruction-popup .instruction-slider .instruction-popup-body {
        background-size:contain
    }
}

.instruction-popup .instruction-slider .instruction-popup-body .content-box {
    margin: 2.18rem 0 0 0.48rem;
    width: 2.7rem
}

.instruction-popup .instruction-slider .instruction-popup-body .content-box .step {
    margin: 0 0 0.1rem;
    color: #0f161f
}

.instruction-popup .instruction-slider .instruction-popup-body .content-box .desc {
    color: #8697a2;
    margin: 0 0 0.3rem;
    word-break: break-word
}

.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper {
    position: relative;
    width: 3.79rem;
    height: 5.11rem;
    background-repeat: no-repeat;
    background-position: top left;
    background-position: right;
    background-size: 180%
}

.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img {
    position: absolute;
    width: 0.87rem;
    height: 0.95rem
}

.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.android-step-1 {
    top: 41%;
    right: 53%
}

.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.android-step-2 {
    top: 54.5%;
    right: 45.5%
}

.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.ios-step-1 {
    top: 41%
}

.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.ios-step-2 {
    top: 50%;
    left: 20%
}

.instruction-popup .instruction-slider .instruction-popup-body .img-wrapper .hand-img.ios-step-3 {
    top: 22%;
    left: 15%
}

.instruction-popup .instruction-slider .dotsContainer {
    position: absolute;
    bottom: 0.42rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.instruction-popup .instruction-slider .dotsContainer button {
    width: 0.09rem;
    height: 0.09rem;
    transform: unset;
    margin-bottom: unset;
    border-radius: 50%;
    margin: 0 0.12rem 0 0;
    overflow: visible
}

.instruction-popup .instruction-slider .dotsContainer button:last-child {
    margin: 0
}

.instruction-popup .instruction-slider .dotsContainer .dots {
    background: #e1e1e1
}

.instruction-popup .instruction-slider .dotsContainer .active {
    background: #ff8a00
}

@media(max-width: 1024px) {
    .app-landing-content .left-container {
        width:5.08rem;
        margin: 0.54rem 0.08rem 0 0
    }

    .app-landing-content .left-container .header-container .header-1 {
        font-size: 0.3rem;
        justify-content: center
    }

    .app-landing-content .left-container .header-container .header-1 img {
        width: 0.57rem;
        height: 0.57rem
    }

    .app-landing-content .left-container .header-container .header-2 {
        margin: 0.3rem 0 0;
        font-size: 0.12rem
    }

    .app-landing-content .left-container .app-download-container {
        margin: 0.59rem 0 0
    }

    .app-landing-content .left-container .app-download-container .download-item:not(:last-child) {
        margin: 0 0.4rem 0 0
    }

    .app-landing-content .left-container .app-download-container .download-item .download_qr {
        width: 0.86rem;
        height: 0.86rem
    }

    .app-landing-content .left-container .app-download-container .download-item .os-name {
        width: 1.15rem;
        height: 0.23rem
    }

    .app-landing-content .left-container .app-download-container .download-item .os-name svg {
        margin: 0 0.08rem 0 0
    }

    .app-landing-content .left-container .app-download-container .download-item .os-name svg.ios {
        width: 0.12rem;
        height: 0.14rem
    }

    .app-landing-content .left-container .app-download-container .download-item .os-name svg.android {
        width: 0.13rem;
        height: 0.17rem
    }

    .app-landing-content .right-container {
        width: 6.13rem;
        height: 6.69rem;
        padding: 0 0 0 2.47rem
    }

    .app-landing-content .right-container .app-install-container.app-install-2 {
        margin: 0.96rem 0 0
    }

    .app-landing-content .right-container .app-install-container.app-install-2 .security {
        padding: 1.3rem 0.02rem 0 0.22rem
    }

    .app-landing-content .right-container .app-install-container .app-install-box {
        width: 1.77rem;
        height: 2.38rem;
        padding: 1.5rem 0.02rem 0 0.22rem
    }

    .app-landing-content .right-container .app-install-container .app-install-box:not(:first-child) {
        margin: 0.12rem 0 0
    }

    .app-landing-content .right-container .app-install-container .app-install-box .app-install-title {
        font-size: 0.15rem
    }

    .app-landing-content .right-container .app-install-container .app-install-box .app-install-desc {
        margin: 0.08rem 0 0;
        font-size: 0.12rem
    }
}

@media(max-width: 768px) {
    .app-landing-content .header-container .header-1 {
        justify-content:center
    }
}

.our-partner-section {
    margin: 0.5rem 0 0
}

.our-partner-section .our-partner-slider .slick-list {
    height: 1.33rem;
    background: #f3f5f6;
    border-radius: 0.1rem
}

.our-partner-section .our-partner-slider .slick-track {
    height: 100%;
    align-items: center
}

.our-partner-section .our-partner-slider .slick-slide {
    height: 0.8rem;
    margin: 0 0.13rem 0 0;
    background: #fff;
    border-radius: 0.1rem
}

.our-partner-section .our-partner-slider .slick-slide>div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.our-partner-section .our-partner-slider .slick-slide img {
    width: 65% !important
}

.our-partner-section .our-partner-slider .slick-slide:first-child {
    margin: 0 0.13rem
}

.our-partner-section .our-partner-slider .slick-arrow {
    display: none !important
}

.our-partner-section .our-partner-slider .slick-arrow.show {
    display: flex !important
}

@media(max-width: 1024px) {
    .our-partner-section .our-partner-slider .slick-list {
        height:1.14rem
    }

    .our-partner-section .our-partner-slider .slick-slide {
        height: 0.68rem;
        margin: 0 0.11rem 0 0
    }

    .our-partner-section .our-partner-slider .slick-slide:first-child {
        margin: 0 0.11rem
    }
}

.testimonial-section {
    margin: 0.3rem 0 0;
    padding: 0.39rem 0.28rem 0.21rem 0.3rem;
    background: #f3f5f6;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem
}

.testimonial-section p {
    margin: 0
}

.testimonial-section .testimonial-title {
    font-weight: 600;
    font-size: 0.18rem;
    color: #0f161f;
    margin: 0 0 0 0.05rem
}

.testimonial-section .testimonial-slider {
    width: 12.75rem
}

.testimonial-section .testimonial-slider .slick-arrow {
    display: none !important
}

.testimonial-section .testimonial-slider .slick-arrow.show {
    display: flex !important
}

.testimonial-section .testimonial-slider .slick-arrow.slick-next {
    right: -0.16rem
}

.testimonial-section .testimonial-slider .slick-slide {
    height: 3.76rem;
    border-right: 0.01rem solid;
    border-image: linear-gradient(to bottom, #f3f5f6 0%, #dde0e0 20%, #dde0e0 80%, #f3f5f6 100%) 1 100%
}

.testimonial-section .testimonial-slider .slick-slide>div {
    height: 100%;
    display: flex;
    align-items: center
}

.testimonial-section .testimonial-slider .testimonial-box {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100%;
    padding: 0 0.2rem;
    word-break: break-word
}

.testimonial-section .testimonial-slider .testimonial-box .box-title {
    font-weight: 600;
    font-size: 0.36rem;
    line-height: 0.36rem;
    margin: 0 0 0.39rem 0;
    color: #0f161f
}

.testimonial-section .testimonial-slider .testimonial-box .box-desc {
    font-size: 0.16rem;
    line-height: 0.2rem;
    margin: 0 0 0.12rem 0;
    color: #8697a2
}

.testimonial-section .testimonial-slider .testimonial-box .star-container {
    margin: 0.23rem 0 0 0
}

.testimonial-section .testimonial-slider .testimonial-box .star-container .icon-star {
    width: 0.16rem;
    height: 0.16rem
}

.testimonial-section .testimonial-slider .testimonial-box .star-container .icon-star:not(:last-child) {
    margin: 0 0.11rem 0 0
}

@media(max-width: 1024px) {
    .testimonial-section .testimonial-slider {
        width:10.85rem
    }
}

.mobile-testimonial-section {
    background: rgba(0,0,0,0);
    padding: 0 .21rem;
    margin: .75rem 0 0
}

.mobile-testimonial-section .testimonial-slider {
    width: 100%
}

.mobile-testimonial-section .testimonial-slider .slick-slide {
    height: 4.92rem;
    margin: 0 0.23rem 0 0;
    background: #f3f5f6;
    border: unset;
    border-radius: 0.1rem
}

.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem
}

.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container {
    padding: .2rem;
    background-color: #f3f5f6;
    border-radius: .1rem
}

.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box {
    text-align: left;
    padding: 0
}

.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .box-title {
    order: 2;
    font-size: .32rem;
    line-height: .32rem;
    margin: .15rem 0 .2rem
}

.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .box-desc {
    order: 3;
    font-size: .24rem;
    line-height: .32rem
}

.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .star-container {
    order: 1;
    margin: .05rem 0 0
}

.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .star-container .icon-star {
    width: .32rem;
    height: .32rem
}

.mobile-testimonial-section .testimonial-slider .testimonial-slider-wrapper .testimonial-container .testimonial-box .star-container .icon-star:not(:last-child) {
    margin: 0 0.14rem 0 0
}

.latest-news-section {
    padding: .42rem .28rem .14rem .3rem;
    background: #f3f5f6;
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem
}

.latest-news-section .slick-arrow.slick-next {
    right: -0.13rem
}

.latest-news-section p {
    margin: 0
}

.latest-news-section .latest-news-title {
    font-weight: 600;
    font-size: 0.18rem;
    color: #0f161f;
    margin: 0 0 0.26rem 0.05rem
}

.latest-news-section .latest-news-slider {
    width: 100%;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.latest-news-section .latest-news-slider .slick-list {
    width: 85%;
    overflow: visible
}

.latest-news-section .latest-news-slider .slick-list .custom-wrapper {
    overflow: hidden;
    width: 12.82rem
}

.latest-news-section .latest-news-slider .slick-slide {
    height: auto;
    margin: 0 0.15rem 0 0
}

.latest-news-section .latest-news-slider .slick-slide>div {
    height: 100%
}

.latest-news-section .latest-news-slider .latest-news-box {
    padding: 0.19rem 0.2rem 0.16rem 0.21rem;
    background: #fff;
    border-radius: 0.1rem;
    height: 100%
}

.latest-news-section .latest-news-slider .latest-news-box .box-img-container.clickable {
    cursor: pointer
}

.latest-news-section .latest-news-slider .latest-news-box .box-img {
    width: 100%;
    height: 2.47rem;
    object-fit: cover;
    border-top-left-radius: 0.05rem;
    border-top-right-radius: 0.05rem
}

.latest-news-section .latest-news-slider .latest-news-box .box-content {
    position: relative;
    padding-bottom: 0.24rem;
    margin: 0.32rem 0 0
}

.latest-news-section .latest-news-slider .latest-news-box .box-content .box-title {
    font-size: 0.18rem;
    font-weight: bold;
    color: #0f161f;
    white-space: break-spaces
}

.latest-news-section .latest-news-slider .latest-news-box .box-content .box-desc {
    margin: 0.28rem 0 0;
    font-size: 0.14rem;
    color: #8697a2
}

.latest-news-section .latest-news-slider .latest-news-box .box-content .box-desc .read-more-btn {
    color: #06c;
    text-decoration: underline;
    cursor: pointer;
    margin: 0 0 0 0.05rem;
    text-transform: lowercase
}

.latest-news-section .latest-news-slider .latest-news-box .box-content .box-desc.hideMoreLessBtn .read-more-btn {
    display: none
}

.latest-news-section .latest-news-slider .latest-news-box .box-content .box-date {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0.12rem;
    color: #8697a2
}

@media(max-width: 1024px) {
    .latest-news-section .latest-news-slider .slick-list .custom-wrapper {
        width:10.92rem
    }

    .latest-news-section .latest-news-slider .slick-slide {
        margin: 0 0.12rem 0 0
    }

    .latest-news-section .latest-news-slider .latest-news-box {
        padding: 0.16rem 0.17rem 0.13rem 0.18rem
    }
}

@media(max-width: 768px) {
    .latest-news-section {
        background-color:rgba(0,0,0,0)
    }

    .latest-news-section .latest-news-title {
        font-size: .3rem;
        padding: 0 .2rem;
        margin: 0 0 .32rem
    }

    .latest-news-section .latest-news-box {
        display: flex;
        gap: .2rem;
        padding: .2rem .2rem .18rem;
        background: #f3f5f6;
        border-radius: .1rem;
        margin-bottom: .25rem
    }

    .latest-news-section .latest-news-box .box-img-container {
        order: 2
    }

    .latest-news-section .latest-news-box .box-img-container .lazy-load-image-background {
        background-color: rgba(0,0,0,0)
    }

    .latest-news-section .latest-news-box .box-img-container img {
        object-fit: cover;
        width: 2.2rem;
        height: 1.8rem;
        border-radius: .1rem
    }

    .latest-news-section .latest-news-box .box-content {
        order: 1;
        line-height: .32rem;
        width: calc(100% - 2.4rem);
        color: #8697a2
    }

    .latest-news-section .latest-news-box .box-content .box-title {
        font-size: .26rem;
        font-weight: 600;
        color: #0f161f;
        margin-bottom: .1rem
    }

    .latest-news-section .latest-news-box .box-content .box-desc {
        margin-bottom: .14rem
    }

    .latest-news-section .latest-news-box .box-content .box-desc .read-more-btn {
        color: #06c;
        text-decoration: underline;
        cursor: pointer;
        margin: 0 0 0 0.05rem;
        text-transform: lowercase
    }
}

.partnership-section {
    display: flex;
    justify-content: space-between;
    margin: 0.75rem 0 0;
    color: #0f161f
}

.partnership-section p {
    margin: 0
}

.partnership-section .partnership-column {
    display: flex;
    flex-direction: column
}

.partnership-section .partnership-column .partnership-type {
    font-size: 0.13rem
}

.partnership-section .partnership-column .partnership-content {
    display: flex;
    margin: 0.24rem 0 0;
    justify-content: center
}

.partnership-section .partnership-column .partnership-content.flex-left .content-box:not(:last-child) {
    margin: 0 0.39rem 0 0
}

.partnership-section .partnership-column .partnership-content .content-box {
    display: flex;
    flex-direction: column;
    align-items: center
}

.partnership-section .partnership-column .partnership-content .content-box .partnership-img {
    height: 0.62rem;
    object-fit: contain
}

.partnership-section .partnership-column .partnership-content .content-box .partnership-name {
    font-size: 0.12rem;
    margin: 0.2rem 0rem .02rem 0rem
}

@media(max-width: 1024px) {
    .partnership-section .partnership-column .partnership-content {
        margin:0.2rem 0 0
    }

    .partnership-section .partnership-column .partnership-content.flex-left .content-box:not(:last-child) {
        margin: 0 0.33rem 0 0
    }

    .partnership-section .partnership-column .partnership-content .content-box .partnership-img {
        height: 0.53rem
    }

    .partnership-section .partnership-column .partnership-content .content-box .partnership-name {
        margin: .17rem 0rem .02rem 0rem
    }
}

.vip-container .vip-column-title .dropdown-transition {
    transform: rotate(0deg);
    transition: .3s
}

.vip-container .vip-column-title .dropdown-transition.on-clicked {
    transform: rotate(180deg)
}

.vip-container .vip-list-container .slick-list {
    padding: .3rem 0 !important
}

.vip-container .vip-list-container .slick-list .slick-track {
    justify-content: none;
    align-items: none
}

.vip-container .vip-list-container .slick-list .slick-track .slick-active:not(.slick-current) {
    position: relative;
    z-index: 998;
    transform: scale(1);
    transition: undefined;
    opacity: undefined
}

.vip-container .vip-list-container .slick-list .slick-track .slick-slide:not(.slick-active) {
    position: relative;
    z-index: 997;
    visibility: undefined
}

.vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active.slick-center {
    position: initial;
    z-index: auto;
    transform: scale(1.07);
    transition: undefined;
    margin: 0;
    opacity: 1
}

.vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active.slick-current {
    transform: scale(1.07);
    filter: brightness(150%);
    padding: 0;
    margin: 0;
    opacity: 1
}

.vip-container .vip-vip-table-2 {
    background: #f6f6f6;
    border-radius: 0.1rem;
    padding: 0.13rem 0.1rem
}

.vip-container .vip-vip-table-2 .standard-setting-table-container {
    background: #f6f6f6
}

.vip-container .vip-vip-table-2 .standard-setting-table-container table {
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-radius: undefined
}

.vip-container .vip-vip-table-2 .standard-setting-table-container table thead {
    background: #ff8a00;
    color: #fff;
    font-weight: 700
}

.vip-container .vip-vip-table-2 .standard-setting-table-container table td {
    padding: 0.15rem 0;
    height: .65rem
}

.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody {
    font-weight: 700;
    color: #6a6a6a
}

.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody .vip-item-level-icon {
    width: .3rem;
    height: .3rem;
    margin: 0 .1rem 0 0
}

.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody .active-slide {
    color: #0071e3
}

.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody .vip-item-level-gift {
    cursor: pointer;
    margin: 0;
    color: #00e;
    text-decoration: underline;
    text-decoration-thickness: .02rem;
    text-underline-offset: .02rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 auto;
    max-width: 1.5rem
}

.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody .vip-item-level-gift.disabled {
    cursor: inherit;
    text-decoration: none;
    color: #6a6a6a
}

.vip-container .vip-vip-table-2 .standard-setting-table-container table tbody tr:nth-child(even) {
    background-color: rgba(255,255,255,.6980392157)
}

.vip-container .vip-menu .nav-vip-menu-container .menu-wrapper .nav-item.active::after {
    position: absolute;
    content: "";
    width: undefined;
    height: undefined;
    background: undefined;
    bottom: undefined;
    left: undefined
}

.vip-nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee
}

.vip-nav .vip-nav-item {
    padding: .18rem .16rem;
    margin: 0;
    min-width: fit-content;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #b8b8b8;
    cursor: pointer;
    text-transform: uppercase;
    font-size: .14rem;
    position: relative;
    overflow: hidden
}

.vip-nav .vip-nav-item:hover {
    color: #1874cd
}

.vip-nav .active {
    color: #1874cd
}

.vip-nav .active::after {
    content: "-";
    color: #fcb300;
    background-color: #fcb300;
    position: absolute;
    bottom: 0;
    width: calc((100% - .32rem)/2);
    height: .03rem
}

.main-content-container {
    width: 11rem;
    margin: .63rem auto
}

.main-content-container p {
    font-size: .14rem;
    color: #3f3f3f;
    margin: 0 0 .2rem
}

.main-content-container .section-title {
    color: #000;
    font-weight: bold;
    font-size: .3rem;
    margin-top: .25rem
}

.main-content-container .point {
    font-weight: bold;
    margin-bottom: .05rem
}

.main-content-container ul {
    margin-bottom: .3rem
}

.main-content-container table {
    margin-bottom: .1rem
}

.main-content-container table tr td {
    padding: 0 .2rem;
    height: .5rem;
    border: solid 0.01rem #000
}

@media(max-width: 768px) {
    .vip-container {
        margin:undefined
    }

    .vip-container .landing-page-announcement {
        padding: undefined;
        margin: undefined
    }

    .vip-container .landing-page-announcement .announcement-wrapper {
        background: undefined;
        border-radius: undefined
    }

    .vip-container .vip-list-container .slick-list {
        padding: 0 !important
    }

    .vip-container .vip-list-container .slick-list .slick-track {
        justify-content: undefined;
        align-items: undefined
    }

    .vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active.slick-current {
        transform: undefined;
        margin: undefined
    }

    .vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-current.slick-active {
        filter: brightness(100%)
    }

    .vip-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active {
        filter: brightness(150%)
    }

    .vip-container .vip-list-outer-container .vip-list-container .slick-list .slick-track .slick-slide.slick-active {
        filter: brightness(100%);
        transform: scale(1);
        padding: 0;
        margin: 0;
        opacity: 1
    }

    .vip-container .vip-menu .nav-vip-menu-container .menu-wrapper .nav-item.active::after {
        position: absolute;
        content: "";
        width: undefined;
        height: undefined;
        background: undefined;
        bottom: undefined;
        left: undefined
    }

    .vip-nav {
        width: 100%;
        display: flex;
        justify-content: unset !important;
        overflow-x: scroll;
        padding: 0 .1rem;
        background: #eee
    }

    .vip-nav .vip-nav-item {
        margin: 0;
        padding: .24rem .16rem;
        min-width: fit-content;
        align-items: center;
        display: flex;
        justify-content: center;
        color: #b8b8b8;
        cursor: pointer;
        text-transform: uppercase;
        font-size: .28rem;
        position: relative;
        overflow: hidden
    }

    .vip-nav .vip-nav-item:hover {
        color: #1874cd
    }

    .vip-nav .active {
        color: #1874cd
    }

    .vip-nav .active::after {
        content: "-";
        color: #fcb300;
        position: absolute;
        bottom: 0;
        width: calc((100% - .32rem)/2);
        height: .06rem
    }

    .vip-custom {
        font-size: .205rem;
        color: dimgray;
        margin: auto
    }

    .main-content-container {
        width: 90%;
        margin: auto
    }

    .main-content-container p {
        font-size: .205rem;
        color: dimgray;
        margin: 0 0 .2rem
    }

    .main-content-container .section-title {
        font-size: .3rem;
        font-weight: 700;
        color: #000;
        margin: 0 0 .21rem
    }

    .main-content-container .point {
        font-weight: bold;
        margin-bottom: .05rem
    }

    .main-content-container ul {
        margin-bottom: .3rem
    }

    .main-content-container table {
        margin-bottom: .1rem
    }

    .main-content-container table tr td {
        padding: 0 .2rem;
        height: .5rem;
        border: solid 0.01rem #000
    }
}

.sponsors-container-wrapper {
    display: flex
}

.sponsors-container-wrapper .menu-sidebar-container {
    position: fixed;
    left: -0.7rem;
    height: 1rem;
    width: 0.7rem;
    transition: left .4s ease-in-out;
    -o-transition: left .4s ease-in-out;
    -ms-transition: left .4s ease-in-out;
    -moz-transition: left .4s ease-in-out;
    -webkit-transition: left .4s ease-in-out;
    z-index: 9
}

.sponsors-container-wrapper .menu-sidebar-container:hover {
    left: 0
}

.sponsors-container-wrapper .menu-sidebar-container:hover .menu-sidebar-toggle-left {
    opacity: 0;
    transition: .3s
}

.sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left {
    background: linear-gradient(rgba(255, 255, 255, 0.5019607843) 48%, rgba(255, 255, 255, 0));
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 70%;
    left: 0.7rem;
    height: 2.2rem;
    width: 0.65rem;
    transition: .3s
}

.sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left svg {
    background: #c6c6c6;
    border-radius: 50%;
    fill: #727373;
    height: 0.38rem;
    margin: 0.3rem 0 0;
    padding: 0.06rem;
    width: 0.38rem
}

.sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left p {
    color: #0f161f;
    font-family: "AvertaStd-Regular";
    font-size: 0.24rem;
    margin: 0.38rem 0 0;
    transform: rotate(270deg);
    text-transform: capitalize;
    white-space: nowrap
}

.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container {
    background: #f3f5f6;
    padding: 1rem 0;
    position: fixed;
    overflow-y: scroll;
    height: 100%
}

.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container {
    margin: 0 0.08rem 0.15rem
}

.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container img {
    width: 0.53rem;
    background: #fff;
    border-radius: 50%;
    border: 0.03rem solid #f3f5f6
}

.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container img:hover {
    background: #f3f5f6
}

.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container.active img {
    border: 0.03rem solid #ff8a00
}

.sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .divider {
    border-bottom: 0.01rem solid #dde0e2;
    margin: 0.2rem 0.15rem
}

.sponsors-container-wrapper .menu-sidebar-container .hovered-menu-container {
    position: relative
}

.sponsors-container-wrapper .menu-sidebar-container .hovered-menu-container .menu-name {
    position: absolute;
    z-index: 2;
    white-space: nowrap;
    background: #f3f5f6;
    padding: 0.15rem;
    border-radius: 0 0.25rem 0.25rem 0;
    color: #8697a2
}

.sponsors-container-wrapper .menu-bar-container {
    background: #f3f5f6;
    padding: 1rem 0;
    position: fixed;
    overflow-y: scroll;
    height: 100%;
    z-index: 9
}

.sponsors-container-wrapper .menu-bar-container .img-container {
    margin: 0 0.08rem 0.15rem;
    position: relative
}

.sponsors-container-wrapper .menu-bar-container .img-container img {
    width: 0.53rem;
    background: #fff;
    border-radius: 50%;
    border: 0.03rem solid #f3f5f6
}

.sponsors-container-wrapper .menu-bar-container .img-container img:hover {
    background: #f3f5f6
}

.sponsors-container-wrapper .menu-bar-container .img-container.active img {
    border: 0.03rem solid #ff8a00
}

.sponsors-container-wrapper .menu-bar-container .img-container .text-new {
    position: absolute;
    top: -0.08rem;
    right: -0.07rem;
    color: #fff;
    background: #e0092c;
    padding: .02rem .05rem;
    font-size: .1rem;
    border-radius: .5rem
}

.sponsors-container-wrapper .menu-bar-container .divider {
    border-bottom: 0.01rem solid #dde0e2;
    margin: 0.2rem 0.15rem
}

.sponsors-container-wrapper .hovered-menu-container {
    position: relative
}

.sponsors-container-wrapper .hovered-menu-container .menu-name {
    position: absolute;
    z-index: 2;
    white-space: nowrap;
    background: #f3f5f6;
    padding: 0.15rem;
    border-radius: 0 0.25rem 0.25rem 0;
    color: #8697a2
}

.sponsors-container-wrapper .sponsors-container {
    width: 100%;
    background: #f3f5f6
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider {
    position: relative
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .list-item {
    padding: 0 0.1rem
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .list-item img {
    width: 100%;
    object-fit: cover;
    cursor: pointer;
    min-height: 4rem
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .slick-prev-btn svg,.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .slick-next-btn svg {
    width: 0.6rem
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .slick-prev-btn img,.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .slick-next-btn img {
    width: 0.6rem
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-slider .lazy-load-image-background {
    display: block !important
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-dots-container {
    position: absolute;
    bottom: 0;
    left: 43%;
    transform: translateX(-43%)
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-dots-container .dots {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: .4rem;
    background: #c8c8c8;
    margin: 0 .05rem;
    transition-duration: .5s
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .sponsor-dots-container .active {
    width: 0.4rem;
    background: #ff8a00;
    transition-duration: .5s
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content {
    position: relative;
    padding: 0 0 56.25%;
    height: 0
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content .react-player__preview {
    border-radius: 0.05rem
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.05rem
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .download-btn:hover {
    text-decoration: underline
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-player-wrapper .react-player__preview {
    border-radius: 0.1rem
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-player-wrapper iframe {
    border-radius: 0.1rem
}

.sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-player-wrapper video {
    border-radius: 0.1rem
}

.sponsors-container-wrapper .sponsors-container .subnav-container {
    padding: 1rem 0 0.3rem;
    margin: auto;
    max-width: 12.4rem
}

.sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav {
    display: flex;
    background: #fff;
    padding: 0 0.15rem;
    border-radius: 0.06rem
}

.sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav .main-subnav-tab {
    margin: 0 0.15rem;
    font-family: "AvertaStd-Regular","sans-serif","宋体";
    font-size: 0.14rem;
    color: #8697a2;
    cursor: pointer;
    padding: 0.15rem 0
}

.sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav .main-subnav-tab.active,.sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav .main-subnav-tab:hover {
    color: #0f161f;
    border-bottom: 0.02rem solid #ff8a00
}

.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav-title {
    font-size: .24rem;
    font-weight: 700;
    margin: .3rem 0
}

.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav {
    display: flex;
    margin: .2rem 0 0
}

.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab {
    padding: 0.1rem 0.2rem;
    margin: 0 0.1rem 0 0;
    font-family: "AvertaStd-Regular","sans-serif","宋体";
    font-size: 0.14rem;
    color: #8697a2;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
    flex: 0 0 auto;
    position: relative;
    overflow: hidden
}

.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #ff8a00;
    transition: height .3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: -1
}

.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab.active {
    color: #fff;
    background: #ff8a00;
    border-radius: 0.2rem
}

.sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab:active {
    transform: scale(0.95);
    color: #fff5e6
}

@media(max-width: 768px) {
    .sponsors-container-wrapper .menu-sidebar-container {
        left:0;
        height: 100%
    }

    .sponsors-container-wrapper .menu-sidebar-container:hover .menu-sidebar-toggle-left {
        opacity: 1
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left {
        width: 1.52rem;
        height: 0.9rem;
        background: rgba(243,245,246,.85);
        padding: 0 0.2rem;
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
        top: 3.85rem;
        left: 0;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left .img-wrapper {
        width: 0.78rem;
        border: 0.03rem solid #ff8a00;
        border-radius: 50%;
        background: #fff
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-sidebar-toggle-left svg {
        background: unset;
        fill: #afb3b6;
        margin: 0;
        transform: rotate(270deg)
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container {
        width: 0;
        padding: 0;
        transition: .4s ease-in-out;
        -o-transition: .4s ease-in-out;
        -ms-transition: .4s ease-in-out;
        -moz-transition: .4s ease-in-out;
        -webkit-transition: .4s ease-in-out;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container.hide {
        width: 0;
        padding: 0
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container.show {
        width: 100%;
        height: 100%;
        padding: 0.45rem 0.35rem 2rem
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container {
        margin: 0;
        width: 3.4rem;
        padding: 0.22rem 0.2rem;
        background: #fff;
        border-radius: 0.2rem;
        margin: 0 0 0.15rem
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container img {
        width: 0.72rem;
        height: 0.72rem;
        background: #f3f5f6
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container p {
        color: #8697a2;
        margin: 0.15rem 0 0
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .img-container .text-new {
        top: .15rem;
        right: .15rem;
        padding: .05rem .15rem;
        font-size: .22rem
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .collabration-img-container {
        max-width: 3.56352rem;
        height: 1.04448rem;
        display: flex;
        align-items: center;
        padding: unset
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .collabration-img-container img {
        width: 100%;
        height: 100%;
        object-fit: none;
        border-radius: unset;
        border: unset;
        background: unset
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav {
        display: flex;
        justify-content: center;
        margin: 0 0.3rem 0.3rem;
        width: 100%;
        overflow-x: auto;
        height: max-content;
        -webkit-overflow-scrolling: touch
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav .sub-subnav-tab {
        margin: 0 0.1rem 0 0;
        font-family: "AvertaStd-Regular","sans-serif","宋体";
        font-size: 0.14rem;
        color: #8697a2;
        cursor: pointer;
        font-size: 0.26rem;
        padding: 0.15rem 0.4rem;
        flex: 0 0 auto;
        transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav .sub-subnav-tab::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0;
        background: #ff8a00;
        transition: height .3s cubic-bezier(0.25, 0.8, 0.25, 1);
        z-index: -1
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav .sub-subnav-tab.active {
        color: #fff;
        background: #ff8a00;
        border-radius: 0.5rem;
        flex: 0 0 auto
    }

    .sponsors-container-wrapper .menu-sidebar-container .menu-bar-container .sub-subnav .sub-subnav-tab:active {
        transform: scale(0.98);
        color: #fff5e6
    }

    .sponsors-container-wrapper .sponsors-container .sponsor-column-container .video-list-container .video-content {
        padding: 0;
        height: 4rem
    }

    .sponsors-container-wrapper .sponsors-container .subnav-container {
        padding: 0.55rem 0.2rem 0.5rem
    }

    .sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav {
        padding: 0 0.12rem
    }

    .sponsors-container-wrapper .sponsors-container .subnav-container .main-subnav .main-subnav-tab {
        margin: 0 0.38rem;
        font-size: 0.3rem;
        padding: 0.25rem 0;
        word-break: keep-all
    }

    .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav {
        margin: 0.3rem 0 0;
        width: 100%;
        overflow-x: auto
    }

    .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab {
        font-size: 0.26rem;
        padding: 0.15rem 0.4rem;
        flex: 0 0 auto;
        transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
    }

    .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0;
        background: #ff8a00;
        transition: height .3s cubic-bezier(0.25, 0.8, 0.25, 1);
        z-index: -1
    }

    .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab.active {
        color: #fff;
        background: #ff8a00;
        border-radius: 0.5rem
    }

    .sponsors-container-wrapper .sponsors-container .subnav-container .sub-subnav .sub-subnav-tab:active {
        transform: scale(0.98);
        color: #fff5e6
    }
}

.affiliate-route-background .sponsors-container-wrapper {
    margin: -0.7rem 0 0
}

@media(max-width: 768px) {
    .affiliate-route-background .sponsors-container-wrapper {
        margin:0
    }
}

.footer-column-container img,.footer-column-container svg {
    width: auto;
    height: 100%;
    border-radius: unset
}

.footer-column-container.filter-grayscale-img img,.footer-column-container.filter-grayscale-img svg {
    filter: grayscale(100%) brightness(155%) contrast(0.4)
}

.footer-column-container.filter-grayscale-img img:hover,.footer-column-container.filter-grayscale-img svg:hover {
    filter: grayscale(0%)
}

.footer-column-container.filter-invert-grayscale-img img,.footer-column-container.filter-invert-grayscale-img svg {
    filter: grayscale(0%)
}

.footer-column-container.filter-invert-grayscale-img img:hover,.footer-column-container.filter-invert-grayscale-img svg:hover {
    filter: grayscale(100%)
}

.footer-column-container.footer-provider img,.footer-column-container.footer-provider svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0 0.2rem 0 0
}

.footer-column-container.footer-payment-method img,.footer-column-container.footer-payment-method svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0
}

.footer-column-container.footer-license-by img,.footer-column-container.footer-license-by svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0
}

.footer-column-container.footer-follow-us-list {
    margin-top: 0.3rem;
    display: flex;
    align-items: center
}

.footer-column-container.footer-follow-us-list img,.footer-column-container.footer-follow-us-list svg {
    height: 0.45rem;
    padding: 0 0.1rem 0 0
}

.footer-column-container.footer-suggested-browser img,.footer-column-container.footer-suggested-browser svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0
}

.footer-column-container.footer-responsible-gaming img,.footer-column-container.footer-responsible-gaming svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0
}

.footer-column-container.footer-follow-us img,.footer-column-container.footer-follow-us svg {
    height: 0.32rem;
    margin: 0 0.2rem 0.18rem 0;
    padding: 0
}

.footer-column-container.footer-copyright .copyrightColumn .copyrightContent img,.footer-column-container.footer-copyright .copyrightColumn .copyrightContent svg {
    height: 0.32rem
}

.footer-column-container .fcol-title {
    color: #656567;
    font-size: 0.14rem;
    margin: 0 0 0.1rem
}

.footer-column-container .fcol-title .dropdown-transition {
    transform: rotate(0deg);
    transition: .3s
}

.footer-column-container .fcol-title .dropdown-transition.on-clicked {
    transform: rotate(180deg)
}

.footer-column-container .list-item {
    display: undefined;
    color: undefined;
    font-size: 0.14rem;
    text-transform: unset;
    margin: 0 0 0.1rem
}

.footer-column-container .list-item .pointer-item {
    color: undefined;
    cursor: pointer;
    margin: unset
}

.footer-column-container .list-item .pointer-item:hover {
    color: undefined
}

.footer-column-container .list-item .pointer-item .special-symbol {
    border: 0.01rem solid;
    border-radius: 50%;
    width: 0.15rem;
    height: 0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.05rem 0 0;
    font-size: 0.08rem
}

.footer-custom {
    padding-right: 0.2rem
}

.footer-custom:last-child {
    padding-right: 0
}

.dropdown-absolute {
    position: absolute;
    z-index: 1
}

@media(max-width: 1440px) {
    .footer-column-container.footer-provider img,.footer-column-container.footer-provider svg {
        height:0.4rem
    }

    .footer-column-container.footer-payment-method img,.footer-column-container.footer-payment-method svg {
        height: 0.4rem
    }

    .footer-column-container.footer-license-by img,.footer-column-container.footer-license-by svg {
        height: 0.4rem
    }

    .footer-column-container.footer-follow-us-list img,.footer-column-container.footer-follow-us-list svg {
        height: 0.4rem
    }

    .footer-column-container.footer-follow-us img,.footer-column-container.footer-follow-us svg {
        height: 0.4rem
    }

    .footer-column-container.footer-suggested-browser img,.footer-column-container.footer-suggested-browser svg {
        height: 0.4rem
    }

    .footer-column-container.footer-footer-responsible-gaming img,.footer-column-container.footer-footer-responsible-gaming svg {
        height: 0.4rem
    }
}

@media(max-width: 768px) {
    .footer-column-container.footer-provider img,.footer-column-container.footer-provider svg {
        height:1rem
    }

    .footer-column-container.footer-payment-method img,.footer-column-container.footer-payment-method svg {
        height: 1rem
    }

    .footer-column-container.footer-license-by img,.footer-column-container.footer-license-by svg {
        height: 1rem
    }

    .footer-column-container.footer-follow-us-list img,.footer-column-container.footer-follow-us-list svg {
        height: 1rem
    }

    .footer-column-container.footer-suggested-browser img,.footer-column-container.footer-suggested-browser svg {
        height: 1rem
    }

    .footer-column-container.footer-follow-us-list img,.footer-column-container.footer-follow-us-list svg {
        height: 1rem
    }

    .footer-column-container.footer-footer-responsible-gaming img,.footer-column-container.footer-footer-responsible-gaming svg {
        height: 1rem
    }
}

.download-container {
    background: #f3f5f6;
    margin: 0.7rem 0 0
}

.download-container .app-landing-section {
    width: 13.4rem;
    padding: 0.38rem 0 0.43rem 0;
    margin: 0 auto
}

.download-container .app-landing-section .app-landing-content .left-container .app-download-container .download-item .download_qr {
    border: rgba(0,0,0,0)
}

.download-container .app-landing-section .app-landing-content .left-container .app-download-container .download-item .os-name {
    background: #fff;
    color: #8697a2
}

.download-container .app-landing-section .app-landing-content .left-container .app-download-container .download-item .instruction-btn:hover {
    text-decoration-line: underline
}

.download-container .tabWarpper {
    width: 13.4rem;
    padding: 0.4rem 0 0.43rem 0;
    margin: 0 auto
}

.download-container .tabWarpper .tab-container {
    display: flex;
    align-items: center
}

.download-container .tabWarpper .tab-container .tab {
    color: #8697a2;
    font-weight: 400;
    font-size: 0.14rem;
    margin: 0 0.4rem 0 0;
    padding: 0.1rem 0.2rem;
    cursor: pointer
}

.download-container .tabWarpper .tab-container .tab.active {
    color: #fff;
    background: #ff8300;
    border-radius: 0.2rem
}

.download-container .tabWarpper .card-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-row-gap: 1.5rem;
    padding: 1.2rem 0 0.5rem 0
}

.download-container .tabWarpper .card-container .card-outer {
    margin: 0 0.1rem 0 0
}

.download-container .tabWarpper .card-container .card-outer .card {
    background: #fff
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 2.1rem
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner .provider-img {
    position: absolute;
    bottom: 2.12rem;
    width: 1rem
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0 0.2rem 0
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .provider-name {
    color: #0f161f;
    font: 500 0.16rem "AvertaStd-Semibold","sans-serif","宋体","SukhumvitSet-Semibold"
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .provider-category {
    color: #8697a2;
    font: 500 0.13rem "AvertaStd-Regular","sans-serif","宋体","SukhumvitSet-Regular"
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .download-qr-container {
    padding: 0.05rem 0 0 0
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .download-qr-container .download-qr {
    width: 0.9rem;
    height: 0.9rem;
    margin: 0 0 0.05rem
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner .download-provider-container .download-header-icon {
    width: 0.25rem;
    height: 0.25rem
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner .btn-container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0.15rem 0 0
}

.download-container .tabWarpper .card-container .card-outer .card .card-inner .btn-container .download-btn {
    color: #fff;
    background: #3072db;
    font-weight: 400;
    font-size: 0.14rem;
    border-radius: 0.2rem;
    padding: 0.07rem 0.2rem;
    position: absolute;
    bottom: -0.165rem;
    word-break: normal
}

.dns-content-wrapper {
    display: flex;
    gap: 0.2rem
}

@media(max-width: 768px) {
    .dns-content-wrapper {
        flex-direction:column
    }
}

.dns-main-content,.dns-instructions {
    flex: 1;
    width: 50%;
    min-width: 50%
}

@media(max-width: 768px) {
    .dns-main-content,.dns-instructions {
        width:100%;
        min-width: 100%;
        text-align: left
    }
}

.dns-main-heading {
    font-weight: 700;
    font-size: 36PX;
    margin-bottom: 20PX;
    color: #222;
    line-height: 44PX;
    text-align: left;
    width: 514PX
}

@media(max-width: 768px) {
    .dns-main-heading {
        margin-left:auto;
        margin-right: auto;
        width: 100%;
        max-width: 323PX;
        text-align: center
    }
}

.dns-main-image {
    width: 100%;
    height: auto;
    display: block
}

.dns-image-dimensions {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #007bff;
    color: #fff;
    padding: .25rem .5rem;
    font-size: .8rem;
    border-top-right-radius: 0.04rem
}

.dns-instructions {
    padding: 20PX
}

@media(max-width: 768px) {
    .dns-instructions {
        padding:unset
    }
}

.dns-instructions strong {
    font-family: "AvertaStd-Semibold"
}

.dns-instructions-heading {
    margin-bottom: 15PX;
    color: #222
}

.dns-steps {
    line-height: 20PX;
    margin-bottom: 15PX
}

.dns-note-heading {
    margin-bottom: .5rem;
    color: #555
}

.dns-note-text {
    margin-bottom: .75rem;
    color: #666
}

.dns-note-steps {
    color: #666;
    padding-left: 24PX;
    line-height: 20PX
}

.dns-instructions li {
    list-style: decimal;
    margin-left: 24PX
}

.dns-steps-section-wrapper {
    margin-bottom: 18PX
}

.dns-steps-title-wrapper {
    margin-bottom: 15PX
}

.dns-steps-section-wrapper .dns-section-title {
    font-size: 16PX
}

.dns-steps-section-wrapper .dns-section-subtitle {
    color: #666;
    margin-bottom: 15PX
}

.dns-steps-section-wrapper .dns-mac-highlighted-text {
    background: #000;
    color: #fff;
    padding: 2PX 4PX;
    border-radius: 4PX
}

.dns-highlighted-text {
    color: #ff8c00
}

.dns-servers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10PX;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .dns-servers .dns-servers {
        flex-direction:column;
        align-items: stretch;
        gap: unset
    }
}

.dns-servers.single {
    width: 50%
}

.dns-provider {
    flex: 1;
    background-color: #f8f9fa;
    padding: 10PX;
    border-radius: 4PX;
    border: 1PX solid #eee
}

.dns-wrapper {
    margin: 0 0 10PX
}

.provider-heading {
    color: #555
}

.ip-address {
    font-family: monospace
}

.or-divider {
    font-weight: 500;
    color: #888
}

.platform-selector {
    display: flex;
    margin-bottom: 15PX;
    gap: 20PX
}

@media(max-width: 768px) {
    .platform-selector {
        justify-content:flex-start;
        gap: 4PX
    }
}

.platform-selector .platform-btn {
    display: flex;
    align-items: center;
    gap: 10PX;
    padding: 4PX 16PX;
    border: 2PX solid rgba(0,0,0,0);
    border-radius: 30PX;
    background: #fff;
    color: #8a8f98;
    cursor: pointer;
    transition: all .3s ease
}

@media(max-width: 768px) {
    .platform-selector .platform-btn {
        min-width:70PX;
        min-height: 40PX;
        justify-content: center
    }
}

.platform-selector .platform-btn:hover {
    border-color: #ff8c00
}

.platform-selector .platform-btn.active {
    border-color: #ff8c00
}

.platform-selector .platform-btn .platform-icon {
    width: 22PX;
    height: 22PX
}

.platform-selector .platform-btn .platform-icon img {
    width: auto;
    height: 100%
}

.saba-container {
    display: flex;
    gap: 40PX;
    border-radius: .2rem
}

.saba-container .left-container {
    flex: 1 0 40%
}

.saba-container .saba-credential-content {
    background: #fff;
    width: unset
}

.saba-container .saba-credential-content img {
    width: auto
}

.saba-container .saba-credential-content input {
    border: 0.01rem solid #dbe0e4
}

.saba-container .saba-credential-content section .device-download-content {
    background: #f3f5f6;
    border-radius: 0.5rem
}

.saba-container .saba-features-container {
    line-height: 0.4rem;
    font-size: 0.28rem;
    margin-bottom: 0.4rem
}

.saba-container .saba-promo-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 0.24rem;
    background-image: url("/public/html/images/slot_img/usp.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    background-position: right;
    padding: 0.48rem
}

.saba-container .promo-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.saba-container .features-section {
    width: 50%;
    margin-bottom: 32PX;
    z-index: 10
}

.saba-container .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 0.12rem;
    margin-bottom: 0.24rem
}

.saba-container .feature-icon {
    padding: 4PX;
    margin-top: 2PX;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.saba-container .feature-icon svg {
    height: 20PX;
    width: 20PX;
    color: #0073ff
}

.saba-container .feature-content h3 {
    margin: 0 0 4PX 0
}

.saba-container .feature-content p {
    color: rgba(255,255,255,.9);
    margin: 0
}

@media(max-width: 768px) {
    .tab-container:has(.main-container) {
        flex-direction:column
    }

    .saba-container {
        flex-direction: column
    }

    .saba-container .saba-credential-content {
        background: unset;
        margin: unset
    }

    .saba-container .saba-credential-content>img {
        max-width: 241PX;
        width: 100% !important;
        height: auto !important
    }

    .saba-container .saba-credential-content section .device-download-content {
        background: #fff;
        border-radius: 0.5rem
    }

    .saba-container .features-section {
        width: 100%;
        margin-bottom: 0
    }

    .saba-container .saba-features-container {
        display: none
    }

    .saba-container .feature-content h3 {
        font-size: 16PX;
        font-weight: unset
    }

    .saba-container .feature-content p {
        font-size: 12PX
    }

    .saba-container .saba-promo-container {
        height: 700PX;
        padding: 24PX;
        background-image: url("/public/html/images/slot_img/m_usp.jpeg")
    }
}

@media(max-width: 1024px) {
    .download-container .app-landing-section {
        width:11.5rem
    }

    .download-container .tabWarpper {
        width: 11.5rem
    }

    .download-container .tabWarpper .card-container .card-outer .card .card-inner {
        width: 1.8rem
    }
}

.info-popup-modal-container.language {
    min-width: unset;
    min-height: unset;
    width: fit-content
}

.info-popup-modal-container .info-popup-modal-header {
    padding: 0.26rem 0.24rem 0
}

.info-popup-modal-container .info-popup-modal-header.language .info-popup-title-container {
    display: flex;
    align-items: center;
    padding: 0 0 0.18rem
}

.info-popup-modal-container .info-popup-modal-header.language .info-popup-title-container svg {
    width: 0.25rem;
    height: 0.25rem
}

.info-popup-modal-container .info-popup-modal-header.language .info-popup-title-container .standard-modal-title {
    margin-bottom: 0;
    margin-left: 0.2rem;
    font-size: 0.14rem;
    color: #000
}

.info-popup-modal-container .info-popup-modal-body.language {
    padding: 0 0.24rem 0.24rem
}

.info-popup-modal-container .info-popup-modal-body.language svg {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    border: 0.01rem solid #ccc
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper {
    padding: 0.1rem 0;
    text-align: left
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container {
    display: flex;
    margin-bottom: 0.26rem
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info {
    margin-left: 0.2rem
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-name {
    font-size: 0.14rem
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info p {
    margin-bottom: 0.05rem;
    font-size: 0.14rem
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages .language-select {
    font-size: 0.13rem;
    border-right: 0.01rem solid #ccc;
    cursor: pointer;
    padding: 0 0.12rem
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:hover {
    text-decoration: underline
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child {
    padding-left: 0
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages:last-child {
    margin-top: 0.08rem
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages:last-child .language-select:last-child {
    padding: 0 0 0 0.12rem;
    border: none
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container .country-info .country-languages .active {
    color: #06c;
    text-decoration: underline
}

.info-popup-modal-container .info-popup-modal-body.language .country-flag-warpper .country-flag-container:last-child {
    margin-bottom: 0
}

.promo-container {
    color: #0f161f;
    font-size: 0.14rem;
    background: #f3f5f6;
    margin: 0.7rem 0 0;
    padding: 0.46rem 0 0.6rem
}

.promo-container p {
    margin: 0
}

.promo-container .header-container {
    display: flex;
    flex-direction: column;
    width: 13.4rem;
    margin: auto
}

.promo-container .header-container .standard-tab {
    border-radius: 0.1rem
}

.promo-container .header-container .standard-tab .tab-container {
    display: flex;
    align-items: center;
    padding: 0 0.28rem;
    background: #fff;
    width: 100%;
    height: 0.4rem
}

.promo-container .header-container .standard-tab .tab-container .tab-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    white-space: nowrap;
    background: #fff;
    padding-right: 0.35rem;
    min-width: unset;
    min-height: unset
}

.promo-container .header-container .standard-tab .tab-container .tab-wrapper:not(.active) {
    color: #8697a2
}

.promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title {
    text-transform: lowercase;
    cursor: pointer
}

.promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title.not-lowercase {
    text-transform: none
}

.promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title.hover-line {
    padding: 0.1rem 0;
    border-bottom: 0.03rem solid #ff8a00
}

.promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title::first-letter {
    text-transform: uppercase
}

.promo-container .header-container .sort-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 35%;
    height: 0.35rem;
    margin: 0.2rem 0 0 0.275rem
}

.promo-container .header-container .sort-container .sort-title {
    margin: 0 0.15rem 0 0;
    white-space: nowrap
}

.promo-container .header-container .sort-container .sort-type-container {
    position: relative;
    width: 50%;
    height: 100%;
    cursor: pointer
}

.promo-container .header-container .sort-container .sort-type-container .standard-select {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.2rem;
    padding: 0 0.15rem 0 0.25rem
}

.promo-container .header-container .sort-container .sort-type-container .standard-select .sort-type-title {
    color: #8697a2
}

.promo-container .header-container .sort-container .sort-type-container .standard-select .drop-down-arrow {
    width: 0.1rem;
    height: 0.05rem;
    fill: #8697a2;
    transition: .3s
}

.promo-container .header-container .sort-container .sort-type-container .standard-select .drop-down-arrow.active {
    transform: rotate(180deg)
}

.promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 2.5rem;
    padding: 0.5rem 0.1rem 0.2rem;
    background: #e8e8e8;
    border-radius: 0.2rem;
    overflow-y: scroll
}

.promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown>* {
    display: flex;
    align-items: center;
    margin: 0;
    height: 0.25rem;
    padding: 0 0.1rem;
    font-size: 0.14rem;
    color: #8697a2;
    white-space: nowrap
}

.promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown>*:not(:last-child) {
    margin: 0 0 0.12rem
}

.promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown>*.active,.promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown>*:hover {
    background: #ff8a00;
    border-radius: 0.1rem;
    color: #fff;
    cursor: pointer
}

.promo-container .content-container {
    position: relative;
    width: 13.4rem;
    margin: 0.3rem auto 0
}

.promo-container .content-container .content-wrapper .promo-details {
    display: flex;
    align-items: flex-end
}

.promo-container .content-container .content-wrapper .promo-details:not(:last-child) {
    margin: 0 0 0.35rem
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper {
    display: flex;
    width: 84.5%
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-img {
    width: 46%;
    object-fit: contain;
    border-radius: 0.1rem
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data {
    margin: 0 0 0 0.5rem;
    flex: 1;
    max-width: 4.5rem;
    display: grid;
    grid-template-rows: 76% 24%
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-title {
    font-weight: 600;
    font-size: 0.22rem
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-desc {
    margin: 0.15rem 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn {
    display: flex;
    font-size: 0.14rem;
    font-weight: 600
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container {
    position: relative;
    height: 0.5rem
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container .floating-referral {
    top: 100%;
    left: -66%
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container .floating-referral .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.12rem;
    width: 0.24rem;
    height: 0.12rem;
    overflow: hidden
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container .floating-referral .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3019607843)
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .share-btn-container .floating-referral .share-dropdown button {
    margin: 0.05rem 0;
    padding: 0.05rem 0.15rem;
    justify-content: flex-start;
    height: unset;
    border-radius: 0.5rem
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    padding: 0 0.15rem;
    border-radius: 0.1rem;
    cursor: pointer;
    font-size: 0.16rem;
    color: #fff
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button:not(:last-child) {
    margin: 0 0.12rem 0 0
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.info-btn {
    background: #0071e3
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.info-btn:hover {
    background: #0051d6
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.apply-btn,.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.join-btn {
    background: #ff8a00
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.apply-btn:hover,.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.join-btn:hover {
    background: #ff7200
}

.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.share-btn {
    background: silver
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container {
    margin: 0 0 0.05rem
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container.end {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0 0.24rem;
    margin: 0.1rem 0 0.05rem
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .remaining-time {
    font-size: 0.12rem;
    color: #8697a2;
    margin: 0 0 0 0.05rem
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container {
    display: flex;
    margin: 0.1rem 0 0
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-box .day-number {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    width: 0.4rem;
    background: #fff;
    border-radius: 0.1rem;
    min-width: 0.72rem
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-box .day-text {
    margin: 0.05rem 0 0 0;
    font-size: 0.12rem;
    color: #8697a2
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container {
    display: flex;
    margin: 0 0.08rem
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-hour,.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-min,.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    width: 0.4rem;
    background: #fff;
    padding: 0 0.1rem;
    white-space: nowrap
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-hour {
    border-radius: 0.1rem 0 0 0.1rem
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-sec {
    border-radius: 0 0.1rem 0.1rem 0
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-box .time-text {
    margin: 0.05rem 0 0 0;
    font-size: 0.12rem;
    color: #8697a2;
    white-space: nowrap
}

.promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box-container .time-colon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    background: #fff
}

@media(max-width: 1024px) {
    .promo-container .header-container,.promo-container .content-container {
        width:11.5rem
    }

    .promo-container .header-container .content-wrapper .promo-details .details-wrapper .details-data,.promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data {
        max-width: 4rem
    }
}

.m-promo-container {
    padding: 0.55rem 0.2rem 1.2rem;
    font-size: 0.3rem;
    color: #0f161f;
    background: #f3f5f6
}

.m-promo-container p {
    margin: 0
}

.m-promo-container .header-container .standard-tab {
    border-radius: 0.1rem
}

.m-promo-container .header-container .standard-tab .tab-container {
    display: flex;
    align-items: center;
    height: 0.7rem;
    padding: 0 0.5rem;
    background: #fff
}

.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
    padding-right: 0.7rem;
    background: #fff;
    white-space: nowrap;
    min-width: unset;
    min-height: unset
}

.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title {
    text-transform: lowercase;
    color: #8899a4
}

.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title.not-lowercase {
    text-transform: none
}

.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title.hover-line {
    color: #0f161f;
    padding: 0.1rem 0;
    border-bottom: 0.03rem solid #ff8a00
}

.m-promo-container .header-container .standard-tab .tab-container .tab-wrapper .tab-title::first-letter {
    text-transform: uppercase
}

.m-promo-container .header-container .sort-container {
    margin: 0.35rem 0 0;
    width: 50%;
    height: 0.65rem
}

html:lang(tl) .m-promo-container .header-container .sort-container {
    width: 70%
}

.m-promo-container .header-container .sort-container .sort-title {
    width: 22%
}

.m-promo-container .header-container .sort-container .sort-type-container {
    position: relative;
    height: 100%;
    cursor: pointer
}

.m-promo-container .header-container .sort-container .sort-type-container .standard-select {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.5rem;
    height: 100%;
    padding: 0 0.32rem 0 0.4rem;
    border: 0.02rem solid #dbe0e4;
    color: #8899a4
}

.m-promo-container .header-container .sort-container .sort-type-container .standard-select .drop-down-arrow {
    width: 0.25rem;
    height: 0.14rem;
    fill: #8899a4;
    transition: .3s
}

.m-promo-container .header-container .sort-container .sort-type-container .standard-select .drop-down-arrow.active {
    transform: rotate(180deg)
}

.m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 4.8rem;
    padding: 1rem 0.15rem 0.45rem;
    background: #e8e8e8;
    border-radius: 0.5rem 0.5rem 0.2rem 0.2rem;
    overflow-y: scroll
}

.m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown>* {
    display: flex;
    align-items: center;
    margin: 0;
    height: 0.65rem;
    padding: 0 0.25rem;
    color: #8899a4;
    white-space: nowrap
}

.m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown>*:not(:last-child) {
    margin: 0 0 0.12rem
}

.m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown>*.active,.m-promo-container .header-container .sort-container .sort-type-container .sort-type-dropdown>*:hover {
    background: #ff8a00;
    border-radius: 0.5rem;
    color: #fff;
    cursor: pointer
}

.m-promo-container .content-container {
    margin: 0.35rem 0 0
}

.m-promo-container .content-container .content-wrapper .promo-details {
    background-color: #fff;
    border-radius: 0.1rem;
    padding: 0 0 0.5rem;
    overflow: hidden
}

.m-promo-container .content-container .content-wrapper .promo-details:not(:last-child) {
    margin: 0 0 0.35rem
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-img {
    width: 100%;
    border-radius: 0.1rem
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data {
    margin: 0.4rem 0 0;
    padding: 0 0.22rem
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-title {
    font-weight: 600;
    font-size: 0.43rem
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-desc {
    margin: 0.2rem 0 0
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.4rem 0 0
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.85rem;
    border-radius: 0.2rem;
    width: 100%;
    color: #fff;
    font-size: 0.3rem
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button:not(:last-child) {
    margin: 0 0.1rem 0 0
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.info-btn {
    background: #0071e3
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.apply-btn,.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.join-btn {
    background: #ff8a00
}

.m-promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button.share-btn {
    background: silver
}

.mobile-app-landing-section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin: 0
}

.mobile-app-landing-section .app-landing-content {
    flex-direction: column;
    padding: 0.25rem
}

.mobile-app-landing-section .app-landing-content .header-container {
    width: 5.25rem
}

.mobile-app-landing-section .app-landing-content .header-container .header-1-title {
    font-weight: 600;
    font-size: 0.32rem;
    color: #0f161f;
    min-width: 100%
}

.mobile-app-landing-section .app-landing-content .header-container .header-1 {
    justify-content: start
}

.mobile-app-landing-section .app-landing-content .header-container .header-2 {
    margin: 0.25rem 0.15rem 0.25rem 0;
    font-size: 0.24rem
}

.mobile-app-landing-section .app-landing-content .app-download-container {
    margin: 0.52rem 0 0
}

.mobile-app-landing-section .app-landing-content .app-download-container .download-item:not(:last-child) {
    margin: 0 0.56rem 0 0
}

.mobile-app-landing-section .app-landing-content .app-download-container .download-item .os-name {
    margin: 0;
    width: 2.86rem;
    border-radius: 0.1rem;
    padding: 0.08rem;
    font-size: 0.28rem
}

.mobile-app-landing-section .app-landing-content .app-download-container .download-item .os-name svg {
    margin: 0 0.21rem 0 0
}

.mobile-app-landing-section .app-landing-content .app-download-container .download-item .os-name svg.ios {
    width: 0.3rem;
    height: 0.41rem
}

.mobile-app-landing-section .app-landing-content .app-download-container .download-item .os-name svg.android {
    width: 0.34rem;
    height: 0.43rem
}

.mobile-app-landing-section .app-landing-content .app-download-container .download-item .instruction-btn {
    margin: 0.2rem 0 0;
    font-size: 0.3rem
}

.mobile-app-landing-section .app-landing-content .app-download-container .download-item .instruction-btn:hover,.mobile-app-landing-section .app-landing-content .app-download-container .download-item .instruction-btn:active {
    text-decoration-line: underline
}

.m-instruction-popup {
    text-align: center
}

.m-instruction-popup .instruction-title {
    padding: 0.78rem 0.7rem 0;
    position: unset;
    margin: 0;
    width: 100%;
    font-size: 0.42rem;
    font-weight: 600
}

.m-instruction-popup .instruction-title-container .instruction-title:first-child {
    padding: 0.78rem 0.6rem 0
}

.m-instruction-popup .instruction-title-container .instruction-title:last-child {
    padding: 0 0.6rem
}

.m-instruction-popup .pagination-box {
    top: 4.2rem;
    left: unset;
    width: 100%;
    padding: 0 0.38rem;
    justify-content: space-between
}

.m-instruction-popup .pagination-box .left-arrow,.m-instruction-popup .pagination-box .right-arrow {
    width: 0.62rem;
    height: 0.62rem
}

.m-instruction-popup .pagination-box .left-arrow svg,.m-instruction-popup .pagination-box .right-arrow svg {
    width: 0.15rem;
    height: 0.3rem
}

.m-instruction-popup .instruction-slider {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.m-instruction-popup .instruction-slider .content-box {
    margin: 0.2rem 0 0;
    padding: 0 0.8rem 1.4rem;
    font-size: 0.26rem
}

.m-instruction-popup .instruction-slider .content-box .step {
    margin: 0 0 0.1rem;
    color: #0f161f
}

.m-instruction-popup .instruction-slider .content-box .desc {
    color: #8899a4;
    word-break: break-word
}

.m-instruction-popup .instruction-slider .content-box .desc:not(:first-child) {
    margin: 0.4rem 0 0
}

.m-instruction-popup .instruction-slider .dotsContainer {
    bottom: 0;
    top: 5.8rem;
    height: fit-content
}

.m-instruction-popup .instruction-slider .dotsContainer .dots {
    background: #e8e8e8
}

.m-announcementBarSection {
    margin: 0;
    padding: 0.16rem 0.21rem;
    width: 100%
}

.m-announcementBarSection .annoucement-bar-component {
    color: #0f161f;
    font-size: 0.24rem;
    cursor: pointer;
    max-width: unset;
    justify-content: space-between;
    display: flex
}

.m-announcementBarSection .annoucement-bar-component .left-block {
    width: 0.48rem;
    height: 100%;
    padding: unset;
    margin: 0 0.15rem;
    color: unset;
    font-size: unset;
    border-radius: unset;
    position: relative;
    background: unset;
    justify-content: unset
}

.m-announcementBarSection .annoucement-bar-component .left-block .microphone-icon {
    fill: unset;
    height: 100%;
    width: 0.26rem;
    margin: 0 0 0 auto
}

.m-announcementBarSection .annoucement-bar-component .left-block .icon-star-container {
    left: -0.075rem
}

.m-announcementBarSection .annoucement-bar-component .left-block .icon-star-container svg {
    fill: #fff;
    height: 100%;
    width: 100%
}

.m-announcementBarSection .annoucement-bar-component .announcement-content-container {
    width: 5rem
}

.m-announcementBarSection .annoucement-bar-component .more-btn {
    color: #8697a2;
    white-space: nowrap;
    text-decoration: underline;
    text-transform: capitalize;
    width: 1rem;
    display: flex;
    justify-content: flex-end
}

.mobile-hot-games-section {
    padding: 0 0 0 0.21rem
}

.mobile-hot-games-section .hot-games-slider {
    font-weight: 600;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper {
    white-space: nowrap;
    width: fit-content;
    display: flex
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container {
    width: 3.28rem;
    height: 4.22rem;
    margin: 0 0.16rem 0 0
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-img-warpper {
    width: 3.28rem;
    height: 2.14rem
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content {
    margin: 0.15rem 0 0
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 {
    height: 0.3rem
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-name {
    font-size: 0.24rem;
    margin: 0 0 0 0.14rem;
    width: 1.95rem
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark {
    display: flex;
    align-items: center;
    font-size: 0.22rem
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.75rem;
    height: 0.3rem;
    margin: 0;
    color: #fff;
    border-radius: 0.2rem;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark .tag.isHot-tag {
    background: #ff650f
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark .tag.isNew-tag {
    background: #e0092c
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .row-1 .game-mark svg {
    margin: 0 0 0 0.1rem;
    width: 0.3rem;
    fill: #c5d2d8
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .game-type {
    font-size: 0.2rem;
    margin: 0.02rem 0 0 0.14rem
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .game-rtp {
    height: 0.32rem;
    border-radius: 0.05rem;
    font-size: 0.2rem;
    margin: 0.1rem 0 0;
    padding: 0 0.15rem
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-content .game-rtp span {
    margin: 0 0 0 0.19rem
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-info {
    top: 2.65rem;
    font-size: 0.18rem
}

.mobile-hot-games-section .hot-games-slider .hot-game-content-wrapper .hot-game-container .hot-game-info>div:not(:last-child) {
    margin: 0 0 0.08rem
}

.mobile-instant-game-section {
    margin: 0.8rem 0 0;
    padding: 0 0 0 0.21rem
}

.mobile-instant-game-section .top-container {
    padding: 0 0.21rem 0 0.23rem;
    margin: 0 0 0.32rem
}

.mobile-instant-game-section .top-container .instant-game-title {
    position: unset;
    font-size: 0.3rem
}

.mobile-instant-game-section .top-container .see-all-btn {
    position: unset;
    font-size: 0.24rem
}

.mobile-instant-game-section .instant-game {
    font-weight: 600;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden
}

.mobile-instant-game-section .instant-game .instant-game-wrapper {
    display: flex;
    width: fit-content;
    white-space: nowrap
}

.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container {
    width: 3.28rem;
    margin: 0 0.16rem 0 0
}

.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-img-warpper {
    width: 3.28rem;
    height: 2.14rem
}

.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content {
    margin: 0.15rem 0 0
}

.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 {
    height: 0.3rem
}

.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 .casino-name {
    font-size: 0.24rem;
    margin: 0 0 0 0.14rem
}

.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.75rem;
    height: 0.3rem;
    margin: 0;
    color: #fff;
    border-radius: 0.2rem;
    font-size: 0.22rem;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 .tag.isHot-tag {
    background: #ff640f
}

.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .row-1 .tag.isNew-tag {
    background: #e0092c
}

.mobile-instant-game-section .instant-game .instant-game-wrapper .instant-game-container .instant-game-content .casino-type {
    font-size: 0.2rem;
    margin: 0.02rem 0 0 0.14rem
}

.mobile-latest-promo-section {
    margin: 0.99rem 0;
    padding: 0 0 0 0.21rem;
    color: #0f161f
}

.mobile-latest-promo-section p {
    margin: 0
}

.mobile-latest-promo-section .mobile-latest-promo-slider {
    overflow-x: scroll;
    overflow-y: hidden
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper {
    display: flex;
    white-space: nowrap;
    width: fit-content
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container {
    background: #f3f5f6;
    border-radius: 0.1rem;
    width: 6.14rem;
    margin: 0 0.16rem 0 0;
    padding: 0
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-banner-images {
    height: 1.92rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-banner-images .promo-banner {
    width: 100%;
    height: 1.92rem;
    border-radius: 0.1rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content {
    padding: 0.15rem 0.32rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .promo-title {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 0.1rem;
    height: 0.57rem;
    padding: 0 0.26rem;
    font-size: 0.2rem;
    color: #0f161f
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .promo-title span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    white-space: normal
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content {
    display: flex;
    height: 0.81rem;
    margin: 0.08rem 0 0
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container.end {
    display: flex;
    align-items: center;
    height: 0.57rem;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0 0.26rem;
    margin: 0 0.12rem 0 0;
    width: 100%;
    font-size: 0.2rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box {
    display: flex;
    height: 0.57rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box p {
    font-size: 0.2rem;
    color: #0f161f
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box .digit-day {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0 0.4rem;
    min-width: 1.03rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box .time-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 0.1rem;
    margin: 0 0.12rem;
    padding: 0 0.2rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box .time-box p {
    display: flex;
    justify-content: center;
    width: 0.38rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .digit-box .time-box span {
    margin: 0 0.2rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box {
    display: flex;
    margin: 0.08rem 0 0
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box p {
    font-size: 0.2rem;
    color: #8697a2
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box .desc-day {
    display: flex;
    justify-content: center;
    min-width: 1.03rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box .time-box {
    display: flex;
    align-items: center;
    margin: 0 0.12rem;
    min-width: 2.26rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .countdown-container .desc-box .time-box p {
    display: flex;
    justify-content: center;
    width: 33.33%
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .promo-btn {
    font-weight: 600;
    background: #ff8a00;
    color: #fff;
    height: 0.57rem;
    border-radius: 0.1rem;
    font-size: 0.28rem;
    width: 1.97rem;
    min-width: 1.97rem
}

.mobile-latest-promo-section .mobile-latest-promo-slider .promo-wrapper .promo-container .promo-content .btm-content .promo-btn.info-btn {
    background: #0071e3
}

.mobile-live-casino-slider-section {
    margin: 0;
    padding: 0 0 0 0.21rem
}

.mobile-live-casino-slider-section .live-casino-slider {
    font-weight: 600;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper {
    display: flex;
    width: fit-content;
    white-space: nowrap
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container {
    width: 3.28rem;
    margin: 0 0.16rem 0 0
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-img-warpper {
    width: 3.28rem;
    height: 2.14rem
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-img-warpper .btn-container {
    transition: .5s;
    background: rgba(0,0,0,.2)
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn {
    width: 0.52rem;
    height: 0.52rem
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-img-warpper .btn-container .live-casino-slider-play-btn svg {
    width: 0.28rem;
    height: 0.28rem
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content {
    margin: 0.15rem 0 0
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 {
    height: 0.3rem
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 .casino-name {
    font-size: 0.24rem;
    margin: 0 0 0 0.14rem
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.75rem;
    height: 0.3rem;
    margin: 0;
    color: #fff;
    border-radius: 0.2rem;
    font-size: 0.22rem;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 .tag.isHot-tag {
    background: #ff640f
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .row-1 .tag.isNew-tag {
    background: #e0092c
}

.mobile-live-casino-slider-section .live-casino-slider .live-casino-slider-wrapper .live-casino-slider-container .live-casino-slider-content .casino-type {
    font-size: 0.2rem;
    margin: 0.02rem 0 0 0.14rem
}

.mobileGameTabContainer p {
    margin: 0
}

.mobileGameTabContainer .mobile-menu-tab {
    display: flex;
    align-items: center;
    width: 95%;
    background: #f3f5f6;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0 0.21rem
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    padding: 0.1rem 0.16rem
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item {
    position: relative;
    display: flex;
    align-items: center;
    min-width: fit-content;
    height: 100%;
    border-radius: 0.5rem;
    font-size: 0.36rem;
    color: #8697a2;
    margin: 0 0.25rem;
    cursor: pointer;
    white-space: nowrap;
    padding: 0.14rem 0 0.1rem
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item:first-child {
    margin: 0 0.25rem 0 0
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item:last-child {
    margin: 0 0 0 0.25rem
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item.menu-selected {
    background: linear-gradient(to right, #095ebd, #04a9c2);
    color: #fff;
    margin: 0 0.03rem;
    padding: 0.08rem 0.15rem 0.08rem 0.1rem
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item.menu-selected:first-child {
    margin: 0 0.03rem 0 0
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item.menu-selected:last-child {
    margin: 0 0 0 0.03rem
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item.menu-selected .standard-SmallsubContent-font-size {
    margin-left: 0.08rem;
    font-size: 0.26rem
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item .icon-star-container {
    top: -0.15rem;
    left: 0;
    right: 0;
    margin: auto
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item .mobile-menu-tab-svg {
    height: 0.45rem;
    width: 0.45rem
}

.mobileGameTabContainer .mobile-menu-tab .mobile-menu-tab-box .menu-item p {
    text-transform: capitalize
}

.mobileGameTabContainer .submenu-item-container {
    margin: 0.15rem 0.21rem 0
}

.mobileGameTabContainer .submenu-item-container .submenu-item {
    height: 2.3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-radius: 0.1rem;
    padding: 0.29rem 0.26rem 0;
    background-color: #fafafa;
    position: relative
}

.mobileGameTabContainer .submenu-item-container .submenu-item:not(:first-child) {
    margin: 0.1rem 0 0
}

.mobileGameTabContainer .submenu-item-container .submenu-item .submenu-img {
    height: 0.5rem;
    margin: 0 0 0 0.1rem
}

.mobileGameTabContainer .submenu-item-container .submenu-item .submenu-img.CMD {
    height: 0.34rem
}

.mobileGameTabContainer .submenu-item-container .submenu-item .submenu-img.SBO {
    height: 0.4rem
}

.mobileGameTabContainer .submenu-item-container .submenu-item .standard-SecondSubtitle-font-size {
    font-size: 0.28rem;
    margin: 0.13rem 0 0 0.1rem;
    color: #8697a2
}

.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container {
    display: flex;
    align-items: center;
    margin: 0.27rem 0 0
}

.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container button {
    min-width: 1.38rem;
    height: 0.52rem;
    border-radius: 0.3rem;
    font-size: 0.24rem;
    padding: 0 0.22rem
}

.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container button:not(:last-child) {
    margin: 0 0.27rem 0 0
}

.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container button.btnBetNow {
    background: #ff8a00;
    color: #fff
}

.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container button.btnDesktop {
    background: #fff;
    color: #8697a2
}

.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container .download-saba-apps {
    background: #fff;
    padding: .15rem;
    border-radius: 5rem;
    display: flex;
    justify-content: center
}

.mobileGameTabContainer .submenu-item-container .submenu-item .btn-container .download-saba-apps img {
    width: .2rem
}

.mobileGameTabContainer .submenu-item-container .submenu-item .float-dot-nav {
    font-size: 0.2rem;
    padding: 0.03rem 0.08rem;
    position: absolute;
    right: -0.02rem;
    text-align: center;
    top: -0.02rem;
    line-height: normal;
    border-radius: 0.2rem
}

.mobileGameTabContainer .submenu-item-container .submenu-item .hot-provider-nav {
    background: #ff650f;
    color: #fff
}

.mobileGameTabContainer .submenu-item-container .submenu-item .new-provider-nav {
    background: #e0092c;
    color: #fff
}

.mobileGameTabContainer .submenu-item-container .submenu-item .vpn-provider-nav {
    background: #8697a2;
    border-radius: .04rem;
    color: #fff
}

.mobileGameTabContainer .submenu-item-container .submenu-item .promo-provider-nav {
    background: linear-gradient(to right, #095ebd, #04a9c2);
    color: #fff
}

.mobileGameTabContainer .submenu-item-container #mProvider-SL,.mobileGameTabContainer .submenu-item-container #mProvider-F {
    margin: 0.4rem 0 0
}

.mobileGameTabContainer .submenu-item-container .provider-menus {
    display: flex;
    flex-flow: wrap;
    background: #f3f5f6;
    border-radius: 0.1rem;
    padding: 0.3rem 0
}

.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-starts;
    margin: 0 0 0.2rem;
    position: relative;
    width: 25%;
    text-align: center;
    color: #0f161f
}

.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu img {
    width: 95%;
    margin: 0 0 0.1rem
}

.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu .float-dot-nav {
    position: absolute;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 0.18rem;
    padding: 0.02rem 0.1rem;
    top: -5%;
    right: 0;
    text-align: center
}

.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu .hot-provider-nav {
    background: #ff650f
}

.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu .new-provider-nav {
    background: #e0092c
}

.mobileGameTabContainer .submenu-item-container .provider-menus .provider-menu .vpn-provider-nav {
    background: #8697a2;
    border-radius: .04rem
}

.mobileGameTabContainer .submenu-item-container .provider-menus .disable-submenu .provider-submenu-container {
    filter: grayscale(100%) brightness(0.5)
}

.mobileGameTabContainer .submenu-item-container .provider-menus .disable-submenu .maintenance-icon {
    position: absolute;
    width: 55%
}

.mobileGameTabContainer .submenu-item-container .provider-menus .enlarged {
    width: 33.33%
}

.mobileGameTabContainer .submenu-item-container .provider-menus .enlarged .float-dot-nav {
    top: 10%;
    right: 9%;
    font-size: 0.2rem;
    padding: 0.02rem 0.15rem
}

.mobileGameTabContainer .mobile-game-tab-placeholder {
    height: 8rem;
    background: rgba(0,0,0,.1019607843);
    border-radius: .2rem;
    margin: auto .21rem .5rem
}

.mobileGameTabContainer .submenu-mobile-game-tab-placeholder {
    height: 7.1rem;
    background: rgba(0,0,0,.1019607843);
    border-radius: .2rem;
    margin: auto .21rem .5rem
}

.m-login-join-btn-container {
    display: flex;
    height: 0.9rem
}

.m-login-join-btn-container p {
    margin: 0
}

.m-login-join-btn-container>div {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 0.3rem;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer
}

.m-login-join-btn-container>div.btn-reg {
    background: #cb011b
}

.m-login-join-btn-container>div.btn-login {
    background: #0071e3
}

.mobile-wallet-section {
    margin: 0 0 0.2rem;
    padding: 0 .16384rem
}

.mobile-wallet-section .wallet-info {
    background: #f3f5f6;
    font-size: 0.26rem;
    border-radius: .12288rem .12288rem 0 0
}

.mobile-wallet-section .wallet-info .top-content {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0.35rem;
    gap: .1rem
}

.mobile-wallet-section .wallet-info .top-content .member-wallet {
    width: 85%
}

.mobile-wallet-section .wallet-info .top-content .member-wallet .header {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.mobile-wallet-section .wallet-info .top-content .member-wallet .header .header-left {
    display: flex;
    align-items: center;
    gap: .1rem
}

.mobile-wallet-section .wallet-info .top-content .member-wallet .header .title {
    color: #0f161f;
    word-break: unset;
    white-space: nowrap
}

.mobile-wallet-section .wallet-info .top-content .member-wallet .header .eye-icon {
    flex: 0 0 auto;
    width: .32768rem;
    height: 100%
}

.mobile-wallet-section .wallet-info .top-content .member-wallet .header .eye-icon svg:not(:root) {
    overflow: visible
}

.mobile-wallet-section .wallet-info .top-content .member-wallet .bottom {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0.18rem 0 0;
    padding: 0.08rem 0.26rem;
    background: #fff;
    border-radius: 0.3rem;
    height: 0.53rem
}

.mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .currency-label {
    display: flex;
    align-items: flex-end;
    height: 0.32rem;
    font-size: 0.18rem;
    color: #8899a4
}

.mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .member-balance {
    font-size: 0.3rem;
    color: #005acc;
    margin: 0 0 0 0.12rem
}

.mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .mobile-beta-refresh {
    position: absolute;
    right: 0.3rem;
    width: 0.35rem;
    cursor: pointer
}

.mobile-wallet-section .wallet-info .top-content .member-action {
    display: flex;
    color: #0f161f;
    width: 47%;
    align-items: flex-end
}

.mobile-wallet-section .wallet-info .top-content .member-action .action-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    margin: 0 0.05rem
}

.mobile-wallet-section .wallet-info .top-content .member-action .action-box svg {
    height: auto;
    width: 0.75rem
}

.mobile-wallet-section .wallet-info .top-content .member-action .action-box .action-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobile-wallet-section .wallet-info .top-content .member-action .action-box .action-label:lang(km) {
    font-size: .2rem
}

.mobile-wallet-section .wallet-info .top-content .member-action .member-restore {
    display: flex;
    background: #0071e3;
    height: .53rem;
    border-radius: .26rem;
    width: 100%;
    padding: .1rem .16rem;
    justify-content: center;
    color: #fff;
    align-items: center;
    gap: .1rem
}

.mobile-wallet-section .wallet-info .top-content .member-action .member-restore svg {
    width: .4rem
}

.mobile-wallet-section .wallet-info .bottom-content {
    display: flex;
    justify-content: space-between;
    text-align: center;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    height: 0
}

.mobile-wallet-section .wallet-info .bottom-content.show {
    margin: 0 0.2rem 0;
    padding: 0.35rem 0;
    opacity: 1;
    visibility: visible;
    height: auto
}

.mobile-wallet-section .wallet-info .bottom-content .action-box {
    position: relative;
    width: 21%
}

.mobile-wallet-section .wallet-info .bottom-content .action-box .action-label {
    margin: 0 0 0.12rem;
    white-space: nowrap
}

.mobile-wallet-section .wallet-info .bottom-content .action-box svg {
    width: 0.75rem;
    height: 0.75rem
}

.mobile-wallet-section .wallet-info .bottom-content .action-box .message-container {
    position: relative
}

.mobile-wallet-section .wallet-info .bottom-content .action-box .message-container .unread-msg {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    right: 27%;
    top: 23%;
    font-size: 0.22rem;
    width: 0.32rem
}

.mobile-wallet-section .collapse {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf5fa;
    height: 0.6rem;
    cursor: pointer;
    border-radius: 0 0 .12288rem .12288rem
}

.mobile-wallet-section .collapse.show-more svg {
    transform: rotate(270deg)
}

.mobile-wallet-section .collapse svg {
    fill: #6da0dd;
    transform: rotate(90deg);
    width: 0.1rem;
    transition: .3s
}

.mobile-wallet-section .collapse p {
    color: #04a8c2;
    margin: 0 0 0 0.28rem;
    line-height: 1.2
}

.mobile-wallet-section.sidebar {
    display: none;
    padding: 0.44rem 0 0.85rem;
    margin: 0;
    border-bottom: 0.02rem solid #f3f5f6
}

.mobile-wallet-section.sidebar .wallet-info {
    padding: 0.24rem 0.1rem;
    border-radius: 0.1rem
}

.mobile-wallet-section.sidebar .wallet-info .top-content .member-wallet .bottom {
    margin: 0.18rem 0 0
}

.mobile-wallet-section.sidebar .wallet-info .member-action {
    align-items: flex-end;
    margin: 0 0 0 0.23rem
}

.mobile-wallet-section.sidebar .wallet-info .member-action .action-box {
    height: 0.72rem
}

.mobile-wallet-section.sidebar .wallet-info .member-action .action-box.action-restore {
    border-right: unset;
    padding: 0
}

.mobile-wallet-section.sidebar .wallet-info .member-action .action-box.action-deposit {
    padding: 0 0 0 0.09rem
}

.mobile-wallet-section.sidebar .wallet-info .member-action .action-box .action-label {
    margin: 0 0 0.2rem
}

.mobile-wallet-section.sidebar .wallet-info .member-action .action-box .mobile-beta-restore {
    width: 0.39rem;
    height: 0.39rem
}

.mobile-wallet-section.sidebar .wallet-info .bottom-content.show {
    margin: 0.33rem 0 0;
    padding: 0;
    border-top: unset
}

.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box {
    height: 0.72rem
}

.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box .action-label {
    margin: 0 0 0.12rem
}

.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box .mobile-beta-withdraw {
    width: 0.44rem;
    height: 0.38rem
}

.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box .mobile-beta-history {
    width: 0.35rem;
    height: 0.4rem
}

.mobile-wallet-section.sidebar .wallet-info .bottom-content .action-box .mobile-beta-message {
    width: 0.5rem;
    height: 0.4rem
}

.mobileCarouselSliderSection .slick-slide {
    line-height: 0
}

.mobileCarouselSliderSection .slick-slide img {
    height: 2.22rem !important;
    max-width: 100%;
    margin: auto;
    object-fit: cover
}

.mobileCarouselSliderSection .slick-slide .home_banner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.mobileCarouselSliderSection .slick-slide .home-banner-video-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 2.22rem !important
}

.mobileCarouselSliderSection .slick-slide .home-banner-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.mobileCarouselSliderSection .slider .dotsContainer {
    width: auto;
    position: absolute;
    bottom: 0.16rem;
    right: 0%;
    margin: 0 0.4rem
}

.mobileCarouselSliderSection .slider .dotsContainer .dots {
    background: #fff;
    width: 0.09rem;
    height: 0.09rem;
    transform: unset;
    margin: 0 0.05rem;
    border-radius: 50%
}

.mobileCarouselSliderSection .slider .dotsContainer .active {
    background: #fdb813;
    width: 0.29rem;
    height: 0.09rem;
    transform: unset;
    margin: 0 0.05rem;
    border-radius: 0.1rem
}

.mobileCarouselSliderSection .slider .dotsContainer.with-timer {
    left: unset;
    right: 0;
    bottom: 0.68rem
}

.compare-result-popup-overlay {
    align-items: flex-end;
    display: flex
}

.compare-result-popup-overlay .compare-result-popup-container {
    background: #0e212f;
    margin: 0 auto;
    max-width: 100%;
    min-height: 4.05rem;
    max-height: 100%;
    min-width: 100%;
    overflow: scroll
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-header {
    color: #a68952;
    font-weight: 600;
    font-size: 0.34rem;
    padding: 0.6rem 0.7rem 0.5rem
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-header .standard-modal-close {
    color: #8899a4;
    font-size: 0.5rem;
    top: 0.25rem;
    right: 0.4rem
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body {
    padding: 0
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container {
    display: grid;
    grid-column-gap: 0.18rem;
    grid-template-columns: 17.5% 17.5% 17.5% 17.5% 17.5%;
    padding: 0 0.5rem 0.4rem
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-level {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 0.21rem;
    justify-content: center;
    margin: 0.1rem 0 0;
    padding: 0.12rem 0.1rem
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-level img {
    width: 100%
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Bronze {
    color: #c26d2d
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Silver {
    color: #b7b7b7
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Gold {
    color: #cd9632
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Platinum {
    color: #61a2b0
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .vip-Diamond {
    color: #919191
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-body .icon-container .active {
    border-radius: 0.1rem;
    border: 0.02rem solid orange
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-footer {
    align-items: center;
    background: #0e212f;
    display: flex;
    justify-content: center;
    padding: 0.1rem 0.2rem 0.8rem
}

.compare-result-popup-overlay .compare-result-popup-container .standard-popup-modal-footer .compare-btn {
    background: #a68952;
    border-radius: 0.5rem;
    color: #0b1b27;
    cursor: pointer;
    font-size: 0.3rem;
    text-align: center;
    padding: 0.1rem;
    width: 50%
}

.mobile-download-container {
    background: #f3f5f6
}

.mobile-download-container p {
    margin: 0
}

.mobile-download-container .tab-container {
    display: flex;
    padding: 0.4rem 0.8rem 0
}

.mobile-download-container .tab-container .tab-title {
    display: flex;
    align-items: center;
    height: 0.5rem;
    font-size: 0.24rem;
    color: #8697a2;
    padding: 0 0.25rem
}

.mobile-download-container .tab-container .tab-title.active {
    background: #ff8300;
    color: #fff;
    border-radius: 0.5rem
}

.mobile-download-container .tab-content {
    margin: 0.4rem 0.4rem 0
}

.mobile-download-container .tab-content .app-landing-banner {
    width: 100%
}

.mobile-download-container .tab-content .app-landing-content {
    flex-direction: column;
    padding: 0;
    text-align: center;
    align-items: center;
    margin: -0.5rem 0 0
}

.mobile-download-container .tab-content .app-landing-content .header-container {
    width: 100%
}

.mobile-download-container .tab-content .app-landing-content .header-container .header-1-title {
    font-weight: 600;
    font-size: 0.46rem;
    color: #0f161f
}

.mobile-download-container .tab-content .app-landing-content .header-container .header-2 {
    margin: 0.5rem 0.4rem 0;
    font-size: 0.28rem
}

.mobile-download-container .tab-content .app-landing-content .app-download-container {
    margin: 0.65rem 0 0
}

.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item:not(:last-child) {
    margin: 0 0.56rem 0 0
}

.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .os-name {
    margin: 0;
    width: 2.86rem;
    border-radius: 0.1rem;
    padding: 0.08rem;
    font-size: 0.28rem;
    background: #fff
}

.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .os-name svg {
    margin: 0 0.21rem 0 0
}

.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .os-name svg.ios {
    width: 0.3rem;
    height: 0.41rem
}

.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .os-name svg.android {
    width: 0.34rem;
    height: 0.43rem
}

.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .instruction-btn {
    margin: 0.2rem 0 0;
    font-size: 0.3rem
}

.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .instruction-btn:hover,.mobile-download-container .tab-content .app-landing-content .app-download-container .download-item .instruction-btn:active {
    text-decoration-line: underline
}

.mobile-download-container .tab-content .app-install-title {
    margin: 1.3rem 0.55rem 0;
    font-size: 0.32rem;
    color: #0f161f;
    font-weight: 600
}

.mobile-download-container .tab-content .app-install-container {
    margin: 0.5rem 0.55rem 0;
    display: grid;
    grid-template-areas: "box1 box2" "box3 box4";
    grid-gap: 0.2rem;
    color: #fff
}

.mobile-download-container .tab-content .app-install-container .box1-0 {
    grid-area: box1
}

.mobile-download-container .tab-content .app-install-container .box1-1 {
    grid-area: box3
}

.mobile-download-container .tab-content .app-install-container .box2-0 {
    grid-area: box2
}

.mobile-download-container .tab-content .app-install-container .box2-1 {
    grid-area: box4
}

.mobile-download-container .tab-content .app-install-container .app-install-box {
    height: 4.6rem;
    border-radius: 0.15rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 3rem 0.4rem 0
}

.mobile-download-container .tab-content .app-install-container .app-install-box .app-install-title {
    color: #fff;
    font-size: 0.28rem;
    margin: 0
}

.mobile-download-container .tab-content .app-install-container .app-install-box .app-install-desc {
    margin: 0.15rem 0 0;
    font-size: 0.21rem
}

.mobile-download-container .tab-content .app-install-container .app-install-box.box2-0 {
    padding: 2.5rem 0.4rem 0
}

.mobile-download-container .tab-content .tab-pane {
    padding: 1.2rem 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.45rem 0.1rem;
    text-align: center
}

.mobile-download-container .tab-content .tab-pane .pane-box {
    background: #fff;
    display: flex;
    flex-flow: column;
    align-items: center;
    position: relative;
    height: 1.8rem;
    border-radius: 0.05rem
}

.mobile-download-container .tab-content .tab-pane .pane-box .provider-img {
    position: absolute;
    top: -0.8rem;
    height: 1.5rem
}

.mobile-download-container .tab-content .tab-pane .pane-box .card-inner {
    padding: 0.8rem 0.05rem 0
}

.mobile-download-container .tab-content .tab-pane .pane-box .card-inner .provider-name {
    color: #0f161f;
    font-size: 0.2rem
}

.mobile-download-container .tab-content .tab-pane .pane-box .card-inner .provider-category {
    color: #8697a2;
    font-size: 0.18rem
}

.mobile-download-container .tab-content .tab-pane .pane-box .download-btn {
    width: 90%;
    height: 0.5rem;
    background: #3072db;
    color: #fff;
    font-size: 0.2rem;
    border-radius: 0.3rem;
    text-transform: unset;
    position: absolute;
    bottom: -0.2rem
}

.d-ceremony-timer-container {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: .1rem 0;
    background: rgba(3,37,127,.6509803922)
}

.d-ceremony-timer-container .content {
    width: 93%;
    margin: auto
}

.d-ceremony-timer-container .content .info-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.d-ceremony-timer-container .content .info-wrapper .title-desc {
    font-size: 0.24rem;
    color: #fff
}

.d-ceremony-timer-container .ceremory-btn-section .ceremory-btn {
    background: #00ba5d;
    color: #fff;
    width: 2.05rem;
    height: 0.4rem
}

.m-ceremony-timer-container {
    display: flex;
    margin: 0 0.21rem 0.3rem
}

.m-ceremony-timer-container .content {
    background: url("/public/html/images/home_img/beta_ceremony_background_m.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0.1rem;
    width: 100%;
    display: grid;
    grid-template-columns: 65% 35%;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 0.07rem 0.2rem;
    margin: 0 -0.01rem;
    min-height: 0.9rem
}

.m-ceremony-timer-container .content .info-wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-right: 0.1rem;
    margin-top: 0.15rem
}

.m-ceremony-timer-container .content .info-wrapper .title-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 0.3rem;
    width: 36%
}

.m-ceremony-timer-container .content .info-wrapper .title-img svg {
    width: 1.75rem
}

.m-ceremony-timer-container .content .info-wrapper .title-img .start-in {
    padding: 0 0 0 0.2rem
}

.m-ceremony-timer-container .content .info-wrapper .title-desc {
    font-weight: 600;
    font-size: 0.3rem;
    text-align: center
}

.m-ceremony-timer-container .content .info-wrapper .date-type-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 45%
}

.m-ceremony-timer-container .content .info-wrapper .date-type-container .date-type {
    display: flex;
    justify-content: center;
    flex-flow: column;
    text-align: center
}

.m-ceremony-timer-container .content .info-wrapper .date-type-container .date-type .value {
    font-family: "AvertaStd-Extrabold","SukhumvitSet-Extrabold";
    font-weight: 800;
    font-size: 0.3rem
}

.m-ceremony-timer-container .content .info-wrapper .date-type-container .date-type .type {
    font-family: "AvertaStd-Regular","SukhumvitSet-Text";
    font-weight: 400;
    font-size: 0.18rem
}

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

.m-ceremony-timer-container .content .ceremory-btn-section .ceremory-btn {
    background: #4cc0b2;
    color: #fff;
    font-weight: 400;
    font-size: 0.24rem;
    border-radius: 0.5rem;
    height: auto;
    padding: 0.1rem 0.2rem;
    width: unset;
    min-width: unset;
    margin: 0;
    line-height: 1.5
}

.navbar-container {
    background: rgba(255,255,255,.8588235294);
    font-size: 0.12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.2rem;
    height: 0.7rem;
    z-index: 10;
    position: relative;
    backdrop-filter: blur(0.06rem)
}

.navbar-container .left {
    display: flex;
    align-items: center;
    height: 100%
}

.navbar-container .left .guide-container .guide-icon {
    background: rgba(0,0,0,0)
}

.navbar-container .left .guide-container .guide-icon svg {
    width: 0.25rem
}

.navbar-container .left .guide-container .guide-dd {
    display: block;
    position: absolute;
    background: #fff;
    top: 0.7rem;
    -webkit-box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    border-radius: 0.05rem;
    z-index: 10;
    max-height: 0;
    transition: max-height .75s ease-in-out;
    overflow: hidden
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab {
    display: flex;
    padding: 0.35rem 0.55rem 0.5rem;
    width: 6.53rem;
    justify-content: space-between
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left {
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    border-right: 0.01rem solid #f7f7f7
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu {
    align-items: center;
    display: flex;
    margin: 0 0 0.28rem 0;
    font-size: 0.18rem;
    color: #0f161f;
    cursor: pointer
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu svg {
    width: 0.38rem;
    margin: 0 0.14rem 0.06rem 0
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu .beta-new-icon {
    margin: 0 0 0 0.16rem;
    width: 0.36rem
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu .beta-win-icon {
    margin: 0 0 0.08rem 0.2rem;
    width: 0.28rem
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu:hover {
    color: #ff8a00
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-menu {
    margin-top: -0.1rem;
    margin-bottom: 0
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container {
    display: flex
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container svg {
    width: .2rem;
    margin-left: .1rem;
    margin-top: .03rem;
    fill: #4682b4;
    cursor: pointer;
    transform: rotate(0deg)
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container svg.active {
    transform: rotate(360deg);
    transition: transform 500ms
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container .reward-expiry-point {
    display: block;
    font-size: 10PX;
    margin: 0 0 .28rem .5rem;
    width: 57%;
    line-height: .17rem;
    color: #8697a2
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus {
    margin: 0.3rem 0.6rem 0 0
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul {
    font-size: 0.13rem;
    clear: both;
    color: #8697a2;
    display: flex;
    flex-direction: column
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li {
    list-style: disc;
    margin-bottom: 0.14rem;
    float: left;
    margin: 0 0.15rem 0.1rem 0;
    list-style-position: inside;
    cursor: pointer
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:nth-child(5) {
    width: 100%
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li::marker {
    font-size: 0.12rem
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:hover {
    color: #ff8a00
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container {
    margin-top: 0.47rem;
    justify-content: start
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button {
    width: 2.09rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    background: #ff8a00;
    color: #fff;
    font-size: 0.16rem;
    font-weight: 600
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button:hover {
    background: #ff7200
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container {
    margin-top: 0.47rem;
    justify-content: start
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container button {
    width: 2.09rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    background: #f3f5f6;
    color: #8697a2;
    font-size: 0.16rem;
    font-weight: 600
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right {
    width: 50%
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus {
    padding-left: 0.77rem
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu {
    margin: 0 0 0.16rem 0;
    font-size: 0.14rem;
    color: #0f161f;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-transform: capitalize
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu svg {
    width: 0.32rem;
    height: 0.32rem;
    margin: 0 0.12rem 0.06rem 0
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu .beta-new-icon {
    margin-left: 0.15rem;
    width: 0.35rem
}

.navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu:hover {
    color: #ff8a00
}

.navbar-container .left .guide-container .guide-dd.isOpen {
    max-height: 8.5rem
}

.navbar-container .left .header-logo {
    margin: 0 0.24rem 0 0.2rem
}

.navbar-container .left .header-logo a img {
    height: 0.4rem
}

.navbar-container .right {
    z-index: 10;
    height: 100%
}

.navbar-container .right .login-bar {
    height: 100%
}

.dark-theme-navbar-container {
    background: rgba(11,27,39,.9);
    font-size: 0.12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.2rem;
    height: 0.7rem;
    z-index: 10;
    position: relative;
    backdrop-filter: blur(0.06rem)
}

.dark-theme-navbar-container .left {
    display: flex;
    align-items: center;
    height: 100%
}

.dark-theme-navbar-container .left .guide-container .guide-icon {
    background: rgba(0,0,0,0)
}

.dark-theme-navbar-container .left .guide-container .guide-icon svg {
    width: 0.25rem
}

.dark-theme-navbar-container .left .guide-container .guide-dd {
    display: block;
    position: absolute;
    z-index: 1;
    background: #fff;
    top: 0.7rem;
    -webkit-box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    border-radius: 0.05rem;
    max-height: 0;
    transition: max-height .75s ease-in-out;
    overflow: hidden
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab {
    display: flex;
    padding: 0.35rem 0.55rem 0.5rem;
    width: 6.53rem;
    justify-content: space-between
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left {
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    border-right: 0.01rem solid #f7f7f7
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu {
    align-items: center;
    display: flex;
    margin: 0 0 0.28rem 0;
    font-size: 0.18rem;
    color: #0f161f
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu svg {
    width: 0.38rem;
    margin: 0 0.14rem 0.06rem 0
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu .beta-new-icon {
    margin: 0 0 0 0.16rem;
    width: 0.36rem
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu .beta-win-icon {
    margin: 0 0 0.08rem 0.2rem;
    width: 0.28rem
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu:hover {
    color: #ff8a00
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-menu {
    margin-top: -0.1rem;
    margin-bottom: 0
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container {
    display: flex
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container svg {
    width: .2rem;
    margin-left: .1rem;
    margin-top: .03rem;
    fill: #4682b4;
    cursor: pointer;
    transform: rotate(0deg)
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container svg.active {
    transform: rotate(360deg);
    transition: transform 500ms
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .reward-container .reward-expiry-point {
    display: block;
    font-size: 10PX;
    margin: 0 0 .28rem .5rem;
    width: 57%;
    line-height: .17rem;
    color: #8697a2
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus {
    margin: 0.3rem 0.6rem 0 0
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul {
    font-size: 0.13rem;
    clear: both;
    color: #8697a2;
    display: flex;
    flex-direction: column
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li {
    list-style: disc;
    margin-bottom: 0.14rem;
    float: left;
    margin: 0 0.1rem 0.1rem 0;
    list-style-position: inside;
    cursor: pointer
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:nth-child(5) {
    width: 100%
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:hover {
    color: #ff8a00
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container {
    margin-top: 0.47rem;
    justify-content: start
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button {
    width: 2.09rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    background: #ff8a00;
    color: #fff;
    font-size: 0.16rem
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button:hover {
    background: #ff7200
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container {
    margin-top: 0.47rem;
    justify-content: start
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container button {
    width: 2.09rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    background: #f3f5f6;
    color: #8697a2;
    font-size: 0.16rem;
    font-weight: 600
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right {
    width: 50%
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus {
    padding-left: 0.77rem
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu {
    margin: 0 0 0.16rem 0;
    font-size: 0.14rem;
    display: flex;
    align-items: center
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu svg {
    width: 0.32rem;
    height: 0.32rem;
    margin: 0 0.12rem 0.06rem 0
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu .beta-new-icon {
    margin-left: 0.15rem;
    width: 0.35rem
}

.dark-theme-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu:hover {
    color: #ff8a00
}

.dark-theme-navbar-container .left .guide-container .guide-dd.isOpen {
    max-height: 8.5rem
}

.dark-theme-navbar-container .left .header-logo {
    margin: 0 0.24rem 0 0.2rem
}

.dark-theme-navbar-container .left .header-logo a img {
    height: 0.4rem
}

.dark-theme-navbar-container .right {
    z-index: 10;
    height: 100%
}

.dark-theme-navbar-container .right .login-bar {
    height: 100%
}

.beforeLoginBar {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.beforeLoginBar .top {
    position: absolute;
    top: 0.01rem;
    right: 0
}

.beforeLoginBar .top .time-cantainer {
    color: #0f161f;
    font-size: 0.11rem;
    margin: 0.05rem 0;
    text-align: right
}

.beforeLoginBar .top .time-cantainer>time {
    display: inline-block;
    min-width: 1.1rem;
    text-align: left;
    margin-right: -0.08rem
}

.beforeLoginBar .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.08rem 0 0;
    white-space: nowrap
}

.beforeLoginBar .bottom .btn-login {
    color: #0f161f;
    font-size: 0.16rem;
    background: rgba(0,0,0,0)
}

.beforeLoginBar .bottom .btn-join {
    background: #ff8a00;
    color: #fff;
    border-radius: 0.05rem;
    font-size: 0.16rem;
    height: 0.35rem;
    padding: 0.05rem 0.15rem;
    margin: 0 0.15rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    animation: 1.5s ease 0s infinite normal none move
}

.beforeLoginBar .bottom .btn-join:hover {
    background: #ff7200
}

@keyframes move {
    0% {
        opacity: .9
    }

    10% {
        transform: translate3d(-0.01rem, 0, 0)
    }

    70% {
        transform: scale(1);
        box-shadow: rgba(255,138,0,.3764705882) 0 0 0 0.15rem
    }

    80% {
        transform: translate3d(-0.01rem, 0, 0)
    }

    100% {
        transform: scale(1);
        box-shadow: rgba(255,136,0,0) 0 0 0 0.22rem;
        opacity: 1
    }
}

.dark-theme-navbar-container .beforeLoginBar .top .time-cantainer {
    color: #8899a4
}

.dark-theme-navbar-container .beforeLoginBar .bottom .btn-login {
    color: #fff
}

.dark-theme-navbar-container .beforeLoginBar .bottom .btn-join {
    background: #ff8a00;
    color: #fff;
    font-size: 0.16rem
}

.dark-theme-navbar-container .beforeLoginBar .bottom .btn-join:hover {
    background: #ff7200
}

.afterLoginBar {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.afterLoginBar .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.12rem;
    width: 0.24rem;
    height: 0.12rem;
    overflow: hidden
}

.afterLoginBar .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3)
}

.afterLoginBar .hover-overlay {
    position: absolute;
    width: 20%;
    height: 0.2rem;
    top: -0.2rem;
    left: 0;
    margin: auto
}

.afterLoginBar .top {
    position: absolute;
    top: 0.01rem;
    right: 0
}

.afterLoginBar .top .time-container {
    color: #0f161f;
    font-size: 0.11rem;
    margin: 0.05rem 0;
    text-align: right
}

.afterLoginBar .top .time-container>time {
    display: inline-block;
    min-width: 1.1rem;
    text-align: left;
    margin-right: -0.08rem
}

.afterLoginBar .bottom {
    display: flex;
    align-items: center;
    margin: 0.08rem 0 0
}

.afterLoginBar .bottom svg {
    width: 0.3rem;
    height: 0.3rem
}

.afterLoginBar .bottom .nav-myacc {
    position: relative;
    margin: 0 0.12rem 0 0;
    height: 100%;
    display: flex;
    align-items: center
}

.afterLoginBar .bottom .nav-myacc .account-icon {
    background: #ff8a00;
    padding: 0.05rem;
    border-radius: 50%;
    width: 0.32rem;
    height: 0.32rem;
    fill: #fff
}

.afterLoginBar .bottom .nav-myacc .account-icon svg {
    width: 100%;
    height: 100%
}

.afterLoginBar .bottom .icon-msg {
    position: relative;
    margin: 0 0.12rem 0 0;
    height: 100%;
    display: flex;
    align-items: center
}

.afterLoginBar .bottom .icon-msg .unread-message-icon {
    position: relative;
    margin-top: 0.05rem
}

.afterLoginBar .bottom .icon-msg .unread-message-icon svg {
    fill: #0072e2
}

.afterLoginBar .bottom .icon-msg .unread-message-icon .unread-message {
    background: red;
    border-radius: 50%;
    color: #fff;
    padding: 0.02rem 0.05rem;
    font-size: 0.1rem;
    position: absolute;
    right: -0.05rem;
    top: -0.03rem
}

.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper {
    position: relative
}

.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu {
    width: 2.075rem;
    padding: 0.18rem;
    background: #fff;
    -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    border-radius: 0.1rem;
    position: absolute;
    left: -1.1885rem;
    top: 0.3rem
}

.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu {
    text-align: left;
    padding: 0.08rem 0.2rem;
    border-radius: 0.2rem;
    cursor: pointer;
    color: #8697a2;
    font-size: 0.12rem;
    display: grid;
    grid-template-columns: auto 15%
}

.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu p {
    margin-bottom: 0
}

.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu p:last-child {
    text-align: center
}

.afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu:hover {
    background: #ff8a00;
    color: #fff
}

.afterLoginBar .bottom .acc-wallet {
    position: relative;
    margin: 0.1rem 0.12rem 0.1rem 0;
    display: flex;
    align-items: center;
    height: 100%
}

.afterLoginBar .bottom .acc-wallet .acc-walle-container {
    display: flex;
    align-items: center
}

.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance {
    margin: 0 0.08rem 0 0.12rem
}

.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance p {
    margin-bottom: 0;
    font-size: .18rem;
    white-space: nowrap;
    color: #8697a2
}

.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance p span {
    font-size: .18rem;
    color: #0f161f
}

.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .navbar-mainwallet {
    color: #8697a2
}

.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details {
    display: flex;
    align-items: center
}

.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details p,.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details span {
    color: #0071e3
}

.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details svg {
    fill: url(#beta-refresh-gradient);
    width: .15rem;
    margin: 0 .1rem;
    height: .2rem
}

.afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .mainwallet-details svg.active {
    transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
    transform: translateZ(0) rotateZ(-540360deg)
}

.afterLoginBar .bottom .acc-wallet .floating-wallet {
    width: 3rem;
    padding: 0.18rem;
    background: #f7f7f7;
    -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    border-radius: 0.1rem;
    position: absolute;
    left: -1rem;
    padding: 0.25rem 0.2rem;
    top: 0.4rem
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .header {
    border-radius: 0.05rem;
    margin-bottom: 0.05rem;
    color: #fff
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .header .main-wallet-header span {
    color: #fff
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .header .provider-category {
    background: #0071e3 !important
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .header .provider-category svg {
    width: 0.25rem;
    height: 0.25rem
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container {
    margin-bottom: 0.03rem
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category {
    display: flex;
    align-items: center;
    padding: 0.06rem 0.15rem;
    border-radius: 0.05rem;
    background: #fff;
    justify-content: space-between;
    cursor: pointer
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-category-balance {
    font-size: 0.12rem;
    color: #8697a2
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-category-balance span:last-child {
    font-size: 0.12rem;
    text-transform: capitalize
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-balance-container {
    display: flex;
    align-items: center;
    color: #0071e3
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance {
    font-size: 0.12rem;
    display: flex;
    align-items: center
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance svg {
    width: 0.26rem;
    height: 0.26rem;
    margin: 0 -0.04rem 0 0.1rem;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .provider-category svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: #fff;
    background: linear-gradient(to bottom, #04a9c2, #095ebd);
    padding: 0.04rem;
    border-radius: 0.2rem;
    margin: 0 0 0 0.12rem
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .category-providers {
    background: #e1e5e8;
    border-radius: 0 0 0.05rem 0.05rem;
    padding: 0 0.15rem
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .category-providers .provider-balance {
    font-size: 0.12rem;
    text-align: left;
    padding: 0.12rem 0.31rem 0.12rem 0;
    border-bottom: 0.01rem solid #fff;
    display: flex;
    justify-content: space-between
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .category-providers .provider-balance:first-child {
    padding: 9 0 0.12rem 0
}

.afterLoginBar .bottom .acc-wallet .floating-wallet .provider-category-container .category-providers .provider-balance:last-child {
    border-bottom: 0
}

.afterLoginBar .bottom .funds-btn-container {
    position: relative;
    margin: 0 0.15rem 0 0;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.afterLoginBar .bottom .funds-btn-container button {
    padding: 0.08rem 0.15rem;
    background: #0072e2;
    color: #fff;
    border-radius: 0.05rem;
    font-size: 0.16rem;
    height: 0.375rem;
    display: flex;
    align-items: center
}

.afterLoginBar .bottom .funds-btn-container button:hover {
    background: #0051d6
}

.afterLoginBar .bottom .funds-btn-container .floating-fund-menu {
    width: 2.45rem;
    padding: 0.18rem;
    background: #fff;
    -webkit-box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    border-radius: 0.1rem;
    position: absolute;
    left: -0.85rem;
    top: 0.47rem;
    font-size: 0.14rem
}

.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item {
    text-align: left;
    padding: 0.05rem 0 0.05rem 0.2rem;
    border-radius: 0.2rem;
    cursor: pointer;
    color: #0f161f;
    margin-bottom: 0.1rem;
    display: flex;
    align-items: center;
    background: #f7f7f7
}

.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item:last-child {
    margin-bottom: 0
}

.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item:hover {
    background: #ff8a00;
    color: #fff
}

.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item:hover svg [class*=st] {
    fill: #fff
}

.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .item svg {
    margin: 0 0.18rem 0 0;
    width: 0.25rem;
    height: 0.25rem
}

.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .active {
    background: #ff8a00;
    color: #fff
}

.afterLoginBar .bottom .funds-btn-container .floating-fund-menu .active svg [class*=st] {
    fill: #fff
}

.dark-theme-navbar-container .afterLoginBar .triangle::after {
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3)
}

.dark-theme-navbar-container .afterLoginBar .top .time-container {
    color: #8899a4
}

.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .account-icon {
    background: #ff8a00
}

.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .floating-acc {
    background: #fff;
    -webkit-box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2)
}

.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .floating-acc .item {
    color: #0f161f
}

.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .floating-acc .item:hover {
    background: #ff8a00;
    color: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .nav-myacc .floating-acc .active {
    background: #ff8a00;
    color: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .unread-message-icon svg {
    fill: #0072e2
}

.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .unread-message-icon .unread-message {
    background: red;
    color: #fff;
    font-size: 0.1rem
}

.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper {
    position: relative
}

.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu {
    background: #fff;
    -webkit-box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2)
}

.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu {
    color: #0f161f;
    font-size: 0.12rem
}

.dark-theme-navbar-container .afterLoginBar .bottom .icon-msg .floating-message-menu-wrapper .floating-message-menu .menu:hover {
    background: #ff8a00;
    color: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet {
    border-left: 0.01rem solid #8697a2
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance p {
    font-size: 0.14rem;
    color: #8697a2
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance p span {
    font-size: 0.14rem;
    color: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .icon-add {
    background: rgba(0,0,0,0)
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .wallet-balance .icon-add svg {
    fill: #fff;
    background: #0072e2
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet {
    background: #fff;
    -webkit-box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2)
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .header {
    color: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .header .main-wallet-header span {
    color: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .header .provider-category {
    background: #0071e3 !important
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .provider-category {
    background: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .provider-category .provider-category-balance {
    font-size: 0.12rem;
    color: #8697a2
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .provider-category .provider-balance-container {
    color: #0071e3
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .provider-category svg {
    fill: #fff;
    background: #0072e2
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .category-providers {
    background: #e1e5e8
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .acc-walle-container .floating-wallet .provider-category-container .category-providers .provider-balance {
    font-size: 0.12rem;
    border-bottom: 0.01rem solid #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container button {
    background: #0072e2;
    color: #fff;
    font-size: 0.12rem
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container button:hover {
    background: #0051d6
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu {
    background: #fff;
    -webkit-box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2)
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .item {
    color: #0f161f;
    background: #f7f7f7
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .item:hover {
    background: #ff8a00;
    color: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .item:hover svg [class*=st] {
    fill: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .active {
    background: #ff8a00;
    color: #fff
}

.dark-theme-navbar-container .afterLoginBar .bottom .acc-wallet .funds-btn-container .floating-fund-menu .active svg [class*=st] {
    fill: #fff
}

.mobile-navbar-header {
    position: fixed;
    position: -webkit-fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    color: #0f161f;
    background: #fff
}

.mobile-navbar-header .float-header-download {
    background: #fff;
    border-bottom: 0.01rem solid #f3f5f6;
    padding: 0.2rem;
    display: flex;
    width: 100%
}

.mobile-navbar-header .float-header-download .float-close-button {
    position: absolute;
    right: 0.2rem;
    top: -0.1rem;
    font-size: 0.65rem;
    color: #0f161f
}

.mobile-navbar-header .float-header-download .float-device-icon {
    width: 15vw;
    justify-content: center;
    align-items: center
}

.mobile-navbar-header .float-header-download .float-device-icon img {
    width: 100%;
    padding: 0 0.2rem 0 0
}

.mobile-navbar-header .float-header-download .float-desc-container {
    width: 50vw;
    align-items: flex-start;
    margin: auto
}

.mobile-navbar-header .float-header-download .float-download-container {
    width: 35vw;
    margin: auto
}

.mobile-navbar-header .float-header-download .float-download-container button {
    border-radius: 0.1rem;
    padding: 0.1rem 0.16rem;
    margin: auto
}

.mobile-navbar-header p {
    margin: 0
}

.mobile-navbar-header .mobile-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 0.9rem;
    padding: 0 .21rem;
    background: #fff;
    border-bottom: 0.03rem solid #f3f5f6
}

.mobile-navbar-header .mobile-nav.header-grey {
    background: #f3f5f6
}

.mobile-navbar-header .mobile-nav.withLogo {
    display: grid;
    grid-template-columns: 20% 60% 20%
}

.mobile-navbar-header .mobile-nav .col-left {
    display: flex;
    align-items: center
}

.mobile-navbar-header .mobile-nav .col-left .menu-icon {
    width: 0.45rem;
    cursor: pointer
}

.mobile-navbar-header .mobile-nav .col-left .menu-icon.beta-back {
    width: 0.37rem
}

.mobile-navbar-header .mobile-nav .col-left .page-title {
    margin: 0 0 0 0.22rem;
    font-size: 0.3rem;
    color: #0f161f;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    max-width: 4rem
}

.mobile-navbar-header .mobile-nav .col-left .provider-icon {
    height: 0.5rem;
    max-width: 3.2rem;
    width: 3.2rem
}

.mobile-navbar-header .mobile-nav .col-left .image-icon img {
    margin: 0 .1rem;
    width: 2rem
}

.mobile-navbar-header .mobile-nav .col-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-navbar-header .mobile-nav .col-center .merchant-logo {
    height: 0.66rem;
    object-fit: contain;
    cursor: pointer
}

.mobile-navbar-header .mobile-nav .col-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin: 0 0 0 0.2rem
}

.mobile-navbar-header .mobile-nav .col-right .beta-app-download {
    height: 0.66rem;
    width: auto;
    position: relative;
    margin-top: 0.15rem;
    object-fit: contain
}

.mobile-navbar-header .mobile-nav .col-right .standard-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.5rem;
    padding: 0.16rem 1.05rem 0.13rem 0.4rem;
    font-size: 0.3rem;
    color: #0f161f;
    cursor: pointer;
    min-width: 3.4rem
}

.mobile-navbar-header .mobile-nav .col-right .standard-select .standard-select-arrow {
    position: absolute;
    right: 0.32rem;
    top: 0.19rem;
    border-width: 0 0.05rem 0.05rem 0;
    border-color: #afb3b6;
    border-style: solid;
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    transform: rotate(45deg);
    color: #8697a2
}

.mobile-navbar-header .mobile-nav .col-right .standard-select .standard-select-arrow.active {
    transform: translate(0%, 50%) rotate(225deg)
}

.mobile-navbar-header .mobile-nav .col-right .standard-select .nav-title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown {
    position: absolute;
    left: -2.5rem;
    right: 0;
    top: 0.8rem;
    border: 0.01rem solid #d6d6d6;
    background: #fff;
    z-index: 2;
    width: auto;
    overflow-y: scroll;
    padding: 0.36rem 0;
    border-radius: 0.1rem;
    max-height: 65vh;
    font-size: 0.3rem
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .hover_line {
    background: #dbe0e4;
    height: 0.01rem;
    margin: 0.23rem auto;
    width: 90%
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .title {
    align-items: center;
    display: flex;
    height: 0.62rem;
    margin: 0 0.25rem 0.23rem;
    padding: 0 0.4rem
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0.4rem;
    height: 0.62rem;
    color: #8899a4;
    white-space: nowrap;
    border-radius: 0.5rem;
    margin: 0 0.25rem 0
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover,.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active {
    background: #ff8a00;
    color: #fff
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg,.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg {
    filter: grayscale(0%)
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg.SL-PP,.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg.SL-PP {
    filter: grayscale(1)
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg.C-PPL,.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg.C-PPL {
    filter: grayscale(1)
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.maintenance {
    margin: 0;
    padding: 0 0.65rem;
    background: #f3f5f6;
    color: rgba(136,153,164,.5019607843);
    border-radius: unset
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.include-svg {
    display: grid;
    grid-template-columns: 2fr 8fr;
    grid-gap: 0 0.58rem
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:not(:last-child) {
    margin: 0 0.25rem 0.23rem
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:not(:last-child).maintenance {
    margin: 0 0 0.23rem;
    padding: 0 0.65rem
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options span {
    width: 100%
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options .beta-maintenance-bg-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.6rem;
    height: 0.52rem
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg {
    width: 100%;
    height: 0.45rem;
    filter: grayscale(1) opacity(0.4)
}

.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.SL-PP,.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.SL-HB,.mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.C-PPL {
    height: 0.55rem
}

.mobile-navbar-header .mobile-nav .col-right .menu-categories-container .menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,45,90,.4);
    z-index: 1;
    transition: .3s cubic-bezier(0.5, 0.03, 0.41, 1)
}

.mobile-navbar-header .mobile-nav .sb-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,45,90,.4);
    z-index: 1
}

.mobile-navbar-header .mobile-nav .sb-content {
    position: fixed;
    top: 0;
    left: -6.35rem;
    width: 6.35rem;
    height: 100%;
    background: #fff;
    z-index: 2;
    overflow-y: scroll;
    padding: 0.85rem 0 1.98rem;
    transition: .3s cubic-bezier(0.5, 0.03, 0.41, 1)
}

.mobile-navbar-header .mobile-nav .sb-content.isOpen {
    left: 0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container {
    padding: 0 0.55rem 0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container.content-2,.mobile-navbar-header .mobile-nav .sb-content .content-container.content-language {
    padding: 0 0.52rem 0 0.49rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container.content-2 .common-menu,.mobile-navbar-header .mobile-nav .sb-content .content-container.content-language .common-menu {
    margin: 0.64rem 0 0;
    padding: 0;
    border-top: unset
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu {
    padding: 0 0.04rem 1.25rem 0.19rem;
    text-transform: capitalize
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu.margin-top {
    margin: 0.68rem 0 0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu:not(:last-child) {
    margin: 0 0 0.5rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .icon-sb {
    width: 0.8rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .sb-name {
    margin: 0.16rem 0 0 0.3rem;
    font-size: 0.26rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu.reward-menu {
    margin: 0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container {
    display: flex;
    font-size: .18rem;
    align-items: center;
    line-height: .22rem;
    padding-left: 1.1rem;
    margin-bottom: .5rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container .reward-expiry-point {
    width: 2.5rem;
    margin-right: .56rem;
    color: #8697a2;
    font-size: 10PX
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container svg {
    width: .3rem;
    fill: #4682b4;
    cursor: pointer;
    transform: rotate(0deg)
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container svg.active {
    transform: rotate(360deg);
    transition: transform 500ms
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu {
    display: grid;
    grid-template-columns: 25% 40% 25%;
    grid-column-gap: 5%;
    padding: 1.19rem 0.14rem 0 0;
    border-top: 0.02rem solid #ededed
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu {
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    width: 1.25rem;
    min-height: 0.86rem;
    cursor: pointer
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu:not(:last-child) {
    margin: 0 0 0.66rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu.middle {
    margin: 0 0.5rem 0.66rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb {
    width: 0.58rem;
    height: 0.58rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb svg {
    overflow: visible
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb .beta-region {
    border-radius: 50%;
    overflow: hidden;
    border: 0.01rem solid #ccc
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .sb-name {
    margin: 0.25rem 0 0 0;
    text-align: center;
    text-transform: capitalize;
    word-break: keep-all
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-star-container {
    top: -0.02rem;
    left: 0.125rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .left,.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .right {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Language {
    width: 0.48rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .More {
    width: 0.48rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Back {
    width: 0.45rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .sb-name {
    font-size: 0.24rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-status {
    width: 0.55rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dbe9f0;
    border-radius: 50%;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0 0 0.35rem;
    overflow: visible;
    fill: #6da0dd
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow svg {
    width: 0.1rem;
    transform: rotate(180deg)
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .left {
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-region {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.26rem 0 0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .title {
    font-weight: 600;
    font-size: 0.34rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-close-btn {
    width: 0.22rem;
    height: 0.22rem;
    cursor: pointer
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .banner {
    margin: 0.65rem 0 0;
    width: 100%;
    border-radius: 0.1rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper {
    margin: 0.45rem 0 0;
    padding: 0.55rem 0 0;
    border-top: 0.02rem solid #ededed
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container {
    display: flex;
    margin-bottom: 0.5rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container svg {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    border: 0.01rem solid #ccc
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info {
    margin: 0 0 0 0.35rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-name {
    font-size: 0.24rem;
    margin: 0 0 0.17rem 0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages {
    display: flex
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select {
    color: #8697a2;
    font-size: 0.24rem;
    cursor: pointer;
    padding: 0 0.25rem;
    border-right: 0.02rem solid #ededed
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:hover {
    text-decoration: underline
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child {
    padding-left: 0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages:last-child {
    margin-top: 0.16rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages:last-child .language-select:last-child {
    padding: 0 0 0 0.12rem;
    border: none
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .active {
    color: #06c;
    text-decoration: underline
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.03rem 0 0.18rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info {
    display: flex;
    align-items: center
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .beta-bitcoin {
    width: 1.06rem;
    height: 1.06rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content {
    margin: 0 0 0 0.25rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .welcome-title {
    font-size: 0.24rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .acc-name {
    color: #005acc;
    font-size: 0.32rem;
    margin: 0.05rem 0 0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 1.42rem;
    height: 0.46rem;
    padding: 0 0.23rem 0 0;
    background: #0691c0;
    color: #fff;
    font-size: 0.24rem;
    border-radius: 0.5rem;
    cursor: pointer
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard {
    position: absolute;
    left: 0;
    width: 0.52rem;
    height: 0.52rem;
    padding: 0.1rem;
    background: #fdb813;
    border-radius: 50%
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard .st0 {
    fill: #0691c0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress {
    margin: 0.55rem 0 0;
    padding: 0.33rem 0.33rem 0.4rem;
    background: #f3f5f6;
    border-radius: 0.05rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    padding: 0 0 0 0.05rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group img {
    width: 0.65rem;
    height: auto
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group p {
    margin: 0 0 0 0.19rem
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar {
    display: flex;
    width: 3.8rem;
    height: 0.11rem;
    background: #fff;
    border-radius: 0.05rem;
    margin: 0.13rem 0 0
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar span {
    height: 100%;
    background: #ff8a00
}

.mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-status {
    margin: 0.22rem 0 0 0.08rem;
    font-size: 0.24rem
}

.mobile-navbar-header .mobile-nav .sb-content .standard-button-container {
    margin: 1.24rem 0 0;
    padding: 0 0.52rem 0 0.48rem
}

.mobile-navbar-header .mobile-nav .sb-content .standard-button-container button {
    font-weight: 600;
    width: 100%;
    height: 0.86rem;
    background: #f3f5f6;
    color: #8697a2;
    border-radius: 0.1rem;
    font-size: 0.34rem
}

.mobile-navbar-header .mobile-nav .sb-content .standard-button-container .btn-login {
    background: #ff8a00;
    color: #fff
}

.dark-theme-mobile-navbar-header {
    position: fixed;
    position: -webkit-fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    color: #0f161f;
    background: rgba(11,27,39,.9)
}

.dark-theme-mobile-navbar-header .float-header-download {
    background: #fff;
    border-bottom: 0.01rem solid #f3f5f6;
    padding: 0.2rem;
    display: flex;
    width: 100%
}

.dark-theme-mobile-navbar-header .float-header-download .float-close-button {
    position: absolute;
    right: 0.2rem;
    top: -0.1rem;
    font-size: 0.65rem;
    color: #0f161f
}

.dark-theme-mobile-navbar-header .float-header-download .float-device-icon {
    width: 15vw;
    justify-content: center;
    align-items: center
}

.dark-theme-mobile-navbar-header .float-header-download .float-device-icon img {
    width: 100%;
    padding: 0 0.2rem 0 0
}

.dark-theme-mobile-navbar-header .float-header-download .float-desc-container {
    width: 50vw;
    align-items: flex-start;
    margin: auto
}

.dark-theme-mobile-navbar-header .float-header-download .float-download-container {
    width: 35vw;
    margin: auto
}

.dark-theme-mobile-navbar-header .float-header-download .float-download-container button {
    border-radius: 0.1rem;
    padding: 0.1rem 0.16rem;
    margin: auto
}

.dark-theme-mobile-navbar-header p {
    margin: 0
}

.dark-theme-mobile-navbar-header .mobile-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 0.9rem;
    padding: 0 0.21rem;
    background: rgba(11,27,39,.9);
    border-bottom: 0.01rem solid rgba(11,27,39,.9)
}

.dark-theme-mobile-navbar-header .mobile-nav .col-left {
    display: flex;
    align-items: center
}

.dark-theme-mobile-navbar-header .mobile-nav .col-left .menu-icon {
    width: 0.45rem;
    cursor: pointer
}

.dark-theme-mobile-navbar-header .mobile-nav .col-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.dark-theme-mobile-navbar-header .mobile-nav .col-center .merchant-logo {
    height: 0.66rem;
    object-fit: contain;
    cursor: pointer
}

.dark-theme-mobile-navbar-header .mobile-nav .col-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin: 0 0 0 0.2rem
}

.dark-theme-mobile-navbar-header .mobile-nav .col-right div::before {
    content: "";
    position: absolute;
    background: #0e212f;
    border-radius: 50%;
    width: 0.72rem;
    height: 0.72rem;
    bottom: 0.06rem
}

.dark-theme-mobile-navbar-header .mobile-nav .col-right div .beta-app-download {
    height: 0.66rem;
    width: auto;
    position: relative;
    margin-top: 0.15rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,45,90,.4);
    z-index: 1
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content {
    position: fixed;
    top: 0;
    left: -6.35rem;
    width: 6.35rem;
    height: 100%;
    background: #fff;
    z-index: 2;
    overflow-y: scroll;
    padding: 0.85rem 0 1.98rem;
    transition: .3s cubic-bezier(0.5, 0.03, 0.41, 1)
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content.isOpen {
    left: 0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container {
    padding: 0 0.55rem 0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-2,.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-language {
    padding: 0 0.52rem 0 0.49rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-2 .common-menu,.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-language .common-menu {
    margin: 0.64rem 0 0;
    padding: 0;
    border-top: unset
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu {
    padding: 0 0.04rem 1.25rem 0.19rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu.margin-top {
    margin: 0.68rem 0 0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu:not(:last-child) {
    margin: 0 0 0.5rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .icon-sb {
    width: 0.8rem;
    height: 0.71rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .sb-name {
    margin: 0.16rem 0 0 0.3rem;
    font-size: 0.26rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu.reward-menu {
    margin-bottom: 0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container {
    display: flex;
    font-size: .18rem;
    align-items: center;
    line-height: .22rem;
    padding-left: 1.1rem;
    margin-bottom: .5rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container .reward-expiry-point {
    width: 2.5rem;
    margin-right: .56rem;
    font-size: 10PX
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container svg {
    width: .3rem;
    fill: #4682b4;
    cursor: pointer;
    transform: rotate(0deg)
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .reward-container svg.active {
    transform: rotate(360deg);
    transition: transform 500ms
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu {
    display: grid;
    grid-template-columns: 25% 40% 25%;
    grid-column-gap: 5%;
    padding: 1.19rem 0.14rem 0 0;
    border-top: 0.02rem solid #ededed
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu {
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    width: 1.25rem;
    min-height: 0.86rem;
    cursor: pointer
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu:not(:last-child) {
    margin: 0 0 0.66rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu.middle {
    margin: 0 0.5rem 0.66rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb {
    width: 0.58rem;
    height: 0.58rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb svg:not(:root) {
    overflow: visible
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb .beta-region:not(:root) {
    border-radius: 50%;
    overflow: hidden;
    border: 0.01rem solid #ccc
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .sb-name {
    margin: 0.25rem 0 0 0;
    text-align: center;
    text-transform: capitalize
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-star-container {
    top: -0.02rem;
    left: 0.125rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .left,.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .right {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Language {
    width: 0.48rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .More {
    width: 0.48rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Back {
    width: 0.45rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .sb-name {
    font-size: 0.24rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-status {
    width: 0.55rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dbe9f0;
    border-radius: 50%;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0 0 0.35rem;
    overflow: visible;
    fill: #6da0dd
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow svg {
    width: 0.1rem;
    transform: rotate(180deg)
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .left {
    display: flex;
    align-items: center;
    justify-content: center
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-region {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.26rem 0 0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .title {
    font-weight: 600;
    font-size: 0.34rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-close-btn {
    width: 0.22rem;
    height: 0.22rem;
    cursor: pointer
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .banner {
    margin: 0.65rem 0 0;
    width: 100%;
    border-radius: 0.1rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper {
    margin: 0.45rem 0 0;
    padding: 0.55rem 0 0;
    border-top: 0.02rem solid #ededed
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container {
    display: flex;
    margin-bottom: 0.5rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container svg {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    border: 0.01rem solid #ccc
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info {
    margin: 0 0 0 0.35rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-name {
    font-size: 0.24rem;
    margin: 0 0 0.17rem 0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages {
    display: flex
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select {
    color: #8697a2;
    font-size: 0.24rem;
    cursor: pointer;
    padding: 0 0.25rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child {
    padding: 0 0.25rem 0 0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:last-child {
    padding: 0 0 0 0.25rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:not(:first-child) {
    border-left: 0.02rem solid #ededed
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .active {
    color: #06c;
    text-decoration: underline
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.03rem 0 0.18rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info {
    display: flex;
    align-items: center
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .beta-bitcoin {
    width: 1.06rem;
    height: 1.06rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content {
    margin: 0 0 0 0.25rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .welcome-title {
    font-size: 0.24rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .acc-name {
    color: #005acc;
    font-size: 0.32rem;
    margin: 0.05rem 0 0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 1.42rem;
    height: 0.46rem;
    padding: 0 0.23rem 0 0;
    background: #0691c0;
    color: #fff;
    font-size: 0.24rem;
    border-radius: 0.5rem;
    cursor: pointer
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard {
    position: absolute;
    left: 0;
    width: 0.52rem;
    height: 0.52rem;
    padding: 0.1rem;
    background: #fdb813;
    border-radius: 50%
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard .st0 {
    fill: #0691c0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress {
    margin: 0.55rem 0 0;
    padding: 0.33rem 0.33rem 0.4rem;
    background: #f3f5f6;
    border-radius: 0.05rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    padding: 0 0 0 0.05rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group img {
    width: 0.65rem;
    height: auto
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group p {
    margin: 0 0 0 0.19rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar {
    display: flex;
    width: 3.8rem;
    height: 0.11rem;
    background: #fff;
    border-radius: 0.05rem;
    margin: 0.13rem 0 0
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar span {
    height: 100%;
    background: #ff8a00
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-status {
    margin: 0.22rem 0 0 0.08rem;
    font-size: 0.24rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .standard-button-container {
    margin: 1.24rem 0 0;
    padding: 0 0.52rem 0 0.48rem
}

.dark-theme-mobile-navbar-header .mobile-nav .sb-content .standard-button-container button {
    font-weight: 600;
    width: 100%;
    height: 0.86rem;
    background: #f3f5f6;
    color: #8697a2;
    border-radius: 0.1rem;
    font-size: 0.34rem
}

.language-box {
    position: relative
}

.language-box .change-language-btn {
    background: #f3f5f6;
    display: flex;
    align-items: center;
    border-radius: 0.2rem;
    padding: 0.05rem 0.08rem;
    height: 0.32rem
}

.language-box .change-language-btn .arrow-down-btn {
    width: 0.12rem;
    fill: #afb3b6;
    transition: all .3s
}

.language-box .change-language-btn .arrow-down-btn.rotate {
    transform: rotate(180deg)
}

.language-box .change-language-btn .arrow-down-btn>* {
    pointer-events: none
}

.language-box .change-language-btn .language-icon-size {
    width: .25rem;
    height: auto;
    border: 0;
    border-radius: 50%
}

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

.language-box .change-language-btn .language-icon-size>* {
    pointer-events: none
}

.language-box .language-dropdown-container {
    position: absolute;
    z-index: 99999;
    top: 0.46rem;
    right: 0;
    width: 3.2rem;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    border-radius: 0.05rem;
    padding: 0.26rem 0.24rem 0;
    backdrop-filter: blur(0.05rem);
    -webkit-box-shadow: 0.05rem 0.05rem 0.05rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0.05rem 0.05rem 0.05rem -0.02rem rgba(0,0,0,.2)
}

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

.language-box .language-dropdown-container .region-container {
    display: flex;
    align-items: center;
    padding: 0 0 0.18rem 0;
    border-bottom: 0.01rem solid #f7f7f7
}

.language-box .language-dropdown-container .region-container p {
    margin-bottom: 0;
    margin-left: 0.2rem;
    font-size: 0.14rem;
    color: #0f161f
}

.language-box .language-dropdown-container .country-flag-warpper {
    padding: 0.32rem 0;
    text-align: left
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container {
    display: flex;
    margin-bottom: 0.26rem
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container svg {
    border: 0.01rem solid #ccc
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info {
    margin-left: 0.2rem
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-name {
    font-size: 0.13rem;
    color: #0f161f
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info p {
    margin-bottom: 0.05rem;
    font-size: 0.14rem
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select {
    font-size: 0.13rem;
    border-right: 0.01rem solid #ccc;
    cursor: pointer;
    color: #8697a2;
    padding: 0 0.12rem
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:hover {
    text-decoration: underline
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child {
    padding-left: 0
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages:last-child {
    margin-top: 0.08rem
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages:last-child .language-select:last-child {
    padding: 0 0 0 0.12rem;
    border: none
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .active {
    color: #06c;
    text-decoration: underline
}

.language-box .language-dropdown-container .country-flag-warpper .country-flag-container:last-child {
    margin-bottom: 0
}

.language-box .language-dropdown-container svg {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 50%
}

.dark-theme-navbar-container .language-box {
    position: relative
}

.dark-theme-navbar-container .language-box .change-language-btn {
    background: #162b36
}

.dark-theme-navbar-container .language-box .change-language-btn .arrow-down-btn {
    fill: #afb3b6
}

.dark-theme-navbar-container .language-box .change-language-btn .language-icon-size {
    width: .25rem;
    height: auto;
    border: 0;
    border-radius: 50%
}

.dark-theme-navbar-container .language-box .language-dropdown-container {
    position: absolute;
    z-index: 99999;
    top: 0.46rem;
    right: 0;
    width: 3.2rem;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    border-radius: 0.05rem;
    padding: 0.26rem 0.24rem 0;
    backdrop-filter: blur(0.05rem);
    -webkit-box-shadow: 0.05rem 0.05rem 0.05rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0.05rem 0.05rem 0.05rem -0.02rem rgba(0,0,0,.2)
}

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

.dark-theme-navbar-container .language-box .language-dropdown-container .region-container {
    border-bottom: 0.01rem solid #f7f7f7
}

.dark-theme-navbar-container .language-box .language-dropdown-container .region-container p {
    color: #0f161f
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper {
    padding: 0.32rem 0;
    text-align: left
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container {
    display: flex;
    margin-bottom: 0.26rem
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container svg {
    border: 0.01rem solid #ccc
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info {
    margin-left: 0.2rem
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-name {
    font-size: 0.13rem;
    color: #0f161f
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info p {
    margin-bottom: 0.05rem;
    font-size: 0.14rem
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select {
    font-size: 0.13rem;
    border-right: 0.01rem solid #ccc;
    cursor: pointer;
    color: #8697a2
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child {
    padding: 0 0.12rem 0 0
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:nth-child(2) {
    padding: 0 0.12rem;
    margin-left: 0
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:last-child {
    padding: 0 0 0 0.12rem;
    border-right: none
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .active {
    color: #06c;
    text-decoration: underline
}

.dark-theme-navbar-container .language-box .language-dropdown-container .country-flag-warpper .country-flag-container:last-child {
    margin-bottom: 0
}

.dark-theme-navbar-container .language-box .language-dropdown-container svg {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 50%
}

.navMenu-container {
    height: 100%;
    text-transform: unset;
    font-size: 0.15rem;
    font-weight: 400
}

@media(max-width: 1400px) {
    .navMenu-container :lang(km),.navMenu-container :lang(vi) {
        display:none
    }
}

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

.navMenu-container .menu-warpper .navbar-item {
    padding: 0;
    height: 100%;
    position: relative;
    cursor: pointer;
    text-align: unset;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    margin: 0 0.24rem 0 0
}

.navMenu-container .menu-warpper .navbar-item .icon-cantainer {
    position: absolute;
    top: -0.06rem;
    left: 25%
}

.navMenu-container .menu-warpper .navbar-item .icon-cantainer img {
    height: .4rem
}

.navMenu-container .menu-warpper .navbar-item .icon-cantainer .beta-new-icon {
    height: 0.15rem;
    position: relative;
    left: calc(50% - .3rem)
}

.navMenu-container .menu-warpper .navbar-item .euro-icon-container {
    height: .21rem;
    width: .72rem;
    position: absolute;
    top: 10%;
    transform: translate(-0.15rem, 0)
}

.navMenu-container .menu-warpper .navbar-item .euro-icon-container img {
    width: 100%;
    height: 100%;
    position: unset;
    top: unset;
    left: unset
}

.navMenu-container .menu-warpper .navbar-item a {
    color: #0f161f
}

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

.navMenu-container .menu-warpper .navbar-item a .menu-item-title {
    display: flex;
    align-items: center;
    margin: 0.05rem 0 0
}

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

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

.navMenu-container .menu-warpper .navbar-item a .menu-item-title.active p {
    color: #0071e3
}

.navMenu-container .menu-warpper .navbar-item svg {
    height: 0.06rem;
    width: unset;
    fill: #ff8a00;
    margin: 0 0 0 0.05rem;
    transition: .3s
}

.navMenu-container .menu-warpper .navbar-item svg.active {
    fill: #0071e3
}

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

.navMenu-container .menu-warpper .navbar-item img {
    height: .15rem;
    width: auto;
    position: absolute;
    top: 0;
    left: 27%
}

.navMenu-container .menu-warpper .navbar-item .live-icon {
    width: 0.29rem;
    height: 0.17rem;
    margin-right: 0.05rem;
    position: unset;
    top: 0;
    left: 0
}

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

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

.navMenu-container .menu-warpper .navbar-item:hover a,.navMenu-container .menu-warpper .navbar-item.hovered a {
    color: #ff8a00
}

.navMenu-container .menu-warpper .navbar-item:hover a .hover_line,.navMenu-container .menu-warpper .navbar-item.hovered a .hover_line {
    border-bottom: 0.03rem solid #0071e3;
    width: 0.25rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0
}

.navMenu-container .menu-warpper .navbar-item:hover .icon-arrow,.navMenu-container .menu-warpper .navbar-item.hovered .icon-arrow {
    fill: #ff8a00;
    transform: rotate(180deg)
}

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

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

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

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

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

.navMenu-container .menu-warpper .navbar-item:last-child {
    margin: 0
}

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

.dark-theme-navbar-container .navMenu-container {
    text-transform: unset;
    font-size: 0.15rem;
    font-family: "AvertaStd-Regular","sans-serif","宋体","SukhumvitSet-Text";
    font-weight: unset
}

.dark-theme-navbar-container .navMenu-container .menu-warpper {
    justify-content: space-between;
    width: undefined
}

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item {
    padding: 0;
    text-align: unset;
    text-transform: capitalize
}

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

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item a .menu-item-title.active p {
    color: #0071e3
}

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item svg {
    height: 0.06rem;
    width: unset;
    fill: #ff8a00
}

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item svg.active {
    fill: #0071e3
}

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

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item img {
    height: 0.38rem
}

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item .live-icon {
    position: unset;
    top: 0;
    left: 0
}

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

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

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item:hover a .hover_line {
    border-bottom: 0.03rem solid #0071e3
}

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item:hover svg {
    fill: #ff8a00
}

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item.active {
    background: none
}

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item.active .hover_line {
    border-bottom: 0.03rem solid #0071e3
}

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item.active a {
    color: #ff8a00
}

.dark-theme-navbar-container .navMenu-container .menu-warpper .navbar-item.active svg {
    fill: #ff8a00
}

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

.navSubmenu-container {
    font-size: 0.13rem
}

.navSubmenu-container .submenu-outerbox {
    width: 100%;
    position: absolute;
    z-index: 999;
    background: rgba(0,15,76,.8);
    border-bottom: unset solid 0.06rem;
    backdrop-filter: blur(0.05rem)
}

.navSubmenu-container .submenu-outerbox .submenu {
    padding-top: 0.2rem
}

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

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

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu .maintenance-wrapper {
    display: none
}

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

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container.enlarged {
    width: 20%
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container.enlarged .submenu-icon .float-dot-nav {
    font-size: 0.13rem
}

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

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

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .submenu-text {
    margin-top: 0.1rem
}

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

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .float-dot-nav {
    position: absolute;
    font-size: 0.11rem;
    padding: 0.02rem 0.08rem;
    color: #fff;
    border-radius: 0.1rem;
    top: -0.05rem;
    right: 0.15rem;
    width: unset;
    height: unset;
    text-align: center;
    margin: 0;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider-nav {
    background: #ff650f
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider-nav {
    background: #e0092c;
    color: #fff
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .promo-provider-nav {
    background: linear-gradient(to right, #095ebd, #04a9c2);
    color: #fff
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .vpn-provider-nav {
    background: #8697a2;
    border-radius: .04rem
}

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

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

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container:hover {
    color: rgba(0,0,0,0);
    fill: #0071e3;
    background: rgba(0,0,0,0)
}

.navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .maintenance-icon {
    position: absolute;
    top: 0;
    bottom: 0.35rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 38%
}

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

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

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

.login-main-container {
    background: #f2f5f5;
    padding: 1.2rem 0
}

.login-main-container .login-title {
    width: 13.4rem;
    margin: auto;
    padding: 0 0.2rem 0.2rem 0.2rem;
    font-size: 0.24rem;
    color: #0f161f
}

@media(max-width: 1340px) {
    .login-main-container .login-title {
        width:94vw
    }
}

@media(max-width: 1024px) {
    .login-main-container .login-title {
        width:94vw
    }
}

.login-main-container .login {
    display: flex;
    width: 13.4rem;
    margin: auto;
    justify-content: center
}

@media(max-width: 1340px) {
    .login-main-container .login {
        width:94vw
    }
}

@media(max-width: 1024px) {
    .login-main-container .login {
        width:94vw
    }
}

.login-main-container .login .left {
    width: 4.2rem;
    margin: 0 0.2rem 0 0;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.35rem;
    position: relative
}

.login-main-container .login .left .external-break-line {
    margin: 0.1rem 0 0.3rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.login-main-container .login .left .external-break-line .break-line {
    height: 0.01rem;
    background: #dbe0e4;
    margin: 0.15rem 0;
    width: 48%
}

.login-main-container .login .left .external-break-line span {
    width: 10%;
    font-size: 0.14rem;
    color: #8697a2;
    text-align: center;
    text-transform: lowercase
}

.login-main-container .login .left .login-form .whatsapp-login-fields .whatsapp-login-wrapper .whatsapp-telCode-dropdown span {
    margin: 0 .05rem 0 0
}

.login-main-container .login .left .login-form .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown {
    top: .4rem
}

.login-main-container .login .left .login-form .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown .standard-select-options {
    display: flex;
    justify-content: flex-start;
    flex-direction: row
}

.login-main-container .login .left .login-form .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown .standard-select-options span {
    width: 10%
}

.login-main-container .login .left .login-form label {
    color: #8697a2;
    font-size: 0.14rem;
    margin: 0 0.05rem 0.05rem
}

.login-main-container .login .left .login-form select {
    border: 0.01rem solid #f7f7f7
}

.login-main-container .login .left .login-form .login-button-section button {
    height: 0.4rem;
    border-radius: 0.06rem;
    font-size: 0.16rem;
    background: #ff8a00;
    margin: 0.2rem 0;
    width: 100%;
    color: #fff
}

.login-main-container .login .left .login-form .login-button-section button:hover {
    background: #ff7200
}

.login-main-container .login .left .login-form .login-button-section button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.login-main-container .login .left .login-form .forget-password-container {
    text-align: center;
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    color: #8697a2
}

.login-main-container .login .left .login-form .forget-password-container a {
    color: #06c;
    text-decoration: underline
}

.login-main-container .login .left .login-form .prompt-create {
    text-align: center;
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    color: #8697a2
}

.login-main-container .login .left .login-form .prompt-create p a {
    color: #ff8a00
}

.login-main-container .login .left .login-form .break-line {
    height: 0.01rem;
    background: #dbe0e4;
    margin: 0.25rem 0
}

.login-main-container .login .left .login-form .help-container {
    font-size: 0.14rem;
    color: #8697a2;
    text-align: center;
    width: 80%;
    margin: auto
}

.login-main-container .login .left .login-form .help-container p {
    line-height: 0.2rem
}

.login-main-container .login .left .login-form .help-container p a {
    color: #ff8a00
}

.login-main-container .login .left .blue-boder {
    border: 0.01rem solid #0071e3;
    border-radius: 0.05rem
}

.login-main-container .login .left .login-field-image {
    position: absolute;
    right: -0.3rem;
    top: 0.1rem
}

.login-main-container .login .left .login-field-image svg {
    width: 0.2rem;
    height: 0.2rem
}

.login-main-container .login .right {
    width: 9rem;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.35rem
}

.login-main-container .login .right .content-container .login-banner-container .slick-list {
    border-radius: 0.1rem
}

.login-main-container .login .right .content-container .login-banner-container .dotsContainer {
    width: 70%;
    margin: 0.33rem auto 0.1rem;
    text-align: center
}

.login-main-container .login .right .content-container .login-banner-container .dotsContainer button {
    background: #e1e1e1;
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    margin-right: 0.1rem
}

.login-main-container .login .right .content-container .login-banner-container .dotsContainer .active {
    background: #ff8a00
}

.login-main-container .login .right .content-container .login-banner-container .image-container img {
    border-radius: 0.05rem
}

.login-main-container .login .right .content-container .info {
    width: 70%;
    margin: auto;
    text-align: center;
    color: #0f161f
}

.login-main-container .login .right .content-container .info p {
    margin: 0.2rem;
    white-space: break-spaces;
    font-size: 0.24rem
}

.login-main-container .login .right .content-container .info p span {
    font-size: 0.3rem;
    font-weight: 600
}

.login-main-container .login .right .content-container .info-logo {
    width: 65%;
    margin: auto;
    text-align: center
}

.login-main-container .login .right .content-container .info-logo svg {
    width: 1.6rem;
    height: 1rem
}

.login-main-container .login .right .content-container .info-logo img {
    width: 1.25rem;
    margin: 0 0 0.12rem
}

.login-main-container .login .right .content-container .license-container {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #8697a2
}

.login-main-container .login .right .content-container .license-container svg {
    width: 0.5rem;
    height: 0.5rem
}

.login-main-container .login .right .content-container .license-container p {
    font-size: 0.12rem;
    margin-bottom: 0;
    margin-left: 0.1rem
}

.register-main-container {
    background: #f2f5f5;
    padding: 1.2rem 0
}

.register-main-container .registration-title {
    width: 13.4rem;
    margin: auto;
    padding: 0 0.2rem 0.2rem 0.2rem;
    font-size: 0.24rem;
    color: #0f161f
}

@media(max-width: 1340px) {
    .register-main-container .registration-title {
        width:94vw
    }
}

@media(max-width: 1024px) {
    .register-main-container .registration-title {
        width:94vw
    }
}

.register-main-container .svg-correct {
    position: absolute;
    right: -0.3rem
}

.register-main-container .svg-correct svg {
    width: 0.2rem !important;
    height: 0.2rem !important
}

.register-main-container .stat-text-div {
    position: absolute;
    left: 3.6rem;
    display: flex;
    align-items: center;
    right: -3rem;
    z-index: 1;
    font-size: 0.12rem
}

.register-main-container .stat-text-div.phone {
    left: 2.535rem
}

.register-main-container .stat-text-div img {
    position: absolute;
    right: 3.1rem;
    width: 0.22rem
}

.register-main-container .stat-text-div .triangle-border {
    background: #fff;
    padding: 0.1rem 0.16rem;
    box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,.3);
    position: relative;
    border-radius: 0.05rem;
    color: #0f161f
}

.register-main-container .stat-text-div .triangle-border .triangle {
    position: absolute;
    top: 0.06rem;
    right: 100%;
    margin-left: -0.12rem;
    width: 0.24rem;
    height: 0.24rem;
    overflow: hidden
}

.register-main-container .stat-text-div .triangle-border .triangle::after {
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 0.1rem;
    left: 100%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3)
}

.register-main-container .stat-text-div .triangle-border span {
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.register-main-container .register {
    display: flex;
    width: 13.4rem;
    margin: auto;
    justify-content: center
}

@media(max-width: 1340px) {
    .register-main-container .register {
        width:94vw
    }
}

@media(max-width: 1024px) {
    .register-main-container .register {
        width:94vw
    }
}

.register-main-container .register .reg {
    width: 4.2rem;
    margin: 0 0.2rem 0 0;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.35rem
}

.register-main-container .register .reg .register-container-header {
    color: #8697a2;
    margin: .1rem auto
}

.register-main-container .register .reg .external-reg-break-line {
    margin: 0.1rem 0 0.36rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.register-main-container .register .reg .external-reg-break-line .break-line {
    height: 0.01rem;
    background: #dbe0e4;
    margin: 0.15rem 0;
    width: 48%
}

.register-main-container .register .reg .external-reg-break-line span {
    width: 10%;
    font-size: 0.14rem;
    color: #8697a2;
    text-align: center;
    text-transform: lowercase
}

.register-main-container .register .reg .reg-container .blue {
    border: 0.01rem solid #0071e3;
    border-radius: 0.05rem
}

.register-main-container .register .reg .reg-container .wrong {
    border: 0.01rem solid #e0092c;
    border-radius: 0.05rem;
    z-index: 1
}

.register-main-container .register .reg .reg-container .correct {
    border: 0.01rem solid #0071e3;
    border-radius: 0.05rem
}

.register-main-container .register .reg .reg-container label {
    color: #8697a2;
    font-size: 0.14rem;
    margin: 0 0.05rem 0.05rem
}

.register-main-container .register .reg .reg-container .affiliateID {
    margin: 0.3rem 0 0;
    padding: 0.3rem 0 0;
    border-top: 0.01rem solid #dbe0e4
}

.register-main-container .register .reg .reg-container .affiliateID label {
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.register-main-container .register .reg .reg-container .affiliateID svg {
    width: 0.1rem;
    height: 0.1rem;
    fill: #8697a2
}

.register-main-container .register .reg .reg-container .affiliateID svg.isOpen {
    transform: rotate(180deg)
}

.register-main-container .register .reg .reg-container .affiliateID svg.isHide {
    opacity: 1;
    visibility: unset
}

.register-main-container .register .reg .reg-container .affiliateID .isHide {
    transition: visibility 0s linear .33s,opacity .33s linear;
    visibility: hidden;
    opacity: 0
}

.register-main-container .register .reg .reg-container .affiliateID .isOpen {
    transition: visibility 0s linear .33s,opacity .33s linear;
    transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.register-main-container .register .reg .reg-container .tnc-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text {
    margin: 0 0 0 0.05rem
}

.register-main-container .register .reg .reg-container .transaction-button-section .reg-btn-container button {
    height: 0.4rem;
    border-radius: 0.06rem;
    font-size: 0.16rem;
    background: #0071e3;
    margin: 0.2rem 0;
    width: 100%;
    color: #fff
}

.register-main-container .register .reg .reg-container .transaction-button-section .reg-btn-container button:hover {
    background: #0051d6
}

.register-main-container .register .reg .reg-container .transaction-button-section .reg-btn-container button[disabled] {
    cursor: not-allowed
}

.register-main-container .register .reg .reg-container .success-button-section .reg-btn-container button {
    margin: 0.5rem 0 0.1rem 0
}

.register-main-container .register .reg .reg-container .reg-footer-notice {
    font-size: 0.12rem;
    text-align: center;
    color: #8697a2;
    width: 80%;
    margin: auto
}

.register-main-container .register .reg .reg-container .reg-footer-notice a {
    color: #0071e3
}

.register-main-container .register .reg .reg-container .prompt-login {
    color: #8697a2;
    font-size: 0.14rem;
    text-align: center;
    margin: 0.3rem 0
}

.register-main-container .register .reg .reg-container .prompt-login a {
    color: #06c;
    text-decoration-line: underline
}

.register-main-container .register .reg .reg-container .tutorial-btn-container {
    justify-content: center
}

.register-main-container .register .reg .reg-container .tutorial-btn-container .tutorial-btn {
    background: #ff8a00;
    padding: 0.05rem 0.15rem;
    font-size: 0.16rem;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    width: auto
}

.register-main-container .register .reg .reg-container .tutorial-btn-container .tutorial-btn svg {
    width: 0.22rem;
    height: 0.22rem
}

.register-main-container .register .reg .reg-container .tutorial-btn-container .tutorial-btn svg:last-child {
    width: 0.1rem;
    height: 0.1rem
}

.register-main-container .register .reg .reg-container .tutorial-btn-container .tutorial-btn span {
    margin: 0 0.1rem
}

.register-main-container .register .reg .reg-container .reg-action-button-section {
    display: flex;
    justify-content: space-between
}

.register-main-container .register .reg .reg-container .reg-action-button-section button {
    height: 0.4rem;
    border-radius: 0.06rem;
    font-size: 0.14rem;
    margin: 0.2rem 0;
    color: #fff
}

.register-main-container .register .reg .reg-container .reg-action-button-section button:disabled {
    opacity: .5;
    pointer-events: auto;
    cursor: not-allowed
}

.register-main-container .register .reg .reg-container .reg-action-button-section .back-button {
    background: #ccc;
    width: 17%
}

.register-main-container .register .reg .reg-container .reg-action-button-section .back-button svg {
    fill: #fff;
    width: 0.2rem;
    height: 0.2rem;
    margin: 0.1rem 0
}

.register-main-container .register .reg .reg-container .reg-btn-complete {
    width: 80%
}

.register-main-container .register .reg .reg-container .reg-btn-complete.external-no-back-btn {
    width: 100%
}

.register-main-container .register .reg .reg-container .reg-btn-complete button {
    width: 100%;
    background: #ff8a00
}

.register-main-container .register .reg .reg-container .reg-btn-complete button:hover {
    background: #ff7200
}

.register-main-container .register .reg .reg-container .select-date-seperate {
    width: 100%
}

.register-main-container .register .reg .reg-container .select-date-seperate #dropdown-date {
    display: flex;
    justify-content: space-between
}

.register-main-container .register .reg .reg-container .select-date-seperate #dropdown-date div {
    width: 30%;
    cursor: pointer
}

.register-main-container .register .reg .reg-container .select-date-seperate #dropdown-date div select {
    border: 0.01rem solid #e5e5e5;
    border-radius: 0.05rem;
    height: 0.38rem;
    font-size: 0.14rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    padding: 0.05rem;
    color: #8697a2
}

.register-main-container .register .reg .reg-container .standard-select-international-telcode {
    height: 1.6rem;
    overflow-y: auto;
    left: 0;
    right: unset;
    width: unset;
    top: 0.6rem;
    top: 0.35rem
}

.register-main-container .register .reg .reg-container .register-input-container .label-option {
    display: flex
}

.register-main-container .register .reg .reg-container .register-input-container .label-option .option {
    margin-right: 0.15rem;
    cursor: pointer
}

.register-main-container .register .reg .reg-container .register-input-container .label-option .option.active {
    border: 0.03rem solid #ff8a00;
    border-style: none none solid none
}

.register-main-container .register .reg .reg-container .register-input-container.otp-input-container {
    padding-bottom: 0.4rem;
    margin-bottom: 0.3rem;
    border-bottom: 0.01rem solid #dbe0e4
}

.register-main-container .register .reg .reg-container .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper {
    justify-content: space-between
}

.register-main-container .register .reg .reg-container .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container .otp-button {
    min-width: auto;
    background: #f3f5f6;
    color: #0f161f
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container {
    padding-bottom: 0.4rem;
    margin-bottom: 0.3rem;
    border-bottom: 0.01rem solid #dbe0e4
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .standard-label {
    display: unset
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .standard-label span {
    font-weight: 700
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .verify-method-container {
    display: grid;
    grid-template-columns: 40% 12% 44%;
    align-items: center;
    justify-content: center;
    padding: .3rem 0;
    grid-column-gap: .1rem
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .verify-method-container .qr {
    width: 1.5rem;
    height: 1.2rem;
    margin: auto
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .verify-method-container .or {
    text-transform: capitalize;
    text-align: center
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .verify-method-container .standard-otp-button {
    min-width: auto;
    width: 100%;
    padding: 0 .1rem
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .break-line {
    border: 0.01rem solid #dbe0e4;
    border-style: solid none none none;
    margin: .3rem 0
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .resend-otp-container {
    margin: .3rem 0 .6rem
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container {
    margin-bottom: 0.1rem
}

.register-main-container .register .reg .reg-container .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container .standard-otp-button {
    width: 100%
}

.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper {
    margin-top: .1rem;
    font-size: .12rem;
    color: #e8262c
}

.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem
}

.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.register-main-container .register .reg .reg-container .register-input-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

.register-main-container .register .reg .reg-container .phone-email-input-container .standard-label {
    margin-bottom: 0.05rem
}

.register-main-container .register .reg .reg-container .phone-email-input-container .standard-modal-tab-container .standard-modal-tab {
    margin-bottom: 0.14rem
}

.register-main-container .register .right {
    width: 8.97rem;
    background: #fff;
    border-radius: 0.1rem
}

.register-main-container .register .right .member-benefits-row .slick-list {
    border-radius: 0.1rem
}

.register-main-container .register .right .member-benefits-row .dotsContainer button {
    background: #e1e1e1;
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    margin-right: 0.1rem
}

.register-main-container .register .right .member-benefits-row .dotsContainer .active {
    background: #ff8a00
}

.register-main-container .register .right .member-benefits-row .custom-views {
    display: flex;
    flex-direction: row;
    margin-top: .4rem
}

.register-main-container .register .right .member-benefits-row .member-benefit-column-container {
    text-align: center;
    width: 70%;
    margin: 0 auto
}

.reg-success-container {
    text-align: center;
    color: #000
}

.reg-success-container svg {
    fill: #fff;
    width: 0.8rem;
    height: 0.8rem;
    background: #25e600;
    border-radius: 50%;
    padding: 0.2rem
}

.reg-success-container h3 {
    margin: 0.2rem 0 0.05rem 0;
    text-transform: uppercase;
    color: #0f161f;
    font-size: 0.24rem;
    font-weight: normal
}

.reg-success-container span {
    color: #8697a2;
    font-size: 0.13rem
}

.reg-success-container .reg-svg {
    width: 2.4rem;
    margin: 0.3rem auto
}

.reg-success-container .info-desc {
    color: #8697a2;
    font-size: 0.13rem
}

.auth-otp-helper-popup {
    min-height: unset
}

@media(min-width: 769px) {
    .auth-otp-helper-popup {
        min-width:4.98rem;
        max-width: 4.98rem
    }
}

.auth-otp-helper-popup .auth-otp-helper-popup-body {
    display: flex;
    flex-flow: column;
    align-items: center;
    color: #0f161f;
    text-align: center
}

@media(min-width: 769px) {
    .auth-otp-helper-popup .auth-otp-helper-popup-body {
        padding:0 .4rem .35rem
    }
}

@media(max-width: 768px) {
    .auth-otp-helper-popup .auth-otp-helper-popup-body {
        font-size:.28rem
    }
}

.auth-otp-helper-popup .auth-otp-helper-popup-body .contact-cs span {
    text-decoration: underline;
    cursor: pointer
}

.notification-popup-container {
    width: 6rem;
    padding: 0.1rem;
    background: #fff;
    min-height: unset
}

.notification-popup-container .standard-popup-modal-header {
    background: rgba(0,0,0,0);
    border-top-right-radius: 0.1rem;
    border-top-left-radius: 0.1rem;
    padding: 0 0.4rem 0 0.39rem
}

.notification-popup-container .standard-popup-modal-header .standard-modal-close {
    width: 0.35rem;
    height: 0.35rem;
    background: #fcffff;
    filter: drop-shadow(0.02rem 0.03rem 0.1rem #6c6c6c);
    color: #6e6e6e;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -0.25rem;
    right: -0.25rem;
    position: absolute;
    border-radius: 0.2rem;
    padding: 0.1rem
}

.notification-popup-container .standard-popup-modal-header .standard-modal-close:hover {
    background: #fcffff;
    color: #8697a2
}

.notification-popup-container .standard-popup-modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0.4rem 0.25rem 0.39rem;
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
    color: #0f161f;
    font-size: 0.18rem
}

.notification-popup-container .standard-popup-modal-body .icon-container {
    margin: 0 0.2rem;
    border-radius: 50%;
    min-width: 0.4rem;
    height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.notification-popup-container .standard-popup-modal-body .icon-container.success {
    background: #32f032
}

.notification-popup-container .standard-popup-modal-body .icon-container.error {
    background: #ff8a00
}

.notification-popup-container .standard-popup-modal-body .icon-container.warning {
    background: #ff0
}

.notification-popup-container .standard-popup-modal-body .icon-container.info {
    background: #000
}

.notification-popup-container .standard-popup-modal-body .icon-container svg {
    width: 0.4rem;
    padding: 0.075rem;
    overflow: visible
}

.m-register-container {
    background: #fff;
    color: #8697a2
}

.m-register-container .reg-step-container {
    padding: 0.45rem 0.42rem .896206rem
}

.m-register-container .reg-step-container.step-2 {
    padding: 0.45rem 0.42rem 0.85rem
}

.m-register-container .reg-step-container.step-2 .transaction-button-section {
    margin: 1.2rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.m-register-container .reg-step-container.step-2 .prompt-login-section {
    margin: 0.85rem 0 0
}

.m-register-container .reg-step-container.step-3 .transaction-button-section {
    margin: 1.02rem 0 0
}

.m-register-container .reg-step-container .reg-title {
    font-weight: 600;
    font-size: 0.36rem;
    color: #0f161f
}

.m-register-container .reg-step-container .reg-form-section,.m-register-container .reg-step-container .reg-step-2 {
    margin: 0.7rem 0 0
}

.m-register-container .reg-step-container .reg-form-section .standard-error-validation,.m-register-container .reg-step-container .reg-step-2 .standard-error-validation {
    margin: 0 0 0 0.2rem;
    font-size: 0.25rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container,.m-register-container .reg-step-container .reg-step-2 .register-input-container {
    display: flex;
    flex-direction: column
}

.m-register-container .reg-step-container .reg-form-section .register-input-container:not(:last-child),.m-register-container .reg-step-container .reg-step-2 .register-input-container:not(:last-child) {
    margin: 0 0 0.4rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.affiliateID label,.m-register-container .reg-step-container .reg-step-2 .register-input-container.affiliateID label {
    cursor: pointer
}

.m-register-container .reg-step-container .reg-form-section .register-input-container:not(.affiliateID) .standard-form-field::after,.m-register-container .reg-step-container .reg-step-2 .register-input-container:not(.affiliateID) .standard-form-field::after {
    content: "*";
    position: absolute;
    color: #e0092c;
    margin-left: 0.04rem;
    padding: 0 0.04rem 0 0;
    font-size: 0.36rem;
    right: -0.1rem;
    top: -0.18rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container:not(.affiliateID) .ignore-after::after,.m-register-container .reg-step-container .reg-step-2 .register-input-container:not(.affiliateID) .ignore-after::after {
    content: ""
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-label,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-label {
    justify-content: space-between;
    font-size: 0.26rem;
    color: #06c
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .toggle-icon,.m-register-container .reg-step-container .reg-step-2 .register-input-container .toggle-icon {
    width: 0.24rem;
    height: 0.12rem;
    fill: #8697a2
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .toggle-icon.isOpen,.m-register-container .reg-step-container .reg-step-2 .register-input-container .toggle-icon.isOpen {
    transform: rotate(180deg)
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .toggle-icon.isHide,.m-register-container .reg-step-container .reg-step-2 .register-input-container .toggle-icon.isHide {
    opacity: 1;
    visibility: unset
}

.m-register-container .reg-step-container .reg-form-section .register-input-container input[type=text],.m-register-container .reg-step-container .reg-form-section .register-input-container input[type=password],.m-register-container .reg-step-container .reg-step-2 .register-input-container input[type=text],.m-register-container .reg-step-container .reg-step-2 .register-input-container input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:-webkit-autofill,.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:hover,.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:focus,.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:active,.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:-webkit-autofill,.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:hover,.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:focus,.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:active,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:-webkit-autofill,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:hover,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:focus,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:active,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:-webkit-autofill,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:hover,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:focus,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:active {
    border: 0.02rem solid #0071e3
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:-webkit-autofill,.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:-webkit-autofill,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:-webkit-autofill,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:-webkit-autofill {
    background: #eaeef0
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input .icon-calender,.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select .icon-calender,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input .icon-calender,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select .icon-calender {
    position: absolute;
    right: 0.3rem;
    width: 0.45rem;
    top: -0.01rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select input,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select input {
    font-size: 0.28rem;
    padding: 0.15rem 0.3rem;
    height: unset
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select .standard-select-options,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select .standard-select-options {
    height: unset
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select .standard-select-options img,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select .standard-select-options img {
    width: 0.35rem;
    height: 0.35rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .isHide,.m-register-container .reg-step-container .reg-step-2 .register-input-container .isHide {
    transition: visibility 0s linear .33s,opacity .33s linear;
    visibility: hidden;
    opacity: 0
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .isOpen,.m-register-container .reg-step-container .reg-step-2 .register-input-container .isOpen {
    transition: visibility 0s linear .33s,opacity .33s linear;
    transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .select-arrow-up,.m-register-container .reg-step-container .reg-step-2 .register-input-container .select-arrow-up {
    transform: translate(0%, 50%) rotate(225deg)
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .select-phone-container,.m-register-container .reg-step-container .reg-step-2 .register-input-container .select-phone-container {
    width: 1.98rem;
    margin: 0 0.15rem 0 0
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown {
    left: 0;
    right: unset;
    top: 0;
    padding: 1rem 0.1rem 0.2rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode {
    max-height: 6rem;
    z-index: -1;
    padding: .85rem .15rem .1rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper {
    background: #fff;
    border-radius: 0.4rem;
    padding: 0.15rem 0.3rem;
    margin: 0 0 0.3rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper svg,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper svg {
    width: 0.35rem;
    height: 0.35rem;
    margin: 0 0.1rem 0 0
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper input,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper input {
    width: 90%;
    background: rgba(0,0,0,0)
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-options,.m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-options {
    height: 4rem;
    overflow-y: scroll
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .phone-field,.m-register-container .reg-step-container .reg-step-2 .register-input-container .phone-field {
    z-index: 2
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container,.m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container {
    padding-bottom: 0.5rem;
    margin-bottom: 0.6rem;
    border-bottom: 0.01rem solid #dbe0e4
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper,.m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper {
    justify-content: space-between
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper input,.m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper input {
    width: 65%
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container,.m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container {
    width: 30%
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container .otp-button,.m-register-container .reg-step-container .reg-step-2 .register-input-container.otp-input-container .authOTP-field .standard-form-field-wrapper .standard-button-container .otp-button {
    min-width: auto;
    background: #f3f5f6;
    color: #0f161f
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container {
    padding-bottom: 0.5rem;
    margin-bottom: 0.6rem;
    border-bottom: 0.01rem solid #dbe0e4
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .standard-label,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .standard-label {
    display: unset
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .standard-label span,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .standard-label span {
    font-weight: 700
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .verify-method-container,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .verify-method-container {
    display: grid;
    grid-template-columns: 40% 12% 44%;
    align-items: center;
    justify-content: center;
    padding: .3rem 0;
    grid-column-gap: .1rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .verify-method-container .qr,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .verify-method-container .qr {
    width: 2rem;
    height: 2rem;
    margin: auto
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .verify-method-container .or,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .verify-method-container .or {
    text-transform: capitalize;
    text-align: center
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .verify-method-container .standard-otp-button,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .verify-method-container .standard-otp-button {
    min-width: auto;
    width: undefined;
    padding: 0 .1rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .standard-form-field::after,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .standard-form-field::after {
    content: ""
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .break-line,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .break-line {
    border: 0.01rem solid #dbe0e4;
    border-style: solid none none none;
    margin: .6rem 0
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .resend-otp-container,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .resend-otp-container {
    margin: .3rem 0 .6rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container {
    margin-bottom: 0.1rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container .standard-otp-button,.m-register-container .reg-step-container .reg-step-2 .register-input-container.whatsapp-otp-input-container .resend-otp-container .standard-button-container .standard-otp-button {
    width: 100%
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .label-option,.m-register-container .reg-step-container .reg-step-2 .register-input-container .label-option {
    display: flex;
    margin-bottom: 0.1rem
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .label-option .option,.m-register-container .reg-step-container .reg-step-2 .register-input-container .label-option .option {
    margin-right: 0.3rem;
    color: #8697a2;
    cursor: pointer
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .label-option .option.active,.m-register-container .reg-step-container .reg-step-2 .register-input-container .label-option .option.active {
    border: 0.03rem solid #ff8a00;
    border-style: none none solid none
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .error-message-wrapper,.m-register-container .reg-step-container .reg-step-2 .register-input-container .error-message-wrapper {
    margin-top: .196rem;
    font-size: .236rem;
    color: #e8262c
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .error-message-wrapper .password-rules-msg-wrapper,.m-register-container .reg-step-container .reg-step-2 .register-input-container .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem;
    align-items: center
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .error-message-wrapper .password-rules-msg-wrapper img,.m-register-container .reg-step-container .reg-step-2 .register-input-container .error-message-wrapper .password-rules-msg-wrapper img {
    width: .236rem;
    height: .236rem;
    margin: .078rem .078rem .078rem 0rem;
    flex-shrink: 0
}

.m-register-container .reg-step-container .reg-form-section .register-input-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.m-register-container .reg-step-container .reg-step-2 .register-input-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-top: .03rem;
    margin-left: .078rem;
    flex: 1
}

.m-register-container .reg-step-container .reg-form-section .phone-email-input-container .standard-label,.m-register-container .reg-step-container .reg-step-2 .phone-email-input-container .standard-label {
    margin-bottom: 0.2rem;
    color: #8697a2
}

.m-register-container .reg-step-container .reg-form-section .phone-email-input-container .standard-modal-tab-container .standard-modal-tab,.m-register-container .reg-step-container .reg-step-2 .phone-email-input-container .standard-modal-tab-container .standard-modal-tab {
    margin-bottom: 0.4rem
}

.m-register-container .reg-step-container .reg-form-section .tnc-field,.m-register-container .reg-step-container .reg-step-2 .tnc-field {
    margin: 0.65rem 0 0
}

.m-register-container .reg-step-container .reg-form-section .tnc-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text,.m-register-container .reg-step-container .reg-step-2 .tnc-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text {
    margin: 0 0 0 0.1rem
}

.m-register-container .reg-step-container .reg-form-section .offer-field,.m-register-container .reg-step-container .reg-step-2 .offer-field {
    margin: 0.42rem 0 0
}

.m-register-container .reg-step-container .transaction-button-section {
    margin: 0.85rem 0 0
}

.m-register-container .reg-step-container .transaction-button-section button {
    width: 100%;
    height: 0.85rem;
    background: #ff8a00;
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.3rem
}

.m-register-container .reg-step-container .transaction-button-section button:disabled {
    opacity: .5
}

.m-register-container .reg-step-container .transaction-button-section .back-button {
    background: #e2e2e2;
    width: 18%
}

.m-register-container .reg-step-container .transaction-button-section .back-button svg {
    width: 0.45rem;
    fill: #fff
}

.m-register-container .reg-step-container .transaction-button-section .reg-btn-complete button {
    background: #ff8a00
}

.m-register-container .reg-step-container .transaction-button-section .reg-success-deposit-btn {
    background: #0071e3
}

.m-register-container .reg-step-container .reg-notice-section,.m-register-container .reg-step-container .reg-footer-notice {
    margin: 0.6rem auto 0;
    text-align: center;
    font-size: 0.25rem;
    width: 85%
}

.m-register-container .reg-step-container .reg-notice-section a,.m-register-container .reg-step-container .reg-footer-notice a {
    color: #0071e3
}

.m-register-container .reg-step-container .prompt-login-section,.m-register-container .reg-step-container .prompt-login {
    margin: 1.05rem 0 0;
    text-align: center;
    font-size: 0.28rem
}

.m-register-container .reg-step-container .prompt-login-section a,.m-register-container .reg-step-container .prompt-login a {
    color: #06c;
    text-decoration: underline
}

.m-register-container .reg-step-container .reg-break-line-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .3rem 0 .16rem;
    font-size: 0.28rem;
    text-transform: lowercase
}

.m-register-container .reg-step-container .reg-break-line-section .break-line {
    width: 0.45rem;
    height: 0.02rem;
    background: #8697a2
}

.m-register-container .reg-step-container .reg-break-line-section span {
    margin: 0 0.2rem
}

.m-register-container .reg-step-container .register-container-header {
    color: #8697a2;
    margin: .196rem auto
}

.m-register-container .reg-step-container .reg-success-container {
    margin: 1.2rem 0 0;
    padding: 0 0.43rem
}

.m-register-container .reg-step-container .reg-success-container svg {
    width: 1.33rem;
    height: 1.33rem
}

.m-register-container .reg-step-container .reg-success-container h3 {
    margin: 0.65rem 0 0.25rem;
    font-size: 0.5rem
}

.m-register-container .reg-step-container .reg-success-container span {
    font-size: 0.28rem
}

.m-register-container .reg-step-container .reg-success-container .info-desc {
    margin: 0.25rem;
    font-size: 0.28rem
}

.m-register-container .member-benefits-container .reg-slider-container .slick-list {
    border-radius: 0.1rem
}

.m-register-container .member-benefits-container .reg-slider-container .dotsContainer button {
    width: 0.12rem;
    height: 0.12rem;
    background: #e1e1e1;
    border-radius: 50%
}

.m-register-container .member-benefits-container .reg-slider-container .dotsContainer button:not(:last-child) {
    margin: 0 0.2rem 0 0
}

.m-register-container .member-benefits-container .reg-slider-container .dotsContainer button.active {
    background: #ff9500
}

.m-register-container .member-benefits-container .reg-slider-container .custom-views {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    margin: 0.4rem 0 0.1rem
}

.m-register-container .member-benefits-container .member-benefits-row:not(.sliderBanner) {
    display: flex;
    justify-content: center;
    text-align: center
}

.reg-progress-bar-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    margin: 0.4rem auto 0;
    font-size: 0.28rem
}

.reg-progress-bar-section .step-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: #e2e2e2;
    color: #fff;
    padding: 0.05rem 0 0
}

.reg-progress-bar-section .step-wrapper.on {
    background: #0071e3
}

.reg-progress-bar-section .step-wrapper svg {
    width: 0.24rem;
    fill: #fff;
    margin: -0.01rem 0 0 -0.01rem
}

.reg-progress-bar-section .progressBar {
    width: 25%;
    height: 0.02rem;
    background: #e2e2e2
}

.reg-progress-bar-section .progressBar.on {
    background: #0071e3
}

.m-reg-telegram-popup {
    text-align: center
}

.m-reg-telegram-popup .reg-telegram-popup-body {
    color: #212121
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-about {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(/public/html/images/telegram/faq-icon.png) no-repeat 0 0;
    margin: 0.3rem 0.16rem;
    position: absolute;
    right: 0;
    top: 0
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-photos {
    padding: 0.15rem 0 0.3rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-photos .telegram-photo {
    padding-right: 0.15rem;
    width: 2rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-photos .profile-photo {
    width: 1rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text {
    font-family: "Roboto",sans-serif,"SukhumvitSet-Text"
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text .text-account {
    font-weight: 700;
    font-size: 0.29rem;
    margin-bottom: 0.3rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text .text-account .bot-name {
    color: #1385d8;
    cursor: unset
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text .text-phone {
    font-size: 0.28rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-header-text .text-phone a {
    color: #1385d8
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form {
    width: 65%;
    margin: 0.45rem auto 0.4rem;
    text-align: left
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .svg-correct {
    position: absolute;
    right: -0.3rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .svg-correct svg {
    width: 0.2rem !important;
    height: 0.2rem !important
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div {
    position: absolute;
    left: 3.6rem;
    display: flex;
    align-items: center;
    right: -3rem;
    z-index: 1;
    font-size: 0.12rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div.phone {
    left: 2.535rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div img {
    position: absolute;
    right: 3.1rem;
    width: 0.22rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div .triangle-border {
    background: #fff;
    padding: 0.1rem 0.16rem;
    box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,.3);
    position: relative;
    border-radius: 0.05rem;
    color: #0f161f
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div .triangle-border .triangle {
    position: absolute;
    top: 0.06rem;
    right: 100%;
    margin-left: -0.12rem;
    width: 0.24rem;
    height: 0.24rem;
    overflow: hidden
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div .triangle-border .triangle::after {
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 0.1rem;
    left: 100%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3)
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .stat-text-div .triangle-border span {
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container {
    margin-bottom: 0.4rem;
    display: flex;
    flex-direction: column
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field {
    margin: 0 0 0.14rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-input::placeholder {
    white-space: nowrap
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper {
    background: #fff;
    border-radius: 0.4rem;
    padding: 0.15rem 0.3rem;
    margin: 0 0 0.3rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper svg {
    width: 0.35rem;
    height: 0.35rem;
    margin: 0 0.1rem 0 0
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper input {
    width: 85%;
    background: rgba(0,0,0,0)
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-options {
    height: 4rem;
    overflow-y: scroll
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-form .register-input-container .standard-form-field .select-arrow-up {
    transform: translate(0%, 50%) rotate(225deg)
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container {
    margin-top: 0.25rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item {
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 0.18rem;
    color: #fff;
    background: #4ca3e2;
    border-radius: 0.4rem;
    display: inline-block;
    padding: 0.25rem 0.4rem;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    border: none;
    transition: background-color .2s ease;
    white-space: nowrap
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item .button-item-label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    position: relative
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item.cancel-button {
    color: #1385d8;
    background: rgba(0,0,0,0)
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item.submit-button {
    margin-left: 0.1rem
}

.m-reg-telegram-popup .reg-telegram-popup-body .reg-telegram-button-container .button-item:disabled {
    cursor: unset
}

.m-login-container {
    background: #fff;
    color: #8697a2
}

.m-login-container .login-container {
    padding: .45rem .42rem .67565971rem
}

.m-login-container .login-container .login-title {
    font-weight: 600;
    font-size: 0.36rem;
    color: #0f161f;
    padding: 0 0 0 0.1rem
}

.m-login-container .login-container .login-form-section {
    margin: 0.5rem 0 0
}

.m-login-container .login-container .login-form-section .login-input-container {
    display: flex;
    flex-direction: column
}

.m-login-container .login-container .login-form-section .login-input-container .standard-form-field {
    margin: 0 0 0.4rem 0
}

.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input {
    font-family: inherit
}

.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:-webkit-autofill,.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:hover,.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:focus,.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:active {
    border: 0.02rem solid #0071e3
}

.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:-webkit-autofill,.m-login-container .login-container .login-form-section .login-input-container .standard-form-field .standard-input:active {
    background: #eaeef0
}

.m-login-container .login-container .login-form-section .login-input-container .standard-form-field input[type=text],.m-login-container .login-container .login-form-section .login-input-container .standard-form-field input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .whatsapp-telCode-dropdown {
    padding: 0rem .1rem 0
}

.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .whatsapp-telCode-dropdown span {
    margin: 0 .05rem 0 0
}

.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown {
    top: .8rem;
    padding: .25rem .15rem .1rem
}

.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown input {
    height: .8rem
}

.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown .standard-select-options {
    height: 1rem;
    padding: .15rem .15rem;
    display: flex;
    justify-content: flex-start;
    flex-direction: row
}

.m-login-container .login-container .login-form-section .whatsapp-login-fields .whatsapp-login-wrapper .sort-type-dropdown .standard-select-options span {
    width: 10%
}

.m-login-container .login-container .login-form-section .standard-mandatory::after {
    font-size: 0.36rem;
    position: absolute;
    right: -0.01rem;
    top: -0.3rem
}

.m-login-container .login-container .transaction-button-section {
    margin: 0.85rem 0 0
}

.m-login-container .login-container .transaction-button-section button {
    width: 100%;
    height: 0.85rem;
    background: #ff8a00;
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.3rem
}

.m-login-container .login-container .transaction-button-section button:disabled {
    opacity: .5
}

.m-login-container .login-container .forget-password-section,.m-login-container .login-container .prompt-login-section {
    margin: 0.7rem 0 0;
    text-align: center;
    font-size: 0.28rem
}

.m-login-container .login-container .forget-password-section a,.m-login-container .login-container .prompt-login-section a {
    color: #06c;
    text-decoration: underline
}

.m-login-container .login-container .prompt-login-section {
    margin: 0.5rem 0 0
}

.m-login-container .login-container .prompt-login-section a {
    color: #ff9500;
    text-decoration: none
}

.m-login-container .login-container .login-break-line-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.85rem 0;
    margin: 0.55rem 0;
    font-size: 0.28rem;
    text-transform: lowercase
}

.m-login-container .login-container .login-break-line-section .break-line {
    width: 0.45rem;
    height: 0.02rem;
    background: #8697a2
}

.m-login-container .login-container .login-break-line-section span {
    margin: 0 0.2rem
}

.m-login-container .login-container .help-section {
    margin: 1.2rem auto 0;
    width: 80%;
    text-align: center;
    font-size: 0.28rem
}

.m-login-container .login-container .help-section a {
    color: #ff9500
}

.m-login-container .member-benefits-container {
    background: #f3f5f6;
    padding: .098464rem .15754rem 0rem
}

.m-login-container .member-benefits-container .login-banner-container .slick-slider .dotsContainer {
    width: 70%;
    margin: 0.33rem auto 0.1rem;
    text-align: center
}

.m-login-container .member-benefits-container .login-banner-container .slick-slider .dotsContainer button {
    background: #e1e1e1;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    margin-right: 0.2rem
}

.m-login-container .member-benefits-container .login-banner-container .slick-slider .dotsContainer .active {
    background: #ff8a00
}

.m-login-container .member-benefits-container .login-slider-container .slick-list {
    border-radius: 0.1rem
}

.m-login-container .member-benefits-container .login-slider-container .slick-list .image-container {
    height: 2.9539rem
}

.m-login-container .member-benefits-container .login-slider-container .slick-list .image-container .slider-banner {
    height: 2.9539rem;
    width: 100%
}

.m-login-container .member-benefits-container .login-slider-container .dotsContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.3rem 0 0
}

.m-login-container .member-benefits-container .login-slider-container .dotsContainer button {
    width: 0.12rem;
    height: 0.12rem;
    background: #e1e1e1;
    border-radius: 50%
}

.m-login-container .member-benefits-container .login-slider-container .dotsContainer button:not(:last-child) {
    margin: 0 0.2rem 0 0
}

.m-login-container .member-benefits-container .login-slider-container .dotsContainer button.active {
    background: #ff9500
}

.m-login-container .member-benefits-container .sliderBanner {
    margin: 0
}

.m-login-container .member-benefits-container .info {
    text-align: center;
    font-size: 0.25rem;
    color: #0f161f;
    padding-bottom: .374163rem
}

.m-login-container .member-benefits-container .info p {
    margin: 0;
    white-space: break-spaces;
    width: 75%;
    margin: 0.12rem auto;
    margin: .256rem auto 0
}

.m-login-container .member-benefits-container .info p span {
    font-weight: 600;
    font-size: 0.28rem;
    font-weight: 600
}

.m-login-container .member-benefits-container .info-logo {
    margin: 0;
    height: 0.8rem;
    text-align: center
}

.m-login-container .member-benefits-container .info-logo img {
    height: 0.8rem
}

.m-login-container .member-benefits-container .license-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.62rem 0 0;
    font-size: 0.16rem;
    color: #0f161f
}

.m-login-container .member-benefits-container .license-container svg {
    width: 0.75rem;
    height: 0.58rem
}

.m-login-container .member-benefits-container .license-container p {
    margin: 0 0 0 0.18rem
}

.m-login-container .member-benefits-container .license-container p span {
    font-size: 0.13rem !important
}

.bottom-navbar-container {
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 1001;
    margin-top: -1.1rem
}

.bottom-navbar-container .bn-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.15rem 0.25rem 0.15rem;
    font-size: 0.19rem;
    height: 1.1rem;
    filter: drop-shadow(0 0.3rem 0.3rem #000)
}

.bottom-navbar-container .bn-content .bn-menu {
    width: 100%;
    text-align: center;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center
}

.bottom-navbar-container .bn-content .bn-menu .bn-icon {
    height: 0.5rem
}

.bottom-navbar-container .bn-content .bn-menu .bn-desc {
    margin: 0.15rem 0 0;
    color: #095ebd
}

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

.bottom-navbar-container .bn-content #btm-nav-instantRebate.bn-menu .bn-icon {
    height: 0.55rem
}

.bottom-navbar-container .bn-content #btm-nav-instantRebate.bn-menu .bn-desc {
    margin: 0.15rem 0 0
}

.leaderboard-container ul .list-style.circle {
    list-style-type: circle
}

.leaderboard-container ul .list-style.square {
    list-style-type: square
}

.leaderboard-container ul .list-style.disc {
    list-style-type: disc
}

.leaderboard-container ul .list-style.decimal {
    list-style-type: decimal
}

.leaderboard-container ul .list-style.upper-roman {
    list-style-type: upper-roman
}

.leaderboard-container ul .list-style.lower-roman {
    list-style-type: lower-roman
}

.leaderboard-container ul .list-style.lower-alpha {
    list-style-type: lower-alpha
}

.leaderboard-container ul .list-style.upper-alpha {
    list-style-type: upper-alpha
}

.leaderboard-container .leaderboard-row {
    width: 13.4rem
}

.leaderboard-container .leaderboard-row .date-time-container {
    width: 26%;
    float: right
}

.leaderboard-container .leaderboard-row .date-time-container .standard-form-container {
    display: flex;
    justify-content: space-between
}

.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field {
    width: 32%
}

.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field:first-child {
    width: 62%
}

.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field .standard-select {
    border-radius: 0.2rem;
    font-size: 0.14rem;
    background: #f3f5f6;
    color: #8697a2;
    border: none;
    padding: 0.05rem 0.25rem
}

.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field .standard-select span {
    margin: 0
}

.leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field .standard-select-arrow {
    right: 0.25rem
}

.leaderboard-container .leaderboard-row .member-rank-container {
    padding: 0.2rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    width: 100%
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container {
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.2rem;
    color: #0f161f
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head {
    display: flex;
    margin: 0 0.3rem 0.3rem;
    font: 500 0.18rem "AvertaStd-Semibold","SukhumvitSet-Semibold"
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(1) {
    width: 18%
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(2) {
    width: 25%
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(3) {
    width: 40%
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body {
    font-weight: 400;
    font-size: 0.14rem
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row {
    background: #f3f5f6;
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
    padding: 0 0.3rem;
    margin: 0 0 0.3rem;
    height: 0.5rem
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) {
    background: #003b79;
    color: #fff;
    font-weight: 600;
    font-size: 0.18rem
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span {
    background: #ff5a00;
    border-radius: 0.1rem
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) {
    background: #004ea1;
    color: #fff;
    font-weight: 600;
    font-size: 0.18rem
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span {
    background: #ff8a00;
    border-radius: 0.1rem
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) {
    background: #236ab6;
    color: #fff;
    font-weight: 600;
    font-size: 0.18rem
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span {
    background: #ffc13b;
    border-radius: 0.1rem
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member {
    border: 0.01rem solid #ff8a00
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.rank span {
    padding: 0.2rem
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(1) {
    width: 18%
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(2) {
    width: 25%
}

.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(3) {
    width: 40%
}

.leaderboard-container .leaderboard-row .prize-rank-container {
    padding: 0.2rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    width: 100%
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container {
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.2rem;
    color: #0f161f
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head {
    display: flex;
    margin: 0 0.3rem 0.3rem;
    font-weight: 600;
    font-size: 0.18rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(1) {
    width: 18%
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(2) {
    width: 67%
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(3) {
    width: 15%;
    text-align: center
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body {
    font-weight: 400;
    font-size: 0.14rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row {
    background: #f3f5f6;
    border-radius: 0.1rem;
    display: flex;
    padding: 0 0.3rem;
    margin: 0 0 0.3rem;
    align-items: center;
    height: 0.5rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.rank span {
    padding: 0.2rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.prize img {
    height: 0.45rem;
    margin-top: 0.04rem;
    cursor: pointer
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(1) {
    width: 18%
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(2) {
    width: 67%
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(3) {
    width: 15%;
    text-align: center
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) {
    background: #003b79;
    color: #fff;
    font-weight: 600;
    font-size: 0.18rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .rank {
    font-weight: 600;
    font-size: 0.18rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .rank span {
    background: #ff5a00;
    border-radius: 0.1rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) {
    background: #004ea1;
    color: #fff;
    font-weight: 600;
    font-size: 0.18rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) .rank span {
    background: #ff8a00;
    border-radius: 0.1rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) {
    background: #236ab6;
    color: #fff;
    font-weight: 600;
    font-size: 0.18rem
}

.leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) .rank span {
    background: #ffc13b;
    border-radius: 0.1rem
}

.leaderboard-container .main-slider-banner .image-container .banner-content {
    width: 3rem;
    text-align: left;
    top: 0;
    right: 50%;
    position: absolute
}

.leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container {
    position: absolute;
    right: 2.6rem;
    top: 1.25rem;
    color: #fff;
    width: 3.8rem;
    text-align: left
}

.leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .title {
    font-weight: 600;
    font-size: 0.55rem;
    line-height: 1.25
}

.leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .desc {
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 1.25
}

.leaderboard-container #readMore,.leaderboard-container #readLess {
    text-decoration: underline;
    cursor: pointer;
    color: #266fd9
}

.leaderboard-container .product-banner-container .top-provider-img .top-provider-content .provider-desc {
    font-size: 0.28rem
}

@media(max-width: 1024px) {
    .leaderboard-container .product-banner-container .top-provider-img .top-provider-content .provider-desc {
        font-size:0.22rem
    }
}

@media(max-width: 1024px) {
    .leaderboard-container .leaderboard-row {
        width:11.5rem
    }

    .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container {
        right: 2.25rem;
        top: 1.1rem;
        width: 2.8rem
    }

    .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .title {
        font-size: 0.4rem
    }

    .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .desc {
        font-size: 0.22rem
    }
}

@media(max-width: 768px) {
    .leaderboard-container .leaderboard-row {
        width:11.5rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container {
        padding: 0.2rem;
        background: #f3f5f6;
        border-radius: 0.1rem;
        width: 100%
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container {
        background: #fff;
        border-radius: 0.1rem;
        padding: 0.2rem;
        color: #0f161f
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head {
        display: flex;
        margin: 0 0.2rem 0.3rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(1) {
        width: 25%
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(2) {
        width: 37.5%
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(3) {
        width: 37.5%
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row {
        background: #f3f5f6;
        border-radius: 0.1rem;
        display: flex;
        align-items: center;
        padding: 0 0.2rem;
        margin: 0 0 0.3rem;
        height: 0.75rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) {
        background: #003b79;
        color: #fff
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span {
        background: #ff5a00;
        border-radius: 0.1rem;
        font-weight: 400;
        font-size: 0.47rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .username span,.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .turnover span {
        font-weight: 400;
        font-size: 0.35rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) {
        background: #004ea1;
        color: #fff
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span {
        background: #f88203;
        border-radius: 0.1rem;
        font-weight: 400;
        font-size: 0.47rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .username span,.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .turnover span {
        font-weight: 400;
        font-size: 0.35rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) {
        background: #236ab6;
        color: #fff
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span {
        background: #ffc13b;
        border-radius: 0.1rem;
        font-weight: 400;
        font-size: 0.47rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .username span,.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .turnover span {
        font-weight: 400;
        font-size: 0.35rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member {
        background: #ff8a00;
        color: #fff
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member .table-col.rank span,.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member .table-col.username span,.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member .table-col.turnover span {
        font-weight: 600;
        font-size: 0.28rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.rank {
        font-weight: 400;
        font-size: 0.28rem
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.rank span {
        border-radius: 0.1rem;
        display: block;
        width: 0.7rem;
        padding: 0.15rem 0;
        text-align: center
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.username span,.leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.turnover span {
        font-weight: 400;
        font-size: 0.28rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(1) {
        width: 25%
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(2) {
        width: 37.5%
    }

    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(3) {
        width: 37.5%
    }

    .leaderboard-container .leaderboard-row .prize-rank-container {
        padding: 0.2rem;
        background: #fff;
        border-radius: 0.1rem;
        width: 100%
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container {
        background: #fff;
        border-radius: 0.1rem;
        padding: 0.2rem;
        color: #0f161f
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head {
        display: flex;
        margin: 0 0.2rem 0.3rem
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col {
        white-space: pre-wrap
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(1) {
        width: 20%
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(2) {
        width: 55%
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(3) {
        width: 25%;
        text-align: center
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row {
        background: #f3f5f6;
        border-radius: 0.1rem;
        display: flex;
        padding: 0 0.2rem;
        margin: 0 0 0.3rem;
        align-items: center;
        height: 0.75rem
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.rank {
        font-weight: 400;
        font-size: 0.28rem
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.rank span {
        border-radius: 0.1rem;
        display: block;
        width: 0.7rem;
        padding: 0.15rem 0;
        text-align: center
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.title {
        font-weight: 400;
        font-size: 0.28rem;
        overflow: hidden;
        white-space: nowrap
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.title .scroll-animation {
        display: block;
        animation: marquee-extend 5s linear infinite alternate
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.prize img {
        height: 0.7rem;
        margin-top: 0.04rem;
        cursor: pointer
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(1) {
        width: 20%
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(2) {
        width: 55%
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(3) {
        width: 25%;
        text-align: center
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) {
        background: #003b79
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .rank span {
        background: #ff5a00;
        color: #fff;
        font-weight: 400;
        font-size: 0.47rem
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .title span {
        font-weight: 400;
        font-size: 0.35rem
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) {
        background: #004ea1
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) .rank span {
        background: #f88203;
        color: #fff;
        font-weight: 400;
        font-size: 0.47rem
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) .title span {
        font-weight: 400;
        font-size: 0.35rem
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) {
        background: #236ab6
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) .rank span {
        background: #ffc13b;
        color: #fff;
        font-weight: 400;
        font-size: 0.47rem
    }

    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) .title span {
        font-weight: 400;
        font-size: 0.35rem
    }

    .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container {
        right: 2.25rem;
        top: 1.1rem;
        width: 2.8rem
    }

    .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .title {
        font-size: 0.4rem
    }

    .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .desc {
        font-size: 0.22rem
    }

    .dropdown-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .dropdown-container .dropdown-img-title {
        display: flex;
        align-items: center
    }

    .dropdown-container .dropdown-transition {
        transform: rotate(0deg);
        transition: .3s
    }

    .dropdown-container .dropdown-transition.on-clicked {
        transform: rotate(180deg)
    }

    .datepicker-icon-container {
        margin: 0 0 0 0.3rem
    }

    .datepicker-icon-container .icon-calender {
        width: .5rem
    }
}

@keyframes marquee-extend {
    50%,0% {
        transform: translate(0, 0)
    }

    90%,100% {
        transform: translate(-100%, 0)
    }
}

.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container {
    background: #fff;
    min-width: 4.48rem;
    max-width: 4.48rem
}

.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body {
    text-align: center;
    padding: 0rem 0.4rem 0.35rem
}

.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container {
    margin: 0 0 0.2rem;
    height: 2.5rem;
    overflow: hidden
}

.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container img {
    max-width: 100%;
    height: 2.5rem
}

.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .title {
    font-weight: 600;
    font-size: 0.3rem;
    color: #0f161f
}

.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .desc {
    font-weight: 400;
    font-size: 0.22rem;
    color: #0f161f;
    margin: 0 0 0.4rem
}

.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container {
    justify-content: center
}

.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button {
    font-weight: 400;
    font-size: 0.16rem
}

@media(max-width: 768px) {
    .leaderboard-reward-popup-overlay {
        overflow:unset
    }

    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container {
        background: #fff;
        min-width: 6.75rem;
        max-width: 6.75rem;
        margin: calc(50vh - 50%) auto 0
    }

    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body {
        text-align: center;
        padding: 0rem 0.4rem 0.35rem
    }

    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container {
        margin: 0 0 0.2rem;
        height: 2.5rem
    }

    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container img {
        max-width: 100%;
        height: 2.5rem
    }

    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .title {
        font-weight: 600;
        font-size: 0.53rem;
        color: #0f161f
    }

    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .desc {
        font-weight: 400;
        font-size: 0.35rem;
        color: #0f161f;
        margin: 0 0 0.4rem
    }

    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container {
        justify-content: center
    }

    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button {
        font-weight: 400;
        font-size: 0.35rem;
        border-radius: 0.2rem;
        height: 1rem;
        min-width: 2rem;
        width: unset;
        margin: auto
    }
}

.leaderboard-datetime-popup-overlay {
    overflow: unset
}

.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container {
    background: #f3f5f6;
    margin: 1rem auto
}

.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body {
    text-align: center;
    padding: 0rem 0.4rem 0.35rem
}

.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .title {
    font: 500 0.35rem "AvertaStd-Semibold","SukhumvitSet-Semibold";
    font-weight: 600;
    font-size: 0.35rem;
    font-weight: 600;
    color: #0f161f;
    margin: 0 0 0.5rem 0
}

.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .datetime-popup-btn-container {
    margin: 0.5rem 0 0 0
}

.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .datetime-popup-btn-container button {
    font-weight: 400;
    font-size: 0.35rem;
    border-radius: 0.2rem;
    height: 1rem;
    min-width: 2rem;
    width: unset;
    margin: auto
}

.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .date-time-container {
    width: 85%;
    margin: auto
}

.leaderboard-datetime-popup-overlay .leaderboard-datetime-popup-container .datetime-popup-body .date-time-container .standard-form-container .standard-select {
    font: 500 0.35rem "AvertaStd-Regular","SukhumvitSet-Regular";
    font-weight: 400;
    font-size: 0.35rem;
    color: #8697a2
}

.contact-wrapper {
    padding: .7rem 0 1rem;
    background: #f3f5f6
}

.contact-wrapper .contact-title {
    font-weight: 600;
    font-size: 0.18rem;
    color: #0f161f;
    width: 13.4rem;
    margin: .52rem auto .2rem;
    padding: 0 .24rem
}

.contact-wrapper .contact-container {
    background: #fff;
    padding: 0.5rem 3.3rem;
    border-radius: .1rem;
    width: 13.4rem;
    margin: .52rem auto .2rem;
    padding: 1rem 3rem
}

.contact-wrapper .contact-container .desc-container {
    font-size: 0.14rem;
    text-align: center;
    margin: 0 0 0.25rem 0
}

.contact-wrapper .contact-container .desc-container .desc {
    color: #8697a2
}

.contact-wrapper .contact-container .desc-container a {
    color: #0170e3
}

.contact-wrapper .contact-container .country-container {
    display: flex;
    justify-content: center;
    margin: 0 0 0.25rem 0
}

.contact-wrapper .contact-container .country-container img,.contact-wrapper .contact-container .country-container svg {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    border: 0.01rem solid #ccc;
    margin: 0 0.1rem;
    filter: grayscale(1)
}

.contact-wrapper .contact-container .country-container img:hover,.contact-wrapper .contact-container .country-container img.active,.contact-wrapper .contact-container .country-container svg:hover,.contact-wrapper .contact-container .country-container svg.active {
    filter: grayscale(0)
}

.contact-wrapper .contact-container .contact-list-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.contact-wrapper .contact-container .contact-list-container .contact-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0.25rem 0.2rem
}

.contact-wrapper .contact-container .contact-list-container img,.contact-wrapper .contact-container .contact-list-container svg {
    width: 0.5rem
}

.contact-wrapper .contact-container .contact-list-container .title {
    color: #ff8a00;
    font-weight: 600;
    font-size: 0.18rem;
    margin: 0.1rem 0
}

.contact-wrapper .contact-container .contact-list-container .click-me-btn {
    color: #0170e3;
    font-size: 0.14rem;
    background: rgba(0,0,0,0);
    text-decoration: underline;
    cursor: pointer
}

@media(max-width: 1024px) {
    .contact-wrapper .contact-title {
        width:11.5rem
    }

    .contact-wrapper .contact-container {
        width: 11.5rem
    }
}

.m-contact-container {
    background: #fff;
    padding: 0.5rem 0.25rem;
    border-radius: .1rem
}

.m-contact-container .desc-container {
    font-size: 0.28rem;
    margin: 0 0 0.5rem 0
}

.m-contact-container .desc-container .desc {
    color: #8697a2
}

.m-contact-container .desc-container a {
    color: #0170e3
}

.m-contact-container .contact-list-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.5rem 0
}

.m-contact-container .contact-list-container .contact-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0.5rem 0 0
}

.m-contact-container .contact-list-container img,.m-contact-container .contact-list-container svg {
    width: 0.75rem;
    height: 0.75rem
}

.m-contact-container .contact-list-container .title {
    color: #ff8a00;
    font-weight: 600;
    font-size: 0.28rem;
    margin: 0.1rem 0
}

.m-contact-container .contact-list-container .click-me-btn {
    color: #0170e3;
    font-size: 0.2rem;
    background: rgba(0,0,0,0);
    text-decoration: underline
}

.settings-main-wallet .wallet-content {
    background: #f7f7f7;
    border-radius: 0.1rem;
    margin: 0 0 0.15rem;
    padding: 0.15rem
}

.settings-main-wallet .wallet-content .member-wallet {
    margin: 0 0 0.2rem
}

.settings-main-wallet .wallet-content .member-wallet .wallet-balance {
    display: flex;
    justify-content: space-between
}

.settings-main-wallet .wallet-content .member-wallet .wallet-balance svg {
    fill: url(#beta-refresh-gradient);
    width: 0.23rem
}

.settings-main-wallet .wallet-content .member-wallet .wallet-balance svg.active {
    transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
    transform: translateZ(0) rotateZ(-540360deg)
}

.settings-main-wallet .wallet-content .member-wallet .currency-label {
    color: #005acc
}

.settings-main-wallet .wallet-content .member-wallet .currency-amount {
    color: #005acc
}

.settings-main-wallet .wallet-content .restore-wallet .restore-btn {
    align-items: center;
    background: #0071e3;
    border: 0;
    border-radius: 0.07rem;
    display: flex;
    color: #fff;
    font-size: 0.16rem;
    padding: 0.05rem 0.1rem;
    justify-content: space-between
}

.settings-main-wallet .wallet-content .restore-wallet .restore-btn:hover {
    background: #0051d6
}

.settings-main-wallet .wallet-content .restore-wallet .restore-btn .restore-btn-icon {
    width: 23%
}

.settings-main-wallet .wallet-content .restore-wallet .restore-btn .restore-btn-icon svg {
    fill: #fff;
    padding: 0.02rem 0 0
}

.settings-main-wallet .wallet-content .restore-wallet .restore-btn span {
    width: 65%;
    word-break: break-word
}

.settings-main-wallet .wallet-auto-transfer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 0.15rem
}

.settings-main-wallet .wallet-auto-transfer .seamless-label {
    margin: 0
}

.settings-main-wallet .wallet-auto-transfer .seamless-control.wallet-disable .check {
    background: #ababab !important
}

.settings-main-wallet .wallet-auto-transfer .seamless-control.wallet-disable .seamless-status {
    color: #ababab !important
}

.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer {
    cursor: pointer;
    height: 0.22rem;
    position: relative;
    width: 0.43rem
}

.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer input {
    opacity: 0
}

.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer input:checked~.check-btn {
    left: 37%;
    background: #fff
}

.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer .check {
    background: #ff8a00;
    border-radius: 0.4rem;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.settings-main-wallet .wallet-auto-transfer .seamless-control .auto-transfer .check-btn {
    position: absolute;
    top: 0.01rem;
    left: 2%;
    width: 0.25rem;
    height: 0.2rem;
    border-radius: 0.4rem;
    background: #fff;
    transition: .3s
}

.user-verification-container .verification-icons {
    display: flex;
    justify-content: space-between;
    margin: 0.1rem 0
}

.user-verification-container .verification-icons .verify-icon {
    align-items: center;
    display: flex;
    padding: .08rem;
    cursor: pointer;
    background: #fff;
    width: .4rem;
    height: .4rem;
    border-radius: .08rem
}

.user-verification-container .verification-icons .verify-icon svg {
    fill: #8697a2
}

.user-verification-container .verification-icons .verify-icon .verified {
    position: absolute;
    margin: .2rem 0 0 .2rem
}

@media(max-width: 768px) {
    .user-verification-container .verification-icons .verify-icon .verified {
        margin:.3rem 0 0 .3rem
    }

    .user-verification-container .verification-icons .verify-icon .verified img {
        width: .2rem
    }
}

.user-verification-container .verification-icons .active svg {
    fill: #004a98
}

.user-verification-container .verification-bar {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.user-verification-container .verification-bar .progress-bar {
    background: #fff;
    border-radius: 0.5rem;
    height: 0.05rem;
    overflow: hidden;
    width: 20%
}

.user-verification-container .verification-bar .progress-bar .progress-bar-status {
    background: #ff8a00;
    border-radius: 0.5rem;
    display: block;
    height: 100%
}

.user-verification-container .verification-bar .beta-tick {
    background: #0071e3;
    border-radius: 50%;
    height: 0.15rem;
    padding: 0.04rem 0.03rem;
    position: absolute;
    width: 10%
}

.user-verification-container .verification-bar .progress-1 {
    left: 16%
}

.user-verification-container .verification-bar .progress-2 {
    left: 42%
}

.user-verification-container .verification-bar .progress-3 {
    left: 70%
}

.user-verification-container .verification-bar .progress-4 {
    left: 98%
}

.m-user-verification-section {
    padding: .2rem .4rem;
    background: #f3f5f6;
    margin: 0rem .16348rem;
    border-radius: .1rem;
    font-weight: 600
}

.m-user-verification-section .user-verification-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.2rem;
    align-items: center
}

.m-user-verification-section .user-verification-container>span {
    color: #0f161f;
    font-size: 0.26rem
}

.m-user-verification-section .user-verification-container .verification--container .verification-icons {
    margin: 0 0.1rem
}

.m-user-verification-section .user-verification-container .verification--container .verification-icons .verify-icon {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0.08rem
}

.m-user-verification-section .user-verification-container .verification--container .verification-icons .verify-icon svg {
    width: 100%
}

.m-user-verification-section .user-verification-container .verification--container .verification-icons .verify-icon img {
    width: 100%
}

.m-user-verification-section .user-verification-container .verification--container .verification-bar {
    margin: 0.16rem 0 0
}

.m-user-verification-section .user-verification-container .verification--container .verification-bar .progress-bar {
    background: #f3f5f6;
    height: 0.1rem
}

.m-user-verification-section .user-verification-container .verification--container .verification-bar .beta-tick {
    height: 0.3rem;
    width: 0.3rem;
    padding: 0.06rem
}

.m-kyc-indicator-section {
    margin: 0rem .16348rem
}

.m-rewards-club-section {
    padding: .11rem .14rem;
    background: #f3f5f6;
    margin: 0 0 .04rem;
    border-radius: .08rem;
    font-weight: 400
}

.m-rewards-club-section .rewards-club-container {
    display: flex
}

.m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #8697a2
}

.m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper p {
    margin-bottom: 0
}

.m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper .rewards-club-title {
    font-weight: 600;
    color: #0f161f
}

.m-rewards-club-section .rewards-club-container .rewards-club-redeem-button-wrapper .rewards-club-redeem-button {
    margin-top: .06rem;
    background: #ff8a00;
    padding: .05rem .1rem;
    border-radius: .03rem;
    color: #fff
}

@media(max-width: 768px) {
    .m-rewards-club-section {
        padding:.2rem .4rem;
        background: #f3f5f6;
        margin: .08rem .16348rem;
        border-radius: .1rem;
        font-weight: 400
    }

    .m-rewards-club-section .rewards-club-container {
        display: flex
    }

    .m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        color: #8697a2
    }

    .m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper p {
        margin-bottom: .08rem
    }

    .m-rewards-club-section .rewards-club-container .rewards-club-content-wrapper .rewards-club-title {
        font-weight: 600;
        color: #0f161f
    }

    .m-rewards-club-section .rewards-club-container .rewards-club-redeem-button-wrapper .rewards-club-redeem-button {
        margin-top: .12rem;
        background: #ff8a00;
        padding: .16rem .28rem;
        border-radius: .16rem;
        color: #fff
    }
}

.rewards-club-page-container {
    display: flex;
    flex-direction: column;
    display: flex;
    padding: .4rem;
    border-radius: .08rem;
    background: #fff;
    color: #8697a2;
    min-height: 7.29rem
}

.rewards-club-page-container .rewards-club-page-title {
    font-weight: 600;
    color: #0f161f;
    margin-bottom: .08rem
}

.rewards-club-page-container .rewards-club-page-text {
    font-size: .14rem;
    margin-bottom: .24rem
}

.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-label {
    margin-bottom: .04rem;
    font-size: .14rem
}

.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper {
    display: flex;
    align-items: center;
    gap: .08rem
}

.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .rewards-club-page-balance {
    font-size: .22rem;
    font-weight: 600;
    color: #0071e3;
    margin: 0;
    min-width: .8rem
}

.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .refresh-icon {
    width: .16rem;
    height: .16rem;
    fill: url(#beta-refresh-gradient);
    margin: 0 .1rem;
    margin: 0;
    cursor: pointer
}

.rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .refresh-icon.active {
    transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
    transform: translateZ(0) rotateZ(-540360deg)
}

.rewards-club-page-container .expired-container {
    display: flex;
    background: #ffefdc;
    color: #ff8a00;
    align-items: center;
    gap: .08rem;
    padding: .08rem .16rem;
    border-radius: .03rem;
    margin-top: .2rem;
    width: fit-content
}

.rewards-club-page-container .expired-container .expired-icon {
    width: .2rem;
    height: .2rem
}

.rewards-club-page-container .redeem-btn-container {
    max-width: 3.46rem;
    margin-top: .24rem
}

.rewards-club-page-container .redeem-btn-container button {
    background: #ff8a00;
    border-radius: .08rem;
    color: #fff;
    padding: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

@media(max-width: 768px) {
    .rewards-club-page-container .rewards-club-page-title {
        font-size:.32rem
    }

    .rewards-club-page-container .rewards-club-page-text {
        font-size: .28rem;
        margin-bottom: .28rem
    }

    .rewards-club-page-container .rewards-club-page-balance-field {
        padding: .3rem;
        background: #f3f5f6;
        border-radius: .12rem
    }

    .rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-label {
        font-size: .28rem;
        margin-bottom: .22rem
    }

    .rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper {
        background: #fff;
        border-radius: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .16rem .32rem
    }

    .rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .rewards-club-page-balance {
        font-size: .36rem
    }

    .rewards-club-page-container .rewards-club-page-balance-field .rewards-club-page-balance-wrapper .refresh-icon {
        width: .28rem;
        height: .28rem
    }

    .rewards-club-page-container .expired-container {
        gap: .16rem;
        border-radius: .12rem;
        padding: .16rem .44rem;
        width: 100%
    }

    .rewards-club-page-container .expired-container .expired-icon {
        width: .4rem;
        height: .4rem
    }

    .rewards-club-page-container .redeem-btn-container {
        width: 100%;
        max-width: unset
    }

    .rewards-club-page-container .redeem-btn-container button {
        font-size: .3rem;
        padding: .16rem;
        width: 100%;
        border-radius: .1rem
    }
}

.settings-container {
    background: #f7f7f7;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    padding-bottom: 0.5rem;
    margin: 0.7rem 0 0 0
}

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

.settings-container .st-section .standard-tab-container {
    border-bottom: 0
}

.settings-container .st-section .standard-tab-container .standard-tab {
    background: #fff;
    border-radius: 0.08rem;
    margin: 0 0 0.25rem;
    padding: 0.15rem 0.1rem 0
}

.settings-container .st-section .standard-tab-container .standard-tab .tab-header {
    font-size: 0.14rem;
    margin: 0 0.12rem 0;
    padding: 0
}

.settings-container .st-section .standard-tab-container .standard-tab .tab-header p {
    border-bottom: 0.02rem solid rgba(0,0,0,0);
    color: #8697a2;
    margin: 0;
    padding: 0 0 0.12rem
}

.settings-container .st-section .standard-tab-container .standard-tab .tab-header:hover p {
    border-bottom: 0.02rem solid #ff8a00;
    color: #0f161f
}

.settings-container .st-section .standard-tab-container .standard-tab .settings-tab-selected p {
    border-bottom: 0.02rem solid #ff8a00;
    color: #0f161f
}

.settings-container .st-section .page-change-title {
    color: #0f161f;
    font-size: 0.24rem;
    margin-left: 0.2rem
}

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

.settings-container .st-section .st-content .st-left {
    background: #fff;
    border-radius: 0.08rem;
    color: #0f161f;
    font-size: 0.14rem;
    padding: 0.15rem;
    min-height: 8.9rem;
    width: 16%
}

.settings-container .st-section .st-content .st-left .account-user-container {
    padding: 0 0.15rem;
    position: relative
}

.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container {
    display: flex;
    margin: 0 0 0.1rem
}

.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .account-icon {
    background: #ff8a00;
    border-radius: 50%;
    width: 0.3rem;
    height: 0.3rem
}

.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .account-icon svg {
    width: 0.17rem;
    height: 100%
}

.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .welcome-user {
    display: flex;
    justify-content: center;
    flex-flow: column;
    width: 70%;
    margin: 0 0 0 0.15rem
}

.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .welcome-user span:first-child {
    font-size: 0.12rem;
    white-space: nowrap
}

.settings-container .st-section .st-content .st-left .account-user-container .welcome-user-container .welcome-user .account-name {
    color: #005acc
}

.settings-container .st-section .st-content .st-left .account-user-container .floating-acc {
    background: #fff;
    border-radius: 0.08rem;
    -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    padding: 0.18rem;
    position: absolute;
    width: 2rem;
    right: 29%;
    z-index: 1
}

.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .triangle {
    position: absolute;
    bottom: 100%;
    margin-left: -0.19rem;
    width: 100%;
    height: 0.12rem;
    overflow: hidden
}

.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3019607843)
}

.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .item {
    margin: 0 0 0.1rem;
    padding: 0.08rem 0.2rem;
    white-space: nowrap
}

.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .item:last-child {
    margin: 0
}

.settings-container .st-section .st-content .st-left .account-user-container .floating-acc .item:hover {
    background: #ff8a00;
    border-radius: 0.2rem;
    color: #fff
}

.settings-container .st-section .st-content .st-left .st-leaderboard-rank-score-section {
    margin: 0 0 0.2rem;
    padding: 0 0.15rem;
    position: relative
}

.settings-container .st-section .st-content .st-left .st-leaderboard-progress-bar-section {
    background: #f7f7f7;
    border-radius: 0.08rem;
    margin: 0 0 0.1rem;
    padding: 0.15rem;
    position: relative
}

.settings-container .st-section .st-content .st-left .main-wallet-section {
    margin: 0 0 0.3rem
}

.settings-container .st-section .st-content .st-left .st-user-verification-section {
    background: #f7f7f7;
    border-radius: 0.08rem;
    margin: 0 0 0.15rem;
    padding: 0.15rem
}

.settings-container .st-section .st-content .st-left .kyc-indicator-section {
    background: #f7f7f7;
    border-radius: 0.08rem;
    margin: 0 0 0.15rem;
    position: relative
}

.settings-container .st-section .st-content .st-left .st-referral-section {
    align-items: flex-end;
    background: url(/public/html/images/settings/referral.jpg) no-repeat;
    background-size: 100% 100%;
    display: flex;
    height: 3.25rem;
    position: relative;
    border-radius: 0.08rem
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .content {
    color: #fff;
    margin: 0 auto;
    width: 85%
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .content div {
    word-break: break-word
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .content div:first-child {
    font-weight: 600;
    font-size: 0.16rem;
    margin: 0 0 0.15rem
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .content div:last-child {
    font-size: 0.12rem
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container {
    padding: 0 0.14rem;
    margin: 0.15rem 0 0.1rem;
    height: 0.45rem
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .ref-code-content {
    align-items: center;
    background: rgba(255,255,255,.6);
    border-radius: .2rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 0.15rem
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .ref-code-content .ref-code {
    font-size: 0.16rem
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .ref-code-content .arrow {
    background: #fff;
    border-radius: 0 0.2rem 0.2rem 0;
    padding: 0.08rem 0.15rem
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .ref-code-content .arrow svg {
    fill: #a571d1;
    width: 0.07rem
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .floating-referral {
    top: 96%
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .floating-referral .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.12rem;
    width: 0.24rem;
    height: 0.12rem;
    overflow: hidden
}

.settings-container .st-section .st-content .st-left .st-referral-section .st-referral-container .ref-code-container .floating-referral .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3019607843)
}

.settings-container .st-section .st-content .st-detail-container {
    width: 83%;
    min-height: 8.9rem;
    padding: 0.35rem 0.4rem;
    background: #fff;
    border-radius: 0.08rem;
    position: relative
}

.settings-container .st-section .st-content .st-detail-container.messaging {
    padding: 0.28rem 1.48rem 0.36rem 0.2rem
}

.settings-container .st-section .st-content .st-detail-container.changePassword {
    padding: 0.34rem 0.42rem
}

.settings-container .st-section .st-content .st-detail-container.bankDetails {
    padding: 0.35rem 1.48rem 0.35rem 0.4rem
}

.settings-container .st-section .st-content .st-detail-container.transfer {
    padding: 0;
    background: unset
}

.settings-container .st-section .st-content .st-detail-container p {
    margin: 0 0 0 0.05rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab {
    display: grid
}

.settings-container .st-section .st-content .st-detail-container .st-tab .kyc-divider {
    height: 0.15rem;
    background: rgba(0,0,0,0)
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div:not(:first-child) {
    margin: 0.59rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div>div {
    margin: 0.2rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div>div:first-child {
    margin: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .column-title {
    color: #0f161f;
    font-weight: 600;
    margin: 0 0 0.3rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .column-title .clickable {
    cursor: pointer;
    text-decoration: underline
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .column-error {
    color: red;
    font-weight: 600;
    margin: 0 0 0.3rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field {
    display: flex;
    align-items: center
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field>* {
    font-size: 0.15rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field .standard-label {
    color: #8697a2;
    width: 2.3rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field .standard-label.editable {
    font-weight: 600
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field .standard-input {
    background: unset;
    border: unset;
    width: unset;
    color: #0f161f
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field .standard-input.editable {
    border: 0.01rem solid #000
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field .edit-btn,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field .more-info-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    border-radius: 0.08rem;
    height: 0.4rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field .edit-btn {
    padding: 0.1rem 0.12rem;
    width: 0.4rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .standard-form-field .more-info-btn {
    padding: 0 0.2rem;
    margin: 0 0 0 0.04rem;
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .box-container {
    display: flex;
    flex-flow: wrap;
    align-items: center
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .box-container .box-warpper {
    display: flex;
    align-items: center;
    width: 33%;
    margin: 0 0 0.2rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .box-container .box-warpper .bank-img {
    width: 0.32rem;
    height: 0.32rem;
    object-fit: contain
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .box-container .box-warpper .bank-info {
    color: #8697a2;
    font-size: 0.14rem;
    margin: 0 0 0 0.17rem;
    min-width: 1.3rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .box-container .box-warpper .bank-info p:not(:first-child) {
    margin: 0.07rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-account-container>div .box-container .box-warpper .verified-icon {
    width: 0.18rem;
    height: 0.18rem;
    margin: 0 0 0 0.13rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .date-form-field-container {
    width: 2.42rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .date-form-field-container .standard-label {
    margin: 0 0 0.15rem 0.05rem;
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .date-form-field-container .standard-input {
    height: 0.4rem;
    padding: 0 0.25rem;
    color: #8697a2;
    font-size: 0.16rem;
    cursor: pointer
}

.settings-container .st-section .st-content .st-detail-container .st-tab .date-form-field-container .icon-calender {
    position: absolute;
    right: 0.25rem;
    top: 0.08rem;
    width: 0.25rem;
    height: 0.22rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .to-text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.18rem;
    height: 0.4rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab {
    padding: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header {
    padding: 0 0.22rem;
    height: 0.3rem;
    margin: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header:not(:last-child) {
    margin: 0 0.12rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header.active {
    background: #ff8a00;
    color: #fff;
    border-radius: 0.3rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.62rem;
    height: 0.4rem;
    border-radius: 0.08rem;
    background: #f7f7f7;
    color: #0f161f;
    margin: 0.11rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field:last-child {
    margin: 0.11rem 0 0.2rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon {
    width: 0.26rem;
    height: 0.26rem;
    margin: 0 0.13rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.remark-icon {
    width: 0.16rem;
    height: 0.16rem;
    fill: #c5d2d8
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.success-icon {
    fill: #4cb957
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.error-icon {
    fill: #f60020
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-guide-container {
    width: 3.52rem;
    font-size: 0.15rem;
    margin: 0.14rem 0 0 2.1rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container {
    margin: 0.23rem 0 0;
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.transfer-container {
    margin: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.transfer-container .promo-code-container {
    align-items: flex-start
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.transfer-container .promo-code-container .valid-invalid-container {
    display: flex;
    align-items: center
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.transfer-container .promo-code-container .valid-invalid-container .valid-invalid-img {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.05rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .no-content-container {
    text-align: center;
    font-size: 0.14rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-label,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-select {
    color: #8697a2;
    font-size: 0.16rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field {
    margin: 0.15rem 0 0;
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-input {
    font-size: 0.16rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-input:disabled {
    background: #fff;
    color: #0f161f
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-input::-webkit-input-placeholder {
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper {
    margin-top: .1rem;
    font-size: .12rem;
    color: #e8262c
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper img,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper p,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-password-eye,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-password-eye {
    transform: translateY(-50%);
    top: .2rem;
    z-index: 1
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-submit-btn,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-submit-btn {
    margin: 0.55rem 0 0 2.1rem;
    font-size: 0.16rem;
    background: #f7f7f7;
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-submit-btn:disabled,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-submit-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-submit-btn:disabled:hover,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-submit-btn:disabled:hover {
    background: #f7f7f7
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-password-container .standard-submit-btn:hover,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.change-provider-password-container .standard-submit-btn:hover {
    background: #e3e3e3
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.message-container {
    margin: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.bank-info-container {
    margin: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.bank-info-container .add-crypto-address-btn-container {
    justify-content: unset;
    margin-top: .82rem;
    border: 0.01rem solid #dbe0e4;
    border-style: solid none none none
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container.bank-info-container .add-crypto-address-btn-container .standard-submit-btn {
    background: #81cafc
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .checkbox-column input {
    width: 0.18rem;
    height: 0.19rem;
    cursor: pointer
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .checkbox-column span {
    margin: 0.02rem 0 0 0.24rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-checkbox {
    width: 2.07%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-subject {
    width: 54.6%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-date {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.25%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-rebate-period {
    color: #0071e3;
    text-decoration: underline;
    cursor: pointer
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-remark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.03%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-coin {
    width: 28.56%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-network {
    width: 32.4%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-address {
    width: 39.28%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-member-login {
    width: 18.38%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-receive {
    width: 19.62%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-currency {
    width: 16.18%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-total-deposit {
    width: 18.78%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-bonus-amount {
    width: 21.4%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-status {
    width: 8.25%;
    color: undefined
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .col-status.status-A {
    color: #0071e3
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .message-content {
    margin: 0.31rem 0 0;
    padding: 0 0.34rem 0 0.42rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .bonus-content {
    margin: 0.28rem 0 0;
    min-height: 2.44rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .bank-info-content {
    margin: 0.25rem 0 0;
    padding: 0 0.2rem 0.5rem;
    font-size: 0.14rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container {
    display: flex;
    justify-content: space-between;
    margin: 0.25rem 0 0;
    flex-wrap: wrap
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container .otp-button {
    color: #0f161f;
    background: #f7f7f7;
    height: 0.4rem;
    padding: 0 0.15rem;
    border-radius: 0.08rem;
    font-size: 0.16rem;
    margin-bottom: 0.1rem;
    width: 49%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container .otp-button:disabled {
    opacity: .5
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container .otp-button.google-otp {
    min-width: 1.98rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .otp-container .otp-button:last-child {
    width: 100%;
    margin-bottom: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form {
    padding: 1.08rem 0 0;
    border-top: 0.01rem solid #f7f7f7
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form>* {
    width: 3.5rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form.crypto-form {
    padding: 0.82rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form.crypto-form .standard-error-validation {
    white-space: pre-line
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-one-row-container {
    display: block;
    margin: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container:not(:first-child) {
    margin: 0.25rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-label,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-select {
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-form-field {
    margin: 0.15rem 0 0;
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-input:disabled {
    background: #fff;
    color: #0f161f
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section {
    margin: 0 0 0.1rem;
    width: 100%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box {
    margin: 0 0 0.15rem 0;
    width: 40%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box img {
    width: 100%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.12rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0.1rem;
    width: 100%;
    flex-wrap: nowrap;
    align-items: baseline
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .upload-receipt-btn {
    min-width: 35.5%;
    height: 0.4rem;
    background: #81cafc;
    border-radius: 0.08rem;
    margin: 0;
    font-size: 0.16rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .upload-receipt-btn:disabled {
    background: #f7f7f7;
    color: #0f161f;
    font-size: 0.16rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container {
    align-items: center;
    display: flex;
    width: 48%
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .bank-form-wrapper {
    margin: 0 0 0.28rem 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .select-bank-form .standard-submit-btn {
    margin: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-submit-btn {
    width: 35.5%;
    height: 0.4rem;
    background: #ff8a00;
    color: #fff;
    border-radius: 0.08rem;
    margin: 0.55rem 0 0;
    font-size: 0.16rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-submit-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-submit-btn:disabled:hover {
    background: #ff8a00
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-submit-btn:hover {
    background: #ff7200
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.34rem 0 0.42rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header.header-title {
    margin: 0.33rem 0 0;
    height: unset;
    color: #0f161f;
    background: #f7f7f7;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    padding: 0.12rem 0.2rem;
    font-weight: normal
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header.bank-info-header-title {
    margin: 0;
    padding: 0.15rem 0.2rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header>div {
    display: flex;
    align-items: center
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header>div.content-column>div {
    display: flex;
    align-items: center;
    cursor: pointer
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header>div.content-column>div:not(:last-child) {
    margin: 0 0.69rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header>div.content-column svg {
    width: 0.22rem;
    height: 0.18rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-header>div.content-column span {
    margin: 0 0 0 0.16rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.12rem 0.2rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .msg-detail {
    word-break: break-word;
    cursor: pointer
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .msg-detail.unreadMsg {
    color: #0f161f;
    font-weight: 600
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail {
    justify-content: space-between
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail svg {
    width: 0.17rem;
    height: 0.18rem;
    cursor: pointer
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail svg:not(:last-child) {
    margin: 0 0.27rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail .flag_true {
    fill: #0072e2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail .pin_true {
    fill: red
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail .flag_false,.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .remark-detail .pin_false {
    fill: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item {
    display: flex;
    align-items: center
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item svg {
    width: 0.32rem;
    height: 0.32rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item .bank-icon {
    height: 0.32rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item .bank-other {
    height: 0.28rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-setting-table-row .bank-item p {
    margin: 0 0 0 0.2rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field {
    display: flex;
    align-items: center;
    margin: 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field:not(:last-child) {
    margin: 0 0 0.2rem;
    align-items: baseline
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field .standard-label {
    width: 2.1rem;
    margin: 0;
    color: #8697a2;
    align-items: flex-start;
    word-break: break-word
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field .standard-form-field-wrapper {
    width: 3.52rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .standard-setting-table-container .standard-form-field .standard-form-field-wrapper .standard-input {
    height: 0.4rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content {
    margin: 0.5rem auto 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .page-count {
    color: #0f161f
}

.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination {
    display: flex;
    align-items: center;
    margin: 0.18rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination svg {
    width: 0.11rem;
    height: 0.11rem;
    fill: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination a[aria-label="Go to previous page"] {
    margin: 0 0.13rem 0 0.3rem;
    width: 0.06rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination a[aria-label="Go to next page"] {
    margin: 0 0.3rem 0 0.13rem;
    width: 0.06rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .pagination-content .pagination a[aria-label*="Go to page number"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.33rem;
    height: 0.33rem;
    border-radius: 50%;
    background: #f7f7f7;
    margin: 0 0.1rem;
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form {
    background: #fff;
    border-radius: 0.08rem;
    padding: 0.35rem 0.4rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .floating-wallet {
    top: 0.5rem;
    left: 0;
    right: 0;
    margin: auto
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .floating-wallet .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.12rem;
    width: 0.24rem;
    height: 0.12rem;
    overflow: hidden
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .floating-wallet .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #f7f7f8;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3019607843)
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .floating-wallet .provider-balance {
    color: #0f161f
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-input::-webkit-input-placeholder {
    color: #8697a2
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-form-field-container {
    width: 3.52rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-form-field-container:not(:last-child) {
    margin: 0 0.15rem 0 0
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-form-field-container .standard-label {
    margin: 0 0 0.15rem 0.05rem
}

.settings-container .st-section .st-content .st-detail-container .st-tab .transfer-form .standard-submit-btn {
    margin: 0.25rem 0 0;
    font-size: 0.16rem
}

.settings-container .st-section .st-content .st-detail-deposit-container {
    background: unset;
    padding: 0 !important
}

.settings-container .settings-container-section {
    width: 13.4rem;
    margin: auto;
    padding: 0.5rem 0;
    display: grid;
    grid-template-columns: 20% auto;
    gap: .16rem
}

.settings-container .settings-container-section .left-side-container {
    display: grid;
    gap: .16rem;
    grid-template-rows: auto 1fr
}

.settings-container .settings-container-section .left-side-container .menu-categories-container {
    background: #fff;
    border-radius: .08rem;
    padding: .2rem
}

.settings-container .settings-container-section .right-side-container-section {
    display: flex;
    gap: .1rem;
    flex-direction: column
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .instant-rebate-tab-container .standard-tab,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .bank-detail-tab-container .standard-tab,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .referral-tab-container .standard-tab,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .myprofile-tab-container .standard-tab,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .change-password-tab-container .standard-tab {
    display: flex;
    gap: .04rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .deposit-tab-header {
    display: flex;
    align-items: center;
    gap: .08rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .deposit-tab-header .tutorial-video-container {
    display: flex;
    padding: 0 0.19rem;
    align-items: center;
    border-radius: 1rem;
    background: #fff;
    height: .36rem;
    gap: .05rem;
    cursor: pointer
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .deposit-tab-header .tutorial-video-container svg {
    transform: rotate(270deg);
    width: .16rem;
    height: .16rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form {
    background: #fff;
    border-radius: 0.08rem;
    padding: 0.35rem 0.4rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .floating-wallet {
    top: 0.5rem;
    left: 0;
    right: 0;
    margin: auto
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .floating-wallet .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.12rem;
    width: 0.24rem;
    height: 0.12rem;
    overflow: hidden
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .floating-wallet .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #f7f7f8;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3019607843)
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .floating-wallet .provider-balance {
    color: #0f161f
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-input::-webkit-input-placeholder {
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-form-field-container {
    width: 3.52rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-form-field-container:not(:last-child) {
    margin: 0 0.15rem 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-form-field-container .standard-label {
    margin: 0 0 0.15rem 0.05rem;
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .transfer-form .standard-submit-btn {
    margin: 0.25rem 0 0;
    font-size: 0.16rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .valid-invalid-container {
    display: flex;
    align-items: center
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .valid-invalid-container .valid-invalid-img {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.05rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container {
    display: flex;
    padding: .4rem;
    flex-direction: column;
    border-radius: 0 .08rem .08rem .08rem;
    background: #fff;
    color: #8697a2;
    min-height: 7rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .transaction-button-section,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .transaction-button-section {
    display: grid;
    grid-template-columns: 2.08rem 3.46rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .transaction-button-section .standard-button-container,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .transaction-button-section .standard-button-container {
    grid-column: 2/span 1;
    width: 100%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .transaction-button-section .standard-button-container .standard-submit-button,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 100%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form {
    width: 5.86rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper {
    margin: 0 0 .3rem;
    font-size: .12rem;
    color: #e8262c;
    display: grid;
    padding: 0 0 0 2.08rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper img,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper img,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper img,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper p,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper p,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper p,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-submit-btn,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-submit-btn,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-submit-btn,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-submit-btn {
    margin: 0.55rem 0 0 2.1rem;
    font-size: 0.16rem;
    background: #f7f7f7;
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-submit-btn:disabled,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-submit-btn:disabled,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-submit-btn:disabled,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-submit-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-submit-btn:disabled:hover,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-submit-btn:disabled:hover,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-submit-btn:disabled:hover,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-submit-btn:disabled:hover {
    background: #f7f7f7
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-submit-btn:hover,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-submit-btn:hover,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-submit-btn:hover,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-submit-btn:hover {
    background: #e3e3e3
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-password-form .standard-form-field,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .change-provider-password-form .standard-form-field,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-password-form .standard-form-field,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .change-provider-password-form .standard-form-field {
    display: grid;
    align-items: center;
    grid-template-columns: 2.08rem 3.46rem auto;
    position: relative;
    width: 100%;
    margin: 0 0 .14rem 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container {
    display: grid;
    gap: .1rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.62rem;
    height: 0.4rem;
    border-radius: 0.08rem;
    background: #f7f7f7;
    color: #0f161f;
    margin: 0.11rem 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field:last-child,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field:last-child {
    margin: 0 0 0.2rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field .notice-icon,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field .notice-icon {
    width: 0.26rem;
    height: 0.26rem;
    margin: 0 0.13rem 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field .notice-icon.remark-icon,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field .notice-icon.remark-icon {
    width: 0.16rem;
    height: 0.16rem;
    fill: #c5d2d8
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field .notice-icon.success-icon,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field .notice-icon.success-icon {
    fill: #4cb957
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-password-container .standard-error-container .standard-error-field .notice-icon.error-icon,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-settings-container.change-provider-password-container .standard-error-container .standard-error-field .notice-icon.error-icon {
    fill: #f60020
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container {
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form .date-form-field-container {
    width: 35.5%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.transfer-container {
    margin: 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.transfer-container .promo-code-container {
    align-items: flex-start
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.transfer-container .promo-code-container .valid-invalid-container {
    display: flex;
    align-items: center
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.transfer-container .promo-code-container .valid-invalid-container .valid-invalid-img {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.05rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .no-content-container {
    text-align: center;
    font-size: 0.14rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-label,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-select {
    color: #8697a2;
    font-size: 0.16rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field {
    margin: 0.15rem 0 0;
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-input {
    font-size: 0.16rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-input:disabled {
    background: #fff;
    color: #0f161f
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-input::-webkit-input-placeholder {
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .react-datepicker-wrapper .standard-input {
    padding: 0 .25rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .react-datepicker-wrapper .standard-input svg {
    position: absolute;
    right: .25rem;
    top: .08rem;
    width: .25rem;
    height: .22rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper {
    margin-top: .1rem;
    font-size: .12rem;
    color: #e8262c
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper img,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper p,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .standard-submit-btn,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .standard-submit-btn {
    margin: 0.55rem 0 0 2.1rem;
    font-size: 0.16rem;
    background: #f7f7f7;
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .standard-submit-btn:disabled,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .standard-submit-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .standard-submit-btn:disabled:hover,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .standard-submit-btn:disabled:hover {
    background: #f7f7f7
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-password-container .standard-submit-btn:hover,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.change-provider-password-container .standard-submit-btn:hover {
    background: #e3e3e3
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.bank-info-container .add-crypto-address-btn-container {
    justify-content: unset;
    margin-top: .82rem;
    border: 0.01rem solid #dbe0e4;
    border-style: solid none none none
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container.bank-info-container .add-crypto-address-btn-container .standard-submit-btn {
    background: #81cafc
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .checkbox-column input {
    width: 0.18rem;
    height: 0.19rem;
    cursor: pointer
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .checkbox-column span {
    margin: 0.02rem 0 0 0.24rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-checkbox {
    width: 2.07%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-subject {
    width: 54.6%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-date {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.25%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-rebate-period {
    color: #0071e3;
    text-decoration: underline;
    cursor: pointer
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-remark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.03%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-coin {
    width: 28.56%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-network {
    width: 32.4%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-address {
    width: 39.28%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-member-login {
    width: 18.38%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-receive {
    width: 19.62%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-currency {
    width: 16.18%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-total-deposit {
    width: 18.78%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-bonus-amount {
    width: 21.4%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-status {
    white-space: nowrap;
    color: undefined
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .col-status.status-A {
    color: #0071e3
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .message-content {
    margin: 0.31rem 0 0;
    padding: 0 0.34rem 0 0.42rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .bonus-content {
    margin: 0.28rem 0 0;
    min-height: 2.44rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .bank-info-content {
    margin: 0.25rem 0 0;
    padding: 0 0.2rem 0.5rem;
    font-size: 0.14rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .otp-container {
    display: flex;
    justify-content: space-between;
    margin: 0.25rem 0 0;
    flex-wrap: wrap
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .otp-container .otp-button {
    color: #0f161f;
    background: #f7f7f7;
    height: 0.4rem;
    padding: 0 0.15rem;
    border-radius: 0.08rem;
    font-size: 0.16rem;
    margin-bottom: 0.1rem;
    width: 49%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .otp-container .otp-button:disabled {
    opacity: .5
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .otp-container .otp-button.google-otp {
    min-width: 1.98rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form {
    border-top: 0.01rem solid #f7f7f7
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form.crypto-form {
    padding: 0.82rem 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form.crypto-form .standard-error-validation {
    white-space: pre-line
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-one-row-container {
    display: block;
    margin: 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container:not(:first-child) {
    margin: 0.25rem 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-label,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-select {
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-form-field {
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-form-field-container .standard-input:disabled {
    background: #fff;
    color: #0f161f
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section {
    margin: 0 0 0.1rem;
    width: 100%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box {
    margin: 0 0 0.15rem 0;
    width: 40%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box img {
    width: 100%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.12rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0.1rem;
    width: 100%;
    flex-wrap: nowrap;
    align-items: baseline
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .upload-receipt-btn {
    min-width: 35.5%;
    height: 0.4rem;
    background: #81cafc;
    border-radius: 0.08rem;
    margin: 0;
    font-size: 0.16rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .upload-receipt-btn:disabled {
    background: #f7f7f7;
    color: #0f161f;
    font-size: 0.16rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container {
    align-items: center;
    display: flex;
    width: 48%
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .bank-form-wrapper {
    margin: 0 0 0.28rem 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .select-bank-form .standard-submit-btn {
    margin: 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-submit-btn {
    width: 35.5%;
    height: 0.4rem;
    background: #ff8a00;
    color: #fff;
    border-radius: 0.08rem;
    margin: 0.55rem 0 0;
    font-size: 0.16rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-submit-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-submit-btn:disabled:hover {
    background: #ff8a00
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-submit-btn:hover {
    background: #ff7200
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.34rem 0 0.42rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header.header-title {
    margin: 0.33rem 0 0;
    height: unset;
    color: #0f161f;
    background: #f7f7f7;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    padding: 0.12rem 0.2rem;
    font-weight: normal
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header.bank-info-header-title {
    margin: 0;
    padding: 0.15rem 0.2rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header>div {
    display: flex;
    align-items: center
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header>div.content-column>div {
    display: flex;
    align-items: center;
    cursor: pointer
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header>div.content-column>div:not(:last-child) {
    margin: 0 0.69rem 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header>div.content-column svg {
    width: 0.22rem;
    height: 0.18rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-header>div.content-column span {
    margin: 0 0 0 0.16rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.12rem 0.2rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .msg-detail {
    word-break: break-word;
    cursor: pointer
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .msg-detail.unreadMsg {
    color: #0f161f;
    font-weight: 600
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail {
    justify-content: space-between
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail svg {
    width: 0.17rem;
    height: 0.18rem;
    cursor: pointer
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail svg:not(:last-child) {
    margin: 0 0.27rem 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail .flag_true {
    fill: #0072e2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail .pin_true {
    fill: red
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail .flag_false,.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .remark-detail .pin_false {
    fill: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item {
    display: flex;
    align-items: center
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item svg {
    width: 0.32rem;
    height: 0.32rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item .bank-icon {
    height: 0.32rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item .bank-other {
    height: 0.28rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-setting-table-row .bank-item p {
    margin: 0 0 0 0.2rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field {
    display: flex;
    align-items: center;
    margin: 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field:not(:last-child) {
    margin: 0 0 0.2rem;
    align-items: baseline
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field .standard-label {
    width: 2.1rem;
    margin: 0;
    color: #8697a2;
    align-items: flex-start;
    word-break: break-word;
    margin-bottom: .05rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field .standard-form-field-wrapper {
    width: 3.52rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .standard-setting-table-container .standard-form-field .standard-form-field-wrapper .standard-input {
    height: 0.4rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content {
    margin: 0.5rem auto 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .page-count {
    color: #0f161f
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination {
    display: flex;
    align-items: center;
    margin: 0.18rem 0 0
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination svg {
    width: 0.11rem;
    height: 0.11rem;
    fill: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination a[aria-label="Go to previous page"] {
    margin: 0 0.13rem 0 0.3rem;
    width: 0.06rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination a[aria-label="Go to next page"] {
    margin: 0 0.3rem 0 0.13rem;
    width: 0.06rem
}

.settings-container .settings-container-section .right-side-container-section .menu-categories-details .pagination-content .pagination a[aria-label*="Go to page number"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.33rem;
    height: 0.33rem;
    border-radius: 50%;
    background: #f7f7f7;
    margin: 0 0.1rem;
    color: #8697a2
}

.settings-container .settings-container-section .right-side-container-section .main-wallet-container {
    display: flex;
    border-radius: .08rem;
    box-shadow: 0 0 0.04rem 0 rgba(0,0,0,.1019607843);
    align-items: center
}

@media(max-width: 1440px) {
    .settings-container .st-section {
        width:13.4rem
    }

    .settings-container .st-section .st-content .st-left .account-user-container .floating-acc {
        right: 6%
    }

    .settings-container .st-section .st-content .st-left .account-user-container .floating-acc .triangle {
        margin-left: -0.61rem
    }
}

@media(max-width: 1024px) {
    .settings-container .st-section {
        width:11.5rem
    }

    .settings-container .st-section .st-content .st-left .account-user-container .floating-acc {
        right: -16%
    }

    .settings-container .st-section .st-content .st-left .account-user-container .floating-acc .triangle {
        margin-left: -0.675rem
    }

    .settings-container .st-section .st-content .st-detail-container .st-tab .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content {
        width: 1rem
    }

    .settings-container .settings-container-section {
        width: 11.5rem
    }
}

.profile-container {
    gap: .35rem;
    position: relative
}

.profile-container .profile-column .column-title {
    color: #0f161f;
    margin: 0 0 0.16rem
}

.profile-container .profile-column .column-title .clickable {
    text-decoration: underline
}

.profile-container .profile-column .standard-form-field {
    display: flex;
    align-items: center
}

.profile-container .profile-column .standard-form-field .standard-label {
    color: #8697a2;
    margin: 0;
    height: 0.4rem;
    width: 2rem
}

.profile-container .profile-column .standard-form-field .standard-label.editable {
    font-weight: 600
}

.profile-container .profile-column .standard-form-field .standard-input {
    background: unset;
    border: unset;
    width: unset;
    color: #8697a2
}

.profile-container .profile-column .standard-form-field .standard-input.editable {
    border: 0.01rem solid #000
}

.profile-container .profile-column .standard-form-field .edit-btn,.profile-container .profile-column .standard-form-field .more-info-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    border-radius: 0.08rem;
    height: 0.4rem
}

.profile-container .profile-column .standard-form-field .edit-btn {
    padding: 0.1rem 0.12rem;
    width: 0.4rem
}

.profile-container .profile-column .standard-form-field .more-info-btn {
    padding: 0 0.2rem;
    margin: 0 0 0 0.04rem;
    color: #8697a2
}

.profile-container .profile-column .box-container {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: .1rem
}

.profile-container .profile-column .box-container .box-warpper {
    display: flex;
    width: 2rem;
    background: #f3f5f6;
    border-radius: 0.08rem;
    height: .56rem;
    padding: .1rem;
    justify-content: space-between
}

.profile-container .profile-column .box-container .box-warpper .bank-details {
    display: flex;
    align-items: center;
    width: 100%
}

.profile-container .profile-column .box-container .box-warpper .bank-details .bank-img {
    width: 0.32rem;
    height: 0.32rem;
    object-fit: contain
}

.profile-container .profile-column .box-container .box-warpper .bank-details .bank-img .bank-icon {
    width: inherit
}

.profile-container .profile-column .box-container .box-warpper .bank-details .bank-img img {
    width: 0.32rem;
    height: 0.32rem
}

.profile-container .profile-column .box-container .box-warpper .bank-details .bank-info {
    color: #8697a2;
    font-size: 0.14rem;
    margin: 0 0 0 .15rem;
    width: inherit
}

.profile-container .profile-column .box-container .box-warpper .bank-details .bank-info .bank-detail {
    color: #0f161f
}

.profile-container .profile-column .box-container .box-warpper .bank-details .bank-info p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-container .profile-column .box-container .box-warpper .bank-details .bank-info p:not(:first-child) {
    margin: 0
}

.profile-container .profile-column .box-container .box-warpper .verified-icon {
    width: 0.18rem;
    height: 0.18rem
}

.profile-container .st-user-verification-section {
    position: absolute;
    background: #f3f5f6;
    right: .4rem;
    width: 2.12rem;
    height: 1.1rem;
    padding: .2rem;
    border-radius: .08rem
}

.profile-container .st-user-verification-section span {
    color: #0f161f;
    font-weight: 600
}

.action-auto-transfer {
    padding: 0 0 0.05rem
}

.action-auto-transfer .action-label {
    color: #0f161f
}

.action-auto-transfer .seamless-control {
    display: grid;
    grid-template-columns: 5% 20% 50%;
    color: #61757e;
    align-items: center
}

@media(max-width: 768px) {
    .action-auto-transfer .seamless-control {
        grid-template-columns:50% 15% auto;
        border-top: .15rem solid #f3f5f6;
        border-bottom: .15rem solid #f3f5f6;
        padding: .4rem .45rem;
        margin: .6rem 0
    }

    .action-auto-transfer .seamless-control .auto-desc {
        grid-column: 1/span 3
    }
}

.action-auto-transfer .seamless-control.wallet-disable .check {
    background: #ababab !important
}

.action-auto-transfer .seamless-control.wallet-disable .seamless-status {
    color: #ababab !important
}

.action-auto-transfer .seamless-control .auto-transfer {
    cursor: pointer;
    height: .24rem;
    width: .48rem;
    position: relative;
    margin: 0 0 0.04rem 0
}

@media(max-width: 768px) {
    .action-auto-transfer .seamless-control .auto-transfer {
        height:.5rem;
        width: .9rem
    }
}

.action-auto-transfer .seamless-control .auto-transfer input {
    opacity: 0
}

.action-auto-transfer .seamless-control .auto-transfer input:checked~.check-btn {
    left: 46%
}

@media(max-width: 768px) {
    .action-auto-transfer .seamless-control .auto-transfer input:checked~.check-btn {
        left:54%
    }
}

.action-auto-transfer .seamless-control .auto-transfer .check {
    background: #ff8a00;
    border-radius: 0.4rem;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.action-auto-transfer .seamless-control .auto-transfer .check-btn {
    position: absolute;
    top: .02rem;
    left: .02rem;
    width: .2rem;
    height: .2rem;
    border-radius: .4rem;
    background: #fff;
    transition: .3s
}

@media(max-width: 768px) {
    .action-auto-transfer .seamless-control .auto-transfer .check-btn {
        width:.37rem;
        height: .4rem;
        top: .06rem
    }
}

.action-auto-transfer .seamless-control .auto-status {
    color: #0f161f;
    text-transform: capitalize;
    margin: 0 .1rem
}

.action-auto-transfer .seamless-control .auto-desc {
    color: #61757e
}

.kyc-container .kyc-choose-file {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0);
    padding: 0 0.15rem;
    width: 2.25rem;
    height: 0.38rem;
    border: 0.01rem solid #e8e8e8;
    border-radius: 0.05rem;
    color: #8697a2;
    font-size: .16rem;
    gap: .05rem
}

.kyc-container .kyc-choose-file:disabled {
    opacity: .5;
    cursor: not-allowed
}

.kyc-container .kyc-choose-file .beta-copy {
    width: .24rem;
    height: .24rem
}

.kyc-container .kyc-choose-file svg {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.1rem 0 0
}

.kyc-container .kyc-choose-file .kyc-file-content {
    line-height: 1.25
}

.kyc-container .kyc-choose-file .kyc-file-content.kyc-contented {
    color: #0071e3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 2rem
}

.kyc-container .kyc-attachment-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0071e3;
    padding: 0 .25rem;
    height: 0.38rem;
    border: .01rem solid #e8e8e8;
    border-radius: .1rem;
    color: #fff;
    cursor: pointer;
    font-size: .16rem
}

.kyc-container .kyc-attachment-preview:disabled {
    opacity: .5;
    cursor: not-allowed
}

.kyc-container .kyc-delete-btn {
    background: rgba(0,0,0,0);
    margin-left: auto
}

.kyc-container .kyc-delete-btn img {
    width: 0.2rem;
    height: 0.2rem
}

.kyc-container .tool-tip-container {
    position: relative;
    display: flex
}

.kyc-container .tool-tip-container svg {
    width: 0.15rem;
    fill: #c5d2d8;
    margin: 0 0 0 0.075rem
}

.kyc-container .tool-tip-container .important-notice-box {
    position: absolute;
    white-space: nowrap;
    bottom: 0.1rem;
    left: 0.3rem;
    padding: 0.1rem;
    background: #fff;
    color: #000;
    font-size: 0.12rem;
    border-radius: 0.1rem;
    z-index: 1;
    box-shadow: 0.02rem 0.03rem 0.05rem #9b9b9b;
    display: flex
}

.kyc-container .kyc-choose-file-container {
    display: grid;
    grid-template-columns: 2.24rem 2.16rem 1.5rem auto;
    gap: .2rem;
    color: #8697a2
}

.kyc-container .kyc-choose-file-container .selected {
    background: #f3f5f6
}

.kyc-container .standard-button-container {
    grid-column: 2/span 1;
    width: 3.46rem
}

.kyc-container .standard-button-container .kyc-submit-button {
    width: 3.18rem
}

.edit-popup-modal-container {
    background: #fff;
    min-height: 3rem
}

.edit-popup-modal-container .standard-popup-modal-header {
    font-size: 0.2rem;
    color: #0f161f;
    padding: 0.5rem 0.6rem 0.35rem
}

.edit-popup-modal-container .standard-popup-modal-body {
    padding: 0 0.6rem
}

.edit-popup-modal-container .standard-popup-modal-body .standard-form-field {
    align-items: center;
    justify-content: space-between
}

.edit-popup-modal-container .standard-popup-modal-body .standard-form-field p {
    margin: 0 0 0.05rem 0;
    width: 40%
}

.edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate {
    width: 60%
}

.edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date {
    display: grid;
    grid-template-columns: 26% 35% 26%;
    width: 100%;
    justify-content: space-between
}

.edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date select {
    padding: 0.05rem 0.05rem 0.05rem 0.1rem;
    border: 0.01rem solid #f7f7f7;
    color: #8697a2;
    border-radius: 0.05rem;
    font-size: 0.16rem;
    width: 100%;
    height: 0.38rem
}

.edit-popup-modal-container .standard-popup-modal-body .remark-text {
    color: red;
    font-size: 0.14rem
}

.edit-popup-modal-container .standard-popup-modal-footer {
    border: none;
    padding: 0 0.6rem;
    margin: 0.6rem 0;
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between
}

.edit-popup-modal-container .standard-popup-modal-footer button {
    width: 100%
}

.edit-popup-modal-container .standard-popup-modal-footer button.standard-cancel-button {
    background: #81cafc;
    border-radius: 0.08rem
}

.m-edit-popup-modal-container .standard-popup-modal-header {
    font-size: 0.3rem;
    padding: 0.6rem 0.42rem 0.56rem
}

.m-edit-popup-modal-container .standard-popup-modal-body {
    padding: 0 0.42rem;
    font-size: 0.3rem
}

.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field {
    flex-direction: column;
    align-items: flex-start;
    justify-content: unset
}

.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field p {
    width: 100%;
    margin: 0 0 0.3rem 0
}

.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate {
    width: 100%
}

.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date {
    grid-template-columns: 32% 32% 32%
}

.m-edit-popup-modal-container .standard-popup-modal-body .standard-form-field .select-date-seperate #dropdown-date select {
    font-size: 0.3rem;
    height: 0.68rem;
    border-radius: 0.1rem;
    padding: 0.05rem 0.25rem
}

.m-edit-popup-modal-container .standard-popup-modal-body .remark-text {
    font-size: 0.26rem
}

.m-edit-popup-modal-container .standard-popup-modal-footer {
    padding: 0 0.42rem 0.56rem;
    margin: 0.5rem 0 0;
    border-radius: 0 0 0.1rem 0.1rem
}

.m-edit-popup-modal-container .standard-popup-modal-footer .standard-submit-button,.m-edit-popup-modal-container .standard-popup-modal-footer .standard-cancel-button {
    height: 0.82rem;
    font-size: 0.3rem;
    border-radius: 0.1rem
}

.kyc-preview-modal-container {
    min-height: unset
}

.kyc-preview-modal-container .standard-popup-modal-body {
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 768px) {
    .kyc-preview-modal-container .standard-popup-modal-body {
        padding:0 0.5rem 0.5rem 0.5rem
    }
}

.kyc-notification-modal-container {
    min-height: unset
}

.kyc-notification-modal-container .standard-popup-modal-header {
    border-bottom: 0.01rem solid #d9d9d9;
    padding: 0.32rem 0.4rem 0.24rem;
    margin-bottom: 0.16rem
}

@media(max-width: 768px) {
    .kyc-notification-modal-container .standard-popup-modal-header {
        padding:0.32rem 0.5rem 0.24rem;
        margin-bottom: 0.32rem
    }
}

.kyc-notification-modal-container .standard-popup-modal-header .standard-modal-title {
    font-size: 0.16rem;
    font-weight: 600;
    border-radius: 0
}

@media(max-width: 768px) {
    .kyc-notification-modal-container .standard-popup-modal-header .standard-modal-title {
        font-size:0.28rem;
        padding: 0
    }
}

@media(max-width: 768px) {
    .kyc-notification-modal-container .standard-popup-modal-body {
        font-size:0.28rem
    }
}

.kyc-notification-modal-container .standard-popup-modal-body .title {
    margin: 0 0 0.25rem 0
}

@media(max-width: 768px) {
    .kyc-notification-modal-container .standard-popup-modal-body .title {
        margin:0 0 0.5rem 0
    }
}

.kyc-notification-modal-container .standard-popup-modal-body ul {
    margin: 0 0 0 0.25rem
}

@media(max-width: 768px) {
    .kyc-notification-modal-container .standard-popup-modal-body ul {
        margin:0 0 0 0.5rem
    }
}

.kyc-notification-modal-container .standard-popup-modal-body ul li {
    list-style-type: disc
}

.kyc-notification-modal-container .standard-popup-modal-body .footer {
    margin: 0.25rem 0 0 0
}

@media(max-width: 768px) {
    .kyc-notification-modal-container .standard-popup-modal-body .footer {
        margin:0.5rem 0 0 0
    }
}

.kyc-notification-modal-container .sumsub-content {
    line-height: .4rem
}

.kyc-notification-modal-container .sumsub-content a {
    color: #0071e3
}

.kyc-notification-modal-container .sumsub-content span {
    color: red
}

.settings-container .st-section .st-content .st-detail-container .st-tab .message-tab-container .standard-tab .tab-header {
    text-transform: capitalize
}

.message-tab-container .standard-tab {
    display: flex;
    gap: .04rem
}

.message-table-container .header-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 .34rem 0
}

.message-table-container .header-control .checkbox-column {
    display: flex
}

.message-table-container .header-control .checkbox-column span {
    padding: 0 .16rem
}

.message-table-container .header-control .content-column {
    display: flex
}

.message-table-container .header-control .content-column svg {
    width: 0.22rem;
    height: 0.18rem;
    margin: 0 0.15rem;
    vertical-align: text-bottom
}

.message-table-container .header-control .content-column span {
    cursor: pointer
}

.message-table-container .header-control .content-column .delete-action {
    margin: 0 0 0 0.2rem
}

.message-table-container table {
    width: 100%;
    margin: 0.1rem 0
}

.message-table-container table .st-ms-table tr {
    font-size: 0.14rem;
    color: #0f161f
}

.message-table-container table .st-ms-table tr th {
    background: #f7f7f7
}

.message-table-container table .st-ms-table tr th:first-child {
    padding: 0.1rem;
    border-radius: 0.1rem 0 0 0.1rem
}

.message-table-container table .st-ms-table tr th:last-child {
    padding: 0.1rem 0.25rem 0.1rem 0.1rem;
    border-radius: 0 0.1rem 0.1rem 0
}

.message-table-container table .st-ms-table tr th.t-date,.message-table-container table .st-ms-table tr th.t-remark {
    text-align: center
}

.message-table-container table .st-ms-table tr th.t-tick {
    width: 7.2%
}

.message-table-container table .st-ms-table tr th.t-subject {
    width: 54.52%
}

.message-table-container table .st-ms-table tr th.t-date {
    width: 17.25%
}

.message-table-container table .st-ms-table tr th.t-remark {
    width: 21.03%
}

.message-table-container table .st-ms-tbody td {
    font-size: 0.16rem;
    padding: 0.25rem 0 0
}

.message-table-container table .st-ms-tbody td:first-child {
    padding: 0.25rem 0.1rem 0 0.25rem;
    border-radius: 0.1rem 0 0 0.1rem;
    width: 7%
}

.message-table-container table .st-ms-tbody td:last-child {
    padding: 0.25rem 0.25rem 0 0.1rem;
    border-radius: 0 0.1rem 0.1rem 0
}

.message-table-container table .st-ms-tbody td.content-column {
    width: 50%
}

.message-table-container table .st-ms-tbody td.t-date {
    text-align: center
}

.message-table-container table .st-ms-tbody td.remark-detail {
    text-align: center;
    width: 18%
}

.message-table-container table .st-ms-tbody td.remark-detail svg {
    fill: #8697a2;
    width: 0.18rem;
    height: 0.18rem;
    margin: 0 0.12rem
}

.message-table-container table .st-ms-tbody td.remark-detail .flag_true {
    fill: #0072e2
}

.message-table-container table .st-ms-tbody td.remark-detail .pin_true {
    fill: red
}

.message-table-container table .st-ms-tbody td.remark-detail .flag_false,.message-table-container table .st-ms-tbody td.remark-detail .pin_false {
    fill: #8697a2
}

.message-table-container table .st-ms-tbody td .msg-detail {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    cursor: pointer
}

.message-table-container table .st-ms-tbody td .unreadMsg {
    color: #0f161f;
    font-weight: 600
}

.message-table-container .standard-invisible-checkbox {
    position: absolute;
    z-index: 9;
    opacity: 0;
    cursor: pointer
}

.message-table-container .standard-checkbox {
    position: relative;
    border-radius: 0.04rem;
    border: 0.01rem solid #d7d7d7;
    height: 0.18rem;
    width: 0.18rem;
    background: unset;
    cursor: pointer
}

.message-table-container .standard-checkbox svg {
    position: absolute
}

.message-table-container .standard-checkbox svg path {
    fill: none;
    stroke: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all .6s ease;
    stroke-dashoffset: 0
}

.message-table-container .standard-checkbox svg polyline {
    fill: none;
    stroke: rgba(0,0,0,0);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all .3s ease
}

.message-table-container .standard-invisible-checkbox:checked+.standard-checkbox {
    border-color: #ff8a00 !important;
    background: #ff8a00
}

.message-table-container .standard-invisible-checkbox:checked+.standard-checkbox svg path {
    fill: #ff8a00;
    stroke: #ff8a00
}

.message-table-container .standard-invisible-checkbox:checked+.standard-checkbox svg polyline {
    stroke-dashoffset: 0;
    stroke: #fff
}

.message-table-container:hover .standard-checkbox svg path {
    stroke-dashoffset: 0
}

.message-table-container .pagination-content {
    margin: 0.5rem auto 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem
}

.message-table-container .pagination-content .page-count {
    color: #0f161f
}

.message-table-container .pagination-content .pagination {
    display: flex;
    align-items: center;
    margin: 0.18rem 0 0
}

.message-table-container .pagination-content .pagination svg {
    width: 0.11rem;
    height: 0.11rem;
    fill: #8697a2
}

.message-table-container .pagination-content .pagination a[aria-label="Go to previous page"] {
    margin: 0 0.13rem 0 0.3rem;
    width: 0.06rem
}

.message-table-container .pagination-content .pagination a[aria-label="Go to next page"] {
    margin: 0 0.3rem 0 0.13rem;
    width: 0.06rem
}

.message-table-container .pagination-content .pagination a[aria-label*="Go to page number"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.33rem;
    height: 0.33rem;
    border-radius: 50%;
    background: #f7f7f7;
    margin: 0 0.1rem;
    color: #8697a2
}

.referral-copy-popup .referral-copy-content {
    width: 80%;
    margin: 0.5rem auto;
    text-align: center;
    color: undefined
}

@media(max-width: 768px) {
    .referral-copy-popup .referral-copy-content {
        margin:auto;
        padding: 0 0 .7rem
    }
}

.referral-copy-popup .referral-copy-content p {
    margin-bottom: 0;
    line-height: 0.25rem
}

@media(max-width: 768px) {
    .referral-copy-popup .referral-copy-content p {
        font-size:.24rem
    }
}

.referral-copy-popup .referral-copy-content .link {
    margin-top: 0.2rem
}

.referral-copy-popup .referral-copy-content button {
    padding: .08rem .15rem;
    background: #0072e2;
    color: #fff;
    border-radius: .05rem;
    font-size: .16rem;
    margin: .1rem 0 0;
    width: 1rem;
    text-transform: capitalize
}

.nav-leaderboard {
    display: flex;
    flex-flow: column
}

.nav-leaderboard .icon-leaderboard-container {
    align-items: center;
    background: #0691c0;
    border-radius: 0.2rem;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.1rem 0.42rem;
    padding: 0 0.1rem 0 0;
    width: 43%
}

.nav-leaderboard .icon-leaderboard-container .icon-leaderboard-svg {
    background: #fdb813;
    border-radius: 50%;
    height: 0.23rem;
    width: 0.23rem
}

.nav-leaderboard .icon-leaderboard-container .icon-leaderboard-svg svg {
    width: 0.17rem
}

.nav-leaderboard .icon-leaderboard-container .navbar-member-group-desc {
    color: #fff;
    font-size: 0.12rem
}

.nav-leaderboard .floating-leaderboard-container {
    background: #fff;
    -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    border-radius: 0.1rem;
    padding: 0.2rem 0.25rem;
    position: absolute;
    width: 2.48rem;
    top: 100%;
    left: -20%;
    z-index: 1
}

.nav-leaderboard .floating-leaderboard-container .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    height: 0.12rem;
    margin-left: -0.12rem;
    overflow: hidden;
    width: 0.24rem
}

.nav-leaderboard .floating-leaderboard-container .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3)
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container {
    border-width: 0 0 0.01rem 0;
    border-style: solid;
    border-color: #edeff1;
    display: flex;
    justify-content: space-between
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .standard-form-field .standard-select {
    background: #f7f7f7;
    border: 0;
    border-radius: 0.2rem;
    color: #8697a2;
    font-size: 0.12rem;
    padding: 0.05rem 0.15rem
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .standard-form-field .standard-select span:first-child {
    margin: 0
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .standard-form-field .standard-select-arrow {
    border-width: 0 0.03rem 0.03rem 0;
    border-style: solid;
    border-color: #8697a2
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field {
    width: 58%
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field {
    width: 38%
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select,.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select {
    z-index: 2;
    background: #fff;
    border: 0.01rem solid #e8e8e8
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown,.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown {
    top: 0;
    border-radius: 0.2rem;
    padding: 0.4rem 0 0.2rem;
    z-index: 1
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown .standard-select-options,.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown .standard-select-options {
    display: flex;
    align-items: center;
    margin: 0;
    height: 0.25rem;
    padding: 0 0.1rem;
    color: #8697a2;
    white-space: nowrap
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown .standard-select-options p,.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown .standard-select-options p {
    margin: 0
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown .standard-select-options.active,.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field .standard-select-dropdown .standard-select-options:hover,.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown .standard-select-options.active,.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field .standard-select-dropdown .standard-select-options:hover {
    background: #ff8a00;
    border-radius: .1rem;
    color: #fff;
    cursor: pointer
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container {
    margin: 0.14rem 0 0
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .header {
    font-size: 0.12rem;
    margin: 0 0 0.1rem
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank {
    display: grid;
    grid-template-columns: 2fr 2fr;
    grid-gap: 0.06rem
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank .category-box {
    align-items: flex-start;
    background: #0071f3;
    border-radius: 0.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.3;
    padding: 0.08rem 0.15rem
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank .category-box .label {
    color: #fdb813
}

.nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank .category-box .value {
    color: #fff
}

@media(max-width: 1024px) {
    .nav-leaderboard .icon-leaderboard-container {
        width:55%
    }
}

.deposit-progress .deposit-progress-img {
    display: flex;
    margin: 0 0 0.1rem
}

.deposit-progress .deposit-progress-img .lazy-load-image-loaded {
    margin: 0 0.15rem 0 0
}

.deposit-progress .deposit-progress-img .lazy-load-image-loaded img {
    width: 0.3rem
}

.deposit-progress .deposit-progress-img .next-member-group-level-wrapper {
    display: flex;
    flex-direction: column
}

.deposit-progress .progress-bar {
    background: #fff;
    border-radius: 0.5rem;
    height: 0.08rem;
    margin: 0 0 0.1rem;
    overflow: hidden
}

.deposit-progress .progress-bar .progress-bar-status {
    background: #ff8a00;
    border-radius: 0.5rem;
    display: block;
    height: 100%
}

.deposit-progress .progress-status {
    font-size: 0.12rem
}

.deposit-progress .floating-vip-level-container {
    background: #fff;
    -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    border-radius: 0.1rem;
    padding: 0.18rem;
    position: absolute;
    width: 2rem;
    top: 55%;
    right: 29%;
    z-index: 1
}

.deposit-progress .floating-vip-level-container .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    height: 0.12rem;
    margin-left: -0.12rem;
    overflow: hidden;
    width: 0.24rem
}

.deposit-progress .floating-vip-level-container .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3)
}

.deposit-progress .floating-vip-level-container .floating-vip-level {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.deposit-progress .floating-vip-level-container .floating-vip-level .lazy-load-image-loaded {
    display: flex !important;
    justify-content: center;
    margin: 0 0 0.1rem
}

.deposit-progress .floating-vip-level-container .floating-vip-level .lazy-load-image-loaded img {
    width: 90%
}

.deposit-progress .floating-vip-level-container .floating-vip-level .standard-button-container {
    justify-content: center
}

.deposit-progress .floating-vip-level-container .floating-vip-level .standard-button-container .standard-submit-button {
    border-radius: 0.2rem;
    font-weight: 500;
    font-size: 0.14rem;
    height: unset;
    width: unset;
    min-width: unset;
    padding: 0.05rem 0.18rem
}

@media(max-width: 1440px) {
    .deposit-progress .floating-vip-level-container {
        right:6%
    }

    .deposit-progress .floating-vip-level-container .triangle {
        left: 30%
    }
}

@media(max-width: 1024px) {
    .deposit-progress .floating-vip-level-container {
        right:-16%
    }

    .deposit-progress .floating-vip-level-container .triangle {
        left: 27%
    }
}

.share-dropdown-back-screen {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.floating-referral {
    background: #fff;
    border-radius: 0.1rem;
    -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    padding: 0.1rem 0.25rem;
    position: absolute;
    width: 1.9rem;
    top: 95%;
    left: -1%;
    z-index: 1
}

.floating-referral .ref-copy {
    align-items: center;
    display: flex;
    cursor: pointer;
    padding: 0.1rem
}

.floating-referral .ref-copy svg {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.15rem 0 0
}

.floating-referral .ref-copy span {
    color: #0f161f;
    font-size: 0.12rem
}

.floating-referral .ref-copy:hover svg {
    fill: #fff
}

.floating-referral .ref-copy:hover svg.beta-facebook .st1 {
    fill: #3a589b
}

.floating-referral .ref-copy:hover svg.beta-whatsapp .st1 {
    fill: #25d366
}

.floating-referral .ref-copy:hover svg.beta-telegram .st1,.floating-referral .ref-copy:hover svg.beta-telegram .st3 {
    fill: url(#beta-telegram-SVGID_1_)
}

.floating-referral .ref-copy:hover svg.beta-line .st1 {
    fill: #3ace00
}

.floating-referral .ref-copy:hover svg.beta-skype .st1 {
    fill: #00aaf1
}

.floating-referral .ref-copy:hover span {
    color: #fff
}

.floating-referral .ref-share-link {
    cursor: pointer
}

.floating-referral .react-share__ShareButton,.floating-referral .ref-share-link,.floating-referral .ref-copy {
    align-items: center;
    background: unset;
    color: #0f161f;
    display: flex;
    font-size: 0.12rem;
    margin: 0.05rem 0;
    padding: 0.05rem 0.15rem !important;
    width: 100%
}

.floating-referral .react-share__ShareButton svg,.floating-referral .ref-share-link svg,.floating-referral .ref-copy svg {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.15rem 0 0
}

.floating-referral .react-share__ShareButton span,.floating-referral .ref-share-link span,.floating-referral .ref-copy span {
    color: #0f161f;
    font-size: 0.12rem
}

.floating-referral .react-share__ShareButton:hover,.floating-referral .ref-share-link:hover,.floating-referral .ref-copy:hover {
    background: #ff8a00 !important;
    border-radius: 0.2rem
}

.floating-referral .react-share__ShareButton:hover svg *,.floating-referral .ref-share-link:hover svg *,.floating-referral .ref-copy:hover svg * {
    fill: #fff
}

.floating-referral .react-share__ShareButton:hover svg.beta-facebook .st1,.floating-referral .ref-share-link:hover svg.beta-facebook .st1,.floating-referral .ref-copy:hover svg.beta-facebook .st1 {
    fill: #3a589b
}

.floating-referral .react-share__ShareButton:hover svg.beta-whatsapp .st1,.floating-referral .ref-share-link:hover svg.beta-whatsapp .st1,.floating-referral .ref-copy:hover svg.beta-whatsapp .st1 {
    fill: #25d366
}

.floating-referral .react-share__ShareButton:hover svg.beta-telegram .st1,.floating-referral .react-share__ShareButton:hover svg.beta-telegram .st3,.floating-referral .ref-share-link:hover svg.beta-telegram .st1,.floating-referral .ref-share-link:hover svg.beta-telegram .st3,.floating-referral .ref-copy:hover svg.beta-telegram .st1,.floating-referral .ref-copy:hover svg.beta-telegram .st3 {
    fill: url(#beta-telegram-SVGID_1_)
}

.floating-referral .react-share__ShareButton:hover svg.beta-line .st1,.floating-referral .ref-share-link:hover svg.beta-line .st1,.floating-referral .ref-copy:hover svg.beta-line .st1 {
    fill: #3ace00
}

.floating-referral .react-share__ShareButton:hover svg.beta-skype .st1,.floating-referral .ref-share-link:hover svg.beta-skype .st1,.floating-referral .ref-copy:hover svg.beta-skype .st1 {
    fill: #00aaf1
}

.floating-referral .react-share__ShareButton:hover span,.floating-referral .ref-share-link:hover span,.floating-referral .ref-copy:hover span {
    color: #fff
}

@media(max-width: 768px) {
    .floating-referral {
        width:2.3rem;
        left: 48%
    }

    .floating-referral .ref-copy svg {
        width: 0.3rem;
        height: 0.3rem;
        margin: 0 0.15rem 0 0
    }

    .floating-referral .ref-copy span {
        font-size: 0.2rem
    }

    .floating-referral .react-share__ShareButton,.floating-referral .ref-share-link,.floating-referral .ref-copy {
        font-size: 0.2rem;
        cursor: pointer
    }

    .floating-referral .react-share__ShareButton svg,.floating-referral .ref-share-link svg,.floating-referral .ref-copy svg {
        width: 0.3rem;
        height: 0.3rem
    }

    .floating-referral .react-share__ShareButton span,.floating-referral .ref-share-link span,.floating-referral .ref-copy span {
        font-size: 0.2rem
    }
}

.bank-info-container table {
    width: 100%;
    margin: 0 0 .48rem
}

.bank-info-container table .st-bwd-table tr {
    font-size: 0.14rem;
    color: #0f161f
}

.bank-info-container table .st-bwd-table tr th {
    font-weight: 400;
    background: #f7f7f7
}

.bank-info-container table .st-bwd-table tr th:first-child {
    padding: .18rem .2rem;
    border-radius: 0.1rem 0 0 0.1rem
}

.bank-info-container table .st-bwd-table tr th:last-child {
    padding: 0.1rem 0.25rem 0.1rem 0.1rem;
    border-radius: 0 0.1rem 0.1rem 0;
    width: 1.5rem
}

.bank-info-container table .st-bwd-tbody td {
    font-size: 0.14rem;
    padding: 0.2rem 0 0;
    height: 0
}

.bank-info-container table .st-bwd-tbody td:first-child {
    padding: 0.2rem 0.25rem 0;
    border-radius: 0.1rem 0 0 0.1rem
}

.bank-info-container table .st-bwd-tbody td:last-child {
    padding: 0.2rem 0.25rem 0 0.1rem;
    border-radius: 0 0.1rem 0.1rem 0;
    width: 1.2rem
}

.bank-info-container table .st-bwd-tbody .bank-item {
    display: flex;
    align-items: center;
    gap: .1rem
}

.bank-info-container table .st-bwd-tbody .bank-item img,.bank-info-container table .st-bwd-tbody .bank-item svg {
    width: 0.4rem
}

.bank-info-container table .st-bwd-tbody .col-delete svg {
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer
}

.bank-info-container table .col-bank-branch,.bank-info-container table .col-acc-name,.bank-info-container table .col-acc-no,.bank-info-container table .col-delete,.bank-info-container table .col-acc-status {
    text-align: center
}

.bank-info-container table .no-bank-container td {
    padding: 0.25rem 0
}

.bank-info-container .select-bank-form {
    border-top: .01rem solid #e2e2e2;
    padding: .48rem 0
}

.bank-info-container .select-bank-form .standard-form-field-container {
    display: grid;
    align-items: center;
    grid-template-columns: 2.08rem 3.46rem auto;
    position: relative;
    width: 100%;
    margin: 0 0 .14rem 0
}

.m-bank-detail-container .bank-info-container .add-crypto-address-btn-container {
    margin-top: .8rem;
    border: 0.01rem solid #dbe0e4;
    border-style: solid none none none
}

.m-bank-detail-container .bank-info-container .add-crypto-address-btn-container .standard-submit-btn {
    background: #81cafc
}

.crypto-google-auth-dialog-container {
    background: #fff
}

.crypto-google-auth-dialog-container .standard-popup-modal-header {
    color: #0f161f;
    padding: 0.5rem 0.6rem 0.25rem
}

.crypto-google-auth-dialog-container .standard-popup-modal-header .standard-modal-title {
    font-size: 0.2rem
}

.crypto-google-auth-dialog-container .standard-popup-modal-body {
    color: #0f161f;
    display: flex;
    padding: 0 0.6rem 0.35rem
}

.crypto-google-auth-dialog-container .standard-popup-modal-body img {
    width: 30%;
    height: 100%;
    margin: 0 0 0.25rem 0
}

.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail {
    width: 70%;
    padding: 0.2rem 0.2rem 0
}

.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-label {
    color: #8697a2;
    padding: 0 0 0.1rem 0
}

.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-label.key-code {
    color: #0f161f
}

.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container {
    justify-content: space-between;
    padding: 0.15rem 0 0.3rem
}

.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container .standard-modal-close {
    width: 49%;
    height: .4rem;
    border-radius: .1rem;
    color: #fff;
    font-size: .16rem
}

.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container .standard-modal-close.verify {
    background: #ff8a00
}

.crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container .standard-modal-close.cancel {
    background: #81cafc
}

@media(max-width: 768px) {
    .crypto-google-auth-dialog-container .standard-popup-modal-header .standard-modal-title {
        border-radius:0;
        margin: 0;
        padding: 0;
        height: auto;
        font-size: 0.34rem
    }

    .crypto-google-auth-dialog-container .standard-popup-modal-body {
        display: block;
        text-align: center;
        font-size: 0.26rem
    }

    .crypto-google-auth-dialog-container .standard-popup-modal-body img {
        width: 80%
    }

    .crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail {
        width: 100%;
        text-align: left;
        padding: 0.2rem 0
    }

    .crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-label {
        margin: 0
    }

    .crypto-google-auth-dialog-container .standard-popup-modal-body .text-detail .standard-button-container .standard-modal-close {
        font-size: 0.3rem;
        height: 0.75rem
    }
}

.history-landing-container {
    padding: .35rem .4rem;
    background: #fff;
    border-radius: .08rem;
    position: relative;
    min-height: 7.5rem
}

.history-landing-container .title {
    color: #8697a2;
    margin-bottom: .05rem
}

.history-landing-container .history-tab-container {
    margin: 0.16rem 0 0
}

.history-landing-container .history-tab-container .standard-tab {
    display: grid;
    grid-template-columns: 1.7rem 1.7rem 1.7rem 1.7rem;
    grid-row-gap: 0.1rem;
    grid-column-gap: 0.15rem
}

.history-landing-container .history-tab-container .standard-tab .tab-header {
    padding: 0.12rem 0.1rem;
    height: unset;
    border-radius: 0.08rem;
    background: #f7f7f7;
    border: 0.02rem solid #f7f7f7;
    white-space: normal;
    text-align: center;
    word-break: break-word
}

.history-landing-container .history-tab-container .standard-tab .tab-header:not(:last-child) {
    margin: 0
}

.history-landing-container .history-tab-container .standard-tab .tab-header.active,.history-landing-container .history-tab-container .standard-tab .tab-header:hover {
    color: #8697a2;
    border: 0.02rem solid #ff8a00
}

.history-landing-container .history-container {
    margin: .3rem 0 0
}

.history-landing-container .history-container .history-form {
    display: flex;
    align-items: flex-end;
    gap: .08rem
}

.history-landing-container .history-container .history-form:not(:first-child) {
    margin: 0.35rem 0 0
}

.history-landing-container .history-container .history-form .transaction-type-selection,.history-landing-container .history-container .history-form .status-selection {
    width: 35.5%
}

.history-landing-container .history-container .history-form .transaction-type-selection .standard-label,.history-landing-container .history-container .history-form .status-selection .standard-label {
    margin: 0 0 0.15rem 0.05rem
}

.history-landing-container .history-container .history-form .date-form-field-container {
    width: 2.42rem
}

.history-landing-container .history-container .history-form .date-form-field-container .standard-label {
    color: #8697a2
}

.history-landing-container .history-container .history-form .date-form-field-container .standard-input {
    height: 0.4rem;
    padding: 0 0.25rem;
    color: #8697a2;
    font-size: 0.16rem;
    cursor: pointer
}

.history-landing-container .history-container .history-form .date-form-field-container .icon-calender {
    position: absolute;
    right: 0.25rem;
    top: 0.08rem;
    width: 0.25rem;
    height: 0.22rem
}

.history-landing-container .history-container .standard-submit-btn {
    width: 2.42rem;
    margin: 0.35rem 0 0
}

.history-landing-container .history-control-section .history-control-panel-container {
    display: flex;
    gap: .1rem
}

.history-landing-container .history-control-section .history-control-panel-container .history-type-field {
    width: 35.5%
}

.history-landing-container .history-control-section .history-control-panel-container .history-type-field .standard-select {
    color: #8697a2
}

.history-landing-container .history-control-section .history-control-panel-container .history-type-field .standard-select-dropdown {
    top: .7rem
}

.history-landing-container .history-control-section .transaction-button-section {
    margin: .3rem 0 0
}

.history-info-container .header-title>span {
    width: 16.67%;
    text-align: center;
    padding: 0 0.08rem;
    word-break: break-word
}

.history-info-container .header-title .col-text-left {
    text-align: left
}

.history-info-container .history-info-content {
    margin: 0.28rem 0 0.5rem;
    padding: 0
}

.history-info-container .history-info-content .history-detail span {
    width: 16.67%;
    text-align: center;
    padding: 0 0.05rem
}

.history-info-container .history-info-content .history-detail .col-text-left {
    text-align: left
}

.history-info-container .history-info-content .history-detail .col-status {
    color: undefined
}

.history-info-container .history-info-content .history-detail .col-status.status-A {
    color: #0071e3
}

.history-info-container .history-info-content .history-detail .col-status.status-C {
    color: #0071e3
}

.history-info-container .history-info-content .history-detail .col-status.status-E {
    color: #e52741
}

.history-info-container .history-info-content .history-detail .promo-info-icon {
    width: 0.19rem;
    height: 0.19rem
}

.history-info-container .history-info-content .history-detail .promo-info-icon:hover {
    cursor: pointer
}

.deposit-wrapper .standard-tab-container {
    background: #fff;
    border-radius: 0.1rem 0.1rem 0 0;
    overflow: unset;
    padding: 0.35rem 0.4rem 0
}

.deposit-wrapper .standard-tab-container .st-title {
    color: #8697a2;
    font-size: 0.16rem;
    padding: 0 0 0.15rem
}

.deposit-wrapper .standard-tab-container .deposit-tab-header {
    display: flex;
    justify-content: space-between;
    position: relative
}

.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container {
    position: relative
}

.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn {
    align-items: center;
    cursor: pointer;
    display: flex
}

.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn .img-container {
    margin: 0 0.1rem 0 0;
    position: relative
}

.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn .img-container svg {
    fill: #8697a2;
    height: 0.2rem;
    width: 0.2rem
}

.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn .img-container .red-dot {
    background: red;
    border-radius: 50%;
    bottom: 80%;
    height: 0.08rem;
    left: 80%;
    position: absolute;
    width: 0.08rem
}

.deposit-wrapper .standard-tab-container .deposit-tab-header .bank-offline-container .bankoff-btn span {
    color: #8697a2;
    font-size: 0.13rem
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab {
    grid-template-columns: 32% 32% 32% !important;
    justify-content: space-between
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header {
    align-items: center;
    background: #f7f7f7;
    border-radius: 0.2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 0.3rem
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header span:first-child {
    color: #8697a2;
    margin: 0 0.1rem 0 0
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header svg {
    margin: 0 0.05rem 0 0;
    width: 0.18rem
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header:hover {
    background: #ff8a00
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header:hover span {
    color: #fff
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab .categorized-deposit-tab-header:hover svg {
    fill: #fff
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab .active {
    background: #ff8a00
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab .active span {
    color: #fff !important
}

.deposit-wrapper .standard-tab-container .categorized-deposit-tab .active svg {
    fill: #fff !important
}

.deposit-wrapper .standard-tab-container .standard-tab {
    background: rgba(0,0,0,0) !important;
    display: grid;
    grid-template-columns: 15% 15% 15% 15% 15%;
    grid-gap: 0.15rem;
    align-items: start
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header {
    align-items: center;
    background: unset !important;
    color: #0f161f;
    display: flex;
    flex-direction: column;
    height: unset !important;
    margin: 0 !important;
    padding: 0 !important
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container {
    align-items: center;
    background: #f7f7f7;
    border-radius: 0.08rem;
    padding: 0.12rem 0;
    width: 100%;
    min-height: 0.7rem;
    text-align: center
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container.channel-img svg {
    height: 0.4rem;
    width: auto
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container svg {
    height: 0.4rem;
    width: 0.4rem
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container .beta-option-RQRKH {
    width: unset
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover {
    background: linear-gradient(to right, #067db0, #04abc2)
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover svg {
    fill: #fff;
    filter: brightness(0) invert(1)
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover .beta-option-RQRKH {
    fill: unset;
    filter: unset;
    width: unset
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .channel-img:hover svg {
    fill: unset
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .deposit-option {
    color: #0f161f;
    font-size: 0.13rem;
    text-align: center;
    white-space: initial;
    padding: 0.1rem 0 0
}

.deposit-wrapper .standard-tab-container .standard-tab .tab-header .deposit-option:hover {
    color: #0f161f
}

.deposit-wrapper .standard-tab-container .standard-tab .active .img-container {
    background: linear-gradient(to right, #067db0, #04abc2)
}

.deposit-wrapper .standard-tab-container .standard-tab .active .img-container svg {
    fill: #fff;
    filter: brightness(0) invert(1)
}

.deposit-wrapper .standard-tab-container .standard-tab .active .img-container .beta-option-RQRKH {
    fill: unset;
    filter: unset
}

.deposit-wrapper .standard-tab-container .standard-tab .active .channel-img svg {
    fill: unset
}

.deposit-wrapper .standard-transaction-container {
    background: #fff;
    grid-area: transaction;
    padding: .4rem;
    padding-top: .24rem;
    border-radius: 0 0 .1rem .1rem
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container {
    padding: 0;
    margin: 0 0 .25rem
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container {
    border: 0.02rem solid rgba(0,0,0,0)
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container svg {
    filter: grayscale(100%)
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container img {
    filter: grayscale(100%);
    width: 0.4rem;
    height: 0.4rem
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container:hover {
    background: #f7f7f7;
    border: 0.02rem solid #ff8a00
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container:hover svg {
    filter: grayscale(0%)
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header .img-container:hover img {
    filter: grayscale(0%)
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active .img-container {
    background: #f7f7f7;
    border: 0.02rem solid #ff8a00
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active .img-container svg,.deposit-wrapper .standard-transaction-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active .img-container img {
    filter: grayscale(0%)
}

.deposit-wrapper .standard-transaction-container .standard-form-container .reminder-note {
    color: #8697a2;
    font-size: 0.12rem;
    border: 0.03rem solid #f7f7f7;
    border-radius: 0.1rem;
    line-height: 1.5;
    padding: 0.15rem;
    margin: 0.25rem 0 0
}

.deposit-wrapper .standard-transaction-container .standard-form-container .reminder-note span {
    font-size: 0.14rem
}

.deposit-wrapper .standard-transaction-container .standard-form-container .reminder-note ul {
    margin: 0 0 0 0.15rem
}

.deposit-wrapper .standard-transaction-container .standard-form-container .reminder-note ul li {
    list-style: disc
}

.deposit-wrapper .standard-transaction-container .standard-form-container .important-note {
    color: red;
    font-size: 0.13rem
}

.deposit-wrapper .standard-transaction-container .standard-form-container .important-note span:first-child {
    text-transform: capitalize
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-form-field .multi-input {
    display: flex;
    justify-content: unset;
    width: 100%;
    gap: .08rem
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper {
    width: 35.5%
}

.deposit-wrapper .standard-transaction-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input {
    width: 100%
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field {
    margin-bottom: 0
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper {
    display: flex;
    align-items: center;
    width: 100%
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper label {
    width: auto
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper .important-notice-container {
    position: relative;
    width: 75%;
    display: flex;
    align-items: center;
    margin: 0 0 0.05rem
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper .important-notice-container svg {
    width: 0.16rem;
    height: 0.16rem;
    fill: #c5d2d8;
    cursor: pointer
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-detail-label-wrapper .important-notice-container .important-notice-box {
    position: absolute;
    width: auto;
    bottom: 20%;
    left: 5%;
    padding: 0.1rem;
    background: #fff;
    color: #000;
    font-size: 0.12rem;
    border-radius: 0.1rem;
    z-index: 1;
    box-shadow: 0.02rem 0.03rem 0.05rem #9b9b9b;
    display: flex
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-select-deposit-container {
    justify-content: space-between;
    margin-bottom: 0
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-select-deposit-container .bank-select-deposit {
    margin: 0;
    display: flex;
    width: 100%;
    gap: 0.1rem
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-select-deposit-container .bank-select-deposit .standard-select-dropdown {
    width: 35.5%
}

.deposit-wrapper .standard-transaction-container .standard-form-container .bank-detail-field .bank-select-deposit-container .bank-add-deposit-btn {
    border-radius: 0.05rem;
    height: 0.38rem;
    width: 5%;
    min-width: 5%
}

.deposit-wrapper .standard-transaction-container .standard-form-container .deposit-channel-dd-field {
    width: 100%
}

.deposit-wrapper .standard-transaction-container .standard-form-container .deposit-channel-dd-field .standard-form-field-wrapper {
    flex-wrap: initial;
    width: 100%
}

.deposit-wrapper .standard-transaction-container .standard-form-container .deposit-channel-dd-field .standard-form-field-wrapper .tool-tip-container span {
    color: #e0092c;
    width: 70%
}

.deposit-wrapper .standard-transaction-container .bank-list-container {
    border-radius: 0.08rem;
    display: grid;
    grid-template-columns: repeat(6, 0.4fr);
    grid-row-gap: 0.15rem;
    grid-column-gap: 0.1rem;
    margin: 0 0 .24rem 0
}

.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    width: 1.53rem;
    min-height: 1.1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f3f5f6;
    gap: .1rem;
    border-radius: .1rem;
    text-align: center;
    padding: .05rem
}

.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container {
    min-width: 0.45rem;
    width: 0.45rem;
    height: 0.45rem;
    background: #fff;
    border-radius: .06rem;
    position: relative
}

.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container svg,.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container img {
    width: 100%;
    filter: grayscale(100%) opacity(0.5) brightness(100%)
}

.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container.online:before {
    position: absolute;
    content: "";
    background: #10ff00;
    border-radius: 50%;
    width: 0.07rem;
    height: 0.07rem;
    right: 0
}

.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .img-container.offline:before {
    position: absolute;
    content: "";
    background: red;
    border-radius: 50%;
    width: 0.07rem;
    height: 0.07rem;
    right: 0
}

.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .bank-name,.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item .coin-name {
    color: #8697a2;
    font-size: 0.13rem;
    word-break: break-word
}

.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active,.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover {
    outline: .03rem solid #ff8a00
}

.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active .img-container svg,.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active .img-container img,.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover .img-container svg,.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover .img-container img {
    filter: grayscale(0%)
}

.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active .bank-name,.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item.active .coin-name,.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover .bank-name,.deposit-wrapper .standard-transaction-container .bank-list-container .bank-item:hover .coin-name {
    color: #0f161f
}

.deposit-wrapper .standard-transaction-container .standard-form-field {
    margin: 0 0 0.24rem
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-label {
    color: #8697a2;
    font-size: 0.16rem
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-input {
    width: 49%
}

.deposit-wrapper .standard-transaction-container .standard-form-field .currency-rate {
    padding: 0 0 0 5%
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper {
    gap: .16rem
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select,.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select-dropdown {
    width: 35.5%
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select>div:not([class]),.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select-dropdown>div:not([class]) {
    overflow: hidden
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select:has(span.standard-select-arrow)>div:not([class]),.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select-dropdown:has(span.standard-select-arrow)>div:not([class]) {
    margin-right: .25rem
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-select-dropdown {
    top: .3rem
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input {
    position: relative;
    width: 35.5%
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input .standard-input {
    padding: .05rem .35rem .05rem .1rem;
    width: 100%
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input .deposit-amount-clear-button {
    position: absolute;
    width: .21rem;
    top: 50%;
    right: .09rem;
    transform: translateY(-50%);
    cursor: pointer
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-input {
    width: 49%
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-input:disabled {
    background: #f7f7f7;
    color: #0f161f;
    font-size: 0.16rem
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .standard-input-svg {
    cursor: pointer
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .tool-tip-container {
    align-items: center;
    display: flex;
    width: 49%
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-form-field-wrapper .tool-tip-container span {
    color: #0f161f;
    font-size: 0.13rem
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-amount-btn-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0.15rem;
    margin: 0.15rem 0 0
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-amount-btn-container button {
    background: #f7f7f7;
    border-radius: 0.05rem;
    color: #8697a2;
    cursor: pointer;
    font-size: 0.16rem;
    padding: 0.08rem 0.28rem;
    width: 100%;
    border: 0.02rem solid rgba(0,0,0,0)
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-amount-btn-container button:hover {
    border: 0.02rem solid #ff8a00
}

.deposit-wrapper .standard-transaction-container .standard-form-field .standard-amount-btn-container .amount-btn-selected {
    border: 0.02rem solid #ff8a00
}

.deposit-wrapper .standard-transaction-container .amount-selection,.deposit-wrapper .standard-transaction-container .bank-acc-field {
    margin-top: 0.24rem
}

.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box {
    display: flex;
    justify-content: center
}

.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box label {
    margin: 0
}

.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box .pdf-name {
    margin: 0 0.2rem 0 0
}

.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box .pdf-clear {
    width: 0.2rem;
    cursor: pointer
}

.deposit-wrapper .standard-transaction-container .receipt-container .receipt-image-box .receipt-img {
    width: 50%
}

.deposit-wrapper .standard-transaction-container .receipt-container .standard-error-validation {
    margin: .05rem 0 .08rem
}

.deposit-wrapper .standard-transaction-container .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.deposit-wrapper .standard-transaction-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 35.5%
}

.deposit-wrapper .p2p-transfer-container .standard-form-container .reminder-note {
    margin: 0.25rem 0 0
}

.deposit-wrapper .transaction-note-section {
    grid-area: note;
    margin: .08rem 0
}

.deposit-wrapper .transaction-note-section #importance-notice span:last-child {
    margin-left: auto
}

.deposit-wrapper .standard-st-table-container {
    background: #fff;
    color: #8697a2;
    font-size: 0.14rem;
    grid-area: table;
    padding: 0.5rem 0.4rem;
    width: 100%
}

.deposit-wrapper .standard-st-table-container .standard-st-table {
    width: 100%
}

.deposit-wrapper .standard-st-table-container .standard-st-table thead tr {
    background: #f7f7f7;
    border-radius: 0.1rem;
    color: #0f161f
}

.deposit-wrapper .standard-st-table-container .standard-st-table thead tr th {
    padding: 0.1rem 0;
    width: 25%;
    text-align: center;
    font-weight: normal
}

.deposit-wrapper .standard-st-table-container .standard-st-table thead tr th:first-child {
    border-radius: 0.1rem 0 0 0.1rem
}

.deposit-wrapper .standard-st-table-container .standard-st-table thead tr th:last-child {
    border-radius: 0 0.1rem 0.1rem 0
}

.deposit-wrapper .standard-st-table-container .standard-st-table tbody tr td {
    padding: 0.1rem 0;
    width: 25%;
    text-align: center
}

.deposit-wrapper .standard-st-table-container .standard-st-table tbody tr .col-status {
    color: undefined
}

.deposit-wrapper .standard-st-table-container .standard-st-table tbody tr .col-status.status-A {
    color: #0071e3
}

.deposit-wrapper .standard-st-table-container .standard-st-table .empty-record {
    height: 1rem;
    text-align: center
}

.deposit-wrapper .standard-st-table-container .standard-st-table .empty-record td {
    color: #8697a2 !important
}

.deposit-wrapper .standard-st-table-container .view-more {
    text-align: end;
    margin: 0.35rem 0 0;
    width: 100%
}

.deposit-wrapper .standard-st-table-container .view-more span {
    text-decoration: underline;
    cursor: pointer
}

.withdrawal-wrapper .standard-tab-container {
    background: #fff;
    border-radius: 0.1rem 0.1rem 0 0;
    overflow: unset;
    padding: 0.3rem 0.4rem 0
}

.withdrawal-wrapper .standard-tab-container .st-title {
    color: #8697a2;
    font-size: 0.16rem;
    padding: 0 0 0.15rem
}

.withdrawal-wrapper .standard-tab-container .withdraw-tab-header {
    display: flex;
    justify-content: space-between;
    position: relative
}

.withdrawal-wrapper .standard-tab-container .standard-tab {
    background: rgba(0,0,0,0) !important;
    display: grid;
    grid-template-columns: 15% 15% 15% 15% 15%;
    grid-gap: 0.15rem;
    align-items: start
}

.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header {
    align-items: center;
    background: unset !important;
    color: #0f161f;
    display: flex;
    flex-direction: column;
    height: unset !important;
    margin: 0 !important;
    padding: 0 !important
}

.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .img-container {
    align-items: center;
    background: #f7f7f7;
    border-radius: 0.08rem;
    display: flex;
    justify-content: center;
    padding: 0.12rem 0;
    width: 100%
}

.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .img-container svg {
    height: 0.4rem;
    width: 0.4rem
}

.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover {
    background: linear-gradient(to right, #067db0, #04abc2)
}

.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .img-container:hover svg * {
    fill: #fff
}

.withdrawal-wrapper .standard-tab-container .standard-tab .tab-header .withdraw-option {
    color: #0f161f;
    font-size: .13rem;
    text-align: center;
    white-space: initial;
    padding: .1rem 0 0
}

.withdrawal-wrapper .standard-tab-container .standard-tab .active .img-container {
    background: linear-gradient(to right, #067db0, #04abc2)
}

.withdrawal-wrapper .standard-tab-container .standard-tab .active .img-container svg * {
    fill: #fff
}

.withdrawal-wrapper .otp-container {
    padding: 0
}

.withdrawal-wrapper .contact-type-field .standard-label {
    width: 100%
}

.withdrawal-wrapper .contact-type-field .standard-form-field-wrapper {
    width: 35% !important
}

.withdrawal-wrapper .phone-email-input-container-spacing {
    width: 50% !important
}

.withdrawal-wrapper .bank-transfer-container {
    background: #fff;
    grid-area: transaction;
    padding: .4rem;
    padding-top: .24rem;
    border-radius: 0 0 .1rem .1rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container {
    border-radius: .08rem;
    display: grid;
    grid-template-columns: repeat(6, 0.4fr);
    grid-row-gap: .15rem;
    grid-column-gap: .1rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item {
    cursor: pointer;
    display: flex;
    width: 1.53rem;
    height: 1.1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f3f5f6;
    gap: .1rem;
    border-radius: .1rem;
    text-align: center;
    padding: .05rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container {
    width: 29%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container img {
    width: 100%;
    height: 100%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container span {
    height: 100%;
    background: #fff;
    padding: 0.03rem;
    border-radius: 0.06rem;
    display: inline-block
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container span img {
    width: 100%;
    filter: grayscale(100%) opacity(0.5) brightness(80%)
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container span svg {
    width: 100%;
    filter: grayscale(100%) opacity(0.5) brightness(80%)
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .img-container svg {
    width: 100%;
    filter: grayscale(100%) opacity(0.5) brightness(80%)
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item .bank-name {
    color: #8697a2;
    font-size: 0.13rem;
    word-break: break-word
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item.active,.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item:hover {
    border: .03rem solid #ff8a00
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item.active .img-container img,.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item:hover .img-container img {
    filter: grayscale(0%)
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item.active .img-container svg,.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item:hover .img-container svg {
    filter: grayscale(0%)
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item.active .bank-name,.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-list-container .bank-item:hover .bank-name {
    color: #0f161f
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-submit-form-button {
    width: 35.5%;
    height: 0.4rem;
    background: #81cafc;
    border-radius: 0.08rem;
    margin: 0.24rem 0 0;
    font-size: 0.16rem;
    text-transform: capitalize
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .withdrawal-container {
    margin: .24rem 0 0;
    border-top: .01rem solid;
    color: #e2e2e2;
    padding: .24rem 0 0
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field {
    margin: 0 0 0.25rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .channel-select-withdraw-container {
    width: 35.5%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-label {
    color: #8697a2;
    font-size: 0.16rem;
    padding: 0 0 0.1rem;
    margin: 0 0 0 0.05rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper {
    justify-content: space-between
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input {
    width: 35.5%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input:disabled {
    background: #f7f7f7;
    color: #0f161f;
    font-size: 0.16rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input-svg {
    cursor: pointer
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .tool-tip-container {
    align-items: center;
    display: flex;
    width: 48%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0.1rem 0 0
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .btm-tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-form-field-wrapper .btm-tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .address-select-withdraw-container {
    align-items: center
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-form-field {
    margin: 0;
    width: 35.5%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-add-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: .24rem;
    height: .24rem;
    margin: .1rem;
    background: #c7d2d7;
    position: relative
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-add-button span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .25rem;
    position: relative;
    bottom: 3%;
    color: #fff
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-amount-btn-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.15rem;
    margin: 0.15rem 0 0;
    width: 35.5%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-amount-btn-container button {
    background: #f7f7f7;
    border-radius: 0.05rem;
    color: #8697a2;
    cursor: pointer;
    font-size: 0.16rem;
    padding: 0.08rem 0.28rem;
    width: 100%;
    border: .02rem solid #f7f7f7
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-amount-btn-container button.amount-btn-selected,.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .standard-amount-btn-container button:hover {
    border: 0.02rem solid #ff8a00
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section {
    display: flex;
    justify-content: space-between;
    gap: 0.1rem;
    width: 100%;
    flex-wrap: nowrap
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .standard-input {
    width: 55%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .standard-input:disabled {
    background: #f7f7f7;
    color: #0f161f;
    font-size: 0.16rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .tool-tip-container {
    align-items: center;
    display: flex;
    width: 48%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .btm-tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .amount-section .btm-tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .seamless-wallet-balance {
    display: flex;
    gap: 0.05rem;
    font-size: .16rem;
    color: #000;
    margin: .1rem 0 0
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .standard-form-field .seamless-wallet-balance span {
    color: #0071e3
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container {
    display: flex;
    align-items: end;
    margin: 0.2rem 0 0.4rem;
    font-size: 0.14rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info {
    display: flex;
    align-items: end;
    width: 50%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info>div {
    width: 50%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info>div .info-title,.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info>div .info-chain {
    color: #8697a2;
    text-transform: uppercase
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info>div .info-rate,.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info>div .info-gurantee,.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .qr-info>div .info-expired {
    color: #0f161f
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .icon-refresh {
    display: flex;
    border-radius: 50%;
    width: 0.24rem;
    height: 0.24rem;
    margin: 0 0 0.03rem 0.1rem;
    background: #c7d2d7;
    padding: 0.05rem;
    cursor: pointer
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .qr-container .icon-refresh * {
    fill: #fff
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .transaction-button-section {
    margin: 0
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 35.5%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note {
    margin: 0.45rem 0 0;
    padding: 0.22rem 0.3rem;
    border: 0.02rem solid #f7f7f7;
    border-radius: 0.1rem;
    color: #8697a2
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note h4 {
    font-size: 0.14rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note ol {
    margin: 0.15rem 0 0 0.15rem;
    font-size: 0.12rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note ol li {
    list-style-type: disc;
    padding: 0 0 0 0.15rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .reminder-note ol li:not(:last-child) {
    margin: 0 0 0.12rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section {
    margin: 0 0 0.1rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .receipt-image-box {
    margin: 0 0 0.15rem 0;
    width: 50%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .receipt-image-box img {
    width: 100%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .receipt-image-box .pdf-name {
    font-size: 0.15rem;
    color: #8697a2
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.15rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0.1rem;
    align-items: baseline;
    width: 100%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper button {
    height: .4rem;
    width: 62%;
    margin: 0
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper button:disabled {
    background: #f7f7f7;
    color: #0f161f;
    font-size: 0.16rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .tool-tip-container {
    align-items: center;
    display: flex;
    width: 48%
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.withdrawal-wrapper .bank-transfer-container .standard-form-container .bank-statement-section .bank-statement-section-wrapper .btm-tool-tip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.withdrawal-wrapper .transaction-note-section {
    grid-area: note;
    margin: .08rem 0
}

.withdrawal-wrapper .transaction-note-section #importance-notice span:last-child {
    margin-left: auto
}

.withdrawal-wrapper .standard-st-table-container {
    background: #fff;
    color: #8697a2;
    font-size: 0.14rem;
    grid-area: table;
    padding: 0.5rem 0.4rem;
    width: 100%
}

.withdrawal-wrapper .standard-st-table-container .standard-st-table {
    width: 100%
}

.withdrawal-wrapper .standard-st-table-container .standard-st-table thead tr {
    background: #f7f7f7;
    border-radius: 0.08rem;
    color: #0f161f
}

.withdrawal-wrapper .standard-st-table-container .standard-st-table thead tr th {
    padding: 0.1rem 0;
    width: 25%;
    text-align: center;
    font-weight: normal
}

.withdrawal-wrapper .standard-st-table-container .standard-st-table thead tr th:first-child {
    border-radius: 0.1rem 0 0 0.1rem
}

.withdrawal-wrapper .standard-st-table-container .standard-st-table thead tr th:last-child {
    border-radius: 0 0.1rem 0.1rem 0
}

.withdrawal-wrapper .standard-st-table-container .standard-st-table tbody tr td {
    padding: 0.1rem 0;
    width: 25%;
    text-align: center
}

.withdrawal-wrapper .standard-st-table-container .standard-st-table tbody tr .col-status {
    color: undefined
}

.withdrawal-wrapper .standard-st-table-container .standard-st-table tbody tr .col-status.status-A {
    color: #0071e3
}

.withdrawal-wrapper .standard-st-table-container .standard-st-table .empty-record {
    height: 1rem;
    text-align: center
}

.withdrawal-wrapper .standard-st-table-container .view-more {
    text-align: end;
    margin: 0.35rem 0 0;
    width: 100%
}

.withdrawal-wrapper .standard-st-table-container .view-more span {
    text-decoration: underline;
    cursor: pointer
}

.add-crypto-address-modal-container {
    background: #fff
}

.add-crypto-address-modal-container p {
    margin: 0
}

.add-crypto-address-modal-container .add-crypto-address-modal-header {
    padding: 0.5rem 0.6rem 0.35rem
}

.add-crypto-address-modal-container .add-crypto-address-modal-header .standard-modal-title {
    color: #0f161f
}

@media(min-width: 769px) {
    .add-crypto-address-modal-container .add-crypto-address-modal-header .standard-modal-title {
        font-size:0.2rem
    }
}

@media(max-width: 768px) {
    .add-crypto-address-modal-container .add-crypto-address-modal-header .standard-modal-title {
        font-size:0.28rem;
        padding: 0
    }
}

.add-crypto-address-modal-container .add-crypto-address-modal-body {
    padding: 0 0.6rem 0.6rem
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field {
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.25rem
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-label {
    margin: 0
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper {
    display: flex;
    justify-content: space-between
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper .otp-button {
    background: #f7f7f7;
    border-radius: 0.1rem;
    color: #0f161f;
    height: 0.5rem;
    width: 49%;
    margin-bottom: 0.2rem
}

@media(max-width: 768px) {
    .add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper .otp-button {
        height:0.75rem;
        font-size: 0.3rem
    }
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper .otp-button:last-child {
    width: 100%;
    margin-bottom: 0
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field.address-btn-field .standard-form-field-wrapper .otp-button:disabled {
    cursor: unset;
    opacity: .5
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-label {
    color: #8697a2;
    padding: 0
}

@media(min-width: 769px) {
    .add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-label {
        font-size:0.16rem
    }
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper {
    justify-content: space-between;
    flex-wrap: wrap
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .standard-select,.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .standard-input {
    color: #8697a2
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .otp-button {
    color: #0f161f;
    background: #f7f7f7;
    height: 0.5rem;
    padding: 0 0.15rem;
    border-radius: 0.1rem;
    font-size: 0.16rem;
    width: 49%
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .otp-button:not(:last-child) {
    margin: 0 0 0.1rem 0
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .otp-button:last-child {
    width: 100%;
    margin: 0 0 0 0
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-form-field .standard-form-field-wrapper .otp-button:disabled {
    opacity: .5;
    cursor: unset
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .standard-error-validation {
    white-space: pre-line
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-submit-button,.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-cancel-button {
    width: 100%
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button,.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-cancel-form-button {
    width: 1.7rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    font-size: 0.16rem
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #ff8a00
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-submit-form-button:disabled {
    cursor: unset;
    opacity: .5
}

.add-crypto-address-modal-container .add-crypto-address-modal-body .transaction-button-section .standard-button-container .standard-cancel-form-button {
    background: #81cbfc
}

.floating-bank-offline-container {
    background: #fff;
    border-radius: 0.1rem;
    -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    padding: 0.18rem;
    position: absolute;
    left: -50%;
    top: 150%;
    z-index: 1
}

.floating-bank-offline-container .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    height: 0.12rem;
    margin-left: -0.12rem;
    overflow: hidden;
    width: 0.24rem
}

.floating-bank-offline-container .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3)
}

.floating-bank-offline-container .floating-bank-offline {
    position: relative;
    width: max-content
}

.floating-bank-offline-container .floating-bank-offline .bank-container {
    align-items: center;
    border-bottom: 0.01rem solid #f7f7f7;
    display: flex;
    padding: 0.15rem 0
}

.floating-bank-offline-container .floating-bank-offline .bank-container:last-child {
    border-bottom: 0
}

.floating-bank-offline-container .floating-bank-offline .bank-container .img-container {
    margin: 0 0.1rem 0 0
}

.floating-bank-offline-container .floating-bank-offline .bank-container .img-container img {
    height: 0.4rem;
    width: 0.4rem
}

.floating-bank-offline-container .floating-bank-offline .bank-container .img-container svg {
    height: 0.4rem;
    width: 0.4rem
}

.floating-bank-offline-container .floating-bank-offline .bank-container .bank-detail {
    font-size: 0.13rem;
    line-height: 1.3
}

.floating-bank-offline-container .floating-bank-offline .bank-container .bank-detail .title {
    color: #0f161f;
    margin: 0
}

.floating-bank-offline-container .floating-bank-offline .bank-container .bank-detail .content {
    color: #8697a2;
    display: flex
}

.floating-bank-offline-container .floating-bank-offline .bank-container .bank-detail .content p:first-child {
    margin: 0 0.1rem 0 0
}

@media(max-width: 768px) {
    .bank-offline-status-popup-container .bank-offline-status-popup-header {
        padding:0.5rem 1rem 0.5rem 0.75rem
    }

    .bank-offline-status-popup-container .bank-offline-status-popup-body {
        color: #8899a4;
        padding: 0 0.5rem 1rem 0.5rem
    }

    .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container {
        display: flex;
        margin: 0 0 0.55rem
    }

    .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .img-container {
        margin: 0 0.3rem 0 0
    }

    .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .img-container .bank-icon svg {
        height: 0.8rem;
        width: 0.8rem
    }

    .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .bank-detail {
        font-size: 0.3rem
    }

    .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .bank-detail .title {
        color: #0f161f
    }

    .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .bank-detail .content {
        display: flex;
        white-space: nowrap
    }

    .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container .bank-detail .content p:first-child {
        margin: 0 0.1rem 0.05rem 0
    }

    .bank-offline-status-popup-container .bank-offline-status-popup-body .bank-container:last-child {
        margin: 0
    }
}

.floating-wallet {
    width: 3rem;
    padding: 0.18rem;
    background: #f7f7f7;
    -webkit-box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.3);
    border-radius: 0.1rem;
    position: absolute;
    left: -1rem;
    padding: 0.25rem 0.2rem;
    top: 0.4rem;
    z-index: 3
}

.floating-wallet .header {
    border-radius: 0.05rem;
    margin-bottom: 0.05rem;
    color: #fff
}

.floating-wallet .header .main-wallet-header span {
    color: #fff
}

.floating-wallet .header .provider-category {
    background: #0071e3 !important
}

.floating-wallet .header .provider-category svg {
    width: 0.25rem;
    height: 0.25rem
}

.floating-wallet .provider-category-container {
    margin-bottom: 0.03rem
}

.floating-wallet .provider-category-container .provider-category {
    display: flex;
    align-items: center;
    padding: 0.06rem 0.15rem;
    border-radius: 0.05rem;
    background: #fff;
    justify-content: space-between;
    cursor: pointer
}

.floating-wallet .provider-category-container .provider-category .provider-category-balance {
    font-size: 0.12rem;
    color: #8697a2
}

.floating-wallet .provider-category-container .provider-category .provider-category-balance span:last-child {
    font-size: 0.12rem;
    text-transform: capitalize
}

.floating-wallet .provider-category-container .provider-category .provider-balance-container {
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    color: #0071e3
}

.floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance {
    font-size: 0.12rem;
    display: flex;
    align-items: center
}

.floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance svg {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0 -0.02rem 0 0.1rem;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance svg.active {
    transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
    transform: translateZ(0) rotateZ(-540360deg)
}

.floating-wallet .provider-category-container .provider-category svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: #fff;
    background: linear-gradient(to bottom, #04a9c2, #095ebd);
    padding: 0.04rem;
    border-radius: 0.2rem;
    margin: 0 0 0 0.12rem
}

.floating-wallet .provider-category-container .category-providers {
    background: #e1e5e8;
    border-radius: 0 0 0.05rem 0.05rem;
    padding: 0 0.15rem
}

.floating-wallet .provider-category-container .category-providers .provider-balance {
    font-size: 0.12rem;
    text-align: left;
    padding: 0.12rem 0.31rem 0.12rem 0;
    border-bottom: 0.01rem solid #fff;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.floating-wallet .provider-category-container .category-providers .provider-balance:first-child {
    padding: 9 0 0.12rem 0
}

.floating-wallet .provider-category-container .category-providers .provider-balance:last-child {
    border-bottom: 0
}

.transfer-container .transfer-form-and-note-wrapper .transaction-note-section {
    background: #fff;
    border-radius: .08rem
}

.transfer-container .transfer-list {
    background: #fff;
    border-radius: 0.08rem;
    margin: 0.12rem 0 0;
    padding: 0.35rem 0.4rem 0.55rem
}

.transfer-container .transfer-list .top-container {
    position: relative
}

.transfer-container .transfer-list .top-container .provider-category-list-container {
    position: relative;
    padding: .24rem 0
}

.transfer-container .transfer-list .top-container .provider-category-list-container .provider-list {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: undefined;
    gap: .1rem
}

.transfer-container .transfer-list .top-container .provider-category-list-container .provider-list span {
    display: flex;
    height: .35rem;
    padding: .08rem .2rem;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
    background: #f3f5f6;
    cursor: pointer
}

.transfer-container .transfer-list .top-container .provider-category-list-container .provider-list .active {
    background: #ff8a00;
    color: #fff
}

.transfer-container .transfer-list .top-container .provider-category-list-container .category-list {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    padding: 0.52rem 0.1rem 0.2rem;
    background: #e8e8e8;
    border-radius: 0.2rem
}

.transfer-container .transfer-list .top-container .provider-category-list-container .category-list p {
    display: flex;
    align-items: center;
    margin: 0;
    height: 0.25rem;
    padding: 0 0.1rem;
    font-size: 0.14rem
}

.transfer-container .transfer-list .top-container .provider-category-list-container .category-list p:not(:last-child) {
    margin: 0 0 0.12rem
}

.transfer-container .transfer-list .top-container .provider-category-list-container .category-list p:hover {
    background: #ff8a00;
    border-radius: 0.2rem;
    color: #fff;
    cursor: pointer
}

.transfer-container .transfer-list .top-container .weekly-total-wrapper {
    display: flex;
    align-items: center
}

.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 3.65rem;
    height: 0.38rem;
    padding: 0 0.15rem;
    background: #f7f7f7;
    border-radius: 0.2rem;
    font-size: 0.14rem
}

.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .title {
    color: #0f161f;
    margin: 0
}

.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .status {
    display: flex;
    align-items: center;
    justify-content: center
}

.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .status .amount {
    margin: 0 0.15rem 0 0;
    color: #005acc;
    font-size: 0.16rem
}

.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .status svg {
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer;
    fill: url(#beta-refresh-gradient)
}

.transfer-container .transfer-list .top-container .weekly-total-wrapper .weekly-total-container .status svg.active {
    transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
    transform: translateZ(0) rotateZ(-540360deg)
}

.transfer-container .transfer-list .top-container .weekly-total-wrapper svg {
    width: 0.16rem;
    height: 0.16rem;
    fill: #c5d2d8;
    cursor: pointer;
    margin: 0 0 0 0.1rem
}

.transfer-container .transfer-list .top-container .important-notice-box {
    position: absolute;
    width: 3rem;
    bottom: 1.2rem;
    left: 4.2rem;
    padding: 0.1rem;
    background: #fff;
    color: #000;
    font-size: 0.12rem;
    border-radius: 0.1rem;
    z-index: 1;
    box-shadow: 0.02rem 0.03rem 0.05rem #9b9b9b;
    display: flex
}

.transfer-container .transfer-list .top-container .important-notice-box .note {
    margin: 0 0.05rem 0 0
}

.transfer-container .transfer-list .provider-list-container .list-box:not(:last-child) {
    margin: 0 0 0.62rem 0
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 0.4rem;
    grid-column-gap: 0.25rem;
    margin: 0.25rem 0 0
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item {
    position: relative;
    background: #f7f7f7;
    border-radius: 0.08rem;
    border: 0.02rem solid #f7f7f7;
    padding: .14rem
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item:hover {
    border: 0.02rem solid #ff8a00
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item:hover .icon-option-add {
    fill: #ff8a00
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item:hover .pi-allin-btn {
    background: #ff8a00
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .icon-option-add {
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    top: .12rem;
    right: 0.1rem;
    fill: #8697a2;
    cursor: pointer
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status {
    display: flex;
    align-items: center
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status svg {
    background: #0f161f;
    border-radius: 0.08rem;
    width: 0.42rem;
    height: 0.42rem;
    padding: 0.02rem
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content {
    width: 1.4rem;
    margin: 0 0 0 0.07rem
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content .pi-name {
    font-size: 0.15rem;
    color: #0f161f;
    margin: 0
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content .pi-balance {
    font-size: 0.16rem;
    color: #005acc;
    margin: .05rem 0
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin: 0.07rem 0 0;
    background: #fff;
    padding: 0.05rem 0.15rem;
    border-radius: 0.08rem;
    align-items: center;
    color: #8697a1
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container .spinner {
    width: 0.3rem
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container span:first-child {
    margin: 0 0.1rem 0 0;
    font-size: 0.14rem;
    color: #8899a4
}

.transfer-container .transfer-list .provider-list-container .list-box .box-provider .provider-item .pi-allin-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .12rem auto 0;
    width: 1.6rem;
    height: 0.22rem;
    background: #8697a2;
    color: #fff;
    border-radius: 0.2rem;
    font-size: 0.16rem
}

.transfer-container .transfer-list .provider-list-container .list-box .box-title {
    color: #0f161f
}

.instant-rebate-tab .top-container {
    background: #f7f7f7;
    padding: 0.25rem;
    border-radius: .1rem
}

.instant-rebate-tab .top-container .top-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.instant-rebate-tab .top-container .top-content .pending-claim-info {
    display: grid;
    gap: .04rem
}

.instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim {
    font-size: .14rem;
    color: #8697a2;
    margin: 0 .25rem 0 0
}

.instant-rebate-tab .top-container .top-content .pending-claim-info .amount {
    font-size: 0.24rem;
    color: #0071e3;
    font-weight: 600
}

.instant-rebate-tab .top-container .top-content .pending-claim-button {
    display: grid;
    justify-items: self-end;
    gap: .04rem
}

.instant-rebate-tab .top-container .bottom-content {
    font-size: 0.14rem;
    color: #8899a4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .15rem 0 0 0
}

.instant-rebate-tab .top-container .claim-status {
    float: right;
    color: red
}

.instant-rebate-tab .divider {
    width: 100%;
    height: 0.02rem;
    background: #f7f7f7;
    margin: 0.5rem 0
}

.instant-rebate-tab .bottom-container .provider-table-header {
    display: flex;
    align-items: center;
    margin: 0 0 0.1rem 0;
    color: #0f161f
}

.instant-rebate-tab .bottom-container .provider-table-header svg {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.1rem 0 0
}

.instant-rebate-tab .bottom-container .instant-rebate-info-container {
    margin: 0 !important
}

.instant-rebate-tab .bottom-container .instant-rebate-info-container .header-title {
    margin: 0 !important
}

.instant-rebate-tab .bottom-container .instant-rebate-info-container .header-title>span {
    width: 16.67%;
    text-align: center;
    padding: 0 0.08rem;
    word-break: break-word
}

.instant-rebate-tab .bottom-container .instant-rebate-info-container .header-title .col-text-left {
    text-align: left
}

.instant-rebate-tab .bottom-container .instant-rebate-info-container .instant-rebate-info-content {
    margin: 0.28rem 0 0.5rem;
    padding: 0
}

.instant-rebate-tab .bottom-container .instant-rebate-info-container .instant-rebate-info-content .instant-rebate-detail span {
    width: 16.67%;
    text-align: center;
    padding: 0 0.05rem
}

.instant-rebate-tab .bottom-container .instant-rebate-info-container .instant-rebate-info-content .instant-rebate-detail .col-text-left {
    text-align: left
}

.instant-rebate-tab .show-more-container {
    display: flex;
    justify-content: flex-end;
    font-size: 0.14rem;
    color: #8899a4;
    text-decoration: underline;
    cursor: pointer
}

.instant-rebate-history-tab {
    padding: .35rem .4rem;
    background: #fff;
    border-radius: .08rem;
    position: relative
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .title {
    color: #8697a2
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .title-date {
    margin: 0.12rem 0 0
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container {
    margin: 0.16rem 0 0;
    width: 35.5%;
    display: table
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab {
    display: grid;
    grid-template-columns: 1.7rem 1.7rem 1.7rem 1.7rem;
    grid-row-gap: 0.1rem;
    grid-column-gap: 0.15rem
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab .tab-header {
    padding: 0.12rem 0.1rem;
    height: unset;
    border-radius: 0.08rem;
    background: #f7f7f7;
    border: 0.02rem solid #f7f7f7;
    white-space: normal;
    text-align: center;
    word-break: break-word
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab .tab-header:not(:last-child) {
    margin: 0
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab .tab-header.active,.instant-rebate-history-tab .instant-rebate-history-landing-container .history-tab-container .standard-tab .tab-header:hover {
    color: #8697a2;
    border: 0.02rem solid #ff8a00
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container {
    margin: 0.35rem 0 0
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form {
    display: flex;
    align-items: flex-end;
    gap: .08rem
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form:not(:first-child) {
    margin: 0.35rem 0 0
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .transaction-type-selection,.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .status-selection {
    width: 3.46rem
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .transaction-type-selection .standard-label,.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .status-selection .standard-label {
    margin: 0 0 0.15rem 0.05rem
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .status-selection {
    margin: 0 0 0 0.54rem
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .date-form-field-container {
    width: 35.5%
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .date-form-field-container .standard-label {
    margin: 0 0 0.15rem 0.05rem;
    color: #8697a2
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .date-form-field-container .standard-input {
    height: 0.4rem;
    padding: 0 0.25rem;
    color: #8697a2;
    font-size: 0.16rem;
    cursor: pointer
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .history-form .date-form-field-container .icon-calender {
    position: absolute;
    right: 0.25rem;
    top: 0.08rem;
    width: 0.25rem;
    height: 0.22rem
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .transaction-button-section {
    display: flex !important;
    margin: .4rem 0 0
}

.instant-rebate-history-tab .instant-rebate-history-landing-container .history-container .transaction-button-section button {
    width: 35.5% !important
}

.instant-rebate-modal-container .standard-popup-modal-header {
    background: #fff;
    border-radius: 0.1rem 0.1rem 0 0;
    color: #0f161f
}

.instant-rebate-modal-container .standard-popup-modal-body {
    background: #fff;
    border-radius: 0 0 0.1rem 0.1rem
}

.instant-rebate-modal-container .standard-popup-modal-body .provider-table-header {
    display: flex;
    align-items: center;
    margin: 0 0 0.1rem 0;
    color: #0f161f
}

.instant-rebate-modal-container .standard-popup-modal-body .provider-table-header svg {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.1rem 0 0
}

.instant-rebate-modal-container .standard-popup-modal-body .standard-setting-table-container {
    margin: 0.23rem 0 0;
    color: #8697a2
}

.instant-rebate-modal-container .standard-popup-modal-body .standard-setting-table-container .col-rebate-period {
    color: #0071e3;
    text-decoration: underline;
    cursor: pointer
}

.instant-rebate-modal-container .standard-popup-modal-body .standard-setting-table-container .standard-setting-table-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.34rem 0 0.42rem
}

.instant-rebate-modal-container .standard-popup-modal-body .standard-setting-table-container .standard-setting-table-header.header-title {
    margin: 0.33rem 0 0;
    height: unset;
    color: #0f161f;
    background: #f7f7f7;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    padding: 0.12rem 0.2rem
}

.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container {
    margin: 0 !important
}

.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .header-title {
    margin: 0 !important
}

.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .header-title>span {
    width: 20%;
    text-align: center;
    padding: 0 0.08rem;
    word-break: break-word
}

.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .header-title .col-text-left {
    text-align: left
}

.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .instant-rebate-info-content {
    margin: 0.28rem 0 0.5rem;
    padding: 0
}

.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .instant-rebate-info-content .standard-setting-table-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.12rem 0.2rem
}

.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .instant-rebate-info-content .instant-rebate-detail span {
    width: 20%;
    text-align: center;
    padding: 0 0.05rem
}

.instant-rebate-modal-container .standard-popup-modal-body .instant-rebate-info-container .instant-rebate-info-content .instant-rebate-detail .col-text-left {
    text-align: left
}

.transaction-note-section {
    background: #fff;
    border-radius: 0.08rem
}

.transaction-note-section .transaction-notes-container #note-tutorial {
    cursor: pointer
}

.transaction-note-section .transaction-notes-container #note-livechat,.transaction-note-section .transaction-notes-container #note-info-centre {
    cursor: pointer
}

.otp-helper-container {
    margin-bottom: .3rem
}

.otp-helper-container .otp-helper {
    display: grid;
    align-items: center;
    grid-template-columns: 5% 85%;
    grid-column-gap: .05rem
}

.otp-helper-container .otp-helper svg {
    fill: #c7d2d7;
    height: .15rem;
    margin: 0 .1rem 0 0;
    width: .2rem
}

.otp-helper-container .otp-helper .desc span {
    color: #005ed7;
    text-decoration: underline;
    cursor: pointer
}

.otp-helper-container .otp-helper .desc .resend-otp {
    text-transform: uppercase
}

.otp-helper-container .otp-helper .desc .contact-cs {
    text-transform: capitalize
}

.kyc-indicator-section {
    position: relative
}

.kyc-indicator-section .kyc-indicator-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.15rem;
    position: relative
}

@media(max-width: 768px) {
    .kyc-indicator-section .kyc-indicator-container {
        padding:0.3rem 0.4rem;
        background: #f3f5f6;
        margin: 0.5rem 0.4rem 0 0.4rem;
        border-radius: 0.1rem;
        justify-content: unset
    }
}

.kyc-indicator-section .kyc-indicator-container .left-container .kyc-level-status {
    color: #8697a2;
    margin: 0.05rem 0 0 0;
    font-weight: 400
}

@media(max-width: 768px) {
    .kyc-indicator-section .kyc-indicator-container .left-container {
        width:4.8rem;
        font-weight: 600;
        display: grid;
        gap: .1rem
    }

    .kyc-indicator-section .kyc-indicator-container .left-container .verify-button {
        display: flex
    }

    .kyc-indicator-section .kyc-indicator-container .left-container .verify-button span {
        padding: .08rem .14rem;
        background: #8697a2;
        border-radius: .08rem;
        color: #fff;
        font-weight: 400
    }
}

.kyc-indicator-section .kyc-indicator-container .right-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 768px) {
    .kyc-indicator-section .kyc-indicator-container .right-container {
        align-items:unset;
        margin-left: .15rem;
        left: .3rem
    }
}

.kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%
}

@media(max-width: 768px) {
    .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar {
        position:relative;
        width: 50%;
        height: 50%
    }

    .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar svg {
        position: relative;
        width: 100%;
        height: 100%;
        transform: rotate(-90deg)
    }

    .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar svg circle {
        width: 100%;
        height: 100%;
        fill: none;
        stroke: #fff;
        stroke-width: 11;
        stroke-linecap: round
    }

    .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-bar svg circle:last-of-type {
        stroke-dasharray: 283;
        stroke-dashoffset: calc(283 - 283*var(--percent)/100);
        stroke: #ff9500
    }
}

.kyc-indicator-section .kyc-indicator-container .right-container .progress-level-text {
    position: absolute;
    color: #ff8a00;
    font-size: 0.21rem;
    font-weight: bold
}

.kyc-indicator-section .kyc-indicator-container .right-container .progress-level-text.level-zero {
    color: #d4d4d4
}

@media(max-width: 768px) {
    .kyc-indicator-section .kyc-indicator-container .right-container .progress-level-text {
        font-size:0.32rem
    }
}

.kyc-indicator-section .kyc-indicator-container .tool-tip-toggle {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem
}

.kyc-indicator-section .kyc-indicator-container .tool-tip-toggle svg {
    width: 0.35rem;
    height: 0.35rem;
    fill: #c5d2d8
}

.kyc-indicator-section .kyc-indicator-tool-tip-container {
    position: absolute;
    background: #fff;
    z-index: 1;
    padding: 0.15rem;
    border-radius: 0.08rem;
    width: 3rem;
    box-shadow: 0 0.02rem 0.04rem rgba(0,0,0,.3);
    top: 0.85rem;
    line-height: 1.35
}

@media(max-width: 768px) {
    .kyc-indicator-section .kyc-indicator-tool-tip-container {
        padding:0.3rem 0.4rem;
        width: 5.5rem;
        margin: 0 0.4rem;
        top: 0.8rem;
        right: 0
    }
}

.kyc-indicator-section .kyc-indicator-tool-tip-container::before {
    content: "";
    position: absolute;
    top: -0.09rem;
    left: 1.375rem;
    border: 0.1rem solid #000;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff;
    transform: rotate(135deg);
    box-shadow: -0.01rem 0.01rem 0.01rem 0 rgba(0,0,0,.05)
}

@media(max-width: 768px) {
    .kyc-indicator-section .kyc-indicator-tool-tip-container::before {
        left:4.825rem
    }
}

.kyc-indicator-section .kyc-indicator-tool-tip-container span {
    color: #8697a2
}

.bank-apps-container .standard-form-container .standard-form-field .multi-input {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.bank-apps-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper {
    width: 49%
}

.bank-apps-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input {
    width: 100%
}

.bank-apps-container .standard-form-container .transaction-button-section {
    margin: 0.4rem 0 0
}

.bank-apps-container .standard-form-container .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.bank-apps-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 49%
}

.bank-apps-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #81cafc;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.16rem;
    height: 0.4rem;
    white-space: nowrap;
    width: 49%
}

.tm-qr-container .standard-form-container .standard-form-field .bank-select-deposit-container {
    width: 49%
}

.bank-transfer-container .standard-form-container .standard-form-field .multi-input {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.bank-transfer-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper {
    width: 49%
}

.bank-transfer-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input {
    width: 100%
}

.bank-transfer-container .standard-form-container .bank-detail-field {
    margin: 0 0 .24rem 0 !important
}

.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.1rem
}

.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 49%;
    order: 1
}

.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container {
    display: flex;
    width: 100%;
    order: 2
}

.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .standard-submit-form-button {
    background: #0071e3;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.16rem;
    height: 0.4rem;
    white-space: nowrap;
    width: 49%
}

.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container {
    align-items: center;
    display: flex;
    width: 48%
}

.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.bank-transfer-container .standard-form-container .receipt-container {
    padding: 0.12rem 0
}

.region-qr-container .bank-qrcode {
    margin: 0 0 0.25rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.region-qr-container .bank-qrcode .frame {
    position: relative;
    margin: 0 0 .25rem 0;
    padding: .15rem;
    border: .025rem solid #8697a2;
    border-radius: .2rem
}

.region-qr-container .bank-qrcode .frame .top-mask {
    background: #fff;
    position: absolute;
    top: -0.025rem;
    left: 25%;
    height: .025rem;
    width: 50%
}

.region-qr-container .bank-qrcode .frame .right-mask {
    background: #fff;
    position: absolute;
    top: 25%;
    right: -0.025rem;
    height: 50%;
    width: .025rem
}

.region-qr-container .bank-qrcode .frame .bottom-mask {
    background: #fff;
    position: absolute;
    bottom: -0.025rem;
    left: 25%;
    height: .025rem;
    width: 50%
}

.region-qr-container .bank-qrcode .frame .left-mask {
    background: #fff;
    position: absolute;
    top: 25%;
    left: -0.025rem;
    height: 50%;
    width: .025rem
}

.region-qr-container .bank-qrcode .frame img {
    width: 2rem
}

.region-qr-container .standard-form-container .standard-form-field .multi-input {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.region-qr-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper {
    width: 49%
}

.region-qr-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input {
    width: 100%
}

.region-qr-container .standard-form-container .deposit-type {
    width: 49%
}

.region-qr-container .standard-form-container .transaction-button-section {
    margin: 0.4rem 0 0
}

.region-qr-container .standard-form-container .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.region-qr-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 49%
}

.region-qr-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #81cafc;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.16rem;
    height: 0.4rem;
    white-space: nowrap;
    width: 49%
}

.deposit-crypto-container .standard-form-container .standard-form-field {
    width: 100%
}

.deposit-crypto-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-select {
    width: 35.5%
}

.deposit-crypto-container .standard-form-container .deposit-channel-dd-field {
    width: 49%
}

.deposit-crypto-container .standard-form-container .qr-form-field {
    margin: 0.2rem 0
}

.deposit-crypto-container .standard-form-container .qr-form-field .standard-label {
    color: #8697a2;
    font-size: 0.16rem;
    margin: 0 0 0.2rem
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container {
    display: flex;
    justify-content: space-between
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box {
    width: 25%
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box button {
    border-radius: 0.2rem;
    color: #8697a2;
    font-size: 0.14rem;
    margin: 0.2rem 0 0;
    padding: 0.1rem 0;
    width: 1.28rem;
    background: #f7f7f7
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info {
    width: 70%;
    line-height: 1.5
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .info {
    color: #8697a2;
    font-size: 0.14rem
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .info-ratio {
    color: #0f161f;
    font-size: 0.14rem
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .important-note {
    color: red;
    font-size: 0.13rem;
    text-transform: uppercase
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder {
    color: #0f161f;
    display: flex;
    font-size: 0.12rem;
    margin: 0.15rem 0 0.3rem 0.05rem
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder svg {
    fill: #c7d2d7;
    margin: 0 0.1rem 0 0;
    width: 0.15rem
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container {
    color: #8697a2;
    display: flex;
    flex-direction: column;
    font-size: 0.16rem;
    width: 85%
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .address-link {
    margin: 0.2rem 0 0.15rem
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container {
    justify-content: flex-start
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .standard-submit-button {
    background: #f7f7f7;
    color: #0f161f;
    font-size: 0.16rem;
    justify-content: unset;
    width: 98%;
    padding: 0 0.15rem;
    position: relative
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .standard-submit-button .data-link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 90%;
    text-align: left
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .standard-submit-button .beta-share {
    width: 0.2rem;
    right: 0.2rem;
    position: absolute
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral {
    left: unset;
    right: -10%;
    top: 100%
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral .triangle {
    position: absolute;
    top: -4%;
    left: 50%;
    width: 0.24rem;
    height: 0.12rem;
    overflow: hidden;
    z-index: 2
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3)
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral .share-dropdown {
    top: 115%;
    left: 72%
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .standard-button-container {
    justify-content: flex-start
}

.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .standard-button-container .standard-submit-button {
    background: #81cafc;
    color: #fff;
    width: 55%
}

.deposit-crypto-container .standard-form-container .reminder-note {
    color: #8697a2;
    font-size: 0.12rem;
    border: 0.03rem solid #f7f7f7;
    border-radius: 0.1rem;
    line-height: 1.5;
    padding: 0.15rem;
    margin: 0.25rem 0 !important
}

.deposit-crypto-container .standard-form-container .reminder-note span {
    font-size: 0.14rem
}

.deposit-crypto-container .standard-form-container .reminder-note ul {
    margin: 0 0 0 0.15rem
}

.deposit-crypto-container .standard-form-container .reminder-note ul li {
    list-style: disc
}

@media(max-width: 1024px) {
    .deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box {
        width:30%
    }

    .deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box button {
        width: 100%
    }

    .deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info {
        width: 65%
    }

    .deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container {
        width: 100%
    }
}

.eWallet-apps-container .standard-form-container .standard-form-field .multi-input {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.eWallet-apps-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper {
    width: 49%
}

.eWallet-apps-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input {
    width: 100%
}

.express-deposit-container .standard-form-container .standard-form-field .standard-label {
    margin: 0 0 0.2rem !important
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container {
    font-size: 0.13rem;
    width: 100%
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank {
    align-items: center;
    color: #0f161f;
    display: flex;
    margin: 0 0 0.2rem
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container {
    width: 15%
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container img {
    width: 0.8rem
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container svg {
    height: 0.4rem
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .name {
    margin: 0 0.2rem 0 0;
    width: 18%
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info {
    width: 45%;
    margin: 0 0.2rem 0 0
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info span {
    margin: 0 0 0 0.1rem
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .standard-form-field-wrapper {
    margin: 0.1rem 0 0
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .standard-form-field-wrapper .standard-input {
    width: 100%
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .qrcode-container {
    cursor: pointer
}

.express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .qrcode-container .qrcode {
    width: 0.8rem !important
}

.express-deposit-container .standard-form-container .standard-form-field .transaction-button-section {
    width: 100%
}

.express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .express-add-bank {
    color: red;
    font-size: 0.12rem;
    text-decoration: underline;
    margin: 0.1rem 0 0
}

.qrcode-popup {
    max-width: 5rem;
    min-width: 5rem
}

.qrcode-popup .standard-popup-modal-body {
    display: flex;
    justify-content: center
}

.select-bank-popup-container .select-bank-popup-body .bank-field .standard-form-field-wrapper {
    justify-content: space-between
}

.select-bank-popup-container .select-bank-popup-body .bank-field .standard-form-field-wrapper .standard-select,.select-bank-popup-container .select-bank-popup-body .bank-field .standard-form-field-wrapper .standard-select-dropdown {
    width: 70%
}

.select-bank-popup-container .select-bank-popup-body .bank-field .standard-form-field-wrapper .add-button {
    background: #81cbfc;
    border-radius: .05rem;
    height: .38rem;
    color: #fff
}

.line-deposit-popup-container {
    min-width: 75%;
    max-height: unset
}

.line-deposit-popup-container .line-deposit-popup-header {
    color: #000;
    font-size: 0.12rem
}

.line-deposit-popup-container .line-deposit-popup-body {
    padding: 0 0.4rem 0.35rem
}

.line-deposit-popup-container .line-deposit-popup-body .img-container img {
    width: 100%
}

.line-deposit-popup-container .line-deposit-popup-body .desc-container {
    display: grid;
    grid-template-columns: 27% 27% 26% 29%;
    margin: 0.2rem 1rem 0
}

.line-deposit-popup-container .line-deposit-popup-body .desc-container .desc-item {
    color: #000;
    font-size: 0.12rem;
    width: 90%
}

.line-deposit-popup-container .line-deposit-popup-body .desc-container .desc-item:first-child {
    margin: 0 0 0 0.1rem
}

.line-deposit-popup-container .line-deposit-popup-body .desc-container .desc-item p {
    margin: 0 0 0.05rem
}

.line-deposit-popup-container .line-deposit-popup-body .desc-container .desc-item p .deposit-line-url {
    color: #007fd9
}

.qrpay-container .standard-form-container .standard-form-field .bank-select-deposit-container .bank-select-deposit {
    margin: 0
}

.qrpay-container .standard-form-container .standard-form-field .bank-select-deposit-container .bank-add-deposit-btn {
    border-radius: 0.05rem;
    height: 0.38rem;
    width: 5%;
    min-width: 5%
}

.reload-container .standard-form-container .standard-form-field .multi-input {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.reload-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper {
    width: 49%
}

.reload-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input {
    width: 100%
}

.reload-container .standard-form-container .transaction-button-section {
    margin: 0.4rem 0 0
}

.reload-container .standard-form-container .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.reload-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 49%
}

.reload-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #81cafc;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.16rem;
    height: 0.4rem;
    white-space: nowrap;
    width: 49%
}

.mission-diary-container .standard-content-container .md-info-section {
    display: flex;
    flex-direction: column;
    row-gap: 0.2rem
}

.mission-diary-container .standard-content-container .md-info-section .time-info {
    display: flex;
    align-items: center;
    color: #8697a2;
    column-gap: .18rem
}

.mission-diary-container .standard-content-container .md-info-section .time-info .time-countdown,.mission-diary-container .standard-content-container .md-info-section .time-info .time-daily {
    display: flex;
    place-items: center;
    text-transform: capitalize
}

.mission-diary-container .standard-content-container .md-info-section .time-info .time-countdown .countdown-container,.mission-diary-container .standard-content-container .md-info-section .time-info .time-daily .countdown-container {
    background: #f3f5f6;
    border-radius: .16rem;
    align-items: center;
    justify-content: start;
    margin: 0 0 0 .43rem;
    padding: .05rem .2rem;
    color: #8697a2;
    width: 2.4rem
}

.mission-diary-container .standard-content-container .md-info-section .right-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mission-diary-container .standard-content-container .md-info-section .right-container .button-container {
    justify-content: flex-end
}

.mission-diary-container .standard-content-container .md-info-section .right-container .button-container button {
    width: 1.9rem
}

.mission-diary-container .standard-content-container .md-info-section .point-balance {
    display: grid;
    align-items: center
}

.mission-diary-container .standard-content-container .md-info-section .point-balance .point-title {
    color: #888;
    font-size: .14rem;
    font-weight: 400;
    margin: 0;
    white-space: nowrap
}

.mission-diary-container .standard-content-container .md-info-section .point-balance .point-title span {
    color: #888;
    margin: 0
}

.mission-diary-container .standard-content-container .md-info-section .point-balance .point-amount {
    font-size: .22rem;
    color: #0071e3;
    font-weight: 600;
    grid-column: 1;
    grid-row: 2
}

.mission-diary-container .standard-content-container .md-info-section .point-balance .refresh-container {
    position: relative;
    display: flex;
    height: 100%;
    margin: 0 0 0 .1rem;
    grid-column: 2;
    grid-row: 2
}

.mission-diary-container .standard-content-container .md-info-section .point-balance .refresh-container .refresh-tooltip {
    position: absolute;
    font-weight: 400;
    background: rgba(0,0,0,.8117647059);
    color: #888;
    padding: .05rem;
    border-radius: .05rem;
    font-size: .14rem;
    top: 0.27rem;
    white-space: nowrap
}

.mission-diary-container .standard-content-container .md-info-section .point-balance .refresh-container svg {
    fill: url(#beta-refresh-gradient);
    width: 0.16rem;
    transform: rotate(0deg)
}

.mission-diary-container .standard-content-container .md-info-section .point-balance .refresh-container svg.active {
    transform: rotate(360deg);
    transition: transform 500ms
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .5rem;
    font-size: .14rem;
    border-radius: .05rem;
    font-weight: 600;
    padding: 0.2rem
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container p {
    margin: 0.05rem 0 0.2rem 0
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-container {
    display: flex;
    align-items: center;
    font-size: .2rem;
    font-weight: bold;
    justify-content: space-between;
    width: 100%
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-container span {
    margin: 0 0 0 0.08rem
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .small-loading-box .small-loading {
    float: right
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info.withSpinToWinBtn {
    display: flex;
    align-items: center
}

.mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .last-update {
    color: #888;
    font-weight: 400
}

.mission-diary-container .standard-content-container .md-info-section .conversion-currency {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.mission-diary-container .standard-content-container .expiring-point-container {
    height: .36rem;
    background-color: #ffefdc;
    border-radius: .1rem;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #ff7200;
    width: fit-content;
    padding: .2rem .4rem
}

.mission-diary-container .standard-content-container .expiring-point-container svg {
    margin-right: .08rem;
    width: .2rem;
    height: .2rem
}

.md-popup-modal-container {
    background: #fff;
    max-width: 4.5rem;
    min-width: 4.5rem;
    min-height: 1.5rem
}

.md-popup-modal-container .md-popup-modal-header {
    background: #fff;
    border-radius: 0.1rem 0.1rem 0 0;
    color: #0f161f;
    display: flex;
    justify-content: center;
    padding: 0.3rem 0.3rem 0.2rem
}

.md-popup-modal-container .md-popup-modal-header .md-modal-title {
    font-size: 0.24rem
}

.md-popup-modal-container .md-popup-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 0.32rem 0
}

.md-popup-modal-container .md-popup-modal-body .congrat-img {
    margin: .3rem 0
}

.md-popup-modal-container .md-popup-modal-body .congrat-desc {
    margin: 0 0 .05rem;
    font-weight: normal;
    color: #8697a2
}

.md-popup-modal-container .md-popup-modal-body .popup-blessing-title {
    margin: 0 0 0.1rem;
    font-weight: normal;
    color: #8697a2
}

.md-popup-modal-container .md-popup-modal-body .popup-prize-name {
    margin: 0 0 0.3rem;
    font-weight: bold;
    color: #000
}

.md-popup-modal-container .md-popup-modal-body .popup-btn {
    padding: 0.15rem 0.42rem;
    color: #fff;
    border-radius: 0.05rem;
    background: #ff8a00;
    width: 60%
}

@media(max-width: 768px) {
    .md-popup-modal-container .md-popup-modal-body .popup-btn {
        width:80%
    }
}

.md-type-wrapper {
    display: grid;
    row-gap: .08rem;
    margin: .3rem 0 0
}

.md-type-wrapper .type-container {
    background: #f3f5f6;
    border-radius: .08rem;
    display: flex;
    flex-direction: column;
    gap: .08rem;
    padding: .18rem .24rem .2rem .27rem
}

@media(max-width: 768px) {
    .md-type-wrapper .type-container {
        gap:.25rem;
        padding: .3rem
    }
}

.md-type-wrapper .type-container .details {
    display: flex;
    justify-content: space-between
}

.md-type-wrapper .type-container .details .mission-name {
    color: #0f161f;
    font-family: "AvertaStd-Semibold";
    font-size: .18rem
}

@media(max-width: 768px) {
    .md-type-wrapper .type-container .details .mission-name {
        font-size:unset
    }
}

.md-type-wrapper .type-container .details .mission-end-date {
    color: #8697a2;
    display: flex;
    align-items: center;
    gap: .08rem
}

.md-type-wrapper .type-container .details .mission-end-date svg {
    fill: #8697a2;
    height: .16rem;
    width: .16rem
}

@media(max-width: 768px) {
    .md-type-wrapper .type-container .details .mission-end-date svg {
        height:.2rem;
        width: .2rem
    }
}

.md-type-wrapper .type-container .progress-status {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.md-type-wrapper .type-container .progress-status .progress-wrapper {
    grid-template-areas: "bar desc";
    display: grid;
    align-items: center;
    column-gap: .08rem
}

@media(max-width: 768px) {
    .md-type-wrapper .type-container .progress-status .progress-wrapper {
        grid-template-areas:"desc" "bar";
        row-gap: .08rem
    }
}

.md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container {
    grid-area: bar;
    position: relative;
    background: #8697a2;
    border-radius: 1rem;
    display: block;
    height: .2rem;
    width: 3.53rem
}

@media(max-width: 768px) {
    .md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container {
        height:.4rem;
        width: 4.3rem
    }
}

.md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container .progress-bar {
    background: #28db00;
    border-radius: 1rem;
    display: block;
    height: .2rem
}

@media(max-width: 768px) {
    .md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container .progress-bar {
        height:.4rem
    }
}

.md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container .progress-percentage {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: .16rem
}

@media(max-width: 768px) {
    .md-type-wrapper .type-container .progress-status .progress-wrapper .progress-bar-container .progress-percentage {
        top:20%;
        font-size: unset
    }
}

.md-type-wrapper .type-container .progress-status .progress-wrapper .progress-desc {
    grid-area: desc;
    color: #8b99a3;
    font-size: .16rem
}

@media(max-width: 768px) {
    .md-type-wrapper .type-container .progress-status .progress-wrapper .progress-desc {
        font-size:unset
    }
}

.md-type-wrapper .type-container .progress-status .status-wrapper button {
    border-radius: 0.05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.4rem;
    width: 1.9rem
}

@media(max-width: 768px) {
    .md-type-wrapper .type-container .progress-status .status-wrapper button {
        border-radius:.1rem;
        height: .7rem;
        width: 1.7rem
    }
}

.md-type-wrapper .type-container .progress-status .status-wrapper .claim-button {
    background: #0071e3
}

.md-type-wrapper .type-container .progress-status .status-wrapper .claimed-button {
    background: #dbe0e4
}

.md-type-wrapper .type-container .progress-status .status-wrapper .go-button {
    background: #ff8a00
}

.m-mission-diary-container .m-standard-content-container .m-md-info-section {
    display: flex;
    flex-direction: column;
    row-gap: 0.05rem;
    font-size: 0.3rem;
    color: #8b99a3;
    padding: .55rem .35rem 0
}

.m-mission-diary-container .m-standard-content-container .m-md-info-section .m-time-countdown {
    display: grid;
    grid-template-columns: 40% 60%
}

.m-mission-diary-container .m-standard-content-container .m-md-info-section .m-time-daily {
    display: grid;
    grid-template-columns: 40% 60%
}

.m-mission-diary-container .m-standard-content-container .m-md-info-section .countdown-container {
    background: #f3f5f6;
    border-radius: 0.16rem;
    align-items: center;
    justify-content: start;
    margin: 0 0 0.1rem;
    padding: 0.05rem 0.18rem;
    color: #8697a2
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container {
    background: #f3f5f6;
    margin: .3rem .35rem 0;
    padding: .2rem .35rem;
    border-radius: .1rem
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .5rem;
    font-size: .14rem;
    border-radius: .05rem;
    font-weight: 600;
    padding: 0.2rem
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info {
    display: flex;
    flex-direction: column;
    row-gap: 0.3rem
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance {
    display: grid;
    grid-template-columns: 35% auto;
    align-items: center
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .point-title {
    color: #000;
    font-size: 0.28rem;
    font-weight: 400;
    margin: 0
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .point-title span {
    color: #000;
    margin: 0
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .refresh-container {
    position: relative;
    display: flex;
    background: #fff;
    padding: .1rem .2rem;
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .refresh-container>span {
    color: #005acc;
    font-size: .4rem
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .point-balance .refresh-container .refresh-tooltip {
    position: absolute;
    font-weight: 400;
    background: rgba(0,0,0,.8117647059);
    color: #888;
    padding: .05rem;
    border-radius: .05rem;
    font-size: .14rem;
    top: 0.27rem;
    white-space: nowrap
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info svg {
    fill: url(#beta-refresh-gradient);
    width: .3rem;
    transform: rotate(0deg)
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info svg.active {
    transform: rotate(360deg);
    transition: transform 500ms
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info span {
    margin: 0 0 0 0.08rem
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .small-loading-box .small-loading {
    float: right
}

.m-mission-diary-container .m-standard-content-container .refresh-btn-container .point-info .last-update {
    color: #888;
    font-weight: 400;
    grid-column: 2/span 1;
    padding: .1rem 0
}

.m-mission-diary-container .m-standard-content-container .conversion-currency {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.m-mission-diary-container .m-standard-content-container .md-table-container {
    margin: .4rem 0 0;
    color: #000;
    overflow-y: scroll;
    padding: 0 .4rem;
    border-top: .15rem solid #f3f5f6
}

.m-mission-diary-container .m-standard-content-container .md-table-container .spin-to-win-container {
    display: grid;
    background: url(/public/html/images/mission-diary/background.png) no-repeat;
    height: 2.3rem;
    background-size: 100% 100%;
    padding: .4rem;
    margin: .4rem 0
}

.m-mission-diary-container .m-standard-content-container .md-table-container .spin-to-win-container>span {
    color: #fff;
    position: relative;
    top: .2rem;
    font-size: .32rem;
    text-transform: capitalize;
    font-weight: 600
}

.m-mission-diary-container .m-standard-content-container .md-table-container .spin-to-win-container .spin-to-win-btn {
    background: #0071e3;
    width: 2.5rem;
    border-radius: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .26rem;
    color: #fff
}

.m-mission-diary-container .m-standard-content-container .md-table-container .button-container {
    margin: .3rem 0 0
}

.m-mission-diary-container .m-standard-content-container .md-table-container .button-container button {
    width: 100%
}

.m-mission-diary-container .m-standard-content-container .md-table-container .pagination-content {
    margin: .5rem 0 0
}

.m-mission-diary-container .m-standard-content-container .expiring-point-container {
    height: 36PX;
    background-color: #ffefdc;
    border-radius: .1rem;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #ff7200;
    margin: .3rem .35rem 0;
    font-size: .28rem
}

.m-mission-diary-container .m-standard-content-container .expiring-point-container svg {
    margin-right: .08rem;
    width: .3rem;
    height: .3rem
}

.linkage-deposit-container .standard-form-container .standard-form-field .multi-input {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.linkage-deposit-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper {
    width: 49%
}

.linkage-deposit-container .standard-form-container .standard-form-field .multi-input .standard-form-field-wrapper .standard-input {
    width: 100%
}

.linkage-deposit-container .standard-form-container .standard-form-field .bank-acc-field-label {
    display: flex;
    gap: 0.12rem;
    justify-content: space-between;
    width: 100%
}

.linkage-deposit-container .standard-form-container .deposit-type {
    width: 49%
}

.linkage-deposit-container .standard-form-container .transaction-button-section {
    margin: 0.4rem 0 0
}

.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem
}

.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 49%
}

.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container {
    display: flex;
    width: 100%
}

.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .standard-submit-form-button {
    background: #81cafc;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.16rem;
    height: 0.4rem;
    white-space: nowrap;
    width: 49%
}

.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container {
    align-items: center;
    display: flex;
    width: 48%
}

.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container svg {
    fill: #c7d2d7;
    height: 0.15rem;
    margin: 0 0.1rem 0 0;
    width: 0.2rem
}

.linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .receipt-button-container .tooltip-container span {
    color: #0f161f;
    font-size: 0.12rem
}

.m-linkage-deposit-container .standard-form-container .standard-form-field .payment-method-select-dropdown-container {
    margin: 0
}

.m-linkage-deposit-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 100%
}

.m-linkage-deposit-container .standard-form-container .receipt-image-box {
    margin: 0.15rem 0 0.15rem 0
}

.m-linkage-deposit-container .standard-form-container .receipt-image-box img {
    width: 100%
}

.m-linkage-deposit-container .standard-form-container .receipt-image-box .pdf-name {
    font-size: 0.3rem;
    color: #8697a2
}

.m-linkage-deposit-container .standard-form-container .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.3rem
}

.m-linkage-deposit-container .standard-form-container .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0.25rem 0 0 0
}

.m-linkage-deposit-container .standard-form-container .btm-tool-tip-container svg {
    fill: #c7d2d7;
    margin: 0 0.15rem 0 0;
    width: 0.3rem;
    height: 0.3rem
}

.m-linkage-deposit-container .standard-form-container .btm-tool-tip-container span {
    font-size: 0.25rem
}

.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper {
    display: grid;
    grid-template-columns: 1fr 40%;
    gap: 0.15rem
}

.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    width: 100%;
    height: 0.75rem;
    background: #fff;
    color: #8899a4;
    border: 0.02rem solid #dbe0e4;
    border-radius: 0.15rem;
    font-size: 0.28rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.1rem
}

.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn svg {
    width: 0.3rem
}

.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn.with-attachment {
    color: #0071e3
}

.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn.with-attachment svg {
    width: 0.5rem
}

.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .receipt-control-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    height: 100%
}

.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .receipt-control-section .preview-receipt-btn {
    display: block;
    width: 100%;
    height: 0.75rem;
    background: #0071e3;
    border-radius: 0.15rem
}

.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .receipt-control-section .delete-receipt-btn {
    display: block;
    width: 15%;
    height: 0.75rem;
    background: rgba(0,0,0,0)
}

.m-linkage-deposit-container .standard-form-container .bank-statement-wrapper .receipt-control-section div p {
    font-weight: 600
}

.m-linkage-deposit-container .standard-form-container .m-region-qr-container .bank-qrcode {
    margin: 0.78rem 0 0.78rem 0
}

.tutorial-popup-container {
    background: #fff;
    font-family: "AvertaStd-Regular";
    min-width: 70%
}

.tutorial-popup-container .standard-popup-modal-header {
    border-bottom: 0.01rem solid #8697a2
}

.tutorial-popup-container .standard-popup-modal-header .standard-modal-title {
    align-items: center;
    color: #0f161f;
    display: flex;
    font-size: 0.2rem
}

.tutorial-popup-container .standard-popup-modal-header .standard-modal-title svg {
    fill: url(#beta-refresh-gradient);
    margin: 0 0.1rem 0 0;
    width: 0.3rem
}

.tutorial-popup-container .standard-popup-modal-body {
    background: #fff;
    border-radius: 0 0 0.1rem 0.1rem;
    font-family: "AvertaStd-Regular";
    padding: 0
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container {
    display: flex;
    justify-content: space-between
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left {
    background: #f7f7f7;
    border-radius: 0 0 0 0.1rem;
    display: flex;
    flex-direction: column;
    padding: 0.4rem;
    width: 35%
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left .title {
    color: #0f161f;
    font-size: 0.14rem;
    margin: 0 0 0.1rem
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left span {
    color: #8697a2;
    cursor: pointer;
    font-size: 0.14rem;
    margin: 0 0 0.1rem
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left span:first-child {
    margin: 0 0 0.4rem
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left span:hover,.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left span.active {
    color: #005acc;
    text-decoration: underline
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .left .add-spacing {
    margin: 0 0 0.4rem
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right {
    padding: 0.4rem;
    width: 65%
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .header {
    align-items: center;
    display: flex;
    font-size: 0.2rem;
    justify-content: space-between;
    padding: 0 0 0.4rem
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .header .prev-next-container .prev svg,.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .header .prev-next-container .next svg {
    background: #dbe9f0;
    border-radius: 50%;
    fill: #91b4de;
    height: 0.23rem;
    width: 0.23rem;
    padding: 0.05rem
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .header .prev-next-container .prev svg {
    margin: 0 0.2rem 0 0
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .video {
    height: 3rem
}

.tutorial-popup-container .standard-popup-modal-body .tutorial-container .right .video iframe {
    border-radius: 0.1rem;
    border: 0.01rem solid
}

.m-tutorial-container .standard-select {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem;
    border-radius: 0.1rem;
    background: #f7f7f7
}

.m-tutorial-container .standard-select span {
    font-weight: 600;
    font-size: 0.3rem;
    color: #0f161f
}

.m-tutorial-container svg {
    width: 0.25rem;
    height: 0.25rem
}

.m-tutorial-container .standard-select-dropdown {
    background: #f7f7f7;
    border-radius: 0 0 0.1rem 0.1rem;
    padding: 0 0.25rem 0.15rem 0.25rem
}

.m-tutorial-container .standard-select-dropdown .content-container {
    margin: 0 0 0.65rem 0
}

.m-tutorial-container .standard-select-dropdown .content-container iframe {
    margin: 0 0.5rem 0 0
}

.m-tutorial-container .standard-select-dropdown .content-container .desc {
    font-size: 0.3rem;
    color: #8697a2;
    margin: .15rem 0 0 0
}

.m-tutorial-container .divider {
    height: 0.15rem;
    background: rgba(0,0,0,0)
}

.m-tutorial-container .drop-down-arrow {
    fill: #8697a2;
    transition: .3s
}

.m-tutorial-container .drop-down-arrow.active {
    transform: rotate(180deg)
}

.tutorial-button-section {
    margin: 0.6rem 0 0
}

.tutorial-button-section .tutorial-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: 0.12rem 0.36rem;
    background: #ff8a00;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.3rem
}

.tutorial-button-section .tutorial-btn .icon-tutorial {
    width: 0.5rem
}

.tutorial-button-section .tutorial-btn span {
    margin: 0.05rem 0 0 0.3rem
}

.tutorial-button-section .tutorial-btn .icon-arrow {
    width: 0.15rem;
    margin: 0 0 0 0.3rem
}

.sports-rnr-container {
    padding: 1rem
}

.sports-rnr-container span {
    font-weight: bold
}

.sports-rnr-container .page-title {
    color: #0f161f;
    font-size: 0.18rem;
    margin: 0 0 0.2rem 0;
    font-weight: 600
}

.sports-rnr-container .main-title {
    color: #0f161f;
    font-size: 0.18rem;
    margin: 0 0 0.2rem 0
}

.sports-rnr-container .tab-container {
    display: flex;
    margin: 0 0 0.2rem 0
}

.sports-rnr-container .tab-container .tab-title {
    margin: 0 0.15rem 0 0;
    color: #8697a2;
    font-size: 0.14rem;
    background: rgba(0,0,0,0);
    border-radius: 0.25rem;
    padding: 0.075rem 0.2rem
}

.sports-rnr-container .tab-container .tab-title:hover,.sports-rnr-container .tab-container .tab-title.active {
    color: #fff;
    background: #ff8a00
}

.sports-rnr-container .wrapper {
    display: flex
}

.sports-rnr-container .wrapper .menu-container {
    width: 17%;
    margin: 0 0.25rem 0 0
}

.sports-rnr-container .wrapper .menu-container .menu-box-container {
    background: #f3f5f6;
    padding: 0.1rem 0.25rem;
    margin: 0 0 0.025rem 0;
    border-radius: 0.05rem
}

.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-title-container {
    display: flex;
    align-items: center
}

.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-title-container .menu-title {
    color: #0f161f;
    font-size: 0.14rem;
    cursor: pointer;
    margin: 0 0.1rem 0 0;
    width: 100%
}

.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-title-container svg {
    width: 0.1rem;
    height: 0.1rem;
    fill: gray
}

.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-dropdown-container .menu-title {
    margin: 0.15rem 0 0 0;
    color: #0f161f;
    font-size: 0.14rem
}

.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-dropdown-container .menu-subtitle-container {
    margin: 0.15rem 0 0 0.15rem
}

.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-dropdown-container .menu-subtitle-container .menu-subtitle {
    margin: 0 0 0.15rem 0;
    color: #0f161f;
    font-size: 0.14rem;
    cursor: pointer
}

.sports-rnr-container .wrapper .menu-container .menu-box-container .menu-dropdown-container .menu-subtitle-container .menu-subtitle:last-child {
    margin: 0
}

.sports-rnr-container .wrapper .content-wrapper {
    width: 83%
}

.sports-rnr-container .wrapper .content-wrapper .content-title {
    color: #0f161f;
    font-size: 0.15rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    padding: 0.05rem 0.25rem;
    margin: 0 0 0.25rem 0
}

.sports-rnr-container .wrapper .content-wrapper .content-container {
    margin: 0 0 0.25rem 0.25rem
}

.sports-rnr-container .wrapper .content-wrapper .content-container .content-subtitle {
    margin: 0.25rem 0;
    color: #8b99a3;
    font-size: 0.14rem;
    font-weight: 600
}

.sports-rnr-container .wrapper .content-wrapper .content-container .content-header {
    color: #8b99a3;
    font-size: 0.14rem
}

.sports-rnr-container .wrapper .content-wrapper .content-container .content-content {
    margin: 0 0 0.25rem 0;
    color: #8b99a3;
    font-size: 0.14rem
}

.sports-rnr-container .wrapper .content-wrapper .content-container .content-subcontent-container {
    margin: 0 0 0 0.25rem
}

.sports-rnr-container .wrapper .content-wrapper .content-container .content-subcontent-container .content-subcontent {
    margin: 0 0 0.25rem 0;
    color: #8b99a3;
    font-size: 0.14rem
}

.sports-rnr-container .wrapper .content-wrapper .content-container .content-example-container {
    margin: 0 0 0.25rem 0.25rem
}

.sports-rnr-container .wrapper .content-wrapper .content-container .content-example-container .content-example {
    color: #8b99a3;
    font-size: 0.14rem
}

.sports-rnr-container .wrapper .content-wrapper .content-container .content-img {
    margin: 0 0 0.25rem 0
}

.sports-rnr-container .wrapper .content-wrapper .content-container .table-container {
    width: 100%;
    margin: 0 0 0 0.25rem
}

.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-header .table-head {
    color: #0f161f;
    font-size: 0.14rem;
    padding: 0.1rem;
    background: #ddd;
    border: 0.02rem solid #f2f2f2
}

.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-header .table-head.align-center {
    text-align: center
}

.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-data {
    color: #8b99a3;
    font-size: 0.14rem;
    padding: 0.1rem;
    background: #eee;
    border: 0.02rem solid #f2f2f2
}

.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-data.align-top {
    vertical-align: top
}

.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-data.align-center {
    text-align: center
}

.sports-rnr-container .wrapper .content-wrapper .content-container .table-container .table-data .table-img {
    text-align: center
}

.sports-rnr-container .wrapper .content-wrapper .divider {
    height: 0.01rem;
    margin: 0.25rem 0 0.25rem 0.25rem;
    background: #ecf6fd
}

.m-sports-rnr-container {
    padding: 0.5rem 0.25rem
}

.m-sports-rnr-container span {
    font-weight: bold
}

.m-sports-rnr-container .tab-container {
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    margin: 0 0 0.5rem 0;
    padding: 0 0.15rem;
    overflow-x: scroll;
    background: #f3f5f6;
    height: 0.8rem
}

.m-sports-rnr-container .tab-container .tab-title {
    color: #8697a2;
    font-size: 0.24rem;
    background: rgba(0,0,0,0);
    border-radius: 0.5rem;
    padding: 0.15rem 0.3rem;
    min-width: fit-content
}

.m-sports-rnr-container .tab-container .tab-title:hover,.m-sports-rnr-container .tab-container .tab-title.active {
    color: #fff;
    background: #ff8a00
}

.m-sports-rnr-container .wrapper {
    padding: 0 0.25rem
}

.m-sports-rnr-container .wrapper .dropdown-container {
    display: flex;
    flex-direction: column;
    align-items: unset
}

.m-sports-rnr-container .wrapper .dropdown-container .dropdown-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.m-sports-rnr-container .wrapper .dropdown-container .dropdown-title-container .title {
    font-weight: 600;
    font-size: 0.28rem;
    color: #0f161f
}

.m-sports-rnr-container .wrapper .dropdown-container .dropdown-title-container svg {
    width: 0.25rem;
    height: 0.25rem;
    fill: gray
}

.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container {
    display: flex;
    height: 15rem;
    margin: 0.25rem 0
}

.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container .left-container {
    width: 25%;
    font-size: 0.2rem;
    overflow-y: scroll
}

.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container .left-container .menu-subtitle {
    color: #8697a2;
    margin: 0 0 0.25rem 0
}

.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container .divider {
    width: 0.02rem;
    height: 100%;
    background: #dbe0e4;
    margin: 0 0.125rem
}

.m-sports-rnr-container .wrapper .dropdown-container .subtitle-arr-container .right-container {
    width: 75%;
    overflow-y: scroll
}

.m-sports-rnr-container .wrapper .dropdown-container .divider {
    height: 0.02rem;
    background: #dbe0e4;
    margin: 0.25rem 0
}

.m-sports-rnr-container .content-container .content-subtitle {
    margin: 0 0 0.5rem 0;
    color: #8b99a3;
    font-size: 0.24rem;
    font-weight: 600
}

.m-sports-rnr-container .content-container .content-header {
    color: #8b99a3;
    font-size: 0.24rem
}

.m-sports-rnr-container .content-container .content-content {
    margin: 0 0 0.5rem 0;
    color: #8b99a3;
    font-size: 0.24rem
}

.m-sports-rnr-container .content-container .content-content {
    margin: 0 0 0.5rem 0;
    color: #8b99a3;
    font-size: 0.24rem
}

.m-sports-rnr-container .content-container .content-subcontent-container {
    margin: 0 0 0 0.5rem
}

.m-sports-rnr-container .content-container .content-subcontent-container .content-subcontent {
    margin: 0 0 0.5rem 0;
    color: #8b99a3;
    font-size: 0.24rem
}

.m-sports-rnr-container .content-container .content-example-container {
    margin: 0 0 0.5rem 0.5rem
}

.m-sports-rnr-container .content-container .content-example-container .content-example {
    color: #8b99a3;
    font-size: 0.24rem
}

.m-sports-rnr-container .content-container .content-img {
    margin: 0.5rem 0;
    text-align: center
}

.m-sports-rnr-container .content-container .content-img img {
    width: 100%
}

.m-sports-rnr-container .content-container .table-wrapper {
    width: 100%;
    overflow-x: scroll;
    margin: 0 0 0.5rem 0.5rem
}

.m-sports-rnr-container .content-container .table-wrapper .table-container {
    width: 100%
}

.m-sports-rnr-container .content-container .table-wrapper .table-container .table-header .table-head {
    color: #0f161f;
    font-size: 0.2rem;
    padding: 0.1rem;
    background: #ddd;
    border: 0.02rem solid #f2f2f2
}

.m-sports-rnr-container .content-container .table-wrapper .table-container .table-header .table-head .table-content {
    width: 1.25rem
}

.m-sports-rnr-container .content-container .table-wrapper .table-container .table-header .table-head .table-content.align-center {
    text-align: center
}

.m-sports-rnr-container .content-container .table-wrapper .table-container .table-data {
    color: #8b99a3;
    font-size: 0.2rem;
    padding: 0.1rem;
    background: #eee;
    border: 0.02rem solid #f2f2f2
}

.m-sports-rnr-container .content-container .table-wrapper .table-container .table-data .table-content.align-top {
    vertical-align: top
}

.m-sports-rnr-container .content-container .table-wrapper .table-container .table-data .table-content.align-center {
    text-align: center
}

.m-sports-rnr-container .content-container .table-wrapper .table-container .table-data .table-img {
    text-align: center
}

.casino-container .mid {
    margin: 0.5rem auto 0.1rem
}

.casino-container .tab-container {
    margin: 0.2rem auto 0.3rem;
    padding: 0 0.52rem 0 0.52rem;
    width: 13.4rem
}

.casino-container .tab-container .standard-tab {
    display: flex;
    justify-content: space-between
}

.casino-container .tab-container .standard-tab .tab-list {
    display: flex
}

.casino-container .tab-container .standard-tab .tab-header {
    border-radius: 0.5rem;
    color: #8697a2;
    cursor: pointer;
    margin: 0 0.1rem 0 0;
    padding: 0.05rem 0.2rem
}

.casino-container .tab-container .standard-tab .tab-header:hover {
    background: #ff8a00;
    color: #fff
}

.casino-container .tab-container .standard-tab .active {
    background: #ff8a00;
    color: #fff
}

.casino-container .bottom {
    margin: auto;
    width: 13.4rem
}

.casino-container .bottom .casino-content-container {
    padding: 0 0 0.5rem
}

.casino-container .bottom .casino-content-container .casino-title {
    font-weight: 600;
    font-size: 0.18rem;
    margin: 0.22rem 0 0.15rem 0.2rem;
    text-align: left
}

.casino-container .bottom .casino-content-container .item-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    white-space: nowrap;
    grid-gap: 0.15rem;
    margin: 0 0 0.4rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns {
    position: relative;
    text-align: center;
    overflow: hidden
}

.casino-container .bottom .casino-content-container .item-content .item-columns:hover {
    cursor: pointer
}

.casino-container .bottom .casino-content-container .item-content .item-columns:hover .play-btn {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.casino-container .bottom .casino-content-container .item-content .item-columns:hover .play-btn button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.14rem;
    border: 0;
    border-radius: 0.05rem;
    padding: 0.12rem 0.05rem;
    margin: 27% auto;
    width: 48%;
    background: #c3c3c3
}

.casino-container .bottom .casino-content-container .item-content .item-columns:hover .play-btn button svg {
    margin: 0 0.1rem 0 0;
    width: 0.16rem;
    height: 0.16rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns:hover .play-btn button:hover {
    background: linear-gradient(#00c2f3 25%, #0524dd 140%)
}

.casino-container .bottom .casino-content-container .item-content .item-columns:hover .bn-desc {
    color: rgba(0,0,0,0)
}

.casino-container .bottom .casino-content-container .item-content .item-columns .play-btn {
    display: none
}

.casino-container .bottom .casino-content-container .item-content .item-columns .lazy-load-image-background img {
    width: 100%;
    object-fit: cover;
    border-radius: 0.1rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns picture img {
    width: 100%;
    object-fit: cover;
    border-radius: 0.1rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns .bn-desc {
    align-items: center;
    background: rgba(0,0,0,.6);
    border-radius: 0 0 0.1rem 0.1rem;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 0.1rem 0.2rem;
    position: absolute;
    width: 100%
}

.casino-container .bottom .casino-content-container .item-content .item-columns .bn-desc .name {
    color: #fff;
    font-size: 0.14rem;
    margin: 0
}

.casino-container .bottom .casino-content-container .item-content .item-columns .bn-desc svg {
    fill: #c7d2d7;
    height: 0.2rem;
    width: 0.2rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns .btn-container {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    width: 100%;
    position: absolute;
    transition: .3s;
    transform: translateY(0%);
    opacity: 0;
    visibility: hidden;
    background: #000;
    padding: 0.1rem;
    border-radius: 0 0 0.1rem 0.1rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns:hover .btn-container {
    transform: translateY(-99%);
    visibility: visible;
    opacity: 1
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .title {
    font-weight: 600;
    font-size: 0.18rem;
    margin: 0.22rem 0 0.15rem 0.2rem;
    text-align: left;
    color: #0f161f
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track {
    display: block !important
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box {
    background: #fff;
    border-radius: 0.1rem;
    color: #0f161f;
    display: grid !important;
    font-size: 0.14rem;
    grid-template-columns: 60% 20% 20%;
    margin: 0 0 0.1rem;
    padding: 0.05rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .img-container {
    align-items: center;
    display: flex
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .img-container svg {
    background: #0f161f;
    border-radius: 0.05rem;
    margin: 0 0.1rem 0 0;
    height: 0.3rem;
    width: 0.3rem;
    padding: 0.03rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .name {
    align-items: center;
    display: flex
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .name span {
    color: #ff640f
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .amount {
    align-items: center;
    display: flex
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-slide .main-box .amount span {
    font-size: 0.16rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns .winner-container .winner-content .slick-vertical .slick-list .slick-track .slick-active:nth-child(2n) .main-box {
    background: #ebedee
}

.casino-container .bottom .casino-content-container .item-content .item-columns:first-child {
    background: #f3f5f6;
    border-radius: 0.1rem;
    grid-column: 1/3;
    grid-row: 1/3;
    grid-column: span 2;
    grid-row: span 3;
    padding: 0.2rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns .video-container {
    position: relative
}

.casino-container .bottom .casino-content-container .item-content .item-columns .video-container .video-play-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.casino-container .bottom .casino-content-container .item-content .item-columns .video-container .video-play-container svg {
    width: 1rem;
    height: 1rem
}

.casino-container .bottom .casino-content-container .item-content .item-columns .video-container video {
    width: 100%;
    height: 3.45rem;
    background: #000
}

.casino-container .bottom .casino-content-container .item-content .item-columns .video-container iframe {
    width: 5.4rem;
    height: 3.45rem
}

@media(max-width: 1024px) {
    .casino-container .bottom {
        width:11.5rem
    }
}

.provider-summary-info-container {
    background: #f3f5f6;
    border-radius: 0.1rem;
    display: grid;
    grid-template-columns: 26% 26% 28% 20%;
    margin: 0.5rem auto 0.2rem;
    padding: 0.4rem 0;
    width: 13.4rem
}

.provider-summary-info-container .summary {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0.2rem;
    text-align: center
}

.provider-summary-info-container .summary .number {
    color: #0f161f;
    font-family: "AvertaStd-Bold","sans-serif","宋体";
    font-size: .35rem;
    line-height: 1.1;
    margin: 0 0 0.1rem
}

.provider-summary-info-container .summary .title {
    color: #ff640f;
    font-family: "AvertaStd-Semibold","sans-serif","宋体";
    font-size: .18rem
}

.provider-summary-info-container .summary .desc {
    color: #8697a2;
    font-family: "AvertaStd-Regular";
    font-size: 0.16rem
}

.provider-summary-info-container .summary .summary-info-btn-container {
    cursor: pointer
}

.provider-summary-info-container .summary .summary-info-btn-container .standard-submit-button {
    font-family: "AvertaStd-Semibold","sans-serif","宋体";
    width: unset;
    padding: 0 0.2rem
}

@media(max-width: 1024px) {
    .provider-summary-info-container {
        width:11.5rem
    }
}

.lottery-container {
    background: #fff
}

.lottery-container p {
    margin: 0
}

.lottery-container .mid {
    background: #f3f5f6;
    margin: 0.5rem auto 0
}

.m-lottery-container .provider-content {
    background: unset
}

.m-lottery-container .provider-content .filter-container .sort-container .standard-select {
    background: #f3f5f6;
    color: #0f161f
}

.m-lottery-container .provider-content .filter-container .sort-container .sort-type-dropdown {
    background: #fff
}

.m-lottery-container .provider-content .filter-container .search-form-container {
    background: #f3f5f6
}

.m-lottery-4d .provider-content {
    padding: .5rem .3rem 0
}

.esport-container {
    background: #171731
}

.esport-container .top {
    background: #171731
}

.esport-container p {
    margin: 0
}

.esport-container .mid {
    background: #2d2d56
}

.esport-container .bottom-category .bottom-content {
    position: relative;
    z-index: 2
}

.esport-container .bottom-category .bottom-content .title {
    color: #fff
}

.esport-container .bottom-category .bottom-content .subtitle {
    color: #fff
}

.esport-container .bottom-category .bottom-content button {
    background: #ff8a00
}

.esport-container .bottom-category .bottom-content-container {
    background: url("/public/html/images/esport/esport-tfg-features-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    height: 7rem;
    margin: -0.5rem auto 0;
    position: relative;
    max-width: 13.4rem
}

.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 0.4rem;
    grid-row-gap: 0.4rem;
    height: 4.6rem;
    margin: auto;
    width: 8.2rem
}

.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper .bottom-content-box {
    align-items: center;
    background: linear-gradient(to bottom, #b119a5, #551450);
    border-radius: 0.1rem;
    display: flex;
    flex-direction: column;
    height: 2.1rem;
    justify-content: center;
    padding: 0.3rem;
    width: 2.47rem
}

.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper .bottom-content-box .bottom-content-icon {
    height: 0.5rem;
    margin: 0 0 0.15rem;
    width: 0.5rem
}

.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper .bottom-content-box .bottom-content-desc-container {
    color: #fff;
    font-size: 0.18rem;
    height: 0.65rem
}

.esport-container .bottom-category .bottom-content-container .bottom-content-wrapper .bottom-content-box .bottom-content-desc-container .bottom-content-desc {
    text-align: center
}

.esport-container .bottom-category .bottom-content-img {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    max-width: 13.4rem;
    justify-content: center
}

.esport-container .bottom-category .bottom-content-img>img,.esport-container .bottom-category .bottom-content-img picture img {
    max-height: 3.6rem
}

.esport-container .bottom-category.benefit .bottom-content-img {
    background: url("/public/html/images/esport/esport-benefits-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 7rem;
    margin: -0.5rem auto 0
}

.esport-container .bottom-category.esport-desc {
    background: url("/public/html/images/esport/esport-btm-bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding: 0 0 4.2rem;
    max-width: 20rem;
    margin: 0 auto
}

.esport-container .bottom-category.esport-desc .bottom-content .subtitle {
    color: #fff;
    margin: 0
}

.esport-container .bottom-category.esport-desc .bottom-content-img {
    margin: 0.45rem auto 0
}

.esport-container .bottom-category.esport-desc .bottom-content-img .esport-game {
    width: 7.15rem
}

@media(max-width: 1024px) {
    .esport-container .bottom-category .bottom-mark-wrapper,.esport-container .bottom-category .bottom-content {
        width:11.5rem
    }
}

.slots-container .bottom .content-container .item-col .game-box {
    position: relative
}

.slots-container .bottom .content-container .item-col .game-box .game-img-wrapper {
    width: 100%;
    margin: auto
}

.slots-container .bottom .content-container .item-col .game-box .game-img-wrapper .btn-container {
    width: 100%;
    height: 101.5%
}

.slots-container .bottom .content-container .item-col .game-box .game-details {
    flex-direction: column;
    align-items: flex-start;
    width: 85%;
    margin: 0.15rem auto 0
}

.slots-container .bottom .content-container .item-col .game-box .game-details .row-1 {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.slots-container .bottom .content-container .item-col .game-box .game-details .row-1 .game-name {
    margin: 0
}

.slots-container .bottom .bottom-special-content-container {
    color: #8697a2;
    font-size: 0.14rem
}

.slots-container .bottom .bottom-special-content-container .top-container {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.8rem
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container {
    align-items: center;
    background: #f3f5f6;
    border-radius: 0.2rem;
    display: flex;
    flex-direction: column;
    font-size: 0.16rem;
    justify-content: flex-start;
    padding: 0.6rem 0.8rem;
    width: 50%
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container img {
    height: auto;
    width: 35%
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container {
    display: flex;
    flex-direction: column;
    margin: 0.3rem auto 0.7rem;
    width: 70%
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container {
    margin: 0 0 0.25rem
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container .info-label {
    color: #8697a2;
    margin: 0 0 0.1rem
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container .info-input-field .info-input {
    background: #fff;
    border-radius: 0.08rem;
    color: #0f161f;
    padding: 0 0.15rem
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container .info-input-field .info-copy-icon {
    cursor: pointer;
    position: absolute;
    right: 0.15rem;
    top: 0.08rem
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .standard-form-container .info-input-field .info-copy-icon svg {
    height: 0.25rem;
    width: 0.25rem
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .important-notice-container {
    display: flex;
    margin: 0.15rem 0 0
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .important-notice-container svg {
    fill: #c7d2d7;
    height: 0.18rem;
    margin: 0 0.1rem 0 0;
    width: 0.18rem
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .info-container .important-notice-container .important-notice {
    font-size: 0.13rem;
    line-height: 1.5
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .credential-info {
    align-items: center;
    background: #fff;
    border-radius: 0.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.5;
    margin: 0 0 0.25rem;
    padding: 0.15rem 0.3rem;
    width: 100%
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 80%
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content {
    align-items: center;
    background: #fff;
    border-radius: 0.1rem;
    display: flex;
    justify-content: center;
    padding: 0.15rem;
    width: 49%
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content svg {
    height: 0.25rem;
    margin: 0 0.1rem 0 0;
    width: 0.25rem
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content .ios {
    fill: #b3b3b3
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content .android {
    fill: #85c707
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .device-download-conatiner .device-download-content:hover {
    cursor: pointer
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .mega-device-download-conatiner {
    width: 100%
}

.slots-container .bottom .bottom-special-content-container .top-container .left-container .mega-device-download-conatiner .device-download-content {
    width: 32.33%
}

.slots-container .bottom .bottom-special-content-container .top-container .right-container {
    line-height: 1.5;
    padding: 0.6rem 0.3rem 0 0.6rem;
    width: 50%
}

.slots-container .bottom .bottom-special-content-container .top-container .right-container .title {
    color: #0f161f;
    font-size: 0.16rem;
    margin: 0 0 0.25rem
}

.slots-container .bottom .bottom-special-content-container .top-container .right-container .desc {
    margin: 0 0 0.4rem
}

.slots-container .bottom .bottom-special-content-container .top-container .right-container .desc a {
    color: #06c;
    text-decoration: underline
}

.slots-container .bottom .bottom-special-content-container .top-container .promo ol,.slots-container .bottom .bottom-special-content-container .top-container .terms ol {
    margin: 0.25rem 0 0.25rem;
    padding: 0 0.17rem
}

.slots-container .bottom .bottom-special-content-container .top-container .promo ol li,.slots-container .bottom .bottom-special-content-container .top-container .terms ol li {
    list-style: decimal;
    padding: 0 0.1rem
}

.slots-container .bottom .bottom-special-content-container .bottom-container {
    padding: 0 0.5rem 0 0.25rem
}

.slots-container .bottom .bottom-special-content-container .bottom-container .title {
    color: #0f161f;
    font-size: 0.16rem;
    margin: 0 0 .3rem
}

.slots-container .bottom .bottom-special-content-container .bottom-container .desc {
    line-height: 1.5;
    margin: 0.2rem 0 0
}

.sports-container .mid .provider-box .tab-header .tab-inner span {
    color: #c9d0d4
}

.sports-container .mid .provider-box .active .tab-inner span {
    color: #0f161f
}

.m-poker-container {
    background: #03150d;
    color: #fff
}

.m-poker-container .banner-container {
    position: relative
}

.m-poker-container .banner-container img {
    height: 100%;
    width: 100%
}

.m-poker-container .banner-container .top-provider-content {
    position: absolute;
    top: 0.65rem;
    left: 0.72rem
}

.m-poker-container .banner-container .top-provider-content .provider-type {
    color: #fff;
    font-size: 0.5rem
}

.m-poker-container .banner-container .top-provider-content .provider-desc {
    color: #fff;
    font-size: 0.3rem
}

.m-poker-container .desc-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0.65rem 0.42rem 0;
    text-align: center
}

.m-poker-container .desc-container .title {
    font-weight: 600;
    font-size: 0.35rem;
    margin: 0 0 0.38rem
}

.m-poker-container .desc-container .subtitle {
    color: #8899a4;
    font-size: 0.26rem;
    margin: 0 0 0.4rem
}

.m-poker-container .desc-container .description {
    color: #8899a4;
    font-size: 0.26rem;
    margin: 0 0 0.6rem
}

.m-poker-container .desc-container .transaction-button-section {
    width: 100%
}

.m-poker-container .desc-container .transaction-button-section .standard-button-container .standard-submit-button {
    background: #9442d9;
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.82rem
}

.m-poker-container .game-visual img {
    height: 100%;
    width: 100%
}

.maintenance-popup-modal-container {
    color: #8899a4
}

.maintenance-popup-modal-container p {
    margin: 0
}

.maintenance-popup-modal-container .beta-maintenance-notice-icon {
    height: 1.2rem
}

.maintenance-popup-modal-container .maintenance-provider-title {
    margin: 0.3rem 0 0;
    color: #0f161f;
    font-size: 0.3rem;
    font-weight: 600
}

.maintenance-popup-modal-container .maintenance-start-time {
    margin: 0.45rem 0 0
}

.maintenance-popup-modal-container .maintenance-end-time {
    margin: 0.02rem 0 0
}

.maintenance-popup-modal-container .maintenance-end-time .maintenance-end-date {
    color: #0f161f
}

.maintenance-popup-modal-container .maintenance-time-remaining {
    margin: 0.28rem
}

@media(max-width: 768px) {
    .maintenance-popup-modal-container .maintenance-provider-title {
        margin:0.5rem 0 0
    }

    .maintenance-popup-modal-container .maintenance-start-time {
        margin: 0.5rem 0 0
    }

    .maintenance-popup-modal-container .maintenance-end-time {
        margin: 0.1rem 0 0
    }

    .maintenance-popup-modal-container .maintenance-time-remaining {
        margin: 0.6rem auto
    }
}

.fourD-draw-container {
    width: 13.4rem;
    background: #f3f5f6;
    border-radius: .1rem;
    margin: auto;
    padding: .34rem 0 .35rem
}

@media(max-width: 768px) {
    .fourD-draw-container {
        width:100%;
        padding: .34rem .3rem .35rem
    }
}

.fourD-draw-container .fourD-draw-box {
    display: grid;
    grid-template-columns: 73% auto;
    padding: 0 .3rem .3rem
}

@media(max-width: 768px) {
    .fourD-draw-container .fourD-draw-box {
        grid-template-columns:none;
        padding: 0 0 .34rem
    }
}

.fourD-draw-container .fourD-draw-box .draw-tab {
    border-radius: .1rem;
    display: grid;
    grid-gap: .1rem;
    grid-template-columns: repeat(2, 0.194fr);
    height: .3rem
}

@media(max-width: 768px) {
    .fourD-draw-container .fourD-draw-box .draw-tab {
        width:100%;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0 .15rem;
        height: .65rem;
        margin: 0 0 .28rem 0
    }
}

.fourD-draw-container .fourD-draw-box .draw-tab .tab-header {
    background: #fff;
    border: .01rem solid rgba(0,0,0,0);
    border-radius: .5rem;
    padding: .05rem 0;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8697a2;
    font-size: .14rem
}

@media(max-width: 768px) {
    .fourD-draw-container .fourD-draw-box .draw-tab .tab-header {
        font-size:.24rem
    }
}

.fourD-draw-container .fourD-draw-box .draw-tab .tab-header.active {
    border: .01rem solid #ff8a00;
    color: #000
}

.fourD-draw-container .fourD-draw-box .draw-date {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .1rem
}

@media(max-width: 768px) {
    .fourD-draw-container .fourD-draw-box .draw-date {
        display:grid;
        width: 100%;
        justify-content: normal
    }
}

.fourD-draw-container .fourD-draw-box .draw-date .standard-form-field {
    margin: 0;
    width: 2.44rem
}

@media(max-width: 768px) {
    .fourD-draw-container .fourD-draw-box .draw-date .standard-form-field {
        width:100%
    }
}

.fourD-draw-container .fourD-draw-box .draw-date .standard-input {
    font-size: 0.14rem;
    display: grid;
    grid-template-columns: 85% auto;
    border-radius: 0.155rem;
    border: 0.01rem solid #dbe0e4;
    padding: 0 0 0 .22rem;
    color: #8697a2
}

@media(max-width: 768px) {
    .fourD-draw-container .fourD-draw-box .draw-date .standard-input {
        font-size:.24rem;
        grid-template-columns: 90% auto
    }
}

.fourD-draw-container .fourD-draw-box .draw-date .standard-input svg {
    width: 0.17rem;
    height: 0.14rem
}

@media(max-width: 768px) {
    .fourD-draw-container .fourD-draw-box .draw-date .standard-input svg {
        width:.39rem;
        height: .33rem
    }
}

.fourD-draw-container .payout-container {
    margin: 0 .34rem
}

.fourD-draw-container .payout-container .payout-title-container {
    gap: .42rem;
    color: #8697a2;
    overflow: auto;
    width: 100%;
    display: flex
}

.fourD-draw-container .payout-container .payout-title-container .payout-title {
    min-width: fit-content;
    cursor: pointer
}

.fourD-draw-container .payout-container .payout-title-container .payout-title.active {
    color: #ff8a00
}

.fourD-draw-container .payout-container .payout-table-container {
    border-radius: 0.08rem;
    background: #fff;
    margin: .34rem 0 0;
    padding: .32rem
}

@media(max-width: 768px) {
    .fourD-draw-container .payout-container .payout-table-container {
        padding:0;
        background: rgba(0,0,0,0)
    }
}

.fourD-draw-container .payout-container .payout-table-container .payout-table-result {
    margin: 0 0 .37rem;
    border-bottom: .01rem solid #dbe0e4
}

.fourD-draw-container .payout-container .payout-table-container .payout-table-result:last-child {
    margin: 0
}

@media(max-width: 768px) {
    .fourD-draw-container .payout-container .payout-table-container .payout-table-result {
        background:#fff
    }
}

.fourD-draw-container .payout-container .payout-table-container .payout-table {
    overflow-x: scroll;
    width: 100%;
    white-space: nowrap
}

.fourD-draw-container .payout-container .payout-table-container .payout-table::-webkit-scrollbar {
    width: 0.05rem
}

.fourD-draw-container .payout-container .payout-table-container .payout-table::-webkit-scrollbar:horizontal {
    height: 0.08rem
}

.fourD-draw-container .payout-container .payout-table-container .payout-table::-webkit-scrollbar-track {
    background: #fff
}

.fourD-draw-container .payout-container .payout-table-container .payout-table::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: rgba(204,204,204,.5);
    box-shadow: inset 0 0 0.06rem rgba(0,0,0,.2)
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table {
    width: 100%;
    height: 100%;
    border-collapse: separate;
    border-spacing: .02rem
}

@media(max-width: 768px) {
    .fourD-draw-container .payout-container .payout-table-container .payout-table table {
        overflow:auto;
        display: block;
        table-layout: fixed;
        white-space: nowrap
    }
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table thead {
    height: .42rem;
    border-radius: 0.08rem 0.08rem 0 0;
    background: #ff8a00;
    text-align: center;
    color: #fff
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table thead tr th:first-child {
    border-radius: .08rem 0 0 0
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table thead tr th:last-child {
    border-radius: 0 .08rem 0 0
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr {
    height: .42rem
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr td {
    text-align: center;
    font-weight: 600;
    padding: 0 .4rem;
    width: auto
}

@media(max-width: 768px) {
    .fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr td {
        font-weight:400;
        padding: 0 .4rem
    }
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr th {
    width: auto;
    padding: 0 .12rem;
    width: 2.07rem;
    font-weight: 400
}

@media(max-width: 768px) {
    .fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr th {
        width:3rem;
        display: block
    }
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr:nth-child(even) {
    background: #f3f5f6
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr:last-child th {
    border-radius: 0 0 0 .08rem
}

.fourD-draw-container .payout-container .payout-table-container .payout-table table tbody tr:last-child td:last-child {
    border-radius: 0 0 .08rem 0
}

.fourD-draw-container .draw-type-container {
    display: grid;
    grid-template-columns: repeat(5, 0.4fr);
    grid-column-gap: .04rem;
    grid-row-gap: .05rem;
    align-items: flex-start
}

.fourD-draw-container .draw-type-container .provider-icon {
    align-items: center;
    background: #fff;
    border: .02rem solid rgba(0,0,0,0);
    border-radius: .2rem;
    display: flex;
    justify-content: center;
    width: 1.33rem;
    height: .97rem
}

.fourD-draw-container .draw-type-container .provider-icon.active {
    border: .01rem solid #ff8a00
}

.fourD-draw-container .draw-type-container .provider-icon.active img {
    filter: grayscale(0);
    opacity: 1
}

.fourD-draw-container .draw-type-container .provider-icon img {
    width: .88rem;
    height: .75rem;
    filter: grayscale(100%);
    opacity: .5
}

.fourD-draw-container .draw-result-container {
    display: grid;
    grid-template-columns: auto auto auto;
    align-content: center;
    justify-content: center;
    gap: .2rem
}

@media(max-width: 768px) {
    .fourD-draw-container .draw-result-container {
        display:flex;
        width: 100%;
        justify-content: normal;
        margin: .52rem 0
    }
}

.fourD-draw-container .draw-result-container .draw-result-type {
    width: 4.15rem;
    background: #fff;
    border-radius: .1rem
}

@media(max-width: 768px) {
    .fourD-draw-container .draw-result-container .draw-result-type {
        width:100%
    }
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D {
    padding: .15rem .2rem 0;
    display: grid
}

@media(max-width: 768px) {
    .fourD-draw-container .draw-result-container .draw-result-type .result-4D {
        padding:.25rem .2rem 0
    }
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container {
    display: grid;
    text-align: center
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.rank-title {
    color: #fff;
    padding: .05rem
}

@media(max-width: 768px) {
    .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.rank-title {
        height:.55rem;
        align-items: center;
        display: flex;
        justify-content: center
    }
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container {
    padding: .05rem 0 .17rem
}

@media(max-width: 768px) {
    .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container {
        padding:.15rem 0 .17rem
    }
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container .number-value {
    padding: .05rem
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container .number-13:last-child {
    grid-column: 4/span 1
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container .number-13:nth-last-child(2) {
    grid-column: 3/span 1
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container span.number-container .number-13:nth-last-child(3) {
    grid-column: 2/span 1
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(1) .number-container,.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(2) .number-container,.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(3) .number-container {
    font-weight: 600;
    font-size: .18rem
}

@media(max-width: 768px) {
    .fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(1) .number-container,.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(2) .number-container,.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(3) .number-container {
        font-size:.26rem
    }
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(1) .rank-title {
    border-radius: .2rem 0 0 .2rem
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(3) .rank-title {
    border-radius: 0 .2rem .2rem 0
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(2) .rank-title {
    margin: 0 .03rem
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(4),.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(5) {
    grid-column: 1/span 3
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(4) .rank-title,.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(5) .rank-title {
    border-radius: .2rem
}

.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(4) .number-container,.fourD-draw-container .draw-result-container .draw-result-type .result-4D .draw-rank-container:nth-child(5) .number-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D {
    margin: 0 .2rem;
    padding: .1rem .42rem;
    border-radius: 0.08rem;
    background: #cecece
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .result-title {
    text-align: center;
    margin: 0 0 .1rem 0;
    color: #fff
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .result-title .number-container {
    color: #fff
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .draw-rank-container {
    display: grid;
    grid-template-columns: 15% 85%;
    margin: 0 0 .1rem 0
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .draw-rank-container .rank-title {
    color: #fff
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .draw-rank-container .single-column,.fourD-draw-container .draw-result-container .draw-result-type .result-6plus1D .draw-rank-container .number-container {
    background: #fff;
    border-radius: .2rem;
    text-align: center
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6D {
    margin: .06rem .2rem;
    padding: .1rem .42rem;
    border-radius: .08rem;
    background: #cecece
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6D .result-title {
    text-align: center;
    margin: 0 0 .1rem 0;
    color: #fff
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6D .result-title .number-container {
    color: #fff
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container {
    display: grid;
    grid-template-columns: 15% 85%;
    margin: 0 0 .1rem 0
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container .rank-title {
    color: #fff
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container .single-column {
    background: #fff;
    border-radius: .2rem;
    text-align: center
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container .number-container {
    display: grid;
    grid-template-columns: auto auto auto;
    text-align: center
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6D .draw-rank-container .number-container .number-value {
    background: #fff;
    border-radius: .2rem
}

.fourD-draw-container .draw-result-container .draw-result-type .result-6D .First-rank .number-container {
    grid-template-columns: none
}

.fourD-draw-container .draw-result-container .draw-result-type .result-5D {
    border-radius: 0.08rem;
    margin: 0 .2rem;
    background: #cecece;
    padding: .1rem .42rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 0 .17rem
}

.fourD-draw-container .draw-result-container .draw-result-type .result-5D .result-title {
    grid-column: 1/span 2;
    text-align: center;
    color: #fff;
    margin: 0 0 .1rem 0
}

.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:not(:first-child) {
    display: grid;
    grid-template-columns: 30% 70%;
    margin: 0 0 .1rem 0
}

.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:not(:first-child) .rank-title {
    color: #fff
}

.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:not(:first-child) .number-container {
    background: #fff;
    border-radius: .2rem;
    text-align: center
}

.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:nth-child(2) {
    grid-row: 2
}

.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:nth-child(3) {
    grid-row: 3;
    grid-column: 1
}

.fourD-draw-container .draw-result-container .draw-result-type .result-5D .draw-rank-container:nth-child(4) {
    grid-row: 4;
    grid-column: 1
}

.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title {
    width: 100%;
    height: 0.74rem;
    display: grid;
    grid-template-columns: 0.84rem auto;
    color: #fff;
    border-radius: .1rem .1rem 0 0;
    background: #cecece
}

@media(max-width: 768px) {
    .fourD-draw-container .draw-result-container .draw-result-type .draw-result-title {
        height:1.45rem;
        border-radius: .2rem .2rem 0 0;
        grid-template-columns: 1.4rem auto;
        grid-row-gap: .1rem
    }
}

.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .provider-icon {
    width: 100%;
    height: 100%;
    grid-row: 1/span 2;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 768px) {
    .fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .provider-icon img {
        width:.85rem
    }
}

.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title svg {
    width: 0.45rem;
    height: 0.45rem
}

.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title span {
    grid-column: 2/span 1
}

.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .provider-name {
    justify-content: flex-start;
    display: flex;
    align-items: end;
    font-weight: 600
}

.fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .draw-result-date {
    font-size: 0.14rem
}

@media(max-width: 768px) {
    .fourD-draw-container .draw-result-container .draw-result-type .draw-result-title .draw-result-date {
        font-size:.2rem
    }
}

.fourD-draw-container .draw-result-container .draw-result-Magnum .result-4D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Magnum .result-6plus1D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Magnum .result-6D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Magnum .result-5D .draw-rank-container span.rank-title {
    background: #262626
}

.fourD-draw-container .draw-result-container .draw-result-Magnum .draw-result-title,.fourD-draw-container .draw-result-container .draw-result-Magnum .result-6plus1D,.fourD-draw-container .draw-result-container .draw-result-Magnum .result-6D,.fourD-draw-container .draw-result-container .draw-result-Magnum .result-5D {
    background: #262626
}

.fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-4D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-6plus1D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-6D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-5D .draw-rank-container span.rank-title {
    background: #0f1468
}

.fourD-draw-container .draw-result-container .draw-result-DaMaCai .draw-result-title,.fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-6plus1D,.fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-6D,.fourD-draw-container .draw-result-container .draw-result-DaMaCai .result-5D {
    background: #0f1468
}

.fourD-draw-container .draw-result-container .draw-result-Sabah .result-4D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Sabah .result-6plus1D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Sabah .result-6D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Sabah .result-5D .draw-rank-container span.rank-title {
    background: #ad0900
}

.fourD-draw-container .draw-result-container .draw-result-Sabah .draw-result-title,.fourD-draw-container .draw-result-container .draw-result-Sabah .result-6plus1D,.fourD-draw-container .draw-result-container .draw-result-Sabah .result-6D,.fourD-draw-container .draw-result-container .draw-result-Sabah .result-5D {
    background: #ad0900
}

.fourD-draw-container .draw-result-container .draw-result-CashSweep .result-4D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-CashSweep .result-6plus1D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-CashSweep .result-6D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-CashSweep .result-5D .draw-rank-container span.rank-title {
    background: #083e04
}

.fourD-draw-container .draw-result-container .draw-result-CashSweep .draw-result-title,.fourD-draw-container .draw-result-container .draw-result-CashSweep .result-6plus1D,.fourD-draw-container .draw-result-container .draw-result-CashSweep .result-6D,.fourD-draw-container .draw-result-container .draw-result-CashSweep .result-5D {
    background: #083e04
}

.fourD-draw-container .draw-result-container .draw-result-Sandakan .result-4D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Sandakan .result-6plus1D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Sandakan .result-6D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Sandakan .result-5D .draw-rank-container span.rank-title {
    background: #2f9505
}

.fourD-draw-container .draw-result-container .draw-result-Sandakan .draw-result-title,.fourD-draw-container .draw-result-container .draw-result-Sandakan .result-6plus1D,.fourD-draw-container .draw-result-container .draw-result-Sandakan .result-6D,.fourD-draw-container .draw-result-container .draw-result-Sandakan .result-5D {
    background: #2f9505
}

.fourD-draw-container .draw-result-container .draw-result-Singapore .result-4D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Singapore .result-6plus1D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Singapore .result-6D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-Singapore .result-5D .draw-rank-container span.rank-title {
    background: #12689b
}

.fourD-draw-container .draw-result-container .draw-result-Singapore .draw-result-title,.fourD-draw-container .draw-result-container .draw-result-Singapore .result-6plus1D,.fourD-draw-container .draw-result-container .draw-result-Singapore .result-6D,.fourD-draw-container .draw-result-container .draw-result-Singapore .result-5D {
    background: #12689b
}

.fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-4D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-6plus1D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-6D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-5D .draw-rank-container span.rank-title {
    background: #cf4900
}

.fourD-draw-container .draw-result-container .draw-result-GrandDragon .draw-result-title,.fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-6plus1D,.fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-6D,.fourD-draw-container .draw-result-container .draw-result-GrandDragon .result-5D {
    background: #cf4900
}

.fourD-draw-container .draw-result-container .draw-result-ToTo .result-4D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-ToTo .result-6plus1D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-ToTo .result-6D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-ToTo .result-5D .draw-rank-container span.rank-title {
    background: #ed363f
}

.fourD-draw-container .draw-result-container .draw-result-ToTo .draw-result-title,.fourD-draw-container .draw-result-container .draw-result-ToTo .result-6plus1D,.fourD-draw-container .draw-result-container .draw-result-ToTo .result-6D,.fourD-draw-container .draw-result-container .draw-result-ToTo .result-5D {
    background: #ed363f
}

.fourD-draw-container .draw-result-container .draw-result-9Lotto .result-4D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-9Lotto .result-6plus1D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-9Lotto .result-6D .draw-rank-container span.rank-title,.fourD-draw-container .draw-result-container .draw-result-9Lotto .result-5D .draw-rank-container span.rank-title {
    background: #f4861f
}

.fourD-draw-container .draw-result-container .draw-result-9Lotto .draw-result-title,.fourD-draw-container .draw-result-container .draw-result-9Lotto .result-6plus1D,.fourD-draw-container .draw-result-container .draw-result-9Lotto .result-6D,.fourD-draw-container .draw-result-container .draw-result-9Lotto .result-5D {
    background: #f4861f
}

.disclaimer-container {
    width: 13.4rem;
    margin: .23rem auto
}

@media(max-width: 768px) {
    .disclaimer-container {
        width:auto
    }

    .disclaimer-container .disclaimer-text {
        width: 100%;
        border-radius: 0.04rem;
        background: #fff;
        display: grid;
        grid-template-columns: 95% 5%;
        padding: .25rem .38rem .25rem .28rem;
        font-weight: 600
    }

    .disclaimer-container .disclaimer-text svg {
        width: .24rem;
        height: .24rem;
        display: flex;
        place-self: center;
        transition: transform .3s ease-in-out
    }
}

.disclaimer-container p {
    color: #8697a2;
    line-height: 0.18rem;
    margin: .2rem 0
}

@media(max-width: 768px) {
    .disclaimer-container p {
        margin:0;
        color: #8697a2;
        background: #fff;
        padding: .2rem .3rem;
        line-height: .35447rem;
        border-radius: 0 0 .04rem .04rem
    }
}

.disclaimer-container span {
    font-weight: 600;
    font-size: .15rem
}

@media(max-width: 768px) {
    .disclaimer-container span {
        font-size:.295392rem
    }
}

.deposit-progress-bar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.22rem 0.35rem 0.24rem 0.5rem
}

.deposit-progress-bar-container .account-info-container {
    display: flex;
    align-items: center;
    font-size: 0.3rem
}

.deposit-progress-bar-container .account-info-container .account-icon {
    background: #ff8a00;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    fill: #fff
}

.deposit-progress-bar-container .account-info-container .account-icon .beta-profile {
    padding: 0.08rem
}

.deposit-progress-bar-container .account-info-container .account-name {
    margin: 0 0 0 0.2rem;
    color: #005acc
}

.deposit-progress-bar-container .account-grade-container {
    display: flex;
    align-items: center;
    font-size: 0.24rem
}

.deposit-progress-bar-container .account-grade-container .account-group-container,.deposit-progress-bar-container .account-grade-container .account-leaderboard-container {
    display: flex;
    align-items: center;
    position: relative;
    color: #fff
}

.deposit-progress-bar-container .account-grade-container .account-group-container .lazy-load-image-background,.deposit-progress-bar-container .account-grade-container .account-leaderboard-container .lazy-load-image-background {
    position: absolute;
    z-index: 1
}

.deposit-progress-bar-container .account-grade-container .account-group-container .lazy-load-image-background .group-img,.deposit-progress-bar-container .account-grade-container .account-leaderboard-container .lazy-load-image-background .group-img {
    width: 0.45rem;
    height: 0.45rem
}

.deposit-progress-bar-container .account-grade-container .account-group-container .icon-leaderboard-svg,.deposit-progress-bar-container .account-grade-container .account-leaderboard-container .icon-leaderboard-svg {
    background: #fdb813;
    border-radius: 50%;
    width: 0.45rem;
    height: 0.45rem;
    position: absolute;
    z-index: 1
}

.deposit-progress-bar-container .account-grade-container .account-group-container .icon-leaderboard-svg .beta-leaderboard,.deposit-progress-bar-container .account-grade-container .account-leaderboard-container .icon-leaderboard-svg .beta-leaderboard {
    padding: 0.08rem
}

.deposit-progress-bar-container .account-grade-container .account-group-container .icon-leaderboard-svg .beta-leaderboard .st0,.deposit-progress-bar-container .account-grade-container .account-leaderboard-container .icon-leaderboard-svg .beta-leaderboard .st0 {
    fill: #0071e3
}

.deposit-progress-bar-container .account-grade-container .account-group-container .group-level,.deposit-progress-bar-container .account-grade-container .account-group-container .leaderboard-desc,.deposit-progress-bar-container .account-grade-container .account-leaderboard-container .group-level,.deposit-progress-bar-container .account-grade-container .account-leaderboard-container .leaderboard-desc {
    display: flex;
    align-items: center;
    height: 0.4rem;
    border-radius: .2rem;
    background: #61a2b0;
    padding: 0 0.25rem 0 0.6rem;
    margin: 0;
    z-index: 0;
    line-height: 0
}

.deposit-progress-bar-container .account-grade-container .account-group-container .leaderboard-desc,.deposit-progress-bar-container .account-grade-container .account-leaderboard-container .leaderboard-desc {
    background: #0691c0
}

.deposit-progress-bar-container .account-grade-container .account-leaderboard-container {
    margin: 0 0 0 0.15rem
}

.m-account-container {
    padding: 0 0 3.7rem
}

.account-menu-section {
    margin: 0.55rem 0;
    padding: 0 0.4rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.15rem;
    display: flex;
    flex-wrap: wrap
}

.account-menu-section .shortcut-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f3f5f6;
    border-radius: 0.1rem;
    padding: 0.15rem 0.1rem 0.3rem;
    width: 2.19rem
}

.account-menu-section .shortcut-menu img {
    width: 1rem
}

.account-menu-section .shortcut-menu svg {
    height: 1rem;
    width: 1rem
}

.account-menu-section .shortcut-menu svg.m-promotion {
    margin: 0 0 0 0.15rem
}

.account-menu-section .shortcut-menu svg.mobile-beta-message {
    margin: 0 0 0 0.2rem
}

.account-menu-section .shortcut-menu .shortcut-label {
    margin: 0.22rem 0 0;
    color: #0f161f;
    font-size: 0.26rem;
    word-break: break-word;
    text-align: center
}

.account-menu-section .shortcut-menu .menu-img-wrapper {
    position: relative
}

.account-menu-section .shortcut-menu .menu-img-wrapper .unread-msg {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    right: 4%;
    top: 23%;
    font-size: 0.3rem;
    width: 0.42rem;
    margin: 0
}

.account-menu-section .shortcut-menu .menu-img-wrapper .missiondiary-unread-msg {
    background: red;
    border-radius: 50%;
    right: 20%;
    top: 5%;
    padding: .07rem .1rem .02rem
}

.account-menu-section .shortcut-menu .mobile-beta-mission-daily {
    width: 2rem
}

.m-profile-container {
    padding: 0.65rem 0.45rem 0;
    font-size: 0.3rem
}

.m-profile-container .standard-button-container .standard-submit-button {
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem
}

.m-profile-container .standard-button-container .kyc-submit-button {
    border-radius: .1rem;
    font-size: .3rem;
    height: .75rem;
    margin: 0.5rem 0 0 0;
    width: 100%
}

@media(max-width: 768px) {
    .m-profile-container .profile-column:not(:first-child) {
        margin:0.8rem 0 0
    }

    .m-profile-container .profile-column .standard-form-field {
        display: grid;
        grid-template-columns: 4fr 4fr 1fr 1fr;
        align-items: center;
        margin: 0 0 0.5rem
    }

    .m-profile-container .profile-column .standard-form-field .standard-label {
        color: #8697a2;
        font-weight: unset;
        margin: 0
    }

    .m-profile-container .profile-column .standard-form-field .standard-label.editable {
        font-weight: 600
    }

    .m-profile-container .profile-column .standard-form-field .standard-input {
        background: unset;
        border: unset;
        height: 100%;
        color: #0f161f
    }

    .m-profile-container .profile-column .standard-form-field .standard-input.editable {
        border: 0.02rem solid #000
    }

    .m-profile-container .profile-column .standard-form-field .edit-btn {
        background: unset;
        width: 0.4rem
    }

    .m-profile-container .profile-column .standard-form-field .more-info-btn {
        background: unset;
        width: 0.35rem;
        fill: #8697a2
    }

    .m-profile-container .profile-column .standard-form-field .more-info-btn svg {
        overflow: visible
    }

    .m-profile-container .profile-column .standard-form-field .kyc-label {
        color: #0f161f;
        font-size: 0.3rem;
        width: 93.5%
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field {
        display: flex;
        flex-direction: column;
        align-items: normal
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-header {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 0 0.1rem 0
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-header svg {
        width: 0.25rem;
        fill: #c5d2d8;
        margin: 0 0 0 0.15rem
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-header .important-notice-box {
        position: absolute;
        bottom: 0.5rem;
        right: 0;
        padding: 0.1rem 0.2rem;
        background: #fff;
        color: #000;
        font-size: 0.22rem;
        border-radius: 0.1rem;
        z-index: 1;
        box-shadow: 0.02rem 0.03rem 0.05rem #9b9b9b;
        display: flex
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field {
        display: flex;
        align-items: center
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment {
        display: flex;
        align-items: center;
        background: #f3f5f6;
        margin: 0 .2rem 0 0;
        padding: 0 .15rem;
        width: 50%;
        height: .55rem;
        border: .01rem solid #e8e8e8;
        border-radius: .1rem;
        color: #8697a2
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment svg {
        width: 0.3rem;
        height: 0.3rem;
        margin: 0 0.1rem 0 0
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment .kyc-file-content {
        width: 100%
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment .kyc-file-content.kyc-contented {
        color: #0071e3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment-preview {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #0071e3;
        margin: 0 .2rem 0 0;
        padding: 0 .15rem;
        width: 40%;
        height: .55rem;
        border: .01rem solid #e8e8e8;
        border-radius: .1rem;
        color: #fff
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-attachment-preview:disabled {
        opacity: .5
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choosefile-preview {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #0071e3;
        padding: 0 .15rem;
        margin: 0 .2rem 0 0;
        width: 30%;
        height: .7rem;
        border: .01rem solid #e8e8e8;
        border-radius: .1rem;
        color: #fff
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-delete-btn {
        background: rgba(0,0,0,0);
        width: 0.35rem;
        height: 0.35rem
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-delete-btn img {
        width: 100%;
        position: relative;
        top: -0.1rem
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file {
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0);
        margin: 0 .2rem 0 0;
        width: 65%;
        height: .7rem;
        border: .01rem solid #e8e8e8;
        border-radius: .1rem;
        color: #8697a2
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file:disabled {
        opacity: .5;
        cursor: not-allowed
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file .beta-copy {
        width: .4rem;
        height: .4rem;
        margin: .05rem 0 0
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file svg {
        width: 0.3rem;
        height: 0.3rem;
        margin: 0 0.1rem 0 0
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file.selected {
        background: #f3f5f6
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-file-content {
        font-size: .26rem;
        color: #8697a2
    }

    .m-profile-container .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-file-content.kyc-contented {
        width: 3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 .2rem;
        color: #0071e3
    }

    .m-profile-container .profile-column .column-title {
        margin: 0 0 .26624rem;
        color: #0f161f
    }

    .m-profile-container .profile-column .column-title .clickable {
        text-decoration: underline
    }

    .m-profile-container .profile-column .column-error {
        font-size: 0.36rem;
        font-weight: 600;
        margin: 0 0 0.55rem;
        color: red
    }

    .bank-details-column {
        padding: 0 .45rem
    }

    .bank-details-column .column-title {
        margin: 0 0 .26624rem;
        color: #0f161f
    }

    .bank-details-column .column-title .clickable {
        text-decoration: underline
    }

    .bank-details-column .box-container {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: .1rem
    }

    .bank-details-column .box-container .box-warpper {
        display: flex;
        background: #f3f5f6;
        border-radius: .08rem;
        padding: .2rem;
        justify-content: space-between
    }

    .bank-details-column .box-container .box-warpper .bank-details {
        display: flex;
        align-items: center;
        gap: .2rem;
        width: 100%
    }

    .bank-details-column .box-container .box-warpper .bank-details .bank-img {
        width: .6rem;
        height: .6rem;
        object-fit: contain
    }

    .bank-details-column .box-container .box-warpper .bank-details .bank-img img {
        width: .6rem;
        height: .6rem
    }

    .bank-details-column .box-container .box-warpper .bank-details .bank-info {
        color: #8697a2;
        width: 100%
    }

    .bank-details-column .box-container .box-warpper .bank-details .bank-info .bank-detail {
        color: #0f161f
    }

    .bank-details-column .box-container .box-warpper .bank-details .bank-info p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: .04096rem 0 0
    }

    .bank-details-column .box-container .box-warpper .verified-icon {
        width: .32768rem;
        height: .32768rem
    }

    .bank-details-column .kyc-title-container {
        display: flex;
        position: relative
    }

    .bank-details-column .kyc-title-container svg {
        width: 0.4rem;
        height: 0.4rem;
        margin: 0 0.2rem
    }

    .myprofile-tab-container {
        padding: .55rem .4rem 0
    }

    .myprofile-tab-container .standard-tab {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0 .15rem;
        height: .8rem
    }

    .m-settings-page .m-profile-container .profile-column .standard-form-field .standard-label {
        margin: auto
    }

    .features-toggle-section {
        grid-template-columns: 50% 15% auto;
        border-top: .15rem solid #f3f5f6;
        border-bottom: .15rem solid #f3f5f6;
        padding: .4rem .45rem;
        margin: .6rem 0
    }
}

.m-message-container {
    padding: 0.55rem 0.4rem 0;
    font-size: 0.26rem
}

.m-message-container .message-tab-container {
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(5, 2.1rem);
    grid-gap: 0 .15rem;
    padding: 0
}

.m-message-container .message-tab-container .tab-header {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    padding: 0.1rem 0.22rem;
    background: #f3f5f6;
    border-radius: 0.5rem;
    color: #8899a4;
    min-width: fit-content
}

.m-message-container .message-tab-container .tab-header.active {
    background: #ff8a00;
    color: #fff
}

.m-message-container .message-tab-container .tab-header.active .tab-count {
    color: #fff
}

.m-message-container .message-tab-container .tab-header p {
    margin: 0 0.05rem 0 0
}

.m-message-container .message-tab-container .tab-header .tab-count {
    font-size: 0.22rem;
    color: #0f161f
}

.m-message-container .message-table-container {
    width: 100%;
    margin: 0.65rem 0 0
}

.m-message-container .message-table-container .header-control {
    padding: 0 0.15rem 0 0;
    color: #8899a4
}

.m-message-container .message-table-container .header-control .checkbox-column {
    align-items: center
}

.m-message-container .message-table-container .header-control .checkbox-column .standard-invisible-checkbox,.m-message-container .message-table-container .header-control .checkbox-column .standard-checkbox {
    width: 0.4rem;
    height: 0.4rem
}

.m-message-container .message-table-container .header-control .checkbox-column span {
    margin: 0 0 0 0.3rem
}

.m-message-container .message-table-container .header-control .content-column svg {
    margin: 0
}

.m-message-container .message-table-container .header-control .content-column .mark-action svg {
    width: 0.33rem;
    height: 0.3rem
}

.m-message-container .message-table-container .header-control .content-column .delete-action {
    margin: 0 0 0 0.48rem
}

.m-message-container .message-table-container .header-control .content-column .delete-action svg {
    width: 0.28rem;
    height: 0.35rem
}

.m-message-container .message-table-container .table .table-body .message-detail {
    display: grid;
    grid-template-columns: 1fr 7fr 2fr;
    align-items: center
}

.m-message-container .message-table-container .table .table-body .message-detail:not(:last-child) {
    margin: 0 0 0.45rem
}

.m-message-container .message-table-container .table .table-body .message-detail .checkbox-column .standard-checkbox,.m-message-container .message-table-container .table .table-body .message-detail .checkbox-column .standard-invisible-checkbox {
    width: 0.4rem;
    height: 0.4rem
}

.m-message-container .message-table-container .table .table-body .message-detail .content-column .msg-detail.unreadMsg {
    color: #0f161f
}

.m-message-container .message-table-container .table .table-body .message-detail .content-column .msg-date {
    font-size: 0.22rem;
    margin: 0.08rem 0 0
}

.m-message-container .message-table-container .table .table-body .message-detail .remark-detail {
    display: flex;
    justify-content: center
}

.m-message-container .message-table-container .table .table-body .message-detail .remark-detail .beta-flag {
    width: 0.3rem;
    height: 0.3rem
}

.m-message-container .message-table-container .table .table-body .message-detail .remark-detail .beta-flag.flag_true {
    fill: #0072e2
}

.m-message-container .message-table-container .table .table-body .message-detail .remark-detail .beta-flag.flag_false {
    fill: #8899a4
}

.m-message-detail-container {
    padding: 0.5rem 0.45rem 0;
    color: #8899a4
}

.m-message-detail-container .small-loading-box .small-loading {
    margin: auto
}

.m-message-detail-container .beta-flag {
    display: block;
    margin: 0 0 0 auto;
    width: 0.3rem;
    height: 0.3rem
}

.m-message-detail-container .beta-flag.flag_true {
    fill: #0072e2
}

.m-message-detail-container .beta-flag.flag_false {
    fill: #8899a4
}

.m-message-detail-container .detail-title {
    font-weight: 600;
    color: #0f161f;
    margin: 0.4rem 0 0;
    font-size: 0.3rem
}

.m-message-detail-container .detail-date {
    margin: 0.42rem 0 0;
    font-size: 0.22rem
}

.m-message-detail-container .detail-content {
    margin: 0.75rem 0 0;
    font-size: 0.26rem
}

.m-message-detail-container .detail-content p {
    margin-bottom: 1em
}

.m-message-detail-container .detail-content table {
    width: 100%;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    margin-bottom: 0.1rem
}

.m-message-detail-container .detail-content table tr td {
    border: 0.01rem solid #000;
    padding: 0.05rem
}

.m-message-detail-container .detail-content table tr td p {
    margin: 0
}

.m-message-detail-container .no-msg-container {
    text-align: center
}

.m-settings-page .kyc-divider {
    height: 0.15rem;
    background: #f3f5f6
}

.m-settings-page.mobileTopMargin {
    padding: 0 0 3.7rem
}

.m-settings-page .bonus-form .date-form-field-container .standard-label {
    font-weight: 600
}

.m-settings-page .date-form-field-container {
    width: 49%
}

.m-settings-page .date-form-field-container .standard-label {
    color: #0f161f;
    margin: 0 0 0.26rem
}

.m-settings-page .date-form-field-container .standard-mandatory::after {
    color: #e0082d;
    font-size: 0.36rem
}

.m-settings-page .date-form-field-container .standard-form-field:not(:first-child) {
    margin: 0
}

.m-settings-page .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input {
    justify-content: space-between;
    border: 0.02rem solid #dbe0e4;
    color: #8899a4
}

.m-settings-page .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input .beta-calendar {
    height: 0.4rem;
    width: 0.4rem;
    overflow: visible
}

.m-settings-page .table {
    margin: 0.33rem 0 0
}

.m-settings-page .table .table-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.68rem;
    background: #f3f5f6;
    padding: 0 0.3rem;
    border-radius: 0.1rem;
    color: #0f161f
}

.m-settings-page .table .table-body {
    margin: 0.28rem 0 0;
    color: #8899a4
}

.m-settings-page .table .table-body .no-content-container {
    text-align: center
}

.m-settings-page .table .table-body .small-loading-box .small-loading {
    margin: auto
}

.m-settings-page .pagination-content {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: 1rem auto 0
}

.m-settings-page .pagination-content .page-count {
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: #0f161f
}

.m-settings-page .pagination-content .pagination {
    display: flex;
    align-items: center
}

.m-settings-page .pagination-content .pagination svg {
    width: 0.18rem;
    height: 0.18rem;
    fill: #8899a4
}

.m-settings-page .pagination-content .pagination li:not(:first-child),.m-settings-page .pagination-content .pagination li:not(:last-child) {
    margin: 0 0.25rem
}

.m-settings-page .pagination-content .pagination a[aria-label*="Go to page number"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 50%;
    background: #f3f5f6;
    color: #8899a4
}

.m-settings-page .standard-form-field:not(:first-child) {
    margin: 0.4rem 0 0
}

.m-settings-page .standard-form-field:not(:first-child) .deposit-amount-input {
    position: relative;
    width: 100%
}

.m-settings-page .standard-form-field:not(:first-child) .deposit-amount-input input {
    padding: .05rem .7rem 0 .4rem
}

.m-settings-page .standard-form-field:not(:first-child) .deposit-amount-input .deposit-amount-clear-button {
    position: absolute;
    top: 50%;
    right: .28rem;
    width: .35rem;
    transform: translateY(-50%)
}

.m-settings-page .standard-form-field:not(:first-child) .seamless-wallet-balance {
    font-size: .287rem;
    color: #000;
    margin: .1rem 0 0
}

.m-settings-page .standard-form-field:not(:first-child) .seamless-wallet-balance span {
    color: #0071e3
}

.m-settings-page .standard-form-field .standard-label {
    color: #0f161f;
    font-size: 0.3rem;
    height: 0.4rem;
    margin: 0 0 0.26rem;
    font-weight: 600
}

.m-settings-page .standard-form-field .standard-form-field-wrapper {
    margin: 0 0 0.15rem
}

.m-settings-page .standard-form-field .standard-amount-btn-container {
    display: grid;
    grid-template-columns: repeat(4, 0.5fr);
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    height: 1.5rem;
    width: 100%
}

.m-settings-page .standard-form-field .standard-amount-btn-container button {
    background: #f7f7f7;
    border-radius: 0.05rem;
    color: #8697a2;
    cursor: pointer;
    font-size: .3rem;
    padding: 0.08rem 0.28rem;
    width: 100%;
    border: .02rem solid #f7f7f7
}

.m-settings-page .standard-form-field .standard-amount-btn-container button.amount-btn-selected,.m-settings-page .standard-form-field .standard-amount-btn-container button:hover {
    border: 0.02rem solid #ff8a00
}

.m-settings-page .standard-input-btn-wrapper {
    display: grid;
    grid-template-columns: 6fr 4fr;
    grid-gap: 0 0.08rem;
    width: 100%
}

.m-settings-page .standard-input-btn-wrapper .standard-submit-btn {
    margin: 0;
    background: #0071e3
}

.m-settings-page .standard-telcode-phone-container {
    display: grid;
    grid-template-columns: 3fr 7fr;
    grid-gap: 0 0.08rem;
    width: 100%
}

.m-settings-page .standard-multi-btn-container {
    display: grid;
    grid-template-columns: 5fr 5fr;
    grid-gap: 0 0.08rem;
    width: 100%;
    margin: 0.6rem 0 0
}

.m-settings-page .standard-multi-btn-container .standard-submit-btn {
    margin: 0;
    background: #0071e3
}

.m-settings-page .error-message-wrapper {
    margin-top: .196rem;
    font-size: .236rem;
    color: #e8262c;
    display: grid;
    gap: .2rem
}

.m-settings-page .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    flex-wrap: wrap;
    gap: .1rem
}

.m-settings-page .error-message-wrapper .password-rules-msg-wrapper img {
    width: .236rem;
    height: .236rem
}

.m-settings-page .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .078rem;
    flex: 1
}

.m-settings-page .standard-password-eye {
    transform: translateY(-50%);
    top: .35rem;
    z-index: 1
}

.m-settings-page .standard-submit-btn {
    background: #ff8a00;
    color: #fff;
    border-radius: 0.16rem;
    font-size: 0.3rem;
    height: 0.75rem;
    width: 100%;
    margin: 0.4rem 0 0
}

.m-settings-page .standard-submit-btn:disabled {
    opacity: .5
}

.m-settings-page .standard-error-container .standard-error-field {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.68rem;
    border-radius: 0.1rem;
    background: #f3f5f6;
    color: #0f161f;
    margin: 0 0 0.55rem;
    font-size: 0.26rem
}

.m-settings-page .standard-error-container .standard-error-field .notice-icon {
    width: 0.35rem;
    height: 0.35rem
}

.m-settings-page .standard-error-container .standard-error-field .notice-icon.remark-icon {
    width: 0.3rem;
    height: 0.3rem;
    fill: #c5d2d8
}

.m-settings-page .standard-error-container .standard-error-field .notice-icon.success-icon {
    fill: #4cb957
}

.m-settings-page .standard-error-container .standard-error-field .notice-icon.error-icon {
    fill: #f60020
}

.m-settings-page .standard-error-container .standard-error-field p {
    margin: 0 0 0 0.15rem
}

.m-settings-page .standard-guide-container {
    font-size: 0.26rem;
    color: #8899a4;
    margin: 0 0 0.55rem
}

@media(max-width: 768px) {
    .m-settings-page .standard-select {
        border:0.02rem solid #dbe0e4;
        color: #8899a4
    }

    .m-settings-page .standard-select:disabled {
        border: 0
    }

    .m-settings-page .standard-select .standard-select-dropdown .standard-select-options {
        color: #8899a4
    }

    .m-settings-page .standard-select .standard-select-dropdown .active {
        color: #fff
    }

    .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer {
        padding: 0 0 0.05rem;
        text-align: center
    }

    .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control.wallet-disable .check {
        background: #ababab !important
    }

    .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control.wallet-disable .seamless-status {
        color: #ababab !important
    }

    .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer {
        cursor: pointer;
        height: 0.32rem;
        width: 0.58rem;
        position: relative;
        margin: 0 0 0.04rem 0
    }

    .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer input {
        opacity: 0
    }

    .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer input:checked~.check-btn {
        left: 46%
    }

    .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer .check {
        background: #ff8a00;
        border-radius: 0.4rem;
        cursor: pointer;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control .auto-transfer .check-btn {
        position: absolute;
        top: 0.02rem;
        left: 0.02rem;
        width: 0.28rem;
        height: 0.28rem;
        border-radius: 0.4rem;
        background: #fff;
        transition: .3s
    }

    .m-standard-st-table-container {
        color: #8899a4;
        border-top: .2rem solid #f3f5f6;
        padding: .25rem .35rem 0
    }

    .m-standard-st-table-container .st-table-title {
        color: #0f161f;
        font-weight: 600;
        margin: 0 0 0.26rem
    }

    .m-standard-st-table-container .standard-st-table {
        font-size: 0.26rem;
        width: 100%
    }

    .m-standard-st-table-container .standard-st-table .table-header-container {
        background: #f3f5f6;
        color: #0f161f;
        text-align: left
    }

    .m-standard-st-table-container .standard-st-table .table-header-container .table-header {
        padding: 0.2rem 0 0.2rem 0.2rem
    }

    .m-standard-st-table-container .standard-st-table .table-header-container .table-header:first-child {
        border-radius: 0.1rem 0 0 0.1rem
    }

    .m-standard-st-table-container .standard-st-table .table-header-container .table-header:last-child {
        border-radius: 0 0.1rem 0.1rem 0;
        padding: 0.2rem
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content {
        padding: 0.2rem 0 0.2rem 0.2rem
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content.m-mission-record-content:nth-child(2) {
        width: 40%
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content span {
        display: block
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content span.col-method {
        font-weight: 600
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-status {
        color: undefined
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-status.status-A {
        color: #0071e3
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-status .status-C {
        color: #0071e3
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-status .status-E {
        color: #e52741
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-statusLang {
        color: undefined
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-statusLang.status-C {
        color: #0071e3
    }

    .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-statusLang.status-E {
        color: #e52741
    }

    .m-standard-st-table-container .standard-st-table .empty-record {
        height: 1.6rem;
        text-align: center
    }

    .m-standard-st-table-container .view-more {
        margin: 0.4rem 0 0;
        width: 100%;
        text-align: end
    }

    .m-standard-st-table-container .view-more span {
        font-size: 0.22rem;
        text-decoration: underline
    }
}

.m-add-withdraw-crypto-address-popup {
    font-size: 0.3rem
}

.m-add-withdraw-crypto-address-popup .standard-modal-title {
    color: 0f161f;
    font-weight: 600;
    margin: 0 0 0.6rem
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field {
    margin: 0 0 0.64rem
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field .standard-label {
    color: #0f161f;
    font-weight: 600;
    margin: 0 0 0.26rem
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field .standard-form-field-wrapper .standard-input,.m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field .standard-form-field-wrapper .standard-select {
    border: 0.01rem solid #dbe0e4;
    color: #8899a4
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .standard-form-field:nth-last-child(3) {
    margin: 0
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-label {
    margin: 0
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-form-field-wrapper {
    display: flex;
    justify-content: space-between
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-form-field-wrapper .otp-button {
    background: #f7f7f7;
    border-radius: 0.1rem;
    color: #0f161f;
    font-size: 0.3rem;
    height: 0.75rem;
    width: 49%;
    margin-bottom: 0.2rem
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-form-field-wrapper .otp-button:last-child {
    width: 100%;
    margin-bottom: 0
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .address-btn-field .standard-form-field-wrapper .otp-button:disabled {
    cursor: unset;
    opacity: .5
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section {
    margin: 0 0 1rem
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section .standard-button-container button {
    background: #f7f7f7;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.3rem;
    height: 0.75rem;
    width: 49%
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #ff8a00
}

.m-add-withdraw-crypto-address-popup .standard-form-field-container .transaction-button-section .standard-button-container .standard-cancel-form-button {
    background: #81cbfc
}

.m-referral-container {
    padding: .55rem .4rem;
    font-size: 0.3rem
}

.m-referral-container p {
    margin: 0
}

.m-referral-container .referral-tab-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 0.15rem
}

.m-referral-container .referral-tab-container .tab-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 0.65rem;
    background: #f3f5f6;
    border-radius: 0.5rem;
    color: #8899a4
}

.m-referral-container .referral-tab-container .tab-header.active {
    background: #ff8a00;
    color: #fff
}

.m-referral-container .referral-section {
    margin: 0.6rem 0 0
}

.m-referral-container .referral-section .referral-container .referral-content {
    margin: 0.32rem 0 0.15rem
}

.m-referral-container .referral-section .referral-container .referral-content div {
    font-size: 0.22rem;
    margin: 0 0 0.15rem
}

.m-referral-container .referral-section .referral-container .referral-content div:first-child {
    font-size: 0.29rem
}

.m-referral-container .referral-section .referral-container .referral-content span {
    font-size: 0.22rem;
    margin: 0 0 0.05rem
}

.m-referral-container .referral-section .referral-container .referral-content .referral-terms {
    font-size: 0.18rem;
    margin: 0 0 0 0.1rem
}

.m-referral-container .referral-section .referral-code-container {
    padding: 0 0 0.05rem 0.4rem;
    background-size: 85% 100%
}

.m-referral-container .referral-section .referral-code-container .referral-code-content .referral-code {
    font-size: 0.29rem
}

.m-referral-container .referral-content {
    margin: 0.55rem 0 0;
    color: #0f161f
}

.m-referral-container .standard-tab {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0 .15rem;
    height: .8rem
}

.referral-content.myBonus .bonus-form {
    display: flex;
    align-items: flex-end;
    gap: .08rem
}

.referral-content.myBonus .standard-submit-btn {
    width: 2.42rem;
    margin: 0.38rem 0 0
}

.referral-content.myBonus .standard-setting-table-container .standard-setting-table-header.header-title {
    margin: 0.42rem 0 0
}

.referral-content.myBonus .standard-setting-table-container .standard-setting-table-header.header-title span {
    text-align: center;
    padding: 0 0.08rem
}

.referral-content.myBonus .standard-setting-table-container .table-col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.05rem
}

.referral-content.myBonus .standard-setting-table-container .table-col p {
    margin: 0
}

.referral-content .standard-label {
    color: #8697a2;
    margin: 0
}

.referral-content .ref-status-box .ref-status {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 34.05%;
    height: 0.75rem;
    padding: 0 0.22rem;
    background: #f7f7f7;
    border-radius: 0.08rem
}

.referral-content .ref-status-box .ref-status .invi-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.referral-content .ref-status-box .ref-status .invi-status:last-child {
    margin: 0.15rem 0 0
}

.referral-content .ref-code-link-container {
    display: flex;
    margin: 0.4rem 0 0
}

.referral-content .ref-code-link-container>div {
    width: 34.05%
}

.referral-content .ref-code-link-container>div:not(:last-child) {
    margin: 0 0.15rem 0 0
}

.referral-content .ref-code-link-container>div.ref-link-box .standard-form-field-wrapper .standard-input {
    padding: 0 0.6rem 0 0.15rem
}

.referral-content .ref-code-link-container>div .standard-form-field-wrapper {
    position: relative
}

.referral-content .ref-code-link-container>div .standard-form-field-wrapper .standard-input {
    font-size: 0.14rem;
    border-radius: 0.08rem;
    padding: 0 0.15rem;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #0f161f;
    background: #f7f7f7
}

.referral-content .ref-code-link-container>div .standard-form-field-wrapper .icon-copy {
    position: absolute;
    top: 0.1rem;
    right: 0.15rem;
    width: 0.18rem;
    height: 0.2rem;
    cursor: pointer
}

.referral-content .bottom-content {
    display: flex;
    justify-content: space-between;
    margin: 0.5rem 0 0
}

.referral-content .bottom-content .content-left {
    width: 69.65%;
    padding: 0.56rem 0 0;
    border-top: 0.01rem solid #f7f7f7
}

.referral-content .bottom-content .content-left .share-title {
    font-size: 0.14rem
}

.referral-content .bottom-content .content-left .referOption-container {
    width: 3.46rem;
    margin: .2rem 0 0
}

.referral-content .bottom-content .content-left .referOption-container .referOption {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    border-radius: 0.08rem;
    padding: 0.15rem;
    border: 0.02rem solid #ff8a00
}

.referral-content .bottom-content .content-left .referOption-container .referOption:hover .icon-option-add {
    background: #0071e3
}

.referral-content .bottom-content .content-left .referOption-container .referOption .option-remark {
    color: #0071e3;
    margin: 0 0 0.13rem
}

.referral-content .bottom-content .content-left .referOption-container .referOption .option-turnover {
    margin: 0
}

.referral-content .bottom-content .content-left .referOption-container .referOption .option-deposit {
    margin: 0.05rem 0 0
}

.referral-content .bottom-content .content-left .referOption-container .referOption .option-turnover,.referral-content .bottom-content .content-left .referOption-container .referOption .option-deposit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.05rem 0.15rem;
    background: #fff;
    border-radius: 0.05rem;
    color: #8697a2
}

.referral-content .bottom-content .content-left .referOption-container .referOption .icon-option-add {
    position: absolute;
    top: 0.06rem;
    right: 0.06rem;
    width: 0.2rem;
    height: 0.2rem;
    padding: 0.05rem;
    background: #c7d2d7;
    border-radius: 50%
}

.referral-content .bottom-content .content-left .referOption-container .referOption .icon-option-add .st0 {
    fill: #fff
}

.referral-content .bottom-content .content-left .ref-share-container {
    position: relative;
    height: 0.5rem;
    margin: 0.63rem 0 0
}

.referral-content .bottom-content .content-left .ref-share-container .standard-submit-btn {
    width: 3.46rem;
    height: 0.4rem;
    background: #ff8a00;
    color: #fff;
    border-radius: 0.08rem;
    font-size: 0.16rem
}

.referral-content .bottom-content .content-left .ref-share-container .floating-referral {
    top: 100%;
    left: 10%
}

.referral-content .bottom-content .content-left .ref-share-container .floating-referral .triangle {
    position: absolute;
    bottom: 100%;
    left: -55%;
    width: .24rem;
    height: .12rem;
    overflow: hidden;
    padding: 0 2rem
}

.referral-content .bottom-content .content-left .ref-share-container .floating-referral .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3019607843)
}

.referral-content .bottom-content .content-right {
    width: 28.05%
}

.referral-content .bottom-content .content-right .ref-notice-container {
    background: #f7f7f7;
    padding: 0.5rem 0.3rem 0.6rem;
    border-radius: 0.05rem
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-title {
    display: flex;
    align-items: center
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-title .icon-alert {
    width: 0.2rem;
    height: 0.2rem
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-title p {
    margin: 0 0 0 0.1rem
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-content {
    margin: 0.23rem 0 0;
    color: #8697a2;
    font-size: 0.12rem
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-content li {
    position: relative;
    padding: 0 0 0 0.32rem;
    word-break: break-word
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-content li:not(:first-child) {
    margin: 0.18rem 0 0
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-content li::before {
    content: "";
    position: absolute;
    top: 0.02rem;
    left: 0.2rem;
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    background: #ff8a00
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-link {
    font-size: 0.12rem;
    color: #0f161f
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-link p {
    margin: 0.18rem 0 0;
    padding: 0 0 0 0.32rem;
    word-break: break-word
}

.referral-content .bottom-content .content-right .ref-notice-container .notice-date {
    margin: 0.28rem 0 0;
    padding: 0 0 0 0.32rem;
    color: #c4302e;
    font-size: 0.12rem
}

.m-myReferral .ref-status-box .standard-label {
    margin: 0 0 0.27rem;
    font-weight: 600;
    font-size: 0.3rem;
    color: #0f161f
}

.m-myReferral .ref-status-box .ref-status {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 1.65rem;
    padding: 0 0.33rem;
    background: #f3f5f6;
    border-radius: 0.1rem;
    border: .01rem solid #dbe0e4;
    width: 100%
}

.m-myReferral .ref-status-box .ref-status .invi-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.m-myReferral .ref-status-box .ref-status .invi-status:last-child {
    margin: 0.45rem 0 0
}

.m-myReferral .ref-code-link-container {
    margin: 0.69rem 0 0
}

.m-myReferral .ref-code-link-container>div.ref-link-box {
    width: 100%
}

.m-myReferral .ref-code-link-container>div.ref-link-box .standard-label {
    margin: 0 0 0.27rem;
    color: #0f161f;
    font-weight: 600;
    font-size: 0.3rem
}

.m-myReferral .ref-code-link-container>div.ref-link-box .standard-form-field-wrapper {
    position: relative;
    border: .01rem solid #dbe0e4;
    border-radius: .1rem
}

.m-myReferral .ref-code-link-container>div.ref-link-box .standard-form-field-wrapper .standard-input {
    border: 0;
    padding: 0 1.1rem 0 0.35rem;
    height: 0.68rem;
    font-size: 0.3rem;
    border-radius: 0.1rem;
    color: #0f161f;
    text-overflow: ellipsis;
    background: #f3f5f6
}

.m-myReferral .ref-code-link-container>div.ref-link-box .standard-form-field-wrapper .icon-copy {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: .1rem;
    width: .37rem;
    height: .4rem;
    cursor: pointer
}

.m-myReferral .bottom-content {
    display: grid;
    margin: 0.78rem 0 0;
    justify-content: normal
}

.m-myReferral .bottom-content .share-title {
    color: #8697a2
}

.m-myReferral .bottom-content .referOption-container {
    margin: 0.35rem 0 0;
    width: 100%;
    text-align: center
}

.m-myReferral .bottom-content .referOption-container .referOption {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f3f5f6;
    border-radius: 0.1rem;
    padding: 0.25rem;
    border: 0.02rem solid #ff8a00
}

.m-myReferral .bottom-content .referOption-container .referOption .option-remark {
    color: #2d72da;
    margin: 0 0 0.2rem;
    font-weight: 600
}

.m-myReferral .bottom-content .referOption-container .referOption .option-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background: #fff;
    padding: 0.15rem;
    color: #8899a4;
    border-radius: 0.1rem
}

.m-myReferral .bottom-content .referOption-container .referOption .option-wrapper .option-deposit {
    margin: 0.15rem 0 0
}

.m-myReferral .bottom-content .ref-share-container {
    position: relative
}

.m-myReferral .bottom-content .ref-share-container .standard-submit-btn {
    width: 100%;
    height: 0.8rem;
    background: #ff8a00;
    color: #fff;
    border-radius: 0.1rem;
    font-size: 0.3rem
}

.m-myReferral .bottom-content .ref-share-container .standard-submit-btn:hover {
    background: #ff7200
}

.m-myReferral .bottom-content .ref-share-container .floating-referral {
    top: 120%;
    left: 10%
}

.m-myReferral .bottom-content .ref-share-container .floating-referral .triangle {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.12rem;
    width: 0.24rem;
    height: 0.12rem;
    overflow: hidden
}

.m-myReferral .bottom-content .ref-share-container .floating-referral .triangle::after {
    content: "";
    position: absolute;
    width: 0.12rem;
    height: 0.12rem;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3019607843)
}

.m-myReferral .ref-notice-container {
    background: #f3f5f6;
    padding: 0.4rem;
    border-radius: 0.1rem;
    margin: 0.9rem 0 0
}

.m-myReferral .ref-notice-container .notice-title {
    display: flex;
    align-items: center
}

.m-myReferral .ref-notice-container .notice-title .icon-alert {
    width: 0.3rem;
    height: 0.3rem
}

.m-myReferral .ref-notice-container .notice-title p {
    font-weight: 600;
    margin: 0 0 0 0.18rem
}

.m-myReferral .ref-notice-container .notice-content {
    margin: 0.4rem 0 0;
    color: #8899a4;
    font-size: 0.22rem
}

.m-myReferral .ref-notice-container .notice-content li {
    position: relative;
    padding: 0 0 0 0.35rem;
    word-break: break-word
}

.m-myReferral .ref-notice-container .notice-content li:not(:first-child) {
    margin: 0.32rem 0 0
}

.m-myReferral .ref-notice-container .notice-content li::before {
    content: "";
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: #ff8a00
}

.m-myReferral .ref-notice-container .notice-link {
    font-size: 0.22rem
}

.m-myReferral .ref-notice-container .notice-link p {
    margin: 0.35rem 0 0;
    word-break: break-word;
    padding: 0 0 0 0.35rem;
    color: #0f161f
}

.m-myReferral .ref-notice-container .notice-date {
    margin: 0.35rem 0 0;
    color: #d71a21;
    font-size: 0.22rem;
    padding: 0 0 0 0.35rem
}

.m-myBonus .bonus-container .bonus-form,.m-myBonus .commBonus-container .bonus-form {
    display: flex;
    justify-content: space-between
}

.m-myBonus .bonus-container .table .table-body .bonus-detail,.m-myBonus .commBonus-container .table .table-body .bonus-detail {
    display: grid;
    grid-template-columns: 8fr 2fr;
    align-items: center;
    padding: 0 0 0 0.3rem
}

.m-myBonus .bonus-container .table .table-body .bonus-detail:not(:last-child),.m-myBonus .commBonus-container .table .table-body .bonus-detail:not(:last-child) {
    margin: 0 0 0.45rem
}

.m-myBonus .bonus-container .table .table-body .bonus-detail .col-status,.m-myBonus .commBonus-container .table .table-body .bonus-detail .col-status {
    display: flex;
    justify-content: center
}

.m-myBonus .bonus-container .react-datepicker__tab-loop .react-datepicker-popper,.m-myBonus .commBonus-container .react-datepicker__tab-loop .react-datepicker-popper {
    font-size: 0.24rem
}

.m-bank-detail-container {
    padding: .55rem .35rem 0;
    font-size: 0.26rem
}

.m-bank-detail-container p {
    margin: 0
}

.m-bank-detail-container .bank-detail-tab-container {
    background: unset
}

.m-bank-detail-container .bank-detail-tab-container .standard-tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 0.15rem;
    padding: 0;
    height: .8rem
}

.m-bank-detail-container .bank-detail-tab-container .standard-tab .tab-header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.08rem 0.25rem;
    background: #f3f5f6;
    border-radius: 0.5rem;
    color: #8899a4;
    white-space: unset
}

.m-bank-detail-container .bank-detail-tab-container .standard-tab .tab-header.active {
    background: #ff8a00;
    color: #fff
}

.m-bank-detail-container .bank-info-container {
    margin: 0.5rem 0 0;
    width: 100%;
    position: relative
}

.m-bank-detail-container .bank-info-container .table-header-container {
    background: #f3f5f6;
    color: #0f161f;
    text-align: left;
    white-space: nowrap
}

.m-bank-detail-container .bank-info-container .table-header-container .table-header {
    padding: 0.2rem 0
}

.m-bank-detail-container .bank-info-container .table-header-container .table-header:first-child {
    border-radius: 0.1rem 0 0 0.1rem;
    padding: 0 0 0 0.2rem
}

.m-bank-detail-container .bank-info-container .table-header-container .table-header:last-child {
    border-radius: 0 0.1rem 0.1rem 0
}

.m-bank-detail-container .bank-info-container tbody {
    border-bottom: 0.02rem solid #e8e8e8;
    color: #8899a4
}

.m-bank-detail-container .bank-info-container tbody .table-content td {
    padding: 0.2rem
}

.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name {
    display: flex;
    align-items: center
}

.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name .bank-icon {
    width: 0.6rem;
    height: 0.6rem
}

.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name .bank-name-detail {
    margin: 0 0 0 0.4rem;
    width: 80%
}

.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name .bank-name-detail .detail-name {
    font-weight: 600
}

.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-name .bank-name-detail .detail-holder {
    margin: 0.08rem 0 0;
    max-width: 3rem
}

.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-acc .acc-no {
    max-width: 1.6rem
}

.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-status svg {
    width: 0.28rem;
    height: 0.28rem;
    margin: auto
}

.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-delete {
    width: 10%
}

.m-bank-detail-container .bank-info-container tbody .table-content td.col-bank-delete svg {
    width: 0.28rem;
    height: 0.28rem;
    margin: auto;
    fill: #c7d2d7
}

.m-bank-detail-container .bank-info-container tbody .no-content-container {
    height: 1.6rem;
    text-align: center;
    color: #8899a4
}

.m-bank-detail-container .bank-info-container .important-notice-box {
    display: none;
    background: #fff;
    border-radius: 0.1rem;
    box-shadow: 0.02rem 0.03rem 0.05rem #9b9b9b;
    color: #0f161f;
    font-size: 0.22rem;
    right: 25%;
    padding: 0.1rem 0.2rem;
    position: absolute;
    white-space: normal;
    width: 60%;
    height: 0.5rem;
    align-items: center;
    margin-top: -0.16rem
}

.m-bank-detail-container .bank-info-container .important-notice-box.important-notice-box-show {
    display: flex
}

.m-bank-detail-container .bank-info-container .important-notice-box.bank-status-box-show {
    display: flex;
    width: auto;
    right: 28%
}

.m-bank-detail-container .bank-info-container .table .table-body {
    padding: 0 0 0.68rem;
    border-bottom: 0.02rem solid #e8e8e8
}

.m-bank-detail-container .bank-info-container .table .table-body .table-content {
    align-items: center;
    padding: 0 0.3rem;
    position: relative
}

.m-bank-detail-container .bank-info-container .table .table-body .table-content:not(:last-child) {
    margin: 0 0 0.4rem
}

.m-bank-detail-container .bank-info-container .table .table-body .table-content .col-bank-acc {
    font-weight: 600;
    display: flex
}

.m-bank-detail-container .bank-info-container .table .table-body .table-content .important-notice-box {
    background: #fff;
    border-radius: 0.1rem;
    box-shadow: 0.02rem 0.03rem 0.05rem #9b9b9b;
    color: #0f161f;
    display: flex;
    font-size: 0.22rem;
    right: 13%;
    padding: 0.1rem 0.2rem;
    position: absolute;
    top: 10%;
    white-space: normal
}

.m-bank-detail-container .bank-info-container .table .table-body .table-content .important-notice-box .note {
    margin: 0 0.1rem 0 0
}

.m-bank-detail-container .bank-info-container .standard-form-field-container {
    margin: 0.8rem 0 0
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .standard-form-field .standard-label {
    font-weight: 600
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .receipt-image-box {
    margin: 0 0 0.15rem 0
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .receipt-image-box img {
    width: 100%
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .receipt-image-box .pdf-name {
    font-size: 0.3rem;
    color: #8697a2
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.3rem
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0.25rem 0 0 0
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .btm-tool-tip-container svg {
    fill: #c7d2d7;
    margin: 0 0.15rem 0 0;
    width: 0.3rem;
    height: 0.3rem
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .btm-tool-tip-container span {
    font-size: 0.25rem
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper {
    display: grid;
    grid-template-columns: 1fr 40%;
    gap: 0.15rem
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    width: 100%;
    height: 0.75rem;
    background: #fff;
    color: #8899a4;
    border: 0.02rem solid #dbe0e4;
    border-radius: 0.15rem;
    font-size: 0.28rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.1rem
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn svg {
    width: 0.3rem
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment {
    color: #0071e3
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment svg {
    width: 0.5rem
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .receipt-control-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .receipt-control-section .preview-receipt-btn {
    display: block;
    width: 100%;
    height: 0.75rem;
    background: #0071e3;
    border-radius: 0.15rem
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .receipt-control-section .delete-receipt-btn {
    display: block;
    width: 15%;
    height: 0.75rem;
    background: rgba(0,0,0,0)
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .bank-statement-section .bank-statement-wrapper .receipt-control-section div p {
    font-weight: 600
}

.m-bank-detail-container .bank-info-container .otp-container {
    display: flex;
    grid-gap: 0 0.1rem;
    margin: 0.15rem 0 0;
    flex-wrap: wrap;
    justify-content: space-between
}

.m-bank-detail-container .bank-info-container .otp-container .otp-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.68rem;
    color: #8899a4;
    background: #f3f5f6;
    border-radius: 0.1rem;
    font-size: 0.26rem;
    width: 49%;
    margin-bottom: 0.1rem
}

.m-bank-detail-container .bank-info-container .otp-container .otp-button:disabled {
    cursor: unset;
    opacity: .5
}

.m-bank-detail-container .bank-info-container .otp-container .otp-button:last-child {
    width: 100%;
    margin-bottom: 0
}

.m-bank-detail-container .bank-detail-ewallet-table {
    display: block;
    width: auto;
    white-space: nowrap;
    overflow: auto;
    scrollbar-width: thin
}

.m-bank-detail-container .bank-detail-ewallet-table::-webkit-scrollbar {
    height: 0.06rem
}

.m-bank-detail-container .bank-detail-ewallet-table::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.03rem
}

.m-bank-detail-container .bank-detail-ewallet-table::-webkit-scrollbar-track {
    background: #f1f1f1
}

.m-bank-detail-container .bank-detail-ewallet-table .table-header-container .table-header {
    padding: .2rem
}

.change-password-tab-container {
    display: flex;
    gap: .18rem;
    flex-direction: column
}

@media(max-width: 768px) {
    .change-password-tab-container {
        padding:.55rem .4rem 0;
        background: #fff
    }

    .change-password-tab-container .standard-tab {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0 .15rem;
        height: .8rem
    }
}

.m-change-password-container {
    padding: 0.55rem 0.4rem 0
}

.m-change-password-container p {
    margin: 0
}

.m-change-provider-password-container {
    padding: 0.55rem 0.4rem 0
}

.m-change-provider-password-container p {
    margin: 0
}

.m-verification-container {
    padding: 0.58rem 0.4rem 0
}

.m-verification-container p {
    margin: 0;
    line-height: 1.3
}

.m-verification-container .standard-form-field .standard-label {
    font-weight: 600
}

.m-verification-container .standard-button-container .standard-submit-btn {
    text-transform: uppercase
}

.m-deposit-landing-container {
    font-size: 0.25rem
}

.m-deposit-landing-container .categorized-deposit-tab-container {
    background: rgba(0,0,0,0);
    margin: 0 0 0.42rem;
    padding: 0 .35rem
}

.m-deposit-landing-container .categorized-deposit-tab-container .categorized-deposit-tab {
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    grid-column-gap: 0.15rem;
    padding: 0
}

.m-deposit-landing-container .categorized-deposit-tab-container .categorized-deposit-tab .active {
    background: linear-gradient(to right, #067db0, #04abc2);
    color: #fff
}

.m-deposit-landing-container .categorized-deposit-tab-container .categorized-deposit-tab .active span:last-child {
    color: #fff !important
}

.m-deposit-landing-container .deposit-label-offline-bank-container {
    margin: 0 0 0.26rem;
    padding: 0 .35rem
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank {
    display: grid;
    grid-template-columns: 80% auto
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank.show-bank {
    grid-template-columns: 80% auto auto
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .st-title {
    color: #0f161f;
    font-weight: 600;
    font-size: 0.3rem;
    margin: 0
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .icon-tutorial {
    display: flex;
    align-items: center;
    background: #ff8a00;
    border-radius: 50%;
    padding: .1rem;
    height: 0.5rem;
    width: 0.5rem
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .icon-tutorial.inactive {
    filter: grayscale(1);
    cursor: not-allowed
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .icon-tutorial svg {
    width: 0.35rem;
    height: 0.35rem;
    fill: #fff
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .icon-tutorial svg path {
    fill: #fff
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .bank-offline-container {
    display: flex;
    align-items: center
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .bank-offline-container .bankoff-btn .img-container {
    position: relative
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .bank-offline-container .bankoff-btn .img-container svg {
    fill: #8697a2;
    width: .35rem;
    height: .35rem
}

.m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .bank-offline-container .bankoff-btn .img-container .red-dot {
    background: #fe0000;
    border-radius: 50%;
    bottom: 80%;
    height: 0.16rem;
    left: 80%;
    position: absolute;
    width: 0.16rem
}

.m-deposit-landing-container .deposit-label-offline-bank-icons {
    display: flex;
    justify-content: end
}

.m-deposit-landing-container .deposit-tab-container {
    background: rgba(0,0,0,0);
    margin: 0 0 0.28rem;
    overflow: unset;
    padding: 0 .35rem
}

.m-deposit-landing-container .deposit-tab-container .standard-tab {
    display: grid;
    grid-template-columns: repeat(4, 0.4fr);
    grid-column-gap: 0.15rem;
    grid-row-gap: 0.3rem;
    padding: 0
}

.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header {
    color: #8899a4;
    flex-direction: column;
    justify-content: start;
    padding: 0
}

.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header .img-container {
    align-items: center;
    background: #f3f5f6;
    border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    margin: 0 0 0.15rem;
    padding: 0.2rem 0;
    width: 100%
}

.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header .img-container .beta-option-RQRKH:not(:root) {
    width: unset
}

.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header .img-container svg:not(:root) {
    overflow: visible;
    height: 0.65rem;
    width: 0.75rem
}

.m-deposit-landing-container .deposit-tab-container .standard-tab .tab-header .deposit-option {
    text-align: center;
    white-space: normal
}

.m-deposit-landing-container .deposit-tab-container .standard-tab .active .img-container {
    background: linear-gradient(to right, #067db0, #04abc2)
}

.m-deposit-landing-container .deposit-tab-container .standard-tab .active .img-container .beta-option-RQRKH:not(:root) {
    fill: unset;
    filter: unset;
    width: unset
}

.m-deposit-landing-container .deposit-tab-container .standard-tab .active .img-container svg {
    fill: #fff;
    filter: brightness(0) invert(1)
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form {
    margin: 0 0 .55rem;
    padding: 0 .35rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container {
    background: rgba(0,0,0,0);
    margin: 0 0 0.45rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .st-title {
    color: #0f161f;
    font-family: "AvertaStd-Semibold","SukhumvitSet-Semibold";
    font-weight: 600;
    margin: 0 0 0.26rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab {
    display: grid;
    grid-template-columns: repeat(4, 0.4fr);
    grid-column-gap: 0.15rem;
    grid-row-gap: 0.3rem;
    align-items: flex-start;
    padding: 0
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header {
    color: #8899a4;
    flex-direction: column;
    padding: 0;
    justify-content: flex-start
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container {
    align-items: center;
    background: #f3f5f6;
    border: 0.02rem solid rgba(0,0,0,0);
    border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    margin: 0 0 0.15rem;
    padding: 0.2rem 0;
    width: 100%;
    min-height: 1.1rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container svg,.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container img {
    filter: grayscale(100%);
    height: 0.65rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .deposit-option {
    text-align: center;
    white-space: normal
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container {
    background: #f3f5f6;
    border: 0.02rem solid #ff8a00
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container svg,.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container img {
    filter: grayscale(0%)
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .st-title {
    color: #0f161f;
    display: flex;
    font-weight: 600;
    font-size: 0.3rem;
    margin: 0 0 0.26rem;
    text-transform: capitalize
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list {
    background: #f3f5f6;
    border-radius: 0.2rem;
    margin: 0 0 0.72rem;
    padding: 0.38rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item {
    align-items: center;
    display: flex;
    margin: 0 0 0.3rem;
    justify-content: space-between
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.no-margin {
    margin: 0
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container {
    position: relative;
    width: 14%
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container svg,.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container img {
    filter: grayscale(100%) opacity(0.5) brightness(100%);
    background: #fff;
    border-radius: 0.1rem;
    border: 0.02rem solid rgba(0,0,0,0);
    padding: 0.05rem;
    height: 100%;
    width: 100%;
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container img {
    width: 100%;
    height: 100%
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container.online:before {
    position: absolute;
    content: "";
    background: #30e100;
    border-radius: 50%;
    width: 0.18rem;
    height: 0.18rem;
    top: -10%;
    right: -10%;
    z-index: 1
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container.offline:before {
    position: absolute;
    content: "";
    background: red;
    border-radius: 50%;
    width: 0.18rem;
    height: 0.18rem;
    top: -10%;
    right: -10%;
    z-index: 1
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-name,.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-link {
    color: #8899a4;
    width: 80%
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-link {
    color: #06c;
    text-decoration: underline
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-link:hover {
    text-decoration: underline !important
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:last-child {
    margin: 0
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .img-container svg,.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .img-container img {
    filter: grayscale(0%);
    border: 0.02rem solid #ff8a00;
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .bank-name {
    color: #0f161f
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .deposit-amount-input {
    position: relative;
    width: 100%
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .deposit-amount-input input {
    padding: .05rem .7rem 0 .4rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .deposit-amount-input .deposit-amount-clear-button {
    position: absolute;
    top: 50%;
    right: .28rem;
    width: .35rem;
    transform: translateY(-50%)
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-label {
    color: #0f161f;
    font-size: 0.3rem;
    height: 0.4rem;
    margin: 0 0 0.26rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper {
    margin: 0 0 0.15rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container {
    display: grid;
    grid-template-columns: repeat(4, 0.5fr);
    grid-column-gap: 0.1rem;
    grid-row-gap: 0.1rem;
    width: 100%;
    height: 100%
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container .amount-btn {
    background: #f3f5f6;
    border-radius: 0.1rem;
    color: #8899a4;
    font-size: 0.3rem;
    height: 0.66rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container .amount-btn.amount-btn-selected {
    border: 0.02rem solid #ff8a00
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container {
    justify-content: space-between;
    margin: 0
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-select-deposit {
    margin: 0;
    width: 85%
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-add-deposit-btn {
    align-items: center;
    border: 0.01rem solid #dbe0e4;
    border-radius: 0.15rem;
    color: #0f161f;
    height: 0.75rem;
    margin: 0;
    width: 0.8rem;
    min-width: 0.8rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-selected {
    display: flex;
    align-items: center;
    gap: .2rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-selected .bank-icon {
    display: flex;
    width: .5rem;
    margin: auto
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-selected .bank-icon .img-container {
    position: relative
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-select-deposit-container .bank-selected .bank-icon .img-container.online:before {
    position: absolute;
    content: "";
    background: #30e100;
    border-radius: 50%;
    width: 0.18rem;
    height: 0.18rem;
    top: 10%;
    right: -10%;
    z-index: 1
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-link {
    color: #06c;
    text-decoration: underline;
    margin: .1rem 0
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .bank-link:hover {
    text-decoration: underline !important
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper {
    display: flex;
    width: 100%;
    position: relative
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper label {
    width: auto
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper .important-notice-container {
    width: 62%;
    display: flex;
    align-items: center;
    margin: 0 0 0.26rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper .important-notice-container svg {
    width: 0.3rem;
    height: 0.3rem;
    margin: 0.05rem 0 0 0.1rem;
    fill: #c5d2d8
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-detail-field .bank-detail-label-wrapper .important-notice-box {
    position: absolute;
    width: auto;
    bottom: 105%;
    left: 0%;
    padding: 0.1rem;
    background: #fff;
    color: #000;
    border-radius: 0.1rem;
    z-index: 1;
    box-shadow: 0.02rem 0.03rem 0.05rem #9b9b9b;
    display: flex;
    word-break: break-word
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .receipt-image-box {
    margin: 0.15rem 0 0 0
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .receipt-image-box img {
    width: 100%
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .receipt-image-box .pdf-name {
    color: #8697a2
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.3rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .receipt-container .standard-error-validation {
    margin: 0.1rem 0 0.3rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section {
    margin: 0.28rem 0 0
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container button {
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container .standard-submit-button {
    margin: 0;
    width: 100%
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #82ccfd;
    width: 49%
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container svg {
    width: auto;
    height: .4rem;
    margin-right: .03rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .important-note {
    color: red;
    font-size: 0.26rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .important-note span:first-child {
    text-transform: capitalize
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .reminder-note {
    border-radius: 0.1rem;
    border: 0.01rem solid #dbe0e4;
    color: #8899a4;
    font-size: 0.22rem;
    padding: 0.38rem 0.42rem 0.5rem 0.38rem;
    margin: 0.88rem 0 0.82rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .reminder-note ul li {
    list-style: disc;
    margin: 0.2rem 0 0.2rem 0.22rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .tool-tip-container {
    display: flex;
    margin: .09rem;
    gap: .1rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .tool-tip-container svg {
    fill: #dbe0e4;
    width: .35rem
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .tool-tip-container span {
    color: red;
    font-size: .22rem;
    display: flex;
    align-items: center
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .tool-tip-container .currency-tooltip {
    color: #0f161f
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-note-section {
    border-top: .2rem solid #f3f5f6
}

.m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-detail {
    background: #fff;
    border-radius: 0.1rem
}

.m-bank-apps-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 49% !important
}

.m-bank-transfer-container .standard-form-container .standard-form-field .payment-method-select-dropdown-container {
    margin: 0
}

.m-bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 100%
}

.m-bank-transfer-container .standard-form-container .receipt-image-box {
    margin: 0.15rem 0 0.15rem 0
}

.m-bank-transfer-container .standard-form-container .receipt-image-box img {
    width: 100%
}

.m-bank-transfer-container .standard-form-container .receipt-image-box .pdf-name {
    font-size: 0.3rem;
    color: #8697a2
}

.m-bank-transfer-container .standard-form-container .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.3rem
}

.m-bank-transfer-container .standard-form-container .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0.25rem 0 0 0
}

.m-bank-transfer-container .standard-form-container .btm-tool-tip-container svg {
    fill: #c7d2d7;
    margin: 0 0.15rem 0 0;
    width: 0.3rem;
    height: 0.3rem
}

.m-bank-transfer-container .standard-form-container .btm-tool-tip-container span {
    font-size: 0.25rem
}

.m-bank-transfer-container .standard-form-container .bank-statement-wrapper {
    display: grid;
    grid-template-columns: 1fr 40%;
    gap: 0.15rem
}

.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    width: 100%;
    height: 0.75rem;
    background: #fff;
    color: #8899a4;
    border: 0.02rem solid #dbe0e4;
    border-radius: 0.15rem;
    font-size: 0.28rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.1rem
}

.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn svg {
    width: 0.3rem
}

.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn.with-attachment {
    color: #0071e3
}

.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .upload-receipt-btn.with-attachment svg {
    width: 0.5rem
}

.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .receipt-control-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    height: 100%
}

.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .receipt-control-section .preview-receipt-btn {
    display: block;
    width: 100%;
    height: 0.75rem;
    background: #0071e3;
    border-radius: 0.15rem
}

.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .receipt-control-section .delete-receipt-btn {
    display: block;
    width: 15%;
    height: 0.75rem;
    background: rgba(0,0,0,0)
}

.m-bank-transfer-container .standard-form-container .bank-statement-wrapper .receipt-control-section div p {
    font-weight: 600
}

.m-bank-transfer-container .standard-form-container .m-region-qr-container .bank-qrcode {
    margin: 0.78rem 0 0.78rem 0
}

.m-region-qr-container .bank-qrcode {
    margin: 0 0 0.78rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.m-region-qr-container .bank-qrcode .frame {
    position: relative;
    margin: 0 0 .25rem 0;
    padding: .15rem;
    border: .05rem solid #8697a2;
    border-radius: .2rem
}

.m-region-qr-container .bank-qrcode .frame .top-mask {
    background: #fff;
    position: absolute;
    top: -0.05rem;
    left: 25%;
    height: .05rem;
    width: 50%
}

.m-region-qr-container .bank-qrcode .frame .right-mask {
    background: #fff;
    position: absolute;
    top: 25%;
    right: -0.05rem;
    height: 50%;
    width: .05rem
}

.m-region-qr-container .bank-qrcode .frame .bottom-mask {
    background: #fff;
    position: absolute;
    bottom: -0.05rem;
    left: 25%;
    height: .05rem;
    width: 50%
}

.m-region-qr-container .bank-qrcode .frame .left-mask {
    background: #fff;
    position: absolute;
    top: 25%;
    left: -0.05rem;
    height: 50%;
    width: .05rem
}

.m-region-qr-container .bank-qrcode .frame img {
    width: 3rem
}

.m-region-qr-container .standard-form-container .standard-form-field .payment-method-select-dropdown-container {
    margin: 0
}

.m-region-qr-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 49% !important
}

.m-deposit-crypto-container .standard-form-container .bank-list-container .bank-list .bank-item .coin-name {
    color: #8899a4;
    width: 80%
}

.m-deposit-crypto-container .standard-form-container .bank-list-container .bank-list .active .coin-name {
    color: #0f161f
}

.m-deposit-crypto-container .standard-form-container .qr-form-field {
    margin: 0 0 0.66rem
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .standard-label {
    color: #0f161f;
    font-weight: 600;
    font-size: 0.3rem;
    margin: 0 0 0.26rem 0
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.66rem
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box {
    display: flex;
    flex-direction: column;
    width: 36%
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box .qr-canvas {
    height: auto !important;
    margin: 0 0 0.32rem;
    width: 100% !important
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-box button {
    background: #f3f5f6;
    border-radius: 0.1rem;
    color: #8899a4;
    font-size: 0.26rem;
    padding: 0.2rem 0
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info {
    width: 55%
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .info {
    color: #8899a4
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .info-ratio {
    color: #0f161f;
    margin: 0 0 0.32rem
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .important-note {
    color: red;
    font-size: 0.26rem;
    text-transform: uppercase
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0.4rem 0 0
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder svg {
    fill: #c7d2d7;
    height: 0.4rem;
    margin: 0 0.1rem 0 0;
    width: 0.4rem
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .reminder span {
    color: #0f161f;
    font-size: 0.22rem
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container {
    margin: 0 0 0.3rem
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container .address-link {
    color: #8899a4;
    margin: 0 0 0.36rem
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container .crypto-address-btn-container button {
    align-items: center;
    background: #f3f5f6;
    border-radius: 0.1rem;
    color: #0f161f;
    display: flex;
    height: 0.75rem;
    justify-content: space-between;
    padding: 0 0.3rem;
    width: 100%
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container .crypto-address-btn-container button .data-link {
    display: -webkit-box;
    font-size: 0.3rem;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 80%;
    overflow: hidden
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .share-address-container .crypto-address-btn-container button svg:not(:root) {
    overflow: visible;
    height: 0.4rem;
    width: 0.4rem
}

.m-deposit-crypto-container .standard-form-container .qr-form-field .chk-status-btn-container .chk-status-btn {
    background: #82ccfd;
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem
}

.m-line-deposit-container .line-content {
    margin: 0 0 0.66rem
}

.m-line-deposit-container .line-content .instruction-slider {
    align-items: center;
    display: flex
}

.m-line-deposit-container .line-content .instruction-slider .left-arrow,.m-line-deposit-container .line-content .instruction-slider .right-arrow {
    background: rgba(0,0,0,0);
    width: 10%
}

.m-line-deposit-container .line-content .instruction-slider .left-arrow svg,.m-line-deposit-container .line-content .instruction-slider .right-arrow svg {
    align-items: center;
    background: #dbe9f0;
    border-radius: 50%;
    display: flex;
    fill: #6da0dd;
    height: 0.5rem;
    justify-content: center;
    padding: 0.1rem 0.15rem;
    width: 0.5rem
}

.m-line-deposit-container .line-content .instruction-slider .arrow-away {
    opacity: 0
}

.m-line-deposit-container .line-content .instruction-slider .right-arrow {
    transform: rotate(180deg)
}

.m-line-deposit-container .line-content .instruction-slider .slick-list {
    width: 100%
}

.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .line-title {
    align-items: center;
    color: #0f161f;
    font-weight: 700;
    display: flex;
    justify-content: center
}

.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .img-container img {
    width: 100% !important;
    margin: auto
}

.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .desc {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .desc .step {
    color: #0f161f
}

.m-line-deposit-container .line-content .instruction-slider .slick-list .slick-track .slick-slide .desc span {
    color: #8697a2
}

.m-reload-container .standard-form-container .receipt-container {
    margin: 0.2rem 0 0
}

.m-reload-container .standard-form-container .receipt-container .standard-error-validation {
    margin: 0 0 0.3rem
}

.m-reload-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button {
    width: 49% !important
}

.share-popup-container .share-popup-header {
    padding: 0.25rem 0
}

.share-popup-container .share-popup-body {
    padding: 0 0.66rem 0.45rem
}

.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container {
    padding: 0.1rem
}

.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:not(:last-child) {
    margin: 0 0 0.3rem
}

.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:hover,.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:active {
    background: #ff8a00;
    border-radius: 0.5rem
}

.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:hover button span,.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:hover button p,.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:active button span,.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container:active button p {
    color: #fff
}

.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button {
    align-items: center;
    background: rgba(0,0,0,0);
    display: flex;
    margin: auto;
    width: 50%;
    padding: 0.07rem 0
}

.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button svg {
    height: 0.4rem;
    margin: 0 0.3rem 0 0;
    width: 0.4rem
}

.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button span,.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button p {
    color: #0f161f;
    font-size: 0.3rem
}

.share-popup-container .share-popup-body .share-popup-body-wrapper .sm-button-container button p {
    margin: 0
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container {
    width: 100%
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .box-message {
    background: #f3f5f6;
    border-radius: 0.1rem;
    color: #0f161f;
    padding: 0.22rem 0.35rem
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.5rem
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container {
    width: 18%
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container img,.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container svg {
    height: 0.6rem;
    width: 0.6rem
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info {
    display: flex;
    flex-direction: column;
    width: 100%
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .bank-name {
    align-items: center;
    color: #0f161f;
    display: flex;
    height: 0.6rem;
    margin: 0 0 0.1rem
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .account-name {
    color: #8899a4;
    margin: 0 0 0.25rem
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .standard-form-field-wrapper {
    margin: 0
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .qrcode-container {
    margin: 0.25rem 0 0
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .info .qrcode-container .qrcode {
    width: 2rem
}

.m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section {
    margin: 0.1rem 0 0 !important;
    width: 100%
}

.m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .standard-button-container .standard-submit-button {
    background: #82ccfd;
    width: 49% !important
}

.m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .express-add-bank {
    color: red;
    font-size: 0.22rem
}

.m-express-deposit-container .standard-form-container .reminder-note {
    border-radius: 0.1rem;
    border: 0.01rem solid #dbe0e4;
    color: #8899a4;
    font-size: 0.22rem;
    margin: 0.88rem 0 0.82rem;
    padding: 0.38rem 0.42rem 0.5rem 0.38rem
}

.m-express-deposit-container .standard-form-container .reminder-note ul li {
    list-style: disc;
    margin: 0.2rem 0 0.2rem 0.22rem
}

@media(max-width: 768px) {
    .select-bank-popup-container .bank-field .standard-form-field-wrapper {
        justify-content:space-between
    }

    .select-bank-popup-container .bank-field .standard-form-field-wrapper .standard-select,.select-bank-popup-container .bank-field .standard-form-field-wrapper .standard-select-dropdown {
        width: 88%
    }

    .select-bank-popup-container .bank-field .standard-form-field-wrapper .add-button {
        background: #c7d2d7;
        border-radius: 50%;
        height: .6rem;
        padding: .15rem .12rem;
        width: .6rem
    }
}

.m-transfer-container .weekly-total-wrapper {
    align-items: center;
    display: grid;
    width: 100%;
    justify-content: center;
    padding: 0 .42rem .25rem .42rem;
    grid-template-columns: 95% 5%
}

.m-transfer-container .weekly-total-wrapper .weekly-total-container {
    display: flex;
    text-align: right;
    align-items: center;
    background: #f3f5f6;
    padding: .15rem .4rem;
    border-radius: .3rem
}

.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total {
    display: flex;
    align-items: center;
    font-size: .3rem
}

.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .title {
    color: #0f161f;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    padding: 0 0.15rem 0 0
}

.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .amount {
    color: #0170e3;
    margin: 0;
    padding: 0 0.15rem 0 0;
    position: absolute;
    right: 1.7rem
}

.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .refresh-icon {
    fill: url(#beta-refresh-gradient);
    width: .3rem;
    margin: 0;
    position: absolute;
    right: 1.4rem
}

.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .refresh-icon.active {
    transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
    transform: translateZ(0) rotateZ(-540360deg)
}

.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .important-notice-box {
    background: #fff;
    border-radius: .1rem;
    box-shadow: .02rem .03rem .05rem #9b9b9b;
    color: #0f161f;
    display: flex;
    font-size: .22rem;
    left: 13%;
    padding: .1rem .2rem;
    position: absolute;
    top: 3.5rem;
    width: 77%
}

.m-transfer-container .weekly-total-wrapper .weekly-total-container .weekly-total .important-notice-box .note {
    margin: 0 0.1rem 0 0
}

.m-transfer-container .weekly-total-wrapper svg:not(:root) {
    overflow: visible;
    height: .26rem;
    width: .26rem;
    justify-self: end
}

.m-transfer-container .weekly-total-wrapper svg:not(:root):last-child {
    fill: #c7d2d7
}

.m-transfer-container .provider-balance-section {
    margin: 0 0 0.56rem
}

.m-transfer-container .provider-balance-section .show-balance-field .provider-balance-wrapper {
    background: rgba(0,0,0,0);
    border: 0;
    color: #0f161f;
    font-size: 0.3rem;
    padding: 0;
    width: 100%;
    padding: .05rem .35rem 0
}

.m-transfer-container .provider-balance-section .show-balance-field .provider-balance-wrapper .standard-select {
    background: #f3f5f6;
    border: 0;
    border-radius: .05rem;
    color: #0f161f
}

.m-transfer-container .provider-balance-section .show-balance-field .provider-balance-wrapper .standard-select .standard-select-arrow {
    margin: 0 0.3rem 0 0
}

.m-transfer-container .m-transfer-form {
    margin: 0 0.42rem
}

.m-transfer-container .m-transfer-form .standard-form-field {
    margin: 0 0 0.66rem
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-label {
    color: #0f161f;
    font-size: 0.3rem;
    margin: 0 0 0.26rem;
    text-transform: capitalize
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet {
    background: #f3f5f6;
    left: 0;
    top: 0.8rem;
    width: 100%;
    position: unset
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container {
    margin: 0 0 0.1rem
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category {
    height: 0.62rem;
    padding: 0.06rem 0.3rem
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-category-balance {
    color: #8899a4;
    width: 68%
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-category-balance span {
    font-size: 0.3rem
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance {
    font-size: .26rem
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-mainWallet-balance svg {
    height: 0.3rem;
    margin: 0 0 0 0.25rem;
    width: 0.3rem
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-balance-container {
    font-size: .26rem
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .provider-category .provider-balance-container svg {
    height: 0.3rem;
    margin: 0 0 0 0.25rem;
    width: 0.3rem
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .category-providers {
    background: #e8e8e8;
    padding: 0 0.3rem
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .category-providers .provider-balance {
    align-items: center;
    height: 0.65rem;
    padding: 0.12rem 0.55rem 0.12rem 0
}

.m-transfer-container .m-transfer-form .standard-form-field .standard-form-field-wrapper .floating-wallet .provider-category-container .category-providers .provider-balance span {
    color: #0f161f;
    font-size: 0.3rem
}

.m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container {
    width: 100%
}

.m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container .standard-input {
    margin: 0
}

.m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container .valid-invalid-container {
    display: flex;
    align-items: center;
    margin-top: 0.1rem
}

.m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container .valid-invalid-container .valid-invalid-img {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.1rem
}

.m-transfer-container .m-transfer-form .transfer-from-field .label-container {
    display: grid;
    grid-template-columns: 90% auto;
    justify-content: space-between;
    width: 100%
}

.m-transfer-container .m-transfer-form .transfer-from-field .label-container .icon-tutorial {
    display: flex;
    align-items: center;
    background: #ff8a00;
    border-radius: 50%;
    padding: .1rem;
    height: 0.5rem;
    width: 0.5rem
}

.m-transfer-container .m-transfer-form .transfer-from-field .label-container .icon-tutorial.inactive {
    filter: grayscale(1);
    cursor: not-allowed
}

.m-transfer-container .m-transfer-form .transfer-from-field .label-container .icon-tutorial svg {
    width: 0.35rem;
    height: 0.35rem;
    fill: #fff
}

.m-transfer-container .m-transfer-form .standard-button-container .standard-submit-form-button {
    background: #ff8a00;
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem;
    width: 100%
}

.m-transfer-container .provider-balance-container.all-provider-container {
    padding: .8rem .35rem
}

.m-transfer-container .provider-balance-container .top {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0.42rem;
    position: relative;
    width: 100%
}

.m-transfer-container .provider-balance-container .top .provider-category-list-container {
    width: 55%
}

.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field {
    margin: 0
}

.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field #dropdownBtn {
    font-size: 0.26rem;
    line-height: 1
}

.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field .standard-select {
    background: #fff;
    border-radius: 0.5rem;
    padding: 0 0.4rem
}

.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field .standard-select-arrow {
    right: .3rem;
    top: 0.24rem
}

.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field .category-list {
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.44rem 0.24rem 0.52rem;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    border: 0.01rem solid #d6d6d6
}

.m-transfer-container .provider-balance-container .top .provider-category-list-container .standard-form-field .category-list p {
    color: #8899a4;
    margin: 0 0 0.1rem;
    padding: 0.25rem
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box {
    margin: 0 0 0.66rem
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-title {
    margin: 0 0 0.26rem
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 0.5rem;
    grid-column-gap: 0.15rem
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item {
    background: #f3f5f6;
    border-radius: .1rem;
    font-size: .26rem;
    padding: .2rem;
    position: relative
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-status {
    align-items: center;
    display: flex;
    margin: 0 0 0.2rem
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-status svg {
    background: #000;
    border-radius: 0.1rem;
    height: 0.65rem;
    margin: 0 0.2rem 0 0;
    padding: 0.05rem;
    width: 0.65rem
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content .pi-name {
    color: #0f161f
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content .pi-balance {
    color: #0170e3;
    margin: 0
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container {
    background: #fff;
    border-radius: 0.1rem;
    color: #8899a4;
    display: flex;
    justify-content: space-between;
    padding: 0.1rem 0.15rem 0.1rem 0.25rem;
    flex-flow: wrap
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container span:first-child {
    text-transform: lowercase
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container img {
    width: 0.4rem;
    height: 0.4rem
}

.m-transfer-container .provider-balance-container .provider-list-container .list-box .box-provider .provider-item .pi-allin-btn {
    align-items: center;
    background: #8697a2;
    color: #fff;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    font-size: .26rem;
    height: .35rem;
    left: 20%;
    top: 90%;
    width: 1.95rem;
    margin: .2rem auto 0
}

.m-withdrawal-landing {
    font-size: 0.26rem
}

.m-withdrawal-landing .withdraw-tab-container {
    background: rgba(0,0,0,0);
    margin: 0 0 0.28rem;
    padding: 0 .35rem
}

.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header {
    display: grid;
    grid-template-columns: 90% auto;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 0.26rem
}

.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header .st-title {
    color: #0f161f;
    font-weight: 600;
    font-size: 0.3rem;
    margin: 0
}

.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header .icon-tutorial {
    display: flex;
    align-items: center;
    background: #ff8a00;
    border-radius: 50%;
    padding: .1rem;
    height: 0.5rem;
    width: 0.5rem
}

.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header .icon-tutorial.inactive {
    filter: grayscale(1);
    cursor: not-allowed
}

.m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header .icon-tutorial svg {
    width: 0.35rem;
    height: 0.35rem;
    fill: #fff
}

.m-withdrawal-landing .withdraw-tab-container .standard-tab {
    display: grid;
    grid-template-columns: repeat(4, 0.4fr);
    grid-column-gap: 0.15rem;
    grid-row-gap: 0.3rem;
    padding: 0
}

.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header {
    color: #8899a4;
    flex-direction: column;
    justify-content: start;
    padding: 0
}

.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header .img-container {
    align-items: center;
    background: #f3f5f6;
    border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    margin: 0 0 0.15rem;
    padding: 0.2rem 0;
    width: 100%
}

.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header .img-container img {
    overflow: visible;
    height: 0.65rem;
    width: 0.75rem
}

.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header .img-container svg:not(:root) {
    overflow: visible;
    height: 0.65rem;
    width: 0.75rem
}

.m-withdrawal-landing .withdraw-tab-container .standard-tab .tab-header .withdraw-option {
    text-align: center;
    white-space: normal
}

.m-withdrawal-landing .withdraw-tab-container .standard-tab .active .img-container {
    background: linear-gradient(to right, #067db0, #04abc2)
}

.m-withdrawal-landing .withdraw-tab-container .standard-tab .active .img-container svg,.m-withdrawal-landing .withdraw-tab-container .standard-tab .active .img-container img {
    fill: #fff;
    filter: brightness(0) invert(1)
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form {
    margin: 0 0 .56rem;
    padding: 0 .35rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-detail-field,.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .withdraw-method {
    margin-top: 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .st-title {
    font-weight: 600;
    font-size: 0.3rem;
    color: #0f161f;
    margin: 0 0 0.26rem;
    text-transform: capitalize
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container {
    background: rgba(0,0,0,0);
    margin: 0 0 0.45rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab {
    display: grid;
    grid-template-columns: repeat(4, 0.4fr);
    grid-column-gap: 0.15rem;
    grid-row-gap: 0.3rem;
    padding: 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header {
    color: #8899a4;
    flex-direction: column;
    padding: 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container {
    align-items: center;
    background: #f3f5f6;
    border: 0.02rem solid rgba(0,0,0,0);
    border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    margin: 0 0 0.15rem;
    padding: 0.2rem 0;
    width: 100%
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container svg,.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .img-container img {
    filter: grayscale(100%);
    height: 0.65rem;
    width: 0.75rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .tab-header .deposit-option {
    text-align: center;
    white-space: normal
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container {
    background: #f3f5f6;
    border: 0.02rem solid #ff8a00
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container svg,.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .deposit-channel-container .standard-tab .active .img-container img {
    filter: grayscale(0%)
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container {
    background: #f3f5f6;
    border-radius: 0.2rem;
    margin: 0.26rem 0 0;
    padding: 0.38rem;
    width: 100%
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item {
    align-items: center;
    display: flex;
    margin: 0 0 0.3rem;
    justify-content: space-between
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item .img-container {
    position: relative;
    width: 14%
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item .img-container svg,.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item .img-container img {
    filter: grayscale(100%) opacity(0.5) brightness(100%);
    background: #fff;
    border-radius: 0.1rem;
    border: 0.02rem solid rgba(0,0,0,0);
    padding: 0.05rem;
    width: 100%;
    height: 100%
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item .bank-name {
    color: #8899a4;
    width: 80%
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item:last-child {
    margin: 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item.active .img-container svg,.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item.active .img-container img {
    filter: grayscale(0%);
    border: 0.02rem solid #ff8a00;
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-item.active .bank-name {
    color: #0f161f
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-submit-form-button {
    background: #81cbfc;
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem;
    margin: 0.14rem 0 0;
    width: 100%;
    text-transform: capitalize
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .acc-name-field {
    margin-top: .24rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .acc-name-field.add-spacing {
    margin-top: .5rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-label {
    color: #0f161f;
    font-weight: 600;
    font-size: 0.3rem;
    height: 0.4rem;
    margin: 0 0 .1rem;
    text-transform: capitalize
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .tool-tip-container {
    align-items: center;
    color: #8899a4;
    display: flex;
    font-size: 0.22rem;
    margin: 0.18rem 0 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .tool-tip-container svg {
    fill: #c7d2d7;
    height: 0.3rem;
    width: 0.3rem;
    margin: 0 0.18rem 0 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper .standard-form-field .bank-selected {
    display: flex;
    align-items: center;
    gap: .2rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper .standard-form-field .bank-selected .bank-icon {
    display: flex;
    width: .5rem;
    margin: auto
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper .standard-form-field .bank-selected .bank-icon .img-container {
    position: relative
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper .standard-form-field .bank-selected .bank-icon .img-container.online:before {
    position: absolute;
    content: "";
    background: #30e100;
    border-radius: 50%;
    width: 0.18rem;
    height: 0.18rem;
    top: 10%;
    right: -10%;
    z-index: 1
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper.bank-select-deposit-container {
    margin-bottom: 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-form-field-wrapper.bank-select-deposit-container .bank-select-deposit {
    margin-bottom: 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .standard-form-field .channel-select-withdraw-container {
    width: 100%
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .receipt-image-box {
    margin: 0 0 0.15rem 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .receipt-image-box img {
    width: 100%
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .receipt-image-box .pdf-name {
    font-size: 0.3rem;
    color: #8697a2
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .receipt-image-box .pdf-clear {
    margin-left: 0.1rem;
    width: 0.3rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .btm-tool-tip-container {
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0.25rem 0 0 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .btm-tool-tip-container svg {
    fill: #c7d2d7;
    margin: 0 0.15rem 0 0;
    width: 0.3rem;
    height: 0.3rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .btm-tool-tip-container span {
    font-size: 0.25rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper {
    display: grid;
    grid-template-columns: 1fr 40%;
    gap: 0.15rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .upload-receipt-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    width: 100%;
    height: 0.75rem;
    background: #fff;
    color: #8899a4;
    border: 0.02rem solid #dbe0e4;
    border-radius: 0.15rem;
    font-size: 0.28rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.1rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .upload-receipt-btn svg {
    width: 0.3rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment {
    color: #0071e3
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .upload-receipt-btn.with-attachment svg {
    width: 0.5rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .receipt-control-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .receipt-control-section .preview-receipt-btn {
    display: block;
    width: 100%;
    height: 0.75rem;
    background: #0071e3;
    border-radius: 0.15rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .receipt-control-section .delete-receipt-btn {
    display: block;
    width: 15%;
    height: 0.75rem;
    background: rgba(0,0,0,0)
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-statement-section .bank-statement-wrapper .receipt-control-section div p {
    font-weight: 600
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section {
    margin: .3rem 0
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container button {
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container .standard-submit-button {
    margin: 0;
    width: 100%
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #82ccfd;
    width: 49%
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-note-section {
    border-top: .2rem solid #f3f5f6
}

.m-withdrawal-landing .m-standard-transaction-container .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-detail {
    background: #fff;
    border-radius: 0.1rem
}

.m-crypto-withdrawal-container .standard-form-container .qr-container {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin: 0.32rem 0 0.73rem
}

.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info {
    align-items: flex-end;
    color: #0f161f;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 0.38rem;
    width: 86%
}

.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info .left-info {
    width: 52%
}

.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info .left-info .info-title {
    color: #8899a4
}

.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info .left-info .info-chain {
    color: #8899a4;
    text-transform: uppercase
}

.m-crypto-withdrawal-container .standard-form-container .qr-container .qr-info .right-info {
    width: 43%
}

.m-crypto-withdrawal-container .standard-form-container .qr-container .btn-refresh {
    background: #c7d2d7;
    border-radius: 50%;
    display: flex;
    height: 0.6rem;
    width: 0.6rem;
    padding: 0.1rem;
    margin: 0 0 0.05rem
}

.m-crypto-withdrawal-container .standard-form-container .qr-container .btn-refresh svg {
    width: 100%
}

.m-crypto-withdrawal-container .standard-form-container .qr-container .btn-refresh svg * {
    fill: #fff
}

.m-crypto-withdrawal-container .standard-form-container .standard-form-field .address-select-withdraw-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.m-crypto-withdrawal-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-form-field {
    margin: 0;
    width: 88%
}

.m-crypto-withdrawal-container .standard-form-container .standard-form-field .address-select-withdraw-container .standard-add-button {
    align-items: center;
    background: #c7d2d7;
    color: #fff;
    border-radius: 50%;
    display: flex;
    font-size: 0.6rem;
    justify-content: center;
    height: 0.6rem;
    width: 0.6rem
}

.m-crypto-withdrawal-container .standard-form-container .reminder-note {
    border-radius: 0.1rem;
    border: 0.01rem solid #dbe0e4;
    color: #8899a4;
    font-size: 0.22rem;
    padding: 0.38rem 0.42rem 0.5rem 0.38rem
}

.m-crypto-withdrawal-container .standard-form-container .reminder-note h4 {
    font-weight: normal
}

.m-crypto-withdrawal-container .standard-form-container .reminder-note ul li {
    list-style: disc;
    margin: 0.2rem 0 0.2rem 0.22rem
}

.m-history-landing-container {
    font-size: 0.3rem
}

.m-history-landing-container .title {
    color: #0f161f;
    font-weight: 600;
    margin: 0 0 0.26rem
}

.m-history-landing-container .history-control-section {
    margin: .52rem .42rem
}

.m-history-landing-container .history-control-section .history-type-field {
    margin: 0 0 0.68rem
}

.m-history-landing-container .history-control-section .history-type-field .standard-select-dropdown {
    top: 1rem
}

.m-history-landing-container .history-control-section .standard-form-field .standard-input,.m-history-landing-container .history-control-section .standard-form-field .standard-select {
    border: 0.02rem solid #dbe0e4;
    color: #8899a4
}

.m-history-landing-container .history-control-section .standard-form-field .standard-select .standard-select-dropdown .standard-select-options {
    color: #8899a4
}

.m-history-landing-container .history-control-section .standard-form-field .standard-select .standard-select-dropdown .active {
    color: #fff
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form {
    display: flex;
    justify-content: space-between
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form:first-child {
    margin: 0 0 0.68rem
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container {
    width: 49%
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-label {
    color: #0f161f;
    font-weight: 600;
    margin: 0 0 0.26rem
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-mandatory::after {
    color: #e0082d;
    font-size: 0.36rem
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-form-field {
    margin: 0.26rem 0 0
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input {
    justify-content: space-between
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input .beta-calendar {
    height: 0.4rem;
    width: 0.4rem;
    overflow: visible
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .standard-form-field-container .standard-form-field .react-datepicker__tab-loop .react-datepicker-popper {
    font-size: 0.24rem
}

.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .transaction-type-selection,.m-history-landing-container .history-control-section .standard-setting-table-container .history-form .status-selection {
    margin: 0 0 0.68rem
}

.m-history-landing-container .history-control-section .standard-setting-table-container .standard-submit-btn {
    background: #ff8a00;
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem;
    margin: 0;
    width: 100%
}

.m-history-landing-container .history-control-section .history-container .standard-submit-button {
    width: 100%
}

.m-history-landing-container .history-info-container .m-history-betting-summary-table-container .standard-st-table-wrapper {
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll
}

.m-history-landing-container .history-info-container .m-history-betting-summary-table-container .standard-st-table-wrapper thead tr th {
    padding: 0.1rem 0.15rem
}

.m-history-landing-container .history-info-container .pagination-content {
    font-size: 0.26rem;
    margin: 0.55rem 0 0;
    text-align: center
}

.m-history-landing-container .history-info-container .pagination-content .page-count {
    color: #0f161f;
    font-weight: 600;
    margin: 0 0 0.36rem
}

.m-history-landing-container .history-info-container .pagination-content .pagination {
    align-items: center;
    display: flex;
    justify-content: center
}

.m-history-landing-container .history-info-container .pagination-content .pagination .page-item {
    margin: 0 0.25rem
}

.m-history-landing-container .history-info-container .pagination-content .pagination .page-item .arrow-icon svg {
    fill: #8899a4;
    height: 0.18rem;
    width: 0.18rem
}

.m-history-landing-container .history-info-container .pagination-content .pagination .active .arrow-icon {
    align-items: center;
    background: #f3f5f6;
    border-radius: 50%;
    color: #8899a4;
    font-weight: 600;
    display: flex;
    height: 0.52rem;
    justify-content: center;
    width: 0.52rem
}

.m-custom-popup-overlay .m-popup-history-detail .data-container .data-content .info-result {
    color: undefined
}

.m-custom-popup-overlay .m-popup-history-detail .data-container .data-content .info-result.status-A {
    color: #0071e3
}

.m-instant-rebate-container {
    font-size: 0.26rem
}

.m-instant-rebate-container .instant-rebate-tab-container {
    background: unset;
    margin: .55rem 0 .5rem 0;
    padding: 0 .45rem
}

.m-instant-rebate-container .instant-rebate-tab-container .standard-tab {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 0.15rem;
    padding: 0;
    height: .8rem
}

.m-instant-rebate-container .instant-rebate-tab-container .standard-tab .tab-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 0.65rem;
    background: #f3f5f6;
    border-radius: 0.5rem;
    color: #8899a4
}

.m-instant-rebate-container .instant-rebate-tab-container .standard-tab .tab-header.active {
    background: #ff8a00;
    color: #fff
}

.m-instant-rebate-tab {
    font-size: 0.25rem;
    padding: 0 .45rem
}

.m-instant-rebate-tab .top-container {
    background: #f3f5f6;
    padding: 0.5rem;
    margin: 0 0 0.5rem 0;
    border-radius: .1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.m-instant-rebate-tab .top-container .pending-claim {
    color: #0f161f;
    margin: 0 0 0.15rem 0
}

.m-instant-rebate-tab .top-container .amount-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    background: #fff;
    border-radius: .5rem;
    padding: 0.1rem 1rem;
    margin: 0 0 .15rem 0
}

.m-instant-rebate-tab .top-container .amount-container .currency {
    font-size: 0.18rem;
    color: #8899a4;
    margin: 0 .15rem 0 0
}

.m-instant-rebate-tab .top-container .amount-container .amount {
    font-size: 0.25rem;
    font-weight: 600;
    color: #0071e3
}

.m-instant-rebate-tab .top-container .last-update {
    color: #8899a4;
    margin: 0 0 .25rem 0;
    font-size: .18rem
}

.m-instant-rebate-tab .top-container .claim-all-btn {
    width: 100%;
    font-size: 0.25rem;
    background: #ff8a00;
    color: #fff;
    padding: 0.1rem 0.5rem;
    margin: 0 0 .15rem 0;
    border-radius: 0.1rem;
    height: .75rem
}

.m-instant-rebate-tab .top-container .claim-all-btn:disabled {
    opacity: .5
}

.m-instant-rebate-tab .top-container .last-claimed {
    color: #8899a4;
    font-size: .18rem
}

.m-instant-rebate-tab .top-container .claim-status {
    float: right;
    color: red
}

.m-instant-rebate-tab .bottom-container .provider-table-container {
    margin: 0 0 0.5rem 0
}

.m-instant-rebate-tab .bottom-container .provider-table-container .provider-table-header {
    display: flex;
    align-items: center;
    margin: 0 0 0.1rem 0;
    color: #0f161f;
    font-size: 0.28rem
}

.m-instant-rebate-tab .bottom-container .provider-table-container .provider-table-header svg {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.1rem 0 0
}

.m-instant-rebate-tab .bottom-container .provider-table-container .data-container {
    display: flex;
    margin: 0 0 0.015rem 0
}

.m-instant-rebate-tab .bottom-container .provider-table-container .data-container .title {
    width: 50%;
    color: #0f161f;
    font-size: 0.28rem;
    text-align: center;
    background: #e8e8e8;
    padding: 0.25rem;
    margin: 0 0.015rem 0 0
}

.m-instant-rebate-tab .bottom-container .provider-table-container .data-container .value {
    width: 50%;
    color: #8899a4;
    font-size: 0.3rem;
    text-align: center;
    background: #f3f5f6;
    padding: 0.25rem
}

.m-instant-rebate-tab .bottom-container .provider-table-container .divider {
    width: 100%;
    height: 0.02rem;
    background: #f7f7f7;
    margin: 0.25rem 0
}

.m-instant-rebate-tab .show-more-container {
    display: flex;
    justify-content: center;
    margin: .25rem 0 0 0;
    color: #8899a4;
    text-decoration: underline
}

.ir-history-landing-container {
    font-size: 0.3rem;
    padding: 0 0 2rem
}

.ir-history-landing-container .ir-history-control-section {
    padding: 0 .45rem .6rem .45rem
}

.ir-history-landing-container .ir-history-control-section .standard-form-field .standard-input,.ir-history-landing-container .ir-history-control-section .standard-form-field .standard-select {
    border: 0.01rem solid #dbe0e4;
    color: #8899a4
}

.ir-history-landing-container .ir-history-control-section .standard-form-field .standard-select .standard-select-dropdown .standard-select-options {
    color: #8899a4
}

.ir-history-landing-container .ir-history-control-section .standard-form-field .standard-select .standard-select-dropdown .active {
    color: #fff
}

.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form {
    display: flex;
    justify-content: space-between
}

.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container {
    width: 49%
}

.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container .standard-label {
    color: #0f161f;
    font-weight: 600;
    margin: 0 0 0.26rem
}

.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container .standard-mandatory::after {
    color: #e0082d;
    font-size: 0.36rem
}

.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input {
    justify-content: space-between
}

.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .ir-history-form .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input .beta-calendar {
    height: 0.4rem;
    width: 0.4rem;
    overflow: visible
}

.ir-history-landing-container .ir-history-control-section .standard-setting-table-container .standard-submit-btn {
    background: #ff8a00;
    border-radius: 0.1rem;
    font-size: 0.3rem;
    height: 0.75rem;
    width: 100%
}

.ir-history-landing-container .ir-history-info-container .pagination-content {
    font-size: 0.26rem;
    margin: 0.55rem 0 0;
    text-align: center
}

.ir-history-landing-container .ir-history-info-container .pagination-content .page-count {
    color: #0f161f;
    font-weight: 600;
    margin: 0 0 0.36rem
}

.ir-history-landing-container .ir-history-info-container .pagination-content .pagination {
    align-items: center;
    display: flex;
    justify-content: center
}

.ir-history-landing-container .ir-history-info-container .pagination-content .pagination .page-item {
    margin: 0 0.25rem
}

.ir-history-landing-container .ir-history-info-container .pagination-content .pagination .page-item .arrow-icon svg {
    fill: #8899a4;
    height: 0.18rem;
    width: 0.18rem
}

.ir-history-landing-container .ir-history-info-container .pagination-content .pagination .active .arrow-icon {
    align-items: center;
    background: #f3f5f6;
    border-radius: 50%;
    color: #8899a4;
    display: flex;
    height: 0.52rem;
    justify-content: center;
    width: 0.52rem
}

.ir-history-landing-container .ir-history-info-container .standard-st-table-wrapper .standard-st-table .table-header-container,.ir-history-landing-container .ir-history-info-container .standard-st-table-wrapper .standard-st-table .table-content-container {
    display: flex;
    justify-content: space-between
}

.data-content {
    display: flex;
    flex-direction: column;
    margin: 0 0 0.5rem 0
}

.data-content .title {
    font-weight: 600;
    font-size: 0.28rem;
    color: #0f161f;
    margin: 0 0 0.05rem 0
}

.data-content .value {
    font-size: 0.25rem;
    color: #8899a4
}

.data-content .value.rebate-period {
    text-decoration: underline
}

.instant-rebate-history-subpopup-container {
    background: #fff
}

.instant-rebate-history-subpopup-container .provider-table-header {
    margin: 0 0 0.5rem 0
}

.instant-rebate-history-subpopup-container .provider-table-header .main-title {
    color: #0f161f;
    font-weight: 600;
    font-size: 0.28rem;
    margin: 0 0 0.2rem 0
}

.instant-rebate-history-subpopup-container .provider-table-header .data-container {
    display: flex;
    margin: 0 0 0.015rem 0
}

.instant-rebate-history-subpopup-container .provider-table-header .data-container .title {
    width: 50%;
    color: #0f161f;
    font-size: 0.28rem;
    text-align: center;
    background: #e8e8e8;
    padding: 0.25rem;
    margin: 0 0.015rem 0 0
}

.instant-rebate-history-subpopup-container .provider-table-header .data-container .value {
    width: 50%;
    color: #8899a4;
    font-size: 0.3rem;
    text-align: center;
    background: #f3f5f6;
    padding: 0.25rem
}

.instant-rebate-history-subpopup-container .provider-table-header .divider {
    width: 100%;
    height: 0.02rem;
    background: #f7f7f7;
    margin: 0.25rem 0
}

.mega-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f3f5f6;
    padding: 0.5rem 0.5rem 3.7rem
}

.mega-content-container img {
    width: 50%;
    margin: auto
}

.mega-content-container .summary-description {
    font-size: 0.275rem;
    margin: 0.5rem 0 0 0;
    color: #0f161f
}

.mega-content-container .info-container {
    margin: 0.5rem 0
}

.mega-content-container .info-container .standard-form-container {
    margin: 0 0 0.3rem
}

.mega-content-container .info-container .standard-form-container .info-label {
    font-weight: 600;
    font-size: 0.3rem;
    color: #0f161f;
    margin: 0 0 0.1rem
}

.mega-content-container .info-container .standard-form-container .info-input-field .info-input {
    background: #fff;
    border-radius: 0.08rem;
    color: #0f161f;
    padding: 0 0.25rem;
    height: 0.6rem
}

.mega-content-container .info-container .standard-form-container .info-input-field .info-copy-icon {
    position: absolute;
    right: 0.25rem;
    top: 0.1rem
}

.mega-content-container .info-container .standard-form-container .info-input-field .info-copy-icon svg {
    height: 0.4rem;
    width: 0.4rem
}

.mega-content-container .steps-container {
    font-size: 0.3rem;
    color: #0f161f
}

.mega-content-container .steps-container .step {
    margin: 0 0 0.3rem
}

.mega-content-container .steps-container .step:last-child {
    margin: 0
}

.mega-content-container .steps-container .step .title {
    font-weight: 600;
    margin: 0 0 0.1rem 0
}

.mega-content-container .standard-button-container {
    display: flex;
    justify-content: space-between;
    margin: 0.5rem 0
}

.mega-content-container .standard-button-container .download-btn {
    background: #81cbfc;
    color: #fff;
    border-radius: 0.2rem;
    margin: 0 auto;
    font-size: 0.36rem
}

.mega-content-container .standard-button-container .play-btn {
    background: #ff8a00;
    color: #fff;
    border-radius: 0.2rem;
    margin: 0 0 0 0.15rem;
    font-size: 0.36rem
}

.scr-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f3f5f6;
    padding: 0.5rem 0.5rem 3.7rem
}

.scr-content-container img {
    max-height: 1rem;
    margin: auto
}

.scr-content-container .summary-description {
    font-size: 0.275rem;
    margin: 0.5rem 0 0 0;
    color: #0f161f
}

.scr-content-container .info-container {
    margin: 0.5rem 0
}

.scr-content-container .info-container .standard-form-container {
    margin: 0 0 0.3rem
}

.scr-content-container .info-container .standard-form-container .info-label {
    font-weight: 600;
    font-size: 0.3rem;
    color: #0f161f;
    margin: 0 0 0.1rem
}

.scr-content-container .info-container .standard-form-container .info-input-field .info-input {
    background: #fff;
    border-radius: 0.08rem;
    color: #0f161f;
    padding: 0 0.25rem;
    height: 0.6rem
}

.scr-content-container .info-container .standard-form-container .info-input-field .info-copy-icon {
    position: absolute;
    right: 0.25rem;
    top: 0.1rem
}

.scr-content-container .info-container .standard-form-container .info-input-field .info-copy-icon svg {
    height: 0.4rem;
    width: 0.4rem
}

.scr-content-container .steps-container {
    font-size: 0.3rem;
    color: #0f161f
}

.scr-content-container .steps-container .step {
    margin: 0 0 0.3rem
}

.scr-content-container .steps-container .step:last-child {
    margin: 0
}

.scr-content-container .steps-container .step .title {
    font-weight: 600;
    margin: 0 0 0.1rem 0
}

.scr-content-container .standard-button-container {
    display: flex;
    justify-content: space-between;
    margin: 0.5rem 0
}

.scr-content-container .standard-button-container .download-btn {
    background: #81cbfc;
    color: #fff;
    border-radius: 0.2rem;
    margin: 0 auto;
    font-size: 0.36rem
}

.scr-content-container .standard-button-container .play-btn {
    background: #ff8a00;
    color: #fff;
    border-radius: 0.2rem;
    margin: 0 0 0 0.15rem;
    font-size: 0.36rem
}

.m-casino-container .best-game-container {
    margin: 0.4rem 0
}

.m-casino-container .best-game-container .top-container {
    padding: 0
}

.m-casino-container .provider-content .game-container {
    grid-template-columns: repeat(2, 1fr)
}

.m-casino-container .provider-content .provider-filter-tab {
    width: fit-content
}

.game-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.4rem 0.12rem
}

.game-container .game-box {
    display: flex;
    flex-direction: column
}

.game-container .game-box .game-img-wrapper {
    margin: auto
}

.game-container .game-box .game-img-wrapper img {
    width: 100%;
    border-radius: 0.1rem
}

.game-container .game-box .game-details {
    position: relative;
    margin: 0.15rem 0 0;
    padding: 0 0 0 0.08rem
}

.game-container .game-box .game-details .game-name-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.22rem;
    font-weight: 600;
    height: 0.3rem
}

.game-container .game-box .game-details .game-name-info .game-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.game-container .game-box .game-details .game-name-info .icon-container {
    width: 0.3rem;
    fill: #c7d2d7
}

.game-container .game-box .game-details .game-others-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.1rem 0 0;
    font-size: 0.22rem;
    text-align: center;
    height: 0.3rem
}

.game-container .game-box .game-details .game-others-info .hot-icon,.game-container .game-box .game-details .game-others-info .new-icon {
    padding: 0 0.15rem
}

.game-container .game-box .game-details .game-rtp {
    background: #0088f3;
    border-radius: 0.08rem;
    color: #fff;
    padding: 0.05rem 0.15rem;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.game-container .game-box .game-details .game-rtp span {
    margin: 0 0 0 0.15rem
}

.game-container .game-box .game-details .hot-game-info {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 3rem;
    padding: 0.12rem 0.11rem;
    background: #e8e8e8;
    border-radius: 0.05rem;
    z-index: 1;
    color: #0f161f;
    font-size: 0.22rem
}

.game-container .game-box .game-details .hot-game-info>div:not(:last-child) {
    margin: 0 0 0.06rem
}

.game-container .game-box .game-details .hot-game-info .info-row-1 {
    display: flex;
    justify-content: space-between
}

.game-container .game-box .game-details .hot-game-info .info-row-1 div {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: 50%;
    border-radius: 0.05rem
}

.game-container .game-box .game-details .hot-game-info .info-row-1 div:first-child {
    margin: 0 0.08rem 0 0
}

.game-container .game-box .game-details .hot-game-info .info-row-1 div p {
    padding: 0.08rem 0.1rem 0.08rem 0;
    color: #0f161f
}

.game-container .game-box .game-details .hot-game-info .info-row-1 div p:first-child {
    padding: 0.08rem 0 0.08rem 0.1rem;
    color: #8697a2
}

.game-container .game-box .game-details .hot-game-info .info-row-2,.game-container .game-box .game-details .hot-game-info .info-row-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 0.08rem 0.1rem;
    border-radius: 0.05rem
}

.game-container .game-box .game-details .hot-game-info .info-row-2 p,.game-container .game-box .game-details .hot-game-info .info-row-3 p {
    color: #0f161f
}

.game-container .game-box .game-details .hot-game-info .info-row-2 p:first-child,.game-container .game-box .game-details .hot-game-info .info-row-3 p:first-child {
    color: #8697a2
}

.top-games-container {
    background: #fff;
    padding: 0.4rem 0 0 0.4rem;
    height: 5.5rem
}

.top-games-container .hot-game-title {
    color: #0f161f;
    font-weight: 600;
    font-size: 0.35rem;
    margin: 0 0 0.2rem;
    text-transform: capitalize
}

.top-games-container .top-games-image-wrapper,.top-games-container .top-games-info-wrapper {
    display: flex;
    width: 100%;
    height: fit-content;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 0rem;
    box-sizing: content-box
}

.top-games-container .top-games-image-wrapper .hot-game-container,.top-games-container .top-games-info-wrapper .hot-game-container {
    width: 100%;
    min-width: 2.5rem
}

.top-games-container .top-games-image-wrapper .hot-game-img-warpper,.top-games-container .top-games-info-wrapper .hot-game-img-warpper {
    position: relative;
    left: -0.35rem;
    text-align: center
}

.top-games-container .top-games-image-wrapper .hot-game-img-warpper img,.top-games-container .top-games-info-wrapper .hot-game-img-warpper img {
    width: 37vw;
    min-height: 2rem
}

@media(min-width: 769px) {
    .top-games-container .top-games-image-wrapper .hot-game-img-warpper img,.top-games-container .top-games-info-wrapper .hot-game-img-warpper img {
        width:unset;
        height: 23vh
    }
}

.top-games-container .top-games-image-wrapper .hot-game-img-warpper .hot-icon,.top-games-container .top-games-image-wrapper .hot-game-img-warpper .new-icon,.top-games-container .top-games-info-wrapper .hot-game-img-warpper .hot-icon,.top-games-container .top-games-info-wrapper .hot-game-img-warpper .new-icon {
    font-weight: 600;
    position: absolute;
    left: 25%;
    top: 7.5%;
    padding: 0.02rem 0.15rem;
    font-size: 0.22rem;
    line-height: normal;
    font-family: "Helvetica Neue","Helvetica-Regular"
}

.top-games-container .top-games-image-wrapper .hot-game-content,.top-games-container .top-games-info-wrapper .hot-game-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0.15rem 0.15rem 0;
    width: 2.3rem;
    margin: -0.35rem 0 0
}

.top-games-container .top-games-image-wrapper .hot-game-content .row-1,.top-games-container .top-games-info-wrapper .hot-game-content .row-1 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.top-games-container .top-games-image-wrapper .hot-game-content .row-1 .game-name,.top-games-container .top-games-info-wrapper .hot-game-content .row-1 .game-name {
    color: #0f161f;
    font-size: 0.26rem;
    font-weight: 600;
    margin: 0 0 0.04rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-games-container .top-games-image-wrapper .hot-game-content .row-1 .icon-container svg,.top-games-container .top-games-info-wrapper .hot-game-content .row-1 .icon-container svg {
    cursor: pointer;
    fill: #c7d2d7;
    height: 0.25rem;
    width: 0.25rem;
    overflow: visible
}

.top-games-container .top-games-image-wrapper .hot-game-content .game-type,.top-games-container .top-games-info-wrapper .hot-game-content .game-type {
    color: #8899a4;
    font-size: 0.22rem;
    margin: 0 0 0.1rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-games-container .top-games-image-wrapper .hot-game-content .hot-game-info,.top-games-container .top-games-info-wrapper .hot-game-content .hot-game-info {
    top: 35%
}

.about-us-container .dropdown-container {
    position: relative
}

.about-us-container .standard-select {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.5rem;
    height: 0.63rem;
    padding: 0 1.05rem 0 0.4rem;
    font-size: 0.3rem;
    color: #0f161f;
    cursor: pointer;
    white-space: nowrap;
    min-width: 3.4rem
}

.about-us-container .standard-select .standard-select-arrow {
    position: absolute;
    right: 0.32rem;
    top: 0.26rem;
    border-width: 0 0.05rem 0.05rem 0;
    border-color: #afb3b6;
    border-style: solid;
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    transform: rotate(45deg);
    color: #8697a2
}

.about-us-container .standard-select .standard-select-arrow.active {
    transform: rotate(225deg)
}

.about-us-container .standard-select-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 0.8rem;
    border: 0.01rem solid #d6d6d6;
    background: #fff;
    z-index: 2;
    width: auto;
    overflow-y: scroll;
    padding: 0.31rem 0.3rem 0.45rem;
    border-radius: 0.1rem;
    max-height: 65vh;
    font-size: 0.3rem
}

.about-us-container .standard-select-dropdown .standard-select-options {
    text-align: center;
    height: unset;
    padding: 0.15rem 0.3rem;
    color: #8697a2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.3rem
}

.about-us-container .standard-select-dropdown .standard-select-options.active {
    background: #ff8a00;
    border-radius: 0.4rem;
    color: #fff
}

.about-us-container .standard-select-dropdown .standard-select-options p {
    margin: 0
}

.about-us-container .btn-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 0.4rem;
    margin: 0.85rem auto 0;
    padding: 0 0.2rem;
    border-radius: 0.1rem;
    background: #e3eaed;
    text-transform: capitalize;
    cursor: pointer
}

.whatsapp-otp-input-container {
    padding-bottom: 0.4rem;
    margin-bottom: 0.3rem;
    border-bottom: 0.01rem solid #dbe0e4
}

.whatsapp-otp-input-container .standard-label {
    display: unset
}

.whatsapp-otp-input-container .standard-label span {
    font-weight: 700
}

.whatsapp-otp-input-container .verify-method-container {
    display: grid;
    grid-template-columns: 40% 12% 44%;
    align-items: center;
    justify-content: center;
    padding: .3rem 0;
    grid-column-gap: .1rem
}

.whatsapp-otp-input-container .verify-method-container .qr {
    width: 1.5rem;
    height: 1.2rem;
    margin: auto
}

@media(max-width: 768px) {
    .whatsapp-otp-input-container .verify-method-container .qr {
        width:2rem;
        height: 2rem
    }
}

.whatsapp-otp-input-container .verify-method-container .or {
    text-transform: capitalize;
    text-align: center
}

.whatsapp-otp-input-container .verify-method-container .standard-otp-button {
    min-width: auto;
    width: 100%;
    padding: 0 .1rem
}

@media(max-width: 768px) {
    .whatsapp-otp-input-container .verify-method-container .standard-otp-button {
        width:undefined
    }
}

.whatsapp-otp-input-container .break-line {
    border: 0.01rem solid #dbe0e4;
    border-style: solid none none none;
    margin: .3rem 0
}

@media(max-width: 768px) {
    .whatsapp-otp-input-container .break-line {
        margin:.6rem 0
    }
}

.whatsapp-otp-input-container .resend-otp-container {
    margin: .3rem 0 .6rem
}

.whatsapp-otp-input-container .resend-otp-container .standard-button-container {
    margin-bottom: 0.1rem
}

.whatsapp-otp-input-container .resend-otp-container .standard-button-container .standard-otp-button {
    width: 100%
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.blink-blink {
    background: url(/public/html/images/common_img/blink-blink.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: .25rem;
    margin: -0.25rem 0
}

.custom-border-frame {
    position: absolute;
    inset: -0.4rem -0.35rem -0.4rem -0.2rem;
    background-repeat: no-repeat;
    background-size: contain
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0, -0.3rem, 0);
        transform: translate3d(0, -0.3rem, 0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    }

    70% {
        -webkit-transform: translate3d(0, -0.15rem, 0);
        transform: translate3d(0, -0.15rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -0.04rem, 0);
        transform: translate3d(0, -0.04rem, 0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0, -0.3rem, 0);
        transform: translate3d(0, -0.3rem, 0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    }

    70% {
        -webkit-transform: translate3d(0, -0.15rem, 0);
        transform: translate3d(0, -0.15rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -0.04rem, 0);
        transform: translate3d(0, -0.04rem, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

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

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

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

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-0.1rem, 0, 0);
        transform: translate3d(-0.1rem, 0, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0.1rem, 0, 0);
        transform: translate3d(0.1rem, 0, 0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-0.1rem, 0, 0);
        transform: translate3d(-0.1rem, 0, 0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0.1rem, 0, 0);
        transform: translate3d(0.1rem, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-0.06rem) rotateY(-9deg);
        transform: translateX(-0.06rem) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(0.05rem) rotateY(7deg);
        transform: translateX(0.05rem) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-0.03rem) rotateY(-5deg);
        transform: translateX(-0.03rem) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(0.02rem) rotateY(3deg);
        transform: translateX(0.02rem) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-0.06rem) rotateY(-9deg);
        transform: translateX(-0.06rem) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(0.05rem) rotateY(7deg);
        transform: translateX(0.05rem) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-0.03rem) rotateY(-5deg);
        transform: translateX(-0.03rem) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(0.02rem) rotateY(3deg);
        transform: translateX(0.02rem) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

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

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30rem, 0);
        transform: translate3d(0, -30rem, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0.25rem, 0);
        transform: translate3d(0, 0.25rem, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 0.05rem, 0);
        transform: translate3d(0, 0.05rem, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30rem, 0);
        transform: translate3d(0, -30rem, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0.25rem, 0);
        transform: translate3d(0, 0.25rem, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 0.05rem, 0);
        transform: translate3d(0, 0.05rem, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30rem, 0, 0);
        transform: translate3d(-30rem, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0.25rem, 0, 0);
        transform: translate3d(0.25rem, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-0.1rem, 0, 0);
        transform: translate3d(-0.1rem, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(0.05rem, 0, 0);
        transform: translate3d(0.05rem, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30rem, 0, 0);
        transform: translate3d(-30rem, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0.25rem, 0, 0);
        transform: translate3d(0.25rem, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-0.1rem, 0, 0);
        transform: translate3d(-0.1rem, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(0.05rem, 0, 0);
        transform: translate3d(0.05rem, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(30rem, 0, 0);
        transform: translate3d(30rem, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-0.25rem, 0, 0);
        transform: translate3d(-0.25rem, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(0.1rem, 0, 0);
        transform: translate3d(0.1rem, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-0.05rem, 0, 0);
        transform: translate3d(-0.05rem, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(30rem, 0, 0);
        transform: translate3d(30rem, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-0.25rem, 0, 0);
        transform: translate3d(-0.25rem, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(0.1rem, 0, 0);
        transform: translate3d(0.1rem, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-0.05rem, 0, 0);
        transform: translate3d(-0.05rem, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30rem, 0);
        transform: translate3d(0, 30rem, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -0.05rem, 0);
        transform: translate3d(0, -0.05rem, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30rem, 0);
        transform: translate3d(0, 30rem, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -0.05rem, 0);
        transform: translate3d(0, -0.05rem, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 0.1rem, 0);
        transform: translate3d(0, 0.1rem, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0.2rem, 0);
        transform: translate3d(0, 0.2rem, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -0.1rem, 0);
        transform: translate3d(0, -0.1rem, 0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0.2rem, 0);
        transform: translate3d(0, 0.2rem, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(4rem) rotateY(-1turn);
        transform: perspective(4rem) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(4rem) scale3d(0.95, 0.95, 0.95);
        transform: perspective(4rem) scale3d(0.95, 0.95, 0.95)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(4rem) rotateY(-1turn);
        transform: perspective(4rem) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(4rem) scale3d(0.95, 0.95, 0.95);
        transform: perspective(4rem) scale3d(0.95, 0.95, 0.95)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(4rem) rotateX(10deg);
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateX(-5deg);
        transform: perspective(4rem) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(4rem) rotateX(10deg);
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateX(-5deg);
        transform: perspective(4rem) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(4rem) rotateY(-20deg);
        transform: perspective(4rem) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(4rem) rotateY(10deg);
        transform: perspective(4rem) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateY(-5deg);
        transform: perspective(4rem) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(4rem) rotateY(-20deg);
        transform: perspective(4rem) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(4rem) rotateY(10deg);
        transform: perspective(4rem) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateY(-5deg);
        transform: perspective(4rem) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateY(-15deg);
        transform: perspective(4rem) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateY(-15deg);
        transform: perspective(4rem) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    60%,80% {
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    60%,80% {
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 7rem, 0);
        transform: translate3d(0, 7rem, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 7rem, 0);
        transform: translate3d(0, 7rem, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50%,to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50%,to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-20rem, 0, 0);
        transform: scale(0.1) translate3d(-20rem, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-20rem, 0, 0);
        transform: scale(0.1) translate3d(-20rem, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(20rem, 0, 0);
        transform: scale(0.1) translate3d(20rem, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(20rem, 0, 0);
        transform: scale(0.1) translate3d(20rem, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@keyframes fadeInOut1 {
    0%,45% {
        opacity: 1
    }

    55%,100% {
        opacity: 0
    }
}

@keyframes fadeInOut2 {
    0%,45% {
        opacity: 0
    }

    55%,100% {
        opacity: 1
    }
}

.fadeInOut {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    animation-name: fadeInOut1;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-direction: alternate
}

.fadeInOut:nth-child(2) {
    animation-name: fadeInOut2;
    opacity: 0
}

.news-letter-popup {
    min-width: 5.5rem;
    max-width: 5.5rem;
    min-height: unset;
    background: #fff
}

@media(max-width: 768px) {
    .news-letter-popup {
        max-width:6.75rem;
        min-width: 6.75rem
    }
}

.news-letter-popup .news-letter-popup-header {
    padding: 0
}

.news-letter-popup .news-letter-popup-header .news-letter-banner-wrapper {
    height: 3.9rem;
    margin-bottom: .1rem
}

@media(max-width: 768px) {
    .news-letter-popup .news-letter-popup-header .news-letter-banner-wrapper {
        height:4.8rem
    }
}

.news-letter-popup .news-letter-popup-header .news-letter-banner-wrapper .news-letter-banner {
    width: 100%
}

.news-letter-popup .news-letter-popup-body .news-letter-form {
    margin-bottom: .3rem
}

@media(max-width: 768px) {
    .news-letter-popup .news-letter-popup-body .news-letter-form .tel-code-phone-wrapper .sort-type-dropdown {
        top:.75rem;
        padding: .2rem .15rem .1rem
    }
}

.news-letter-popup .news-letter-popup-body .news-letter-form .standard-form-field:last-child {
    margin: 0
}

.news-letter-popup .news-letter-popup-body .apply-button-section {
    margin-bottom: .3rem
}

@media(max-width: 768px) {
    .news-letter-popup .news-letter-popup-body .apply-button-section {
        margin-bottom:.5rem
    }
}

.news-letter-popup .news-letter-popup-body .apply-button-section .apply-button-container {
    justify-content: center
}

.news-letter-popup .news-letter-popup-body .apply-button-section .apply-button-container .apply-btn {
    background: #0071e3;
    width: 49%;
    margin: auto
}

.news-letter-popup .news-letter-popup-body .news-letter-disclaimer {
    width: 80%;
    margin: 0 auto .2rem;
    text-align: center
}

@media(max-width: 768px) {
    .news-letter-popup .news-letter-popup-body .news-letter-disclaimer {
        margin:0 auto .3rem;
        width: 85%
    }
}

.news-letter-popup .news-letter-popup-body .news-letter-unsubscribe {
    text-align: center;
    color: #005ed7;
    text-decoration: underline;
    cursor: pointer
}

.remove-google-auth-container {
    background: #fff
}

.remove-google-auth-container .remove-google-auth-modal-header {
    padding: .38rem .42rem 0
}

@media(max-width: 768px) {
    .remove-google-auth-container .remove-google-auth-modal-header {
        padding:.66rem .72rem 0
    }
}

.remove-google-auth-container .remove-google-auth-modal-header .header {
    font-size: .2rem
}

@media(max-width: 768px) {
    .remove-google-auth-container .remove-google-auth-modal-header .header {
        font-size:.32rem;
        padding: 0
    }
}

.remove-google-auth-container .remove-google-auth-modal-body {
    padding: .14rem .42rem .38rem
}

@media(max-width: 768px) {
    .remove-google-auth-container .remove-google-auth-modal-body {
        padding:.28rem .72rem .66rem
    }
}

@media(max-width: 768px) {
    .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper {
        margin:0 0 .15rem
    }
}

.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container {
    width: 100%
}

@media(max-width: 768px) {
    .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container {
        margin:0 0 .25rem
    }
}

.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container .otp-tab-container {
    width: 100%
}

.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container .otp-tab-container .otp-tab-button {
    width: 49%
}

@media(max-width: 768px) {
    .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .phone-email-input-container .otp-container .otp-tab-container .otp-tab-button {
        border-radius:.5rem;
        font-size: .25rem
    }
}

.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper label {
    display: unset
}

@media(max-width: 768px) {
    .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper label {
        font-size:.25rem
    }
}

.remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .get-otp-container .get-code-button {
    width: 40%;
    background: #f3f5f6;
    color: #0f161f
}

@media(max-width: 768px) {
    .remove-google-auth-container .remove-google-auth-modal-body .bind-auth-wrapper .get-otp-container .get-code-button {
        font-size:.25rem
    }
}

.remove-google-auth-container .remove-google-auth-modal-body .otp-header {
    align-items: flex-start
}

.remove-google-auth-container .remove-google-auth-modal-body .otp-header .desc-wrapper {
    font-size: .14rem
}

.remove-google-auth-container .remove-google-auth-modal-body .otp-header .desc-wrapper .desc {
    color: #0f161f
}

@media(max-width: 768px) {
    .remove-google-auth-container .remove-google-auth-modal-body .otp-header .desc-wrapper .desc {
        font-size:.25rem
    }
}

.remove-google-auth-container .bind-fail-message-container .red-cross-icon {
    width: .6rem;
    height: .6rem;
    margin: auto auto 0.05rem
}

@media(max-width: 768px) {
    .remove-google-auth-container .bind-fail-message-container .red-cross-icon {
        width:1rem;
        height: 1rem
    }
}

.remove-google-auth-container .bind-fail-message-container .failed-message {
    text-align: center;
    line-height: 1.5;
    padding: .2rem .36rem
}

.remove-google-auth-container .bind-fail-message-container .standard-button-container {
    padding: .2rem .36rem
}

.remove-google-auth-container .bind-fail-message-container .standard-button-container .standard-submit-button {
    width: 100%
}

.aff-navbar-container {
    background: #0044a9;
    font-size: 0.12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.2rem;
    height: 0.7rem;
    z-index: 10;
    position: relative;
    backdrop-filter: blur(0.06rem)
}

@media(max-width: 1024px) {
    .aff-navbar-container {
        padding:0 0.14rem
    }
}

.aff-navbar-container .left {
    display: flex;
    align-items: center;
    height: 100%
}

@media(max-width: 1024px) {
    .aff-navbar-container .left {
        display:grid;
        gap: 0.14rem;
        grid-template-columns: .3rem 2rem auto
    }
}

.aff-navbar-container .left .guide-container .guide-icon {
    background: rgba(0,0,0,0)
}

.aff-navbar-container .left .guide-container .guide-icon svg {
    width: 0.25rem
}

.aff-navbar-container .left .guide-container .guide-dd {
    display: none
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab {
    display: flex;
    padding: 0.35rem 0.55rem 0.5rem;
    width: 6.53rem;
    justify-content: space-between
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left {
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    border-right: 0.01rem solid #f7f7f7;
    display: block
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu {
    align-items: center;
    display: flex;
    margin: 0 0 0.28rem 0;
    font-size: 0.18rem;
    color: #0f161f;
    cursor: pointer
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .hl-menus .menu svg {
    width: 0.38rem;
    margin: 0 0.14rem 0.06rem 0
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus {
    margin: 0.3rem 0.5rem 0 0
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul {
    font-size: 0.13rem;
    clear: both;
    color: #8697a2
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li {
    list-style: disc;
    margin-bottom: 0.14rem;
    float: left;
    margin: 0 0.15rem 0.1rem 0;
    list-style-position: inside;
    cursor: pointer
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:nth-child(5) {
    width: 100%
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li:last-child {
    width: 100%
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .multipage-menus ul li::marker {
    font-size: 0.12rem
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container {
    margin-top: 0.47rem;
    justify-content: start
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button {
    width: 2.09rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    background: #ff8a00;
    color: #fff;
    font-size: 0.16rem;
    font-weight: 600
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .login-button-container button:hover {
    background: #ff7200
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container {
    margin-top: 0.47rem;
    justify-content: start
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .left .logout-button-container button {
    width: 2.09rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    background: #f3f5f6;
    color: #8697a2;
    font-size: 0.16rem;
    font-weight: 600
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right {
    width: 50%
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus {
    padding-left: 0.77rem
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu {
    margin: 0 0 0.16rem 0;
    font-size: 0.14rem;
    color: #0f161f;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-transform: capitalize
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu svg {
    width: 0.32rem;
    height: 0.32rem;
    margin: 0 0.12rem 0.06rem 0
}

.aff-navbar-container .left .guide-container .guide-dd .guide-dd-menutab .right .common-menus .menu .beta-new-icon {
    margin-left: 0.15rem;
    width: 0.35rem
}

.aff-navbar-container .left .guide-container .guide-dd.isOpen {
    display: block;
    position: absolute;
    background: #fff;
    top: 0.7rem;
    -webkit-box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    box-shadow: 0 0.05rem 0.08rem -0.02rem rgba(0,0,0,.2);
    border-radius: 0.05rem;
    z-index: 10
}

.aff-navbar-container .left .header-logo {
    margin: 0 0.24rem 0 0.2rem
}

@media(max-width: 1024px) {
    .aff-navbar-container .left .header-logo {
        margin:0
    }
}

@media(max-width: 1024px) {
    .aff-navbar-container .left .header-logo img {
        width:100%
    }
}

.aff-navbar-container .left .header-logo a img {
    width: 2.75rem
}

.aff-navbar-container .right {
    z-index: 10;
    height: 100%
}

.aff-navbar-container .right .login-bar {
    height: 100%
}

.aff-navbar-container .right .login-bar .beforeLoginBar .top .time-cantainer,.aff-navbar-container .right .login-bar .beforeLoginBar .top .time-container,.aff-navbar-container .right .login-bar .afterLoginBar .top .time-cantainer,.aff-navbar-container .right .login-bar .afterLoginBar .top .time-container {
    color: #fff
}

.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .btn-login,.aff-navbar-container .right .login-bar .afterLoginBar .bottom .btn-login {
    color: #fff
}

.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .aff-profile-container,.aff-navbar-container .right .login-bar .afterLoginBar .bottom .aff-profile-container {
    color: #fff
}

.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .aff-profile-container .profile-name,.aff-navbar-container .right .login-bar .afterLoginBar .bottom .aff-profile-container .profile-name {
    margin: 0
}

.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .aff-nav-myacc .account-icon,.aff-navbar-container .right .login-bar .afterLoginBar .bottom .aff-nav-myacc .account-icon {
    background: #ff8a00;
    border-radius: 50%;
    padding: .039rem .055rem;
    margin: 0 .15rem 0 .1rem
}

.aff-navbar-container .right .login-bar .beforeLoginBar .bottom .aff-btn-container button,.aff-navbar-container .right .login-bar .afterLoginBar .bottom .aff-btn-container button {
    background: #0071e3;
    width: .92rem;
    height: .36rem;
    border-radius: .08rem;
    margin: 0 .12rem 0 0
}

.aff-menu-container {
    text-transform: unset;
    font-size: 0.15rem;
    font-weight: unset;
    height: 100%;
    display: flex
}

.aff-menu-container ul {
    display: flex;
    justify-content: space-between;
    height: 100%
}

@media(max-width: 1024px) {
    .aff-menu-container ul {
        gap:0.12rem
    }
}

.aff-menu-container ul li {
    padding: 0;
    height: 100%;
    position: relative;
    text-align: unset;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    margin: 0 0.24rem 0 0;
    color: #fff
}

@media(max-width: 1024px) {
    .aff-menu-container ul li {
        margin:0
    }
}

.aff-menu-container ul li a {
    cursor: pointer
}

.aff-menu-container ul li a .menu-item-title p {
    margin-bottom: 0
}

.aff-menu-container ul li.portal-back-btn {
    margin-left: auto;
    height: auto
}

.aff-menu-container ul li.portal-back-btn .headerLink .menu-item-title p {
    text-transform: uppercase
}

.aff-menu-container ul li.portal-back-btn .headerLink .menu-item-title p::before {
    content: ""
}

.aff-portal .mobile-navbar-header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    width: 100%;
    color: unset;
    background: unset
}

.aff-portal .mobile-navbar-header .float-header-download {
    background: #fff;
    border-bottom: 0.01rem solid #f3f5f6;
    padding: 0.2rem;
    display: flex;
    width: 100%
}

.aff-portal .mobile-navbar-header .float-header-download .float-close-button {
    position: absolute;
    right: 0.2rem;
    top: -0.1rem;
    font-size: 0.65rem;
    color: #0f161f
}

.aff-portal .mobile-navbar-header .float-header-download .float-device-icon {
    width: 15vw;
    justify-content: center;
    align-items: center
}

.aff-portal .mobile-navbar-header .float-header-download .float-device-icon img {
    width: 100%;
    padding: 0 0.2rem 0 0
}

.aff-portal .mobile-navbar-header .float-header-download .float-desc-container {
    width: 50vw;
    align-items: flex-start;
    margin: auto
}

.aff-portal .mobile-navbar-header .float-header-download .float-download-container {
    width: 35vw;
    margin: auto
}

.aff-portal .mobile-navbar-header .float-header-download .float-download-container button {
    border-radius: 0.1rem;
    padding: 0.1rem 0.16rem;
    margin: auto
}

.aff-portal .mobile-navbar-header p {
    margin: 0
}

.aff-portal .mobile-navbar-header .mobile-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 0.9rem;
    padding: 0 0.21rem;
    background: #0044a9;
    border-bottom: unset
}

.aff-portal .mobile-navbar-header .mobile-nav.header-grey {
    background: #f3f5f6
}

.aff-portal .mobile-navbar-header .mobile-nav .col-left {
    display: flex;
    align-items: center;
    grid-column-gap: 0.1rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-left .menu-icon {
    width: 0.45rem;
    cursor: pointer;
    margin: 0 0.25rem 0 0
}

.aff-portal .mobile-navbar-header .mobile-nav .col-left .menu-icon.beta-back {
    width: 0.37rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-left .page-title {
    margin: 0 0 0 0.22rem;
    font-size: 0.3rem;
    color: #0f161f;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    max-width: 2rem
}

@media(max-width: 768px) {
    .aff-portal .mobile-navbar-header .mobile-nav .col-left .page-title {
        color:#fff;
        font-family: "AvertaStd-Regular"
    }
}

.aff-portal .mobile-navbar-header .mobile-nav .col-left .provider-icon {
    height: 0.5rem;
    max-width: 3.2rem;
    width: 3.2rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-left img {
    width: 3.35rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin: 0 0 0 0.2rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .beta-app-download {
    height: 0.66rem;
    width: auto;
    position: relative;
    margin-top: 0.15rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.5rem;
    padding: 0.16rem 1.05rem 0.13rem 0.4rem;
    font-size: 0.3rem;
    color: #0f161f;
    cursor: pointer;
    min-width: 3.4rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select .standard-select-arrow {
    position: absolute;
    right: 0.32rem;
    top: 0.19rem;
    border-width: 0 0.05rem 0.05rem 0;
    border-color: #afb3b6;
    border-style: solid;
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    transform: rotate(45deg);
    color: #8697a2
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select .standard-select-arrow.active {
    transform: translate(0%, 50%) rotate(225deg)
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select .nav-title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    width: 2rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown {
    position: absolute;
    left: -2.5rem;
    right: 0;
    top: 0.8rem;
    border: 0.01rem solid #d6d6d6;
    background: #fff;
    z-index: 2;
    width: auto;
    overflow-y: scroll;
    padding: 0.31rem 0 0.45rem;
    border-radius: 0.1rem;
    max-height: 65vh;
    font-size: 0.3rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .hover_line {
    background: #dbe0e4;
    height: 0.01rem;
    margin: 0.23rem auto;
    width: 90%
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .title {
    align-items: center;
    display: flex;
    height: 0.62rem;
    margin: 0 0.25rem 0.23rem;
    padding: 0 0.4rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0.4rem;
    height: 0.62rem;
    color: #8899a4;
    white-space: nowrap;
    border-radius: 0.5rem;
    margin: 0 0.25rem 0
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover,.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active {
    background: #ff8a00;
    color: #fff
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg,.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg {
    filter: grayscale(0%)
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg.SL-PP,.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg.SL-PP {
    filter: grayscale(1)
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:hover svg.C-PPL,.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.active svg.C-PPL {
    filter: grayscale(1)
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.maintenance {
    margin: 0;
    padding: 0 0.65rem;
    background: #f3f5f6;
    color: rgba(136,153,164,.5019607843);
    border-radius: unset
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options.include-svg {
    display: grid;
    grid-template-columns: 2fr 8fr;
    grid-gap: 0 0.58rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:not(:last-child) {
    margin: 0 0.25rem 0.23rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options:not(:last-child).maintenance {
    margin: 0 0 0.23rem;
    padding: 0 0.65rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options span {
    width: 100%
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options .beta-maintenance-bg-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.6rem;
    height: 0.52rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg {
    width: 100%;
    height: 0.45rem;
    filter: grayscale(1) opacity(0.4)
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.SL-PP,.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.SL-HB,.aff-portal .mobile-navbar-header .mobile-nav .col-right .standard-select-dropdown .standard-select-options svg.C-PPL {
    height: 0.55rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right:nth-child(1) {
    display: grid;
    grid-template-columns: auto auto
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right div {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right div .btn-login {
    color: #fff;
    font-size: .26rem;
    grid-area: 1/1;
    margin: 0 .2rem 0 0
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right div .btn-reg {
    width: 1.4rem;
    height: .56rem;
    color: #fff;
    background: #ff8a00;
    border-radius: .06rem;
    font-size: .26rem;
    grid-area: 1/2
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown {
    grid-template-columns: 100%;
    width: 66.6666666667vw;
    left: -1.7rem
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown .sidenav-title {
    padding: 0 .4rem;
    margin: 0 .25rem .23rem;
    justify-content: start;
    color: #8697a2
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown .standard-select-options {
    color: #0f161f
}

.aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown .sidenav-title,.aff-portal .mobile-navbar-header .mobile-nav .col-right div.sort-type-dropdown .standard-select-options {
    justify-content: start
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,45,90,.4);
    z-index: 1
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content {
    position: fixed;
    top: 0;
    left: unfined;
    width: 6.35rem;
    height: 100%;
    background: #fff;
    z-index: 2;
    overflow-y: scroll;
    padding: 1.08rem 0 4.2rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container {
    padding: 0 0.6rem 0
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container.content-2,.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container.content-language {
    padding: 0 0.52rem 0 0.49rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container.content-2 .common-menu,.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container.content-language .common-menu {
    margin: 0.64rem 0 0;
    padding: 0;
    border-top: unset
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu {
    padding: 0 0.04rem 1.25rem 0.19rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu.margin-top {
    margin: 0
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu:not(:last-child) {
    margin: 0 0 0.5rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .icon-sb,.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu svg.beta-region {
    width: .6rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu svg.beta-region {
    border-radius: 50%
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .sb-name {
    margin: 0rem 0 0 .4rem;
    font-size: 0.26rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu {
    display: grid;
    grid-template-columns: 25% 40% 25%;
    grid-column-gap: 5%;
    padding: 0.8rem 0.14rem 0 0;
    border-top: 0.02rem solid #dbe0e4
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu {
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    width: 1.25rem;
    min-height: 0.86rem;
    cursor: pointer
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu:not(:last-child) {
    margin: 0 0 0.66rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu.middle {
    margin: 0 0.5rem 0.66rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb {
    width: 0.58rem;
    height: 0.58rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb svg {
    overflow: visible
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb .beta-region {
    border-radius: 50%;
    overflow: hidden;
    border: 0.01rem solid #ccc
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .sb-name {
    margin: 0.25rem 0 0 0;
    text-align: center;
    text-transform: capitalize
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-star-container {
    top: -0.02rem;
    left: 0.125rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .left,.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .right {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Language {
    width: 0.48rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .More {
    width: 0.48rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Back {
    width: 0.45rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .sb-name {
    font-size: 0.24rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-status {
    width: 0.55rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dbe9f0;
    border-radius: 50%;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0 0 0.35rem;
    overflow: visible;
    fill: #6da0dd
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow svg {
    width: 0.1rem;
    transform: rotate(180deg)
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .left {
    display: flex;
    align-items: center;
    justify-content: center
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-region {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.26rem 0 0
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .title {
    font-weight: 600;
    font-size: 0.34rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-close-btn {
    width: 0.22rem;
    height: 0.22rem;
    cursor: pointer
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .banner {
    margin: 0.65rem 0 0;
    width: 100%;
    border-radius: 0.1rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child {
    padding: 0 0.25rem 0 0
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:last-child {
    padding: 0 0 0 0.25rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:not(:first-child) {
    border-left: 0.02rem solid #ededed
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.03rem 0 0.18rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info {
    display: flex;
    align-items: center
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .beta-bitcoin {
    width: 1.06rem;
    height: 1.06rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content {
    margin: 0 0 0 0.25rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .welcome-title {
    font-size: 0.24rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .acc-name {
    color: #005acc;
    font-size: 0.32rem;
    margin: 0.05rem 0 0
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 1.42rem;
    height: 0.46rem;
    padding: 0 0.23rem 0 0;
    background: #0691c0;
    color: #fff;
    font-size: 0.24rem;
    border-radius: 0.5rem;
    cursor: pointer
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard {
    position: absolute;
    left: 0;
    width: 0.52rem;
    height: 0.52rem;
    padding: 0.1rem;
    background: #fdb813;
    border-radius: 50%
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard .st0 {
    fill: #0691c0
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress {
    margin: 0.55rem 0 0;
    padding: 0.33rem 0.33rem 0.4rem;
    background: #f3f5f6;
    border-radius: 0.05rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    padding: 0 0 0 0.05rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group img {
    width: 0.65rem;
    height: 0.65rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group p {
    margin: 0 0 0 0.19rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar {
    display: flex;
    width: 3.8rem;
    height: 0.11rem;
    background: #fff;
    border-radius: 0.05rem;
    margin: 0.13rem 0 0
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar span {
    height: 100%;
    background: #ff8a00
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-status {
    margin: 0.22rem 0 0 0.08rem;
    font-size: 0.24rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .standard-button-container {
    margin: 1.24rem 0 0;
    padding: 0 0.52rem 0 0.48rem
}

.aff-portal .mobile-navbar-header .mobile-nav .sb-content .standard-button-container button {
    font-weight: 600;
    width: 100%;
    height: 0.86rem;
    background: #f3f5f6;
    color: #8697a2;
    border-radius: 0.1rem;
    font-size: 0.34rem
}

.aff-portal .dark-theme-mobile-navbar-header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    width: 100%;
    color: #0f161f;
    background: rgba(11,27,39,.9)
}

.aff-portal .dark-theme-mobile-navbar-header .float-header-download {
    background: #fff;
    border-bottom: 0.01rem solid #f3f5f6;
    padding: 0.2rem;
    display: flex;
    width: 100%
}

.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-close-button {
    position: absolute;
    right: 0.2rem;
    top: -0.1rem;
    font-size: 0.65rem;
    color: #0f161f
}

.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-device-icon {
    width: 15vw;
    justify-content: center;
    align-items: center
}

.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-device-icon img {
    width: 100%;
    padding: 0 0.2rem 0 0
}

.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-desc-container {
    width: 50vw;
    align-items: flex-start;
    margin: auto
}

.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-download-container {
    width: 35vw;
    margin: auto
}

.aff-portal .dark-theme-mobile-navbar-header .float-header-download .float-download-container button {
    border-radius: 0.1rem;
    padding: 0.1rem 0.16rem;
    margin: auto
}

.aff-portal .dark-theme-mobile-navbar-header p {
    margin: 0
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 0.9rem;
    padding: 0 0.21rem;
    background: rgba(11,27,39,.9);
    border-bottom: 0.01rem solid rgba(11,27,39,.9)
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-left {
    display: flex;
    align-items: center
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-left .menu-icon {
    width: 0.45rem;
    cursor: pointer
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin: 0 0 0 0.2rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-right div::before {
    content: "";
    position: absolute;
    background: #0e212f;
    border-radius: 50%;
    width: 0.72rem;
    height: 0.72rem;
    bottom: 0.06rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .col-right div .beta-app-download {
    height: 0.66rem;
    width: auto;
    position: relative;
    margin-top: 0.15rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 1
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 6.35rem;
    height: 100%;
    background: #fff;
    z-index: 2;
    overflow-y: scroll;
    padding: 0.85rem 0 1.98rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container {
    padding: 0 0.55rem 0
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-2,.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-language {
    padding: 0 0.52rem 0 0.49rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-2 .common-menu,.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container.content-language .common-menu {
    margin: 0.64rem 0 0;
    padding: 0;
    border-top: unset
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu {
    padding: 0 0 1.08rem 0
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu.margin-top {
    margin: 0
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu:not(:last-child) {
    margin: 0 0 0.5rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .icon-sb {
    width: 0.8rem;
    height: 0.71rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-menu .menu .sb-name {
    margin: 0.16rem 0 0 0.3rem;
    font-size: 0.26rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu {
    display: grid;
    grid-template-columns: 25% 40% 25%;
    grid-column-gap: 5%;
    padding: 1.19rem 0.14rem 0 0;
    border-top: 0.02rem solid #ededed
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu {
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    width: 1.25rem;
    min-height: 0.86rem;
    cursor: pointer
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu:not(:last-child) {
    margin: 0 0 0.66rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu.middle {
    margin: 0 0.5rem 0.66rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb {
    width: 0.58rem;
    height: 0.58rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-sb svg:not(:root) {
    overflow: visible
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .sb-name {
    margin: 0.25rem 0 0 0;
    text-align: center;
    text-transform: capitalize
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .common-menu .menu .icon-star-container {
    top: -0.02rem;
    left: 0.125rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .left,.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .right {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Language {
    width: 0.48rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .More {
    width: 0.48rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-sb .Back {
    width: 0.45rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .sb-name {
    font-size: 0.24rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-status {
    width: 0.55rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dbe9f0;
    border-radius: 50%;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0 0 0.35rem;
    overflow: visible;
    fill: #6da0dd
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .menu .icon-arrow svg {
    width: 0.1rem;
    transform: rotate(180deg)
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .left {
    display: flex;
    align-items: center;
    justify-content: center
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-region {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.26rem 0 0
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .title {
    font-weight: 600;
    font-size: 0.34rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-header .beta-close-btn {
    width: 0.22rem;
    height: 0.22rem;
    cursor: pointer
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .banner {
    margin: 0.65rem 0 0;
    width: 100%;
    border-radius: 0.1rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:first-child {
    padding: 0 0.25rem 0 0
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:last-child {
    padding: 0 0 0 0.25rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select:not(:first-child) {
    border-left: 0.02rem solid #ededed
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.03rem 0 0.18rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info {
    display: flex;
    align-items: center
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .beta-bitcoin {
    width: 1.06rem;
    height: 1.06rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content {
    margin: 0 0 0 0.25rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .welcome-title {
    font-size: 0.24rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .acc-info .info-content .acc-name {
    color: #005acc;
    font-size: 0.32rem;
    margin: 0.05rem 0 0
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 1.42rem;
    height: 0.46rem;
    padding: 0 0.23rem 0 0;
    background: #0691c0;
    color: #fff;
    font-size: 0.24rem;
    border-radius: 0.5rem;
    cursor: pointer
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard {
    position: absolute;
    left: 0;
    width: 0.52rem;
    height: 0.52rem;
    padding: 0.1rem;
    background: #fdb813;
    border-radius: 50%
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .sb-acc-info .sb-leaderboard .beta-leaderboard .st0 {
    fill: #0691c0
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress {
    margin: 0.55rem 0 0;
    padding: 0.33rem 0.33rem 0.4rem;
    background: #f3f5f6;
    border-radius: 0.05rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    padding: 0 0 0 0.05rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group img {
    width: 0.65rem;
    height: 0.65rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .deposit-progress-group p {
    margin: 0 0 0 0.19rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar {
    display: flex;
    width: 3.8rem;
    height: 0.11rem;
    background: #fff;
    border-radius: 0.05rem;
    margin: 0.13rem 0 0
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-bar span {
    height: 100%;
    background: #ff8a00
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .content-container .deposit-progress .progress-status {
    margin: 0.22rem 0 0 0.08rem;
    font-size: 0.24rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .standard-button-container {
    margin: 1.24rem 0 0;
    padding: 0 0.52rem 0 0.48rem
}

.aff-portal .dark-theme-mobile-navbar-header .mobile-nav .sb-content .standard-button-container button {
    font-weight: 600;
    width: 100%;
    height: 0.86rem;
    background: #f3f5f6;
    color: #8697a2;
    border-radius: 0.1rem;
    font-size: 0.34rem
}

body.aff-portal .bottom-navbar-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1001;
    margin-top: -1.5rem
}

body.aff-portal .bottom-navbar-container .bn-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0044a9;
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.25rem 0.35rem 0.35rem;
    font-size: 0.2rem;
    height: 1.5rem;
    filter: drop-shadow(0 0.08rem 0.1rem rgba(0, 0, 0, 0.12)) drop-shadow(0 0.03rem 0.14rem rgba(0, 0, 0, 0.14)) drop-shadow(0 0.05rem 0.05rem rgba(0, 0, 0, 0.12)) drop-shadow(0 -0.02rem 0.04rem rgba(0, 0, 0, 0.1))
}

body.aff-portal .bottom-navbar-container .bn-content .bn-menu {
    width: 100%;
    text-align: center;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center
}

body.aff-portal .bottom-navbar-container .bn-content .bn-menu .bn-icon {
    height: 0.55rem
}

body.aff-portal .bottom-navbar-container .bn-content .bn-menu .bn-desc {
    margin: 0.1rem 0 0;
    fill: #fff;
    color: #fff
}

body.aff-portal .bottom-navbar-container .bn-content .bn-menu .bn-desc.bn-desc-active {
    fill: #ff8a00;
    color: #ff8a00
}

.rank-container {
    border-radius: 0.1rem;
    width: 5.67rem;
    padding: 0 0 0.71rem;
    position: relative;
    left: 0.95rem;
    white-space: nowrap
}

.rank-container .table-title {
    font-size: .3rem;
    font-weight: 600;
    margin: 1.1rem 0 0.46rem;
    font-weight: 600;
    color: #0f161f;
    font-family: "AvertaStd-Regular","sans-serif","宋体","SukhumvitSet-Text"
}

.rank-container .table-container {
    border-radius: 0.1rem;
    color: #0f161f
}

.rank-container .table-container .table-head {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 0.3rem 0.3rem;
    text-decoration: underline
}

.rank-container .table-container .table-body {
    font-weight: 400;
    font-size: 0.14rem;
    display: grid
}

.rank-container .table-container .table-body .table-row {
    background: #fff;
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
    padding: 0 0.3rem;
    margin: 0 0 0.1rem;
    height: 0.52rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) {
    background: #003b79;
    color: #fff;
    font-weight: 600;
    font-size: 0.18rem;
    text-decoration: underline;
    z-index: 3
}

.rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span {
    background: #ff5a00;
    height: 0.52rem;
    width: 0.3rem;
    border-radius: .03rem;
    outline-offset: -0.01rem;
    outline: 0.08rem solid #ff5a00;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 768px) {
    .rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span {
        outline-offset:-0.02rem
    }
}

.rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) {
    background: #004ea1;
    color: #fff;
    font-weight: 600;
    font-size: 0.18rem;
    text-decoration: underline;
    z-index: 2
}

.rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span {
    background: #f88203;
    height: 0.52rem;
    width: 0.3rem;
    border-radius: .03rem;
    outline-offset: -0.01rem;
    outline: 0.08rem solid #f88203;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 768px) {
    .rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span {
        outline-offset:-0.02rem
    }
}

.rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) {
    background: #236ab6;
    color: #fff;
    font-weight: 600;
    font-size: 0.18rem;
    text-decoration: underline;
    z-index: 1
}

.rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span {
    background: #ffc13b;
    height: 0.52rem;
    width: 0.3rem;
    border-radius: .03rem;
    outline-offset: -0.01rem;
    outline: 0.08rem solid #ffc13b;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 768px) {
    .rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span {
        outline-offset:-0.02rem
    }
}

.rank-container .table-container .table-body .table-row.current-member {
    border: 0.01rem solid #f88203
}

.rank-container .table-container .table-body .table-row .table-col {
    text-decoration: underline
}

.rank-container .table-container .table-body .table-row .table-col.rank {
    height: 0.52rem;
    width: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.affiliate-route-background .testimonial-section {
    height: 7rem
}

.affiliate-route-background .testimonial-section .testimonial-slider {
    width: 100%;
    margin: .92rem 0 0 0
}

.affiliate-route-background .testimonial-section .testimonial-slider .slick-slide {
    height: 100%
}

.affiliate-route-background .testimonial-section .testimonial-slider .slick-slide img {
    margin: auto
}

.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box {
    height: 5rem;
    width: 3.7rem !important;
    margin: 0 auto;
    align-items: baseline;
    display: grid !important;
    grid-template-rows: .9rem .18rem auto 1.84rem .16rem;
    grid-template-rows: .9rem .18rem auto 1.84rem .16rem;
    grid-template-rows: repeat(11, 1fr);
    grid-template-rows: repeat(5, 0.5rem)
}

.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-title,.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-desc,.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .star-container {
    margin: 0
}

.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .lazy-load-image-loaded {
    grid-row: 1/span 2;
    background: #fff;
    border-radius: 50%;
    width: 0.9rem;
    height: 0.9rem;
    align-content: center
}

.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box p {
    grid-row: 3/span 1
}

.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-title {
    grid-row: 4/span 3
}

.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-name {
    color: #8697a2
}

.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .box-desc {
    grid-row: 8/span 1
}

.affiliate-route-background .testimonial-section .testimonial-slider .testimonial-box .star-container {
    margin: .23rem 0 0 0;
    grid-row: 11/span 4;
    grid-row: 11/span 1;
    grid-row: 11/span 1
}

@media(max-width: 768px) {
    .affiliate-route-background .pointer-item {
        display:grid
    }

    .affiliate-route-background .rank-container {
        left: unset;
        width: 100%;
        font-size: 0.25rem;
        padding: 0 0 1.1rem;
        z-index: 1
    }

    .affiliate-route-background .rank-container .table-container .table-head {
        text-decoration: none;
        font-weight: bolder
    }

    .affiliate-route-background .rank-container .table-container .table-body {
        font-size: 0.25rem
    }

    .affiliate-route-background .rank-container .table-container .table-body .table-row {
        border-radius: 0.08rem;
        padding: 0 .45rem;
        height: .65rem;
        font-size: .25rem !important;
        text-decoration: none !important
    }

    .affiliate-route-background .rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span {
        height: .62rem;
        width: .4rem;
        outline: .1rem solid #ff5a00
    }

    .affiliate-route-background .rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span {
        height: .62rem;
        width: .4rem;
        outline: .1rem solid #f88203
    }

    .affiliate-route-background .rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span {
        height: .62rem;
        width: .4rem;
        outline: .1rem solid #ffc13b
    }

    .affiliate-route-background .rank-container .table-container .table-body .table-row .table-col {
        text-decoration: none
    }

    .affiliate-route-background .mobile-testimonial-section {
        padding: 0;
        height: 9rem
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-title {
        margin: 0
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-slider {
        margin: 0.26rem 0 0
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box {
        width: 4.3rem !important;
        height: 9rem;
        grid-template-rows: repeat(5, 0.5rem);
        gap: .21rem 0
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .lazy-load-image-loaded {
        grid-row: 1/span 2;
        margin-top: .21rem;
        background: #fff;
        border-radius: 50%;
        width: 1.5rem;
        height: 1.5rem;
        align-content: center
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .box-name {
        font-size: .28rem;
        grid-row: 4/span 1;
        color: #8697a2
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .box-title {
        font-size: .4rem;
        grid-row: 5/span 2
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .box-desc {
        font-size: .22rem;
        line-height: .25rem;
        grid-row: 7/span 2
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .star-container {
        margin: 0;
        grid-row: 9/span 1
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-slider .testimonial-box .star-container .icon-star {
        width: .2rem;
        height: .2rem
    }

    .affiliate-route-background .mobile-testimonial-section .testimonial-slider .slick-slide img {
        width: 1.2rem;
        height: 1.2rem
    }
}

.affiliate-route-background main.home-container .dotsContainer {
    width: 100%;
    bottom: 1rem;
    position: absolute
}

@media(max-width: 768px) {
    .affiliate-route-background main.home-container .dotsContainer {
        bottom:.3rem
    }
}

.affiliate-route-background main.home-container .dotsContainer .active {
    background: #fff;
    opacity: .7;
    width: .1rem;
    height: .1rem;
    transform: unset;
    margin-left: .1rem;
    border-radius: .4rem;
    transition-duration: .5s
}

.affiliate-route-background main.home-container .dotsContainer .dots {
    background: rgba(255,255,255,.3803921569);
    width: .1rem;
    height: .1rem;
    transform: unset;
    margin-left: .1rem;
    margin-bottom: unset;
    border-radius: 50%;
    transition-duration: .5s
}

@media(max-width: 1024px) {
    .affiliate-route-background main.home-container .home-row.\31 .content {
        width:11.5rem !important
    }

    .affiliate-route-background main.home-container .home-row.\35 {
        width: 11.5rem !important
    }

    .affiliate-route-background main.home-container .home-row.\36 >div {
        width: 11.5rem !important
    }
}

@media(max-width: 768px) {
    .affiliate-route-background main.home-container .home-row.\31 .content {
        width:auto !important
    }

    .affiliate-route-background main.home-container .home-row.\35 {
        width: auto !important
    }

    .affiliate-route-background main.home-container .home-row.\36 >div {
        width: auto !important
    }
}

.aff-contact-us-background {
    background: #f3f5f6
}

.aff-contact-us-wrapper {
    margin: auto;
    color: #000;
    width: 13.4rem
}

@media(max-width: 1340px) {
    .aff-contact-us-wrapper {
        width:94vw
    }
}

@media(max-width: 1024px) {
    .aff-contact-us-wrapper {
        width:94vw
    }
}

.aff-contact-us-wrapper .contact-us-container header {
    padding: 0 0.14rem
}

.aff-contact-us-wrapper .contact-us-container article {
    line-height: 0.24rem;
    font-size: 0.14rem;
    margin: .2rem 0 0;
    padding: 0 .14rem;
    color: #8697a2;
    white-space: pre-line
}

.aff-contact-us-wrapper .contact-us-container article a {
    margin: .05rem
}

.aff-contact-us-wrapper .contact-us-container .additional-information-title {
    margin-top: .5rem !important
}

.aff-contact-us-wrapper .contact-us-container .additional-information-description {
    white-space: pre-line
}

.aff-contact-us-wrapper .contact-us-container .row {
    width: 100%;
    background: #fff;
    border-radius: 0.08rem;
    padding: 0.48rem 0.7rem;
    margin: 0.5rem auto 0
}

.aff-contact-us-wrapper .contact-us-container .row:after {
    content: "";
    display: table;
    clear: both
}

.aff-contact-us-wrapper .contact-us-container .row .contact-column {
    float: left;
    font-size: 0.18rem
}

.aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list {
    margin-top: 0.3rem
}

.aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list .contact-list-warpper {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
    text-align: center;
    flex-direction: row;
    padding: 0.06rem 0;
    cursor: pointer;
    transition: .3s
}

.aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list .contact-list-warpper .contact-svg-container svg {
    width: 0.25rem;
    height: 0.25rem;
    fill: url(#beta-gradient);
    margin-right: 0.1rem
}

.aff-contact-us-wrapper .contact-us-container .row .field-column {
    float: left;
    font-size: 0.18rem
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier {
    margin-top: 0.3rem
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-group-fname-lname {
    display: grid;
    grid-template-columns: repeat(2, 0.8fr);
    column-gap: 0.2rem
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-group-fname-lname:after {
    content: "";
    display: table;
    clear: both
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-control {
    padding: 0.2rem 0.2rem;
    font-size: 0.14rem
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .field-box {
    margin-bottom: 0.15rem
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier input:focus,.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier textarea:focus {
    border: 0.01rem solid #ff8a00
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .contact-us-button {
    background: #ff8a00;
    color: #fff;
    border: 0.02rem solid #ff8a00;
    font-size: 0.15rem;
    cursor: pointer;
    width: 15%;
    border-radius: 0.04rem
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .contact-us-button:disabled {
    opacity: .4;
    pointer-events: auto !important;
    cursor: not-allowed !important
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier textarea {
    height: 2rem
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .error-validation {
    color: red
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .standard-button-container {
    justify-content: unset
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .standard-button-container .standard-submit-button {
    margin: 0 0 .35rem 0;
    width: 49%;
    background: #ff8a00
}

.aff-contact-us-wrapper .contact-us-container .row .field-column .standard-button-container .standard-submit-button:hover {
    background: #ff7200
}

.aff-contact-us-wrapper .contact-us-container .row .standard-form-field {
    flex-direction: column;
    gap: .04rem
}

.aff-contact-us-wrapper .contact-us-container .row .standard-form-field .standard-label {
    color: #8697a2;
    font-size: .14rem
}

@media(max-width: 768px) {
    .aff-contact-us-wrapper {
        width:auto;
        padding: 0.45rem 0.5rem
    }

    .aff-contact-us-wrapper .standard-header-font-size {
        font-size: 0.32rem
    }

    .aff-contact-us-wrapper .contact-us-container {
        padding: .05rem .5rem
    }

    .aff-contact-us-wrapper .contact-us-container article {
        line-height: 0.34rem;
        font-size: 0.26rem;
        margin: auto;
        text-align: center;
        color: #8697a2
    }

    .aff-contact-us-wrapper .contact-us-container .row {
        background: none;
        padding: initial;
        margin: auto
    }

    .aff-contact-us-wrapper .contact-us-container .row .field-column {
        float: none
    }

    .aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-control {
        font-size: 0.32rem;
        height: 0.71rem
    }

    .aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .field-box {
        margin: 0 0 0.4rem
    }

    .aff-contact-us-wrapper .contact-us-container .row .contact-column {
        float: inline-start;
        font-size: 0.18rem;
        width: 60%;
        margin: 0.7rem auto
    }

    .aff-contact-us-wrapper .contact-us-container .row .standard-mandatory::after {
        color: #e0082d;
        content: "*";
        margin-left: 0.04rem;
        padding: 0 0.04rem 0 0;
        font-size: 0.36rem;
        position: absolute;
        right: -0.1rem;
        top: -0.18rem
    }
}

.m-aff-contact-us-wrapper {
    background: #f3f5f6
}

.m-aff-contact-us-wrapper .standard-header-font-size {
    font-size: 0.32rem
}

.m-aff-contact-us-wrapper .contact-us-container {
    padding: .05rem .5rem 1.2rem
}

.m-aff-contact-us-wrapper .contact-us-container article {
    line-height: 0.34rem;
    font-size: 0.26rem;
    margin: auto;
    text-align: center;
    color: #8697a2;
    padding: 0 .14rem
}

.m-aff-contact-us-wrapper .contact-us-container .additional-information-title {
    margin-top: .5rem !important
}

.m-aff-contact-us-wrapper .contact-us-container .additional-information-description {
    white-space: pre-line;
    text-align: center
}

.m-aff-contact-us-wrapper .contact-us-container .row {
    background: none;
    padding: initial;
    margin: auto
}

.m-aff-contact-us-wrapper .contact-us-container .row .field-column {
    float: none
}

.m-aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier {
    margin-top: 0.3rem
}

.m-aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .form-control {
    font-size: 0.32rem;
    padding: .2rem .3rem
}

.m-aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier .field-box {
    margin: 0 0 0.4rem
}

.m-aff-contact-us-wrapper .contact-us-container .row .field-column .form-contanier textarea {
    height: 5rem
}

.m-aff-contact-us-wrapper .contact-us-container .row .standard-mandatory::after {
    color: red;
    content: "*";
    margin-left: 0.04rem;
    padding: 0 0.04rem 0 0;
    font-size: 0.36rem;
    position: absolute;
    right: -0.1rem;
    top: -0.18rem
}

.m-aff-contact-us-wrapper .contact-us-container .row .standard-form-field {
    gap: .08rem
}

.m-aff-contact-us-wrapper .contact-us-container .row .error-validation {
    color: red
}

.m-aff-contact-us-wrapper .contact-us-container .row .contact-column {
    font-size: 0.18rem;
    width: 80%;
    margin: 0.7rem auto
}

.m-aff-contact-us-wrapper .contact-us-container .row .contact-column .standard-header-font-size {
    text-align: center
}

.m-aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list {
    margin-top: 0.3rem
}

.m-aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list .contact-list-warpper {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
    text-align: center;
    flex-direction: row;
    padding: 0.06rem 0.12rem;
    cursor: pointer;
    transition: .3s
}

.m-aff-contact-us-wrapper .contact-us-container .row .contact-column .contact-us-list .contact-list-warpper .contact-svg-container svg {
    width: 0.4rem;
    height: 0.4rem;
    fill: url(#beta-gradient);
    margin-right: 0.1rem
}

.m-aff-contact-us-wrapper .contact-us-container a {
    margin: .05rem
}

.affiliate-register,.aff-settings-container {
    padding: 0.42rem 0 0
}

.affiliate-register .svg-correct,.aff-settings-container .svg-correct {
    position: unset;
    grid-area: 1/3;
    margin: 0 0 0 0.1rem
}

.affiliate-register .svg-correct svg,.aff-settings-container .svg-correct svg {
    width: 0.2rem !important;
    height: 0.2rem !important
}

.affiliate-register .register,.aff-settings-container .register {
    display: grid;
    gap: 0.13rem;
    width: 13.4rem;
    margin: auto
}

.affiliate-register .register .reg,.aff-settings-container .register .reg {
    width: 100%;
    margin: 0;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.42rem 0.54rem
}

.affiliate-register .register .reg .reg-container,.aff-settings-container .register .reg .reg-container {
    width: 5.86rem
}

.affiliate-register .register .reg .reg-container .standard-checkbox-container,.aff-settings-container .register .reg .reg-container .standard-checkbox-container {
    padding: 0;
    margin: 0.27rem 0 0.26rem
}

.affiliate-register .register .reg .reg-container .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text,.aff-settings-container .register .reg .reg-container .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text {
    margin: 0
}

.affiliate-register .register .reg .reg-container .reg-footer-notice,.aff-settings-container .register .reg .reg-container .reg-footer-notice {
    font-size: 0.12rem;
    text-align: center;
    color: #8697a2;
    width: 80%;
    margin: auto
}

.affiliate-register .register .reg .reg-container .reg-footer-notice p:nth-child(1),.aff-settings-container .register .reg .reg-container .reg-footer-notice p:nth-child(1) {
    margin: 0.45rem 0 0.43rem
}

.affiliate-register .register .reg .reg-container .break-line,.aff-settings-container .register .reg .reg-container .break-line {
    margin: .3rem .32rem 0 auto;
    padding: .3rem 0 0;
    border-top: .01rem solid #dbe0e4;
    width: 59%
}

.affiliate-register .register .reg .reg-container .error-message-text-wrapper,.aff-settings-container .register .reg .reg-container .error-message-text-wrapper {
    padding: 0rem 0rem 0rem 2.08rem;
    margin: -0.1rem 0 .14rem 0
}

.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper,.aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper {
    margin-top: .1rem;
    font-size: .12rem;
    color: #e8262c
}

.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper,.aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem
}

.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper img,.aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper p,.aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.affiliate-register .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.aff-settings-container .register .reg .reg-container .error-message-text-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

.affiliate-register .register .reg .reg-container .standard-password-eye,.aff-settings-container .register .reg .reg-container .standard-password-eye {
    right: .4rem;
    z-index: 1
}

.affiliate-register .register .reg .reg-success-container .aff-reg-success .reg-svg,.aff-settings-container .register .reg .reg-success-container .aff-reg-success .reg-svg {
    background: rgba(0,0,0,0);
    margin: 0.3rem auto 0
}

.affiliate-register .register .reg .reg-success-container .aff-reg-success h3,.aff-settings-container .register .reg .reg-success-container .aff-reg-success h3 {
    text-transform: none;
    font-size: 0.18rem
}

.affiliate-register .register .reg .reg-success-container .aff-reg-success span,.aff-settings-container .register .reg .reg-success-container .aff-reg-success span {
    width: 25%;
    display: flex;
    margin: auto;
    line-height: 0.25rem;
    justify-content: center
}

.affiliate-register .register .reg .standard-form-field label,.aff-settings-container .register .reg .standard-form-field label {
    color: #8697a2;
    font-size: 0.14rem;
    margin: 0 0.05rem 0.05rem;
    grid-area: 1/1;
    width: auto
}

.affiliate-register .register .reg .standard-form-field .standard-input,.aff-settings-container .register .reg .standard-form-field .standard-input {
    width: 100% !important;
    margin: 0 0 .04rem 0
}

.affiliate-register .register .reg .standard-form-field .stat-text-div,.aff-settings-container .register .reg .standard-form-field .stat-text-div {
    left: 5.6rem;
    display: grid;
    right: -2rem
}

.affiliate-register .register .reg .standard-form-field .stat-text-div.phone,.aff-settings-container .register .reg .standard-form-field .stat-text-div.phone {
    left: 2.535rem
}

.affiliate-register .register .reg .standard-form-field .stat-text-div img,.aff-settings-container .register .reg .standard-form-field .stat-text-div img {
    width: 0.2rem;
    right: 2.46rem
}

.affiliate-register .register .reg .standard-form-field .stat-text-div .triangle-border,.aff-settings-container .register .reg .standard-form-field .stat-text-div .triangle-border {
    background: #fff;
    padding: 0.1rem 0.16rem;
    box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,.3);
    position: relative;
    border-radius: 0.05rem;
    color: #0f161f;
    grid-column: 1;
    grid-row: 2/4;
    z-index: 2
}

.affiliate-register .register .reg .standard-form-field .stat-text-div .triangle-border .triangle,.aff-settings-container .register .reg .standard-form-field .stat-text-div .triangle-border .triangle {
    position: absolute;
    top: 0.06rem;
    right: 100%;
    margin-left: -0.12rem;
    width: 0.24rem;
    height: 0.24rem;
    overflow: hidden
}

.affiliate-register .register .reg .standard-form-field .stat-text-div .triangle-border .triangle::after,.aff-settings-container .register .reg .standard-form-field .stat-text-div .triangle-border .triangle::after {
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 0.1rem;
    left: 100%;
    transform: translate(-50%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 0.01rem 0.06rem rgba(0,0,0,.3)
}

.affiliate-register .register .reg .standard-form-field .stat-text-div .triangle-border span,.aff-settings-container .register .reg .standard-form-field .stat-text-div .triangle-border span {
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.affiliate-register .register .reg .standard-form-field .standard-m-form-col-full,.aff-settings-container .register .reg .standard-form-field .standard-m-form-col-full {
    position: relative
}

.affiliate-register .register .reg .standard-register-grid,.aff-settings-container .register .reg .standard-register-grid {
    display: grid;
    align-items: center;
    grid-template-columns: 2.08rem 3.46rem auto
}

.affiliate-register .register .reg .standard-register-grid .reg-btn-container-prevnext,.affiliate-register .register .reg .standard-register-grid .standard-input,.aff-settings-container .register .reg .standard-register-grid .reg-btn-container-prevnext,.aff-settings-container .register .reg .standard-register-grid .standard-input {
    grid-area: 1/2
}

.affiliate-register .register .reg .standard-register-grid .reg-footer-notice,.aff-settings-container .register .reg .standard-register-grid .reg-footer-notice {
    grid-area: 2/2
}

.affiliate-register .register .reg .standard-register-grid .standard-mandatory::after,.aff-settings-container .register .reg .standard-register-grid .standard-mandatory::after {
    color: #e0092c
}

.affiliate-register .register .reg .standard-register-grid .reg-error-msg,.aff-settings-container .register .reg .standard-register-grid .reg-error-msg {
    grid-area: 2/2;
    margin: -0.1rem 0 .2rem;
    color: red
}

@media(max-width: 768px) {
    .affiliate-register .register .reg .standard-register-grid .reg-error-msg,.aff-settings-container .register .reg .standard-register-grid .reg-error-msg {
        grid-area:auto;
        margin: 0
    }
}

.affiliate-register .register-affiliateId svg.toggle,.aff-settings-container .register-affiliateId svg.toggle {
    width: .12rem;
    height: .12rem;
    margin: 0 0 0 .06rem;
    fill: #b8b8b8;
    cursor: pointer;
    position: absolute;
    right: .4rem;
    z-index: 1;
    bottom: .15rem
}

.affiliate-register .register-affiliateId svg.isHide,.aff-settings-container .register-affiliateId svg.isHide {
    opacity: 1;
    visibility: unset;
    transition: visibility 0s linear .33s,opacity .33s linear
}

.affiliate-register .register-affiliateId svg.isOpen,.aff-settings-container .register-affiliateId svg.isOpen {
    transform: rotate(180deg)
}

.affiliate-register .register-affiliateId .isOpen,.aff-settings-container .register-affiliateId .isOpen {
    transition: visibility 0s linear .33s,opacity .33s linear;
    transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.affiliate-register .register-affiliateId .isHide,.aff-settings-container .register-affiliateId .isHide {
    transition: visibility 0s linear .33s,opacity .33s linear;
    visibility: hidden;
    opacity: 0
}

.m-affiliate-register {
    background: #f3f5f6
}

.m-affiliate-register .aff-reg-title {
    font-size: 0.32rem;
    font-weight: 600
}

.m-affiliate-register .reg-container .standard-mandatory::after {
    right: -0.1rem;
    top: -0.18rem;
    position: absolute;
    color: #e0092c
}

.m-affiliate-register .reg-container .standard-form-field {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin: 0 0 0.4rem 0
}

.m-affiliate-register .reg-container .standard-form-field .standard-input {
    margin: 0 0 .04rem 0
}

.m-affiliate-register .reg-container .standard-form-field .svg-correct {
    height: 0.4rem;
    width: 0.4rem;
    grid-column: 2/-1;
    grid-row: 1;
    position: absolute;
    left: 0.08rem;
    top: 0.1rem
}

.m-affiliate-register .reg-container .standard-form-field .stat-text-div img {
    height: 0.4rem;
    width: 0.4rem;
    position: absolute;
    left: 90%;
    top: 0.2rem
}

.m-affiliate-register .reg-container .standard-form-field .phone-field .standard-select-dropdown .standard-form-field-wrapper {
    background: #fff;
    border-radius: 0.4rem;
    padding: 0.15rem 0.3rem;
    margin: 0 0 0.3rem
}

.m-affiliate-register .reg-container .standard-form-field .phone-field .standard-select-dropdown .standard-form-field-wrapper input {
    background: 0 0
}

.m-affiliate-register .reg-container .standard-form-field .standard-m-form-col-full {
    z-index: 2
}

.m-affiliate-register .reg-container .standard-form-field .standard-select-dropdown {
    overflow-y: unset
}

.m-affiliate-register .reg-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode {
    max-height: fit-content;
    top: 0
}

.m-affiliate-register .reg-container .standard-form-field .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper {
    background: #fff;
    border-radius: .4rem;
    padding: .15rem .3rem;
    margin: 0 0 .3rem
}

.m-affiliate-register .reg-container .standard-form-field .standard-select-dropdown .international-telcode-options {
    max-height: 6rem;
    overflow-y: scroll
}

.m-affiliate-register .reg-container .error-message-wrapper {
    margin-top: .196rem;
    font-size: .236rem;
    color: #e8262c
}

.m-affiliate-register .reg-container .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem
}

.m-affiliate-register .reg-container .error-message-wrapper .password-rules-msg-wrapper img {
    width: .236rem;
    height: .236rem;
    margin: .078rem .078rem .078rem 0rem;
    flex-shrink: 0
}

.m-affiliate-register .reg-container .error-message-wrapper .password-rules-msg-wrapper p {
    margin: .04rem 0 0 0
}

.m-affiliate-register .reg-container .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .078rem;
    flex: 1
}

.m-affiliate-register .reg-container .standard-password-eye {
    transform: translateY(-50%);
    top: .4rem;
    z-index: 1
}

.m-affiliate-register .reg-container .break-line {
    width: 100%;
    height: 0.01rem;
    background: #dbe0e4;
    margin: 0.3rem 0 0.34rem
}

.m-affiliate-register .reg-container .prompt-login-section,.m-affiliate-register .reg-container .reg-footer-notice {
    margin: 0.2rem auto;
    text-align: center;
    font-size: 0.25rem;
    width: 85%;
    color: #8697a2
}

.m-affiliate-register .aff-reg-success {
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.42rem 0.54rem;
    margin: 0.21rem 0
}

.m-affiliate-register .aff-reg-success svg {
    width: 15%;
    height: 15%;
    display: flex;
    margin: 0.6rem auto 0.2rem
}

.m-affiliate-register .aff-reg-success h3 {
    font-size: 0.32rem;
    font-weight: 400;
    text-align: center
}

.m-affiliate-register .aff-reg-success .reg-success-description-2 {
    text-align: center
}

.m-affiliate-register .aff-reg-success span {
    font-size: 0.29rem;
    text-align: center;
    display: flex;
    margin: 0.4rem 0;
    line-height: 0.5rem;
    color: #8697a2;
    justify-content: center
}

.m-affiliate-register .register-affiliateId svg.toggle {
    width: .32rem;
    height: .32rem;
    margin: 0 .2rem 0 0;
    fill: #b8b8b8;
    cursor: pointer;
    z-index: 1
}

.m-affiliate-register .register-affiliateId svg.isHide {
    opacity: 1;
    visibility: unset;
    transition: visibility 0s linear .33s,opacity .33s linear
}

.m-affiliate-register .register-affiliateId svg.isOpen {
    transform: rotate(180deg)
}

.m-affiliate-register .register-affiliateId .isOpen {
    transition: visibility 0s linear .33s,opacity .33s linear;
    transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.m-affiliate-register .register-affiliateId .isHide {
    transition: visibility 0s linear .33s,opacity .33s linear;
    visibility: hidden;
    opacity: 0
}

.m-affiliate-register .label-icon-container {
    display: flex
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login {
    width: 4.8rem;
    min-width: 4.8rem;
    height: 7.6rem;
    background: #fff;
    padding: 0.6rem 0.67rem 0.76rem
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff {
    height: auto;
    min-height: auto
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff .msg-aff {
    text-align: left
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff .msg-aff p {
    margin: 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-header {
    background: rgba(0,0,0,0);
    border-top-right-radius: 0.1rem;
    border-top-left-radius: 0.1rem;
    padding: 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-header .standard-modal-close {
    right: -0.8rem;
    top: -0.8rem;
    font-family: fangsong;
    line-height: 1.8;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0.04rem 0.04rem rgba(0,0,0,.25)
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body {
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
    padding: 0;
    text-align: center;
    font-size: 0.14rem
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container {
    gap: 0.1rem;
    display: grid
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .blue-boder {
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .blue-boder input {
    grid-column: 1;
    grid-row: 1
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .blue-boder .login-field-image {
    height: 0.2rem;
    width: 0.2rem;
    grid-column: 2/-1;
    grid-row: 1;
    position: absolute;
    left: 0.07rem
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .standard-label {
    color: #8697a2;
    font-weight: 400
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .standard-form-container .standard-form-field .standard-mandatory::after {
    color: #e0092c
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .header-logo {
    text-align: center
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .header-logo img {
    margin: auto;
    width: 100%
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .heading {
    text-align: center;
    font-size: 0.3rem;
    margin: 0.15rem 0 0.3rem 0;
    color: #0f161f
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form {
    width: 50%;
    margin: 0.2rem auto
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form ::placeholder {
    color: #8697a2;
    opacity: 1
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field {
    width: 100%;
    display: grid;
    grid-template-columns: 35% 65%
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field .standard-select span {
    margin: 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field .standard-select-dropdown .standard-select-options {
    display: flex
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field .standard-select-dropdown .standard-select-options span {
    width: 10%
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .phone-field .standard-select-dropdown .standard-select-options p {
    margin: 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .orline {
    width: 100%;
    text-align: center;
    margin-bottom: 0.14rem
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section {
    margin: 0.1rem 0 0 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section button {
    background: #ff9500;
    color: #fff;
    border-radius: 0.05rem;
    font-size: 0.16rem;
    height: 0.4rem;
    width: 100%
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-popup-form .reset-password-popup-button-section button:disabled {
    opacity: .5
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .desc {
    text-align: center;
    font-size: 0.16rem;
    width: 80%;
    margin: auto;
    color: #8697a2
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .desc-container {
    margin: 0.2rem 0 0 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .desc-container .desc {
    text-align: center;
    font-size: 0.14rem;
    color: #8697a2
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .desc-container .desc a {
    color: #06c;
    text-decoration: underline
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .login-button-section {
    padding: 0.07rem 0 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container {
    padding: 0.12rem 0 0;
    width: 100%;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(1, 0.35rem)
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container .standard-invisible-checkbox {
    width: .18rem;
    height: .18rem;
    grid-row: 1/1;
    margin: 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container .standard-checkbox {
    height: .18rem;
    width: .18rem;
    grid-row: 1/1
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container .standard-checkbox svg {
    position: relative
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .checkbox-forgot-container .standard-checkbox-container .standard-checkbox-text-container {
    width: 100%;
    grid-row: 1/2;
    text-align: start;
    font-size: 0.14rem
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .forget-password-container {
    margin: 0.44rem 0 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .forget-password-container a {
    color: #0071e3;
    text-decoration: underline
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .prompt-create p {
    margin: 0
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .prompt-create p a {
    color: #ff8a00
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-tutorial-container {
    justify-content: center
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .reset-password-tutorial-container .text {
    color: #0071e3
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .break-line {
    width: 100%;
    height: 0.01rem;
    background: #dbe0e4;
    margin: 0.2rem 0 0.24rem
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .help-container {
    width: 2.9rem;
    margin: auto
}

body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login .standard-popup-modal-body .help-container a {
    color: #ff8a00
}

@media(max-width: 768px) {
    body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff {
        width:6.8rem;
        min-width: 6.8rem
    }

    body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff .standard-modal-close {
        display: flex;
        line-height: 1.5
    }

    body.aff-portal .standard-popup-overlay .beta-popup-container.beta-login.beta-login-msg-aff .msg-aff p {
        font-size: .23rem
    }
}

.aff-m-login-container {
    background: #f3f5f6;
    height: calc(100vh - 1rem)
}

.aff-m-login-container .login-title {
    font-size: 0.32rem;
    font-weight: 600
}

.aff-m-login-container .login-form-section .login-input-container .blue-boder {
    border: 0.01rem solid #0071e3;
    border-radius: 0.15rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.aff-m-login-container .login-form-section .login-input-container .login-field-image {
    height: 0.4rem;
    width: 0.4rem;
    grid-column: 2/-1;
    grid-row: 1;
    position: absolute;
    left: 0.07rem
}

.aff-m-login-container .login-form-section .login-input-container .standard-mandatory::after {
    color: #e0092c;
    content: "*";
    margin-left: 0.04rem;
    padding: 0 0.04rem 0 0;
    font-size: 0.36rem;
    position: absolute;
    right: -0.1rem;
    top: -0.3rem
}

.aff-m-login-container .forget-password-section,.aff-m-login-container .prompt-login-section {
    margin: 0.7rem 0 0;
    text-align: center;
    font-size: 0.28rem;
    color: #8697a2
}

.aff-m-login-container .forget-password-section a,.aff-m-login-container .prompt-login-section a {
    color: #0071e3;
    text-decoration: underline
}

.aff-m-login-container .prompt-login-section {
    margin: .1024rem
}

.aff-m-login-container .prompt-login-section a {
    color: #ff8a00;
    text-decoration: none
}

.aff-m-login-container .reset-password-tutorial-container {
    justify-content: center
}

.aff-m-login-container .reset-password-tutorial-container .text {
    color: #0071e3
}

.aff-m-login-container .break-line {
    width: 100%;
    height: 0.01rem;
    background: #dbe0e4;
    margin: 0.6rem 0 0.6rem
}

.aff-m-login-container .help-section {
    margin: auto;
    text-align: center;
    font-size: 0.28rem;
    color: #8697a2
}

.aff-m-login-container .help-section a {
    color: #ff8a00
}

.aff-overview-container section.standard-tab-container .tab-header-container {
    display: flex;
    gap: 0 0.45rem;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .aff-overview-container section.standard-tab-container .tab-header-container {
        display:block
    }
}

.aff-overview-container section.standard-tab-container .tab-header-container .tab-header {
    margin: 0 !important
}

@media(max-width: 768px) {
    .aff-overview-container section.standard-tab-container .tab-header-container .tab-header {
        margin:0 .45rem 0 0 !important
    }
}

.aff-overview-container .last-update-text {
    color: #8697a2;
    display: flex;
    justify-content: end;
    font-size: 0.11rem;
    text-transform: capitalize
}

.aff-overview-container .react-datepicker-wrapper {
    width: 100%
}

.aff-overview-container .react-datepicker-wrapper .standard-input {
    color: #61757e;
    padding: .05rem .35rem .05rem .1rem
}

.aff-overview-container .react-datepicker-wrapper .standard-input svg {
    position: absolute;
    right: .1rem;
    width: .24rem;
    height: .24rem;
    fill: #afb3b6;
    margin: 0;
    cursor: pointer
}

@media(max-width: 768px) {
    .aff-overview-container .react-datepicker-wrapper .standard-input svg {
        width:.36rem;
        height: .36rem
    }
}

.aff-overview-container .react-datepicker-popper {
    width: 2.8rem
}

@media(max-width: 768px) {
    .aff-overview-container .react-datepicker-popper {
        width:3.8rem
    }
}

.aff-overview-container .react-datepicker-popper .react-datepicker {
    width: 100%
}

.aff-overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container {
    width: 100%
}

.aff-overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header {
    padding-bottom: .8em;
    font-size: 1em
}

.aff-overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.aff-overview-container .react-datepicker-popper .react-datepicker__month-text {
    width: 3rem;
    border-radius: 0.1rem;
    padding: 0.1rem
}

@media(max-width: 768px) {
    .aff-overview-container .chart-date {
        justify-content:left;
        margin: 0.2rem 0 0
    }

    .aff-overview-container .last-update-text {
        font-size: 0.2rem
    }
}

.aff-overview-container .overview-tab {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.aff-overview-container .overview-tab .overview-tab-container {
    grid-area: 2/1
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab .overview-tab-container {
        grid-column:1/span 2
    }
}

.aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab {
    display: flex;
    background: #fff;
    padding: 0 0 0.18rem;
    gap: 0.1rem
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab {
        justify-content:space-between;
        padding: 0 0 0.5rem
    }
}

.aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header {
    line-height: 0.37rem;
    cursor: pointer;
    background: #f3f5f6;
    border-radius: 1rem;
    color: #0f161f;
    width: 100%;
    text-align: center
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header {
        margin:0;
        width: 100%;
        text-align: center;
        padding: .15rem;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header span {
        padding:0
    }
}

.aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header:hover,.aff-overview-container .overview-tab .overview-tab-container .overview-standard-tab .overview-tab-header.active {
    background: #ff8a00;
    color: #fff
}

.aff-overview-container .overview-tab section.transaction-note-section {
    grid-area: 2/2;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0 0 0.18rem 0.2rem
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab section.transaction-note-section {
        grid-area:auto;
        justify-content: end
    }
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon {
    width: 10%;
    text-align: left;
    display: flex
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon {
        width:100%
    }
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon svg {
    width: 50%;
    height: 50%;
    fill: #dbe0e4
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon svg:hover {
    cursor: pointer
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .note-icon svg {
        width:4.1025641026vw;
        height: 4.1025641026vw;
        margin: 0
    }
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .faq-icon {
    position: relative;
    bottom: 0.04rem;
    margin-right: 0.2rem
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .faq-icon svg {
    fill: #29b5fe
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal {
    background: #eff4f8;
    width: 3.5rem;
    color: #000;
    padding: 0.2rem;
    border-radius: 0.05rem;
    font-size: 0.1rem;
    text-align: left;
    position: absolute;
    z-index: 2
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal {
        right:0;
        margin: .2rem .8rem 0 0;
        font-size: 0.24rem;
        width: 6rem;
        z-index: 99;
        box-shadow: 0 0.01rem 0.03rem rgba(0,0,0,.12),0 0.01rem 0.02rem rgba(0,0,0,.24)
    }
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container {
    margin: 0 0 0.15rem 0
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info {
    margin: 0 0 0.1rem 0;
    display: flex
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span {
    display: block
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:first-child {
    width: 40%;
    margin-right: 0.1rem
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:last-child {
    width: 70%;
    color: #0071e3
}

.aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-detail p {
    margin: 0 0 0 0;
    line-height: 0.2rem
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-detail p {
        line-height:0.3rem
    }
}

@media(max-width: 768px) {
    .aff-overview-container .overview-tab section.transaction-note-section .transaction-notes-container .notes-modal .note-info-detail {
        right:0;
        font-size: 0.24rem
    }
}

@media(max-width: 768px) {
    .aff-overview-container section.provider-container {
        display:grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .aff-overview-container section.provider-container .NoRecord_without_table {
        grid-area: 2/1;
        grid-column: 1/span 2
    }
}

.aff-overview-container section.chart-container .chart-component {
    text-align: center;
    border-radius: 0.08rem;
    background: #eff4f8;
    padding: .24rem 0
}

.aff-overview-container section.chart-container .chart-component dt {
    font-family: "AvertaStd-Semibold"
}

.aff-overview-container section.chart-container .chart-component .apexcharts-canvas {
    margin: auto;
    width: 99% !important
}

.aff-overview-container section.chart-container .chart-component .apexcharts-canvas .apexcharts-toolbar {
    z-index: 1
}

@media(max-width: 768px) {
    .aff-overview-container section.chart-container .chart-component .apexcharts-canvas {
        overflow:auto hidden;
        width: auto !important;
        height: auto !important;
        padding: 0 2.5641025641vw;
        display: grid
    }

    .aff-overview-container section.chart-container .chart-component .apexcharts-canvas svg {
        width: unset;
        height: unset;
        white-space: nowrap
    }

    .aff-overview-container section.chart-container .chart-component .apexcharts-canvas .apexcharts-toolbar {
        grid-area: 1;
        position: sticky;
        left: 42vw;
        top: 1.0256410256vw !important;
        right: 0 !important;
        justify-content: center;
        z-index: 1
    }

    .aff-overview-container section.chart-container .chart-component .apexcharts-canvas .apexcharts-reset-icon {
        margin: 0 !important
    }
}

.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab {
    display: flex;
    gap: 0.36rem;
    justify-content: center
}

.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header {
    background: #fff;
    padding: .09rem .22rem;
    border-radius: 0.5rem;
    font-size: 0.14rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer
}

@media(max-width: 768px) {
    .aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header {
        font-size:0.24rem
    }
}

.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header:first-child::before {
    content: "";
    width: .08rem;
    height: .08rem;
    margin: 0 .12rem 0 0;
    border-radius: 100%;
    background: #ff8a00
}

@media(max-width: 768px) {
    .aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header:first-child::before {
        width:1.9435897436vw;
        height: 1.9435897436vw
    }
}

.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header.active:first-child::before {
    box-shadow: 0 0 0 0 #ff793f;
    animation: pulse-orange 2s infinite
}

.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header::before {
    content: "";
    width: .08rem;
    height: .08rem;
    margin: 0 .12rem 0 0;
    border-radius: 100%;
    background: #6aaaf5
}

@media(max-width: 768px) {
    .aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header::before {
        width:1.9435897436vw;
        height: 1.9435897436vw
    }
}

.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header.active {
    border: 0.01rem solid #ff8a00
}

.aff-overview-container section.chart-container .chart-component .chart-month-container .chart-month-tab .tab-header.active::before {
    box-shadow: 0 0 0 0 #34ace0;
    animation: pulse-blue 2s infinite
}

.aff-overview-container section.summary-container .summary-container-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .16rem
}

@media(max-width: 768px) {
    .aff-overview-container section.summary-container .summary-container-group {
        white-space:nowrap;
        overflow-x: scroll
    }
}

.aff-overview-container section.summary-container .summary-container-group .member-summary-content,.aff-overview-container section.summary-container .summary-container-group .quick-summary-content,.aff-overview-container section.summary-container .summary-container-group .commission-content {
    color: #0f161f;
    background: #f3f5f6;
    padding: .32rem;
    display: grid;
    grid-template-columns: auto 0.68rem;
    grid-template-rows: .68rem 1fr 1fr 1fr 1fr 1fr;
    gap: 0.01rem 0;
    border-radius: 0.08rem
}

@media(max-width: 768px) {
    .aff-overview-container section.summary-container .summary-container-group .member-summary-content,.aff-overview-container section.summary-container .summary-container-group .quick-summary-content,.aff-overview-container section.summary-container .summary-container-group .commission-content {
        width:58.9743589744vw;
        height: 61.9487179487vw;
        border-radius: 1.4358974359vw;
        grid-template-columns: auto 1.3rem
    }

    .aff-overview-container section.summary-container .summary-container-group .member-summary-content svg,.aff-overview-container section.summary-container .summary-container-group .quick-summary-content svg,.aff-overview-container section.summary-container .summary-container-group .commission-content svg {
        width: 16.3076923077vw;
        height: 9.641025641vw
    }
}

@media(max-width: 768px) {
    .aff-overview-container section.summary-container .summary-container-group .member-summary-content dt,.aff-overview-container section.summary-container .summary-container-group .quick-summary-content dt,.aff-overview-container section.summary-container .summary-container-group .commission-content dt {
        white-space:break-spaces
    }
}

.aff-overview-container section.summary-container .summary-container-group .member-summary-content dd,.aff-overview-container section.summary-container .summary-container-group .quick-summary-content dd,.aff-overview-container section.summary-container .summary-container-group .commission-content dd {
    text-align: end;
    margin: 0;
    color: #095ebd;
    font-size: 0.14rem
}

@media(max-width: 768px) {
    .aff-overview-container section.summary-container .summary-container-group .member-summary-content dd,.aff-overview-container section.summary-container .summary-container-group .quick-summary-content dd,.aff-overview-container section.summary-container .summary-container-group .commission-content dd {
        font-size:0.24rem
    }
}

.aff-overview-container section.summary-container .summary-container-group .member-summary-content .chart-grid-content,.aff-overview-container section.summary-container .summary-container-group .quick-summary-content .chart-grid-content,.aff-overview-container section.summary-container .summary-container-group .commission-content .chart-grid-content {
    display: flex;
    grid-column: 1/3;
    justify-content: space-between;
    color: #8697a2;
    border: 0.005rem #8697a2;
    border-style: none none solid none;
    padding: 0.12rem 0;
    font-size: 0.14rem
}

@media(max-width: 768px) {
    .aff-overview-container section.summary-container .summary-container-group .member-summary-content .chart-grid-content,.aff-overview-container section.summary-container .summary-container-group .quick-summary-content .chart-grid-content,.aff-overview-container section.summary-container .summary-container-group .commission-content .chart-grid-content {
        font-size:0.24rem
    }
}

.aff-overview-container section.summary-container .summary-container-group .member-summary-content .chart-grid-content:last-child,.aff-overview-container section.summary-container .summary-container-group .quick-summary-content .chart-grid-content:last-child,.aff-overview-container section.summary-container .summary-container-group .commission-content .chart-grid-content:last-child {
    border-style: none
}

.aff-overview-container section.provider-container .provider-container-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .1rem
}

@media(max-width: 768px) {
    .aff-overview-container section.provider-container .provider-container-group {
        overflow-x:scroll;
        grid-auto-flow: column;
        grid-area: 2/1;
        grid-column: 1/span 2
    }
}

.aff-overview-container section.provider-container .provider-container-group .provider-content {
    color: #0f161f;
    background: #f3f5f6;
    padding: .32rem .22rem;
    display: grid;
    grid-template-columns: auto .42rem;
    grid-template-rows: .42rem auto auto auto auto;
    gap: 0.01rem .15rem;
    border-radius: 0.08rem
}

@media(max-width: 768px) {
    .aff-overview-container section.provider-container .provider-container-group .provider-content {
        height:49.358974359vw;
        width: 41.4871794872vw;
        grid-template-rows: .92rem auto auto auto auto;
        grid-template-columns: auto .6rem
    }
}

.aff-overview-container section.provider-container .provider-container-group .provider-content svg {
    background: #000;
    border-radius: 0.08rem;
    padding: 0.01rem
}

@media(max-width: 768px) {
    .aff-overview-container section.provider-container .provider-container-group .provider-content svg {
        height:7.1717948718vw;
        width: 7.1717948718vw
    }
}

.aff-overview-container section.provider-container .provider-container-group .provider-content dd {
    text-align: end;
    margin: 0;
    color: #095ebd;
    font-size: 0.14rem
}

@media(max-width: 768px) {
    .aff-overview-container section.provider-container .provider-container-group .provider-content dd {
        font-size:0.21rem
    }
}

.aff-overview-container section.provider-container .provider-container-group .provider-content .summary-content-warpper-flex {
    display: grid;
    grid-column: 1/3;
    grid-template-columns: 1.15rem auto;
    justify-content: space-between;
    color: #8697a2;
    border: 0.005rem #8697a2;
    border-style: none none solid none;
    padding: 0.12rem 0;
    font-size: 0.14rem;
    align-items: center
}

@media(max-width: 768px) {
    .aff-overview-container section.provider-container .provider-container-group .provider-content .summary-content-warpper-flex {
        font-size:0.21rem;
        grid-template-columns: auto auto;
        padding: 0rem 0;
        gap: 2.0512820513vw;
        line-height: 1.12
    }
}

.aff-overview-container section.provider-container .provider-container-group .provider-content .summary-content-warpper-flex:last-child {
    border-style: none
}

.aff-overview-container .standard-sub-content-font-size {
    color: #8697a2;
    margin: 0 .3rem 0 0
}

@media(max-width: 768px) {
    .aff-overview-container .standard-sub-content-font-size {
        font-size:.2rem;
        margin: .2rem 0 0;
        display: flex
    }
}

.aff-overview-container div.standard-sub-content-font-size {
    text-align: end
}

@media(max-width: 768px) {
    .aff-overview-container div.standard-sub-content-font-size {
        display:none
    }
}

@keyframes pulse-blue {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52,172,224,.7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 0.1rem rgba(52,172,224,0)
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52,172,224,0)
    }
}

@keyframes pulse-orange {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255,121,63,.7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 0.1rem rgba(255,121,63,0)
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255,121,63,0)
    }
}

div.scrolldown-container {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10000
}

div.scrolldown-container span {
    display: block;
    color: #095ebd
}

div.scrolldown-container svg {
    width: 0.4rem;
    height: 0.4rem
}

section.mobileWalletSection svg,section.application-section svg {
    width: .34rem;
    height: .34rem;
    fill: url(#beta-gradient)
}

section.mobileWalletSection .show-more svg,section.application-section .show-more svg {
    transform: rotate(180deg)
}

section.mobileWalletSection {
    color: #8697a2
}

section.mobileWalletSection .aff-member-data,section.mobileWalletSection .wallet-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

section.mobileWalletSection .member-details {
    display: grid;
    grid-template-columns: 65% 35%
}

section.mobileWalletSection .member-details-section .member-details {
    padding: .28rem .4rem;
    font-size: .27rem
}

section.mobileWalletSection .member-details-section .member-details .aff-nav-myacc {
    display: flex;
    gap: 2.5641025641vw;
    color: #005acc
}

section.mobileWalletSection .member-details-section .member-details .aff-nav-myacc .beta-profile {
    fill: #fff
}

section.mobileWalletSection .member-details-section .member-details .aff-member-data {
    grid-template-areas: "affilianID Currency" "affilianNO Ammount";
    color: #0f161f;
    place-items: end
}

section.mobileWalletSection .member-details-section .member-details .aff-member-data div:first-child {
    grid-area: affilianID
}

section.mobileWalletSection .member-details-section .member-details .aff-member-data div:last-child {
    grid-area: Currency
}

section.mobileWalletSection .member-details-section svg.beta-profile {
    width: .51rem;
    height: .51rem;
    background: #ff8a00;
    border-radius: 50%;
    padding: .09rem 0rem
}

section.mobileWalletSection .wallet-credit-section {
    background: #f3f5f6
}

section.mobileWalletSection .wallet-credit-section .wallet-details {
    padding: .28rem .4rem;
    grid-template-columns: auto 6% auto
}

section.mobileWalletSection .wallet-credit-section .wallet-details .the-lines {
    width: .2051282051vw;
    margin: 0 auto;
    background: #dbe0e4
}

section.mobileWalletSection .wallet-credit-section .wallet-details .wallet-title-container {
    color: #000;
    font-size: .213rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 1.0256410256vw
}

section.mobileWalletSection .wallet-credit-section .wallet-details .wallet-title-container p {
    margin: 0
}

section.mobileWalletSection .wallet-credit-section .wallet-details .aff-wallet-btn {
    width: 1.45rem;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: .525rem;
    height: .5rem;
    position: relative
}

section.mobileWalletSection .wallet-credit-section .wallet-details .aff-wallet-btn svg {
    width: .12rem;
    height: .25rem;
    position: absolute;
    right: .15rem
}

section.mobileWalletSection .wallet-credit-section .wallet-details .aff-wallet-btn .btn-text {
    position: absolute;
    left: 0.15rem;
    font-size: .2rem
}

section.mobileWalletSection .wallet-credit-section .wallet-details .btn-transfer {
    background: linear-gradient(90deg, rgb(10, 94, 189) 0%, rgb(5, 168, 194) 100%)
}

section.mobileWalletSection .wallet-credit-section .wallet-details .btn-withdraw {
    background: linear-gradient(90deg, rgb(10, 94, 189) 0%, rgb(5, 168, 194) 100%)
}

section.mobileWalletSection .wallet-credit-section .wallet-details .float-right {
    float: right
}

section.mobileWalletSection .wallet-credit-section .wallet-details .mw-150 {
    min-width: 2.8rem
}

section.mobileWalletSection .wallet-credit-section .wallet-balance {
    background: #fff;
    display: grid;
    grid-template-columns: 15% 85%;
    border-radius: .525rem;
    align-items: baseline;
    justify-content: space-between;
    padding: .09rem .18rem
}

section.mobileWalletSection .wallet-credit-section .wallet-balance .amount-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

section.mobileWalletSection .wallet-credit-section .wallet-balance .amount-container .currency-amount {
    color: #005acc;
    font-size: .32rem
}

section.mobileWalletSection .wallet-credit-section .wallet-balance .amount-container .small-loading-box .small-loading {
    width: .32rem !important;
    height: .32rem !important
}

section.mobileWalletSection .wallet-credit-section .wallet-balance .amount-container .small-loading-box .small-loading svg {
    width: .3rem !important;
    height: .3rem !important
}

section.mobileWalletSection .aff-wallet-btn-container {
    display: flex;
    justify-content: space-between;
    margin-top: 0.05rem
}

section.mobileWalletSection .aff-wallet-btn-wrapper {
    margin-top: 0.05rem
}

section.application-section {
    color: #04a8c2;
    background: #eaf5fa;
    text-align: center
}

section.application-section svg {
    width: .2061rem;
    fill: #6da0dd
}

section.application-section .standard-select {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .19rem;
    padding: .08rem
}

section.application-section .standard-select-dropdown.sort-type-dropdown {
    color: #000;
    background: #f3f5f6;
    font-size: .213rem
}

section.application-section .standard-select-dropdown.sort-type-dropdown .sidenav-tab-section {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.5641025641vw 1.5384615385vw;
    margin: 0 .4rem;
    padding: .28rem 0;
    border: 0.01rem solid #dbe0e4;
    border-style: solid none none
}

section.application-section .standard-select-dropdown.sort-type-dropdown .sidenav-tab-section .sidenav-tab {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    align-items: center;
    justify-items: center
}

section.application-section .standard-select-dropdown.sort-type-dropdown .sidenav-tab-section svg {
    width: 7.6923076923vw;
    height: 7.6923076923vw
}

section.mainWallet-section .upper-section {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: unset;
    align-items: center
}

section.mainWallet-section .upper-section section.member-details-container .member-details {
    display: flex;
    gap: 0.15rem
}

section.mainWallet-section .upper-section section.member-details-container .member-details svg {
    background: #ff8a00;
    border-radius: 50%;
    width: 0.29rem;
    height: 0.29rem;
    padding: 0.04rem
}

section.mainWallet-section .upper-section section.member-details-container .member-details .aff-member-title {
    color: #8697a2;
    margin: 0 0.1rem 0 0
}

section.mainWallet-section .upper-section section.member-details-container .member-details .aff-member-data {
    color: #0f161f
}

section.mainWallet-section .upper-section section.member-details-container .member-details .aff-member-title div,section.mainWallet-section .upper-section section.member-details-container .member-details .aff-member-data div {
    margin: 0.05rem 0 0.1rem
}

section.mainWallet-section .upper-section section.member-wallet-container {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

section.mainWallet-section .upper-section section.member-wallet-container svg {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0;
    padding: 0;
    background: rgba(0,0,0,0)
}

section.mainWallet-section .upper-section section.member-wallet-container .wallet-content {
    padding: 0;
    margin: 0;
    background: rgba(0,0,0,0);
    border-radius: 0
}

section.mainWallet-section .upper-section section.member-wallet-container .wallet-content .member-wallet {
    width: 100%
}

section.mainWallet-section .upper-section section.member-wallet-container .member-wallet {
    padding: 0 0.15rem;
    margin: 0
}

section.mainWallet-section .upper-section section.member-wallet-container .wallet-balance {
    display: grid;
    grid-template-columns: auto auto;
    width: 2.352rem;
    height: 0.357rem;
    background: #f3f5f6;
    border-radius: 0.525rem;
    align-items: center;
    justify-content: start;
    margin: 0 0 0.1rem;
    padding: 0.05rem 0.18rem
}

section.mainWallet-section .upper-section section.member-wallet-container .wallet-balance .currency-label {
    color: #8697a2;
    font-size: 0.14rem;
    margin: 0.05rem 0 0
}

section.mainWallet-section .upper-section section.member-wallet-container .wallet-balance .amount-container {
    display: grid;
    grid-template-columns: 1.38rem 0.22rem;
    align-items: center
}

section.mainWallet-section .upper-section section.member-wallet-container .wallet-balance .amount-container .currency-amount {
    color: #005acc;
    font-size: 0.21rem;
    margin: 0 0.1rem
}

section.mainWallet-section .upper-section section.member-wallet-container .aff-wallet-btn {
    width: 1.45rem;
    height: 0.32rem;
    border-radius: 0.08rem;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: .525rem;
    width: 1.145rem;
    height: .357rem;
    position: relative
}

section.mainWallet-section .upper-section section.member-wallet-container .aff-wallet-btn svg {
    width: 0.12rem;
    height: 0.12rem;
    position: absolute;
    right: 0.08rem
}

section.mainWallet-section .upper-section section.member-wallet-container .aff-wallet-btn .btn-text {
    position: absolute;
    left: 0.15rem
}

section.mainWallet-section .upper-section section.member-wallet-container .btn-transfer {
    background: #8697a2
}

section.mainWallet-section .upper-section section.member-wallet-container .btn-withdraw {
    background: linear-gradient(90deg, rgb(10, 94, 189) 0%, rgb(5, 168, 194) 100%)
}

section.mainWallet-section .upper-section section.member-wallet-container .float-right {
    float: right
}

section.mainWallet-section .upper-section section.member-wallet-container .main-wallet {
    border-right: 0.01rem solid #dbe0e4
}

.settings-side-navbar {
    border-radius: 0.08rem;
    background: #fff;
    font-size: .14rem;
    padding: .24rem .16rem
}

.settings-side-navbar svg {
    height: 1rem
}

.settings-side-navbar .sidenav-title {
    display: flex;
    align-items: center;
    padding: 0.15rem 0.2rem;
    color: #8697a2
}

.settings-side-navbar .sidenav-title:first-child {
    color: #095ebd;
    cursor: pointer
}

.settings-side-navbar .sidenav-title.tab-selected:first-child {
    color: #fff;
    background: #ff8a00;
    border-radius: .5rem;
    padding: .1rem .2rem
}

.settings-side-navbar .sidenav-tab-section {
    padding: 0rem 0 .38rem
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab {
    display: flex;
    align-items: center;
    padding: 0.1rem 0;
    margin: .2564102564vw 0
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab:hover {
    cursor: pointer
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab p {
    margin: 0 0 0 0.2rem;
    font-size: 0.14rem
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab.tab-selected,.settings-side-navbar .sidenav-tab-section .sidenav-tab:hover {
    color: #fff;
    background: #ff8a00;
    border-radius: 0.5rem;
    padding: .1rem 0rem
}

.settings-side-navbar .sidenav-tab-section .sidenav-tab .mission-claimable {
    fill: #fff;
    animation: blinkSVG 1.5s linear infinite;
    filter: unset
}

@keyframes blinkSVG {
    50% {
        fill: #28db00
    }
}

.affiliate-route-background .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .member-details-container.standard-form-field {
    margin: 0;
    row-gap: .2rem
}

.affiliate-route-background .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .member-details-container.standard-form-field .standard-label.member-group {
    grid-area: 2
}

.affiliate-route-background .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .member-details-container.standard-form-field .member-group,.affiliate-route-background .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .member-details-container.standard-form-field .account-id {
    font-family: "AvertaStd-Regular"
}

.affiliate-route-background .aff-settings-container .current-month-commission-text {
    margin: .3rem 0 0
}

.affiliate-route-background .aff-settings-container .reload-container {
    color: #8697a2;
    display: flex;
    justify-content: end;
    column-gap: 0.12rem;
    align-items: center;
    margin: .2rem 0
}

.affiliate-route-background .aff-settings-container .reload-container .reload-button svg {
    cursor: pointer;
    width: .3rem;
    height: .3rem
}

@media(max-width: 768px) {
    .affiliate-route-background .aff-settings-container .reload-container .reload-button svg {
        margin:0;
        width: .42rem;
        height: .42rem
    }
}

.affiliate-route-background .aff-settings-container .reload-container span {
    font-size: 0.11rem
}

@media(max-width: 768px) {
    .affiliate-route-background .aff-settings-container .reload-container span {
        font-size:.26rem
    }
}

@media(max-width: 768px) {
    section.tracking-section {
        padding:7.6923076923vw 0 0
    }
}

section.tracking-section .aff-tracking-container {
    display: grid;
    row-gap: 0.34rem;
    margin: 0 0 .4rem 0
}

section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field {
    margin: 0 !important;
    gap: 0.1rem
}

section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field .aff-tracking-title.standard-label {
    grid-column: 1/span 3 !important
}

@media(max-width: 768px) {
    section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field .aff-tracking-title.standard-label {
        color:#0f161f;
        font-size: 3.8461538462vw
    }
}

section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field .link-box {
    height: auto;
    padding: .1rem .4rem
}

section.tracking-section .aff-tracking-container .aff-tracking-content.standard-form-field .link-box a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: pre-line;
    text-decoration: none;
    color: #8697a2
}

body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top {
        display:grid;
        padding: 0 5.1282051282vw;
        gap: 2.5641025641vw
    }
}

body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .standard-header-font-size {
    margin: 0 !important;
    white-space: nowrap
}

body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top>div {
    display: grid;
    align-items: center;
    gap: 0.1rem;
    grid-template-columns: auto 2.48rem
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top>div {
        gap:.4rem;
        grid-template-columns: auto 71.2820512821vw
    }

    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top>div svg.arrow-down-btn {
        width: .2rem;
        height: .2rem;
        fill: #afb3b6
    }
}

body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top>div .language-box .change-language-btn {
    width: 100%;
    color: #0f161f;
    display: grid;
    grid-template-columns: .26rem auto .12rem;
    gap: .12rem;
    text-align: left;
    padding: .05rem .15rem;
    height: .4rem;
    height: 100%
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top>div .language-box .change-language-btn {
        background:#fff;
        padding: 1.2820512821vw .2rem;
        grid-template-columns: 7.1794871795vw auto .25rem;
        border-radius: 12.8205128205vw
    }
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-icon-size {
        width:7.1794871795vw;
        height: 7.1794871795vw
    }
}

@media(max-width: 768px) {
    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container {
        width:70vw;
        top: 100%
    }

    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .region-container p {
        font-size: .25rem
    }

    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .country-flag-warpper .country-flag-container {
        gap: 1.5384615385vw;
        margin-bottom: 5.1282051282vw
    }

    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-name,body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .country-flag-warpper .country-flag-container .country-info .country-languages .language-select {
        font-size: 3.3333333333vw
    }

    body.aff-portal .affiliate-route-background .standard-container-control section.aff-promotion-top .language-box .language-dropdown-container .country-flag-warpper .country-flag-container svg {
        width: 7.1794871795vw;
        height: 7.1794871795vw;
        margin: 0
    }
}

body.aff-portal .promotion-detail-popup-modal-body .promo-detail-content table {
    background: #fff
}

body.aff-portal .promotion-detail-popup-modal-body .promo-detail-content table td {
    white-space: normal
}

section.aff-promo-content .promo-container {
    margin: 0;
    font-size: .12rem;
    background: unset
}

section.aff-promo-content .promo-container .content-container {
    width: 100%
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details {
    display: grid;
    grid-template-columns: 78% 20%;
    gap: 2%
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper {
    width: 100%
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data {
    margin: 0 0 0 .35rem
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-content .details-title {
    font-size: .16rem
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-content .details-desc {
    font-size: .14rem
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn button {
    justify-content: flex-start;
    height: .32rem
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .details-wrapper .details-data .details-btn .floating-referral button:hover {
    border-radius: .2rem
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container {
    gap: .05rem
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-number {
    height: .3rem;
    width: .25rem;
    min-width: .45rem;
    background: #f3f5f6
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .day-text {
    margin: .04rem 0 0 0;
    white-space: nowrap
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-colon {
    height: .3rem;
    width: .1rem;
    background: #f3f5f6
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box .time-hour,section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box .time-min,section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box .time-sec {
    height: .3rem;
    width: 100%;
    padding: .06rem;
    background: #f3f5f6
}

section.aff-promo-content .promo-container .content-container .content-wrapper .promo-details .countdown-container .time-container .time-box .time-text {
    font-size: .1rem
}

section.aff-promo-content .promo-container .shareBtn-container {
    position: relative
}

section.aff-promo-content .promo-container .shareBtn-container .referral-btn {
    background: #ff8a00
}

section.aff-promo-content .promo-container .shareBtn-container .triangle {
    position: absolute;
    bottom: 100%;
    left: 20%;
    margin-left: -0.12rem;
    width: .24rem;
    height: .12rem;
    overflow: hidden
}

section.aff-promo-content .promo-container .shareBtn-container .triangle::after {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    left: 20%;
    transform: translate(-20%, 50%) rotate(45deg);
    background: #fff;
    box-shadow: 0 .01rem .06rem rgba(0,0,0,.3019607843)
}

section.aff-promo-content .m-promo-container {
    padding: .15rem .2rem 0rem
}

.aff-settings-container .register {
    width: 100%;
    gap: .5rem
}

.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg {
    width: 5.86rem;
    padding: 0
}

.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid {
    display: grid;
    align-items: center;
    grid-template-columns: 2.08rem 3.46rem auto;
    gap: 0 0rem
}

.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div {
    position: absolute;
    font-size: .12rem;
    align-items: center
}

.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div img {
    position: absolute
}

@media(max-width: 768px) {
    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div {
        position:unset
    }
}

.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-footer-notice {
    grid-area: 2/2
}

.aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-footer-notice p {
    margin: .34rem 0 0;
    color: #8697a2;
    font-size: 0.16rem
}

@media(max-width: 768px) {
    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container {
        margin:-0.58rem -0.33rem
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg {
        width: 100%;
        background: #f3f5f6;
        padding: .58rem .33rem .8rem
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid {
        grid-template-columns: auto 0.2rem;
        grid-template-areas: "...... redStar" "input ......" "statText ......";
        padding: 0 6.1538461538vw
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .standard-mandatory {
        line-height: 0;
        grid-area: redStar
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .standard-input {
        grid-area: input
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div {
        grid-area: statText;
        width: 100%;
        left: unset;
        right: 0;
        font-size: .25574rem
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div img {
        height: .34rem;
        width: .34rem;
        left: 80%;
        top: .2rem
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div .triangle-border .triangle {
        top: -0.1rem;
        right: 96%
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .stat-text-div .triangle-border .triangle:after {
        left: 43%;
        border: 0.01rem #dcdedf;
        border-style: solid none none solid;
        box-shadow: none
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .svg-correct {
        grid-area: 2/2
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .svg-correct svg {
        width: .34rem !important;
        height: .34rem !important;
        display: block
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-btn-container-prevnext {
        grid-area: 1
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-footer-notice {
        grid-area: 2/1
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .standard-register-grid .reg-footer-notice p {
        margin: 0;
        font-size: 3.3333333333vw;
        text-align: center
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .reg .break-line {
        width: auto;
        height: .01rem;
        background: #dbe0e4;
        margin: .3rem 6.1538461538vw .34rem
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .aff-quick-register-container .quick-register-table {
        margin: 0rem .33rem 0rem
    }
}

.aff-settings-container .st-content .st-detail-container .st-tab .search-quick-register-container {
    border: 0.01rem #dbe0e4;
    border-style: solid none none;
    padding: .5rem 0 0
}

@media(max-width: 768px) {
    .aff-settings-container .st-content .st-detail-container .st-tab .search-quick-register-container {
        border:none;
        padding: .5rem .33rem 0rem
    }

    .aff-settings-container .st-content .st-detail-container .st-tab .search-quick-register-container p {
        margin: 0
    }
}

.standard-popup-modal-container.aff-custom-table-popup {
    width: 70%;
    max-width: 10.98rem
}

.aff-transfer-dialog-modal-container,.aff-custom-campaign-table-popup,.aff-deposit-add-bank-popup {
    width: 3.6rem;
    min-width: 3.6rem;
    max-width: 3.6rem
}

@media(max-width: 768px) {
    .aff-transfer-dialog-modal-container,.aff-custom-campaign-table-popup,.aff-deposit-add-bank-popup {
        width:undefine;
        min-width: undefine;
        max-width: undefine
    }
}

.aff-transfer-dialog-modal-container .standard-form-field-wrapper,.aff-custom-campaign-table-popup .standard-form-field-wrapper,.aff-deposit-add-bank-popup .standard-form-field-wrapper {
    flex-wrap: unset;
    gap: 0.12rem
}

.aff-transfer-dialog-modal-container .standard-button-container,.aff-custom-campaign-table-popup .standard-button-container,.aff-deposit-add-bank-popup .standard-button-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.12rem;
    justify-content: unset
}

.aff-transfer-dialog-modal-container .standard-button-container button.standard-submit-button,.aff-custom-campaign-table-popup .standard-button-container button.standard-submit-button,.aff-deposit-add-bank-popup .standard-button-container button.standard-submit-button {
    min-width: 100%
}

.aff-transfer-dialog-modal-container textarea,.aff-custom-campaign-table-popup textarea,.aff-deposit-add-bank-popup textarea {
    background: #fff;
    border: .01rem solid #dbe0e4;
    border-radius: .05rem
}

.aff-deposit-add-bank-popup,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup {
    width: 3.6rem;
    min-width: 3.6rem;
    max-width: 3.6rem
}

@media(max-width: 768px) {
    .aff-deposit-add-bank-popup,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup {
        width:100%;
        min-width: 100%;
        max-width: 100%
    }
}

.aff-deposit-add-bank-popup .data-container p.sub-title,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container p.sub-title {
    font-size: .3rem;
    font-family: "AvertaStd-Semibold";
    margin: 0 0 6.1538461538vw 0
}

.aff-deposit-add-bank-popup .data-container .standard-popup-modal-body,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-popup-modal-body {
    padding: 0
}

.aff-deposit-add-bank-popup .data-container .standard-popup-modal-body .standard-button-container .info-button,.m-custom-popup-overlay .m-custom-popup.aff-deposit-add-bank-popup .data-container .standard-popup-modal-body .standard-button-container .info-button {
    background: #0071e3
}

.aff-deposit-add-bank-popup {
    width: 5.5rem;
    min-width: 5.5rem;
    max-width: 5.5rem
}

.aff-transfer-dialog-modal-container .aff-dialog-table-container,.aff-custom-table-popup .aff-dialog-table-container,.aff-custom-campaign-table-popup .aff-dialog-table-container {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: auto
}

.aff-transfer-dialog-modal-container .aff-dialog-table-container::-webkit-scrollbar,.aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar,.aff-custom-campaign-table-popup .aff-dialog-table-container::-webkit-scrollbar {
    width: 0.1rem
}

.aff-transfer-dialog-modal-container .aff-dialog-table-container::-webkit-scrollbar:horizontal,.aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar:horizontal,.aff-custom-campaign-table-popup .aff-dialog-table-container::-webkit-scrollbar:horizontal {
    height: 0.08rem
}

.aff-transfer-dialog-modal-container .aff-dialog-table-container::-webkit-scrollbar-track,.aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar-track,.aff-custom-campaign-table-popup .aff-dialog-table-container::-webkit-scrollbar-track {
    background-color: rgba(204,204,204,.3)
}

.aff-transfer-dialog-modal-container .aff-dialog-table-container::-webkit-scrollbar-thumb,.aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar-thumb,.aff-custom-campaign-table-popup .aff-dialog-table-container::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: rgba(204,204,204,.5);
    box-shadow: inset 0 0 0.06rem rgba(255,255,255,.4901960784)
}

.aff-transfer-dialog-modal-container svg,.aff-custom-table-popup svg,.aff-custom-campaign-table-popup svg {
    width: .3rem;
    height: .3rem
}

@media(max-width: 768px) {
    .aff-custom-table-popup {
        width:95%
    }

    .aff-custom-table-popup.standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
        padding: 0
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead .aff-dialog-second-th th {
        padding: 0.2rem;
        font-size: 0.24rem
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .aff-dialog-inner-th {
        padding: 0.2rem;
        font-size: 0.24rem
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td {
        padding: 0.2rem;
        font-size: 0.24rem
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td button {
        padding: 0.1rem
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child th {
        padding: 0.2rem;
        font-size: 0.24rem
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(2) td {
        padding: 0.2rem
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(3) td {
        padding: 0.2rem
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(4) td {
        padding: 0.2rem
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(5) td {
        padding: 0.2rem
    }

    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(6) td {
        padding: 0.2rem
    }
}

.aff-preview-container {
    padding: 0.1rem;
    border: 0.01rem #ddd;
    border-style: none none solid
}

@media(max-width: 768px) {
    .aff-preview-container {
        width:262.5641025641vw
    }
}

.gallery-img-section {
    background: #f3f5f6;
    border-radius: 0.08rem
}

@media(max-width: 768px) {
    .gallery-img-section {
        width:100%;
        overflow: auto
    }
}

.gallery-img-section .content-container {
    display: grid;
    grid-template-columns: auto 20%;
    grid-template-rows: 0.4rem auto;
    grid-template-areas: " imgDetails href " " imgContainer href ";
    gap: 0 .1rem
}

.gallery-img-section .content-container .img-details {
    grid-area: imgDetails;
    display: flex;
    place-content: center;
    align-items: center;
    border: 0.01rem #ddd;
    border-style: none none solid
}

.gallery-img-section .content-container .img-details .content {
    border-style: none
}

.gallery-img-section .content-container .content {
    grid-area: href;
    padding: 0.1rem 0.04rem;
    border: 0.01rem #ddd;
    border-style: none none none solid
}

.gallery-img-section .content-container .content textarea {
    height: 20vh;
    background: #fff;
    padding: 0.1rem;
    cursor: pointer
}

.gallery-img-section .content-container .img-container {
    grid-area: imgContainer;
    max-height: 35vh
}

.gallery-img-section .content-container .img-container img {
    width: 100%;
    height: 100%;
    padding: 0.1rem;
    object-fit: contain
}

body.aff-portal .deposit-wrapper {
    display: block
}

body.aff-portal .deposit-wrapper .standard-tab-container,body.aff-portal .deposit-wrapper .standard-transaction-container {
    padding: 0;
    margin: 0 !important
}

body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container {
    background: linear-gradient(90deg, #095ebd 0.45%, #04a9c2 100%);
    border-radius: .08rem;
    display: grid;
    grid-template-columns: repeat(4, 0.4fr);
    grid-row-gap: .15rem;
    grid-column-gap: .1rem;
    margin: 0 0 .35rem;
    padding: .2rem
}

body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    border: none;
    width: 100%;
    height: 100%;
    flex-direction: inherit;
    justify-content: normal;
    background: rgba(0,0,0,0);
    gap: .1rem;
    text-align: initial
}

body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-name,body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .coin-name,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-name,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .coin-name {
    color: #fff
}

body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item:hover .bank-name,body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item:hover .coin-name,body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item.active .bank-name,body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item.active .coin-name,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item:hover .bank-name,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item:hover .coin-name,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item.active .bank-name,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item.active .coin-name {
    color: #fff
}

body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .qr-form-field .qr-container .qr-info .chk-status-btn-container,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .qr-form-field .qr-container .qr-info .chk-status-btn-container {
    display: flex
}

body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .qr-form-field .qr-container .qr-info .chk-status-btn-container .chk-status-btn,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .qr-form-field .qr-container .qr-info .chk-status-btn-container .chk-status-btn {
    margin: .25rem 0
}

body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button,body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button {
    width: 100%;
    margin: 0
}

body.aff-portal .deposit-wrapper .standard-tab-container .standard-form-container .standard-button-container,body.aff-portal .deposit-wrapper .standard-transaction-container .standard-form-container .standard-button-container {
    grid-template-columns: repeat(2, 1fr) !important
}

body.aff-portal .deposit-wrapper .standard-tab-container .standard-tab {
    grid-gap: .15rem !important;
    grid-template-columns: repeat(5, 1fr) !important;
    padding: 0 !important;
    margin: 0 0 .25rem
}

body.aff-portal .deposit-wrapper .standard-form-field {
    width: 100%;
    grid-template-columns: repeat(2, 1fr) !important
}

body.aff-portal .deposit-wrapper .standard-form-field .standard-form-field-wrapper.bank-select-deposit-container {
    width: 100% !important;
    display: block !important
}

body.aff-portal .deposit-wrapper .standard-form-field .standard-form-field-wrapper.bank-select-deposit-container .bank-select-deposit {
    display: flex;
    width: 100%;
    gap: 0.1rem
}

body.aff-portal .deposit-wrapper .standard-form-field.bank-acc-field,body.aff-portal .deposit-wrapper .standard-form-field.deposit-type,body.aff-portal .deposit-wrapper .standard-form-field.bank-detail-field,body.aff-portal .deposit-wrapper .standard-form-field.bank-select-deposit-container {
    grid-template-areas: "1 1" "input input" "errorValidation errorValidation"
}

body.aff-portal .deposit-wrapper .standard-form-field.amount-selection {
    grid-template-areas: "1 1" "amountInput amountInput" "errorValidation errorValidation" "amountBox amountBox"
}

body.aff-portal .deposit-wrapper .standard-form-field.amount-selection .standard-form-field-wrapper {
    grid-area: amountInput !important
}

body.aff-portal .deposit-wrapper .standard-form-field.amount-selection .standard-amount-btn-container {
    grid-area: amountBox
}

body.aff-portal .deposit-wrapper .standard-form-field.amount-selection .standard-amount-btn-container button {
    padding: .08rem .2rem
}

body.aff-portal .deposit-wrapper .standard-form-field.account-name-field input {
    width: 35.5%
}

body.aff-portal .deposit-wrapper .standard-form-field .multi-input,body.aff-portal .deposit-wrapper .standard-form-field .payment-method-select-dropdown-container,body.aff-portal .deposit-wrapper .standard-form-field .bank-select-deposit-container {
    grid-area: input
}

body.aff-portal .deposit-wrapper .standard-form-field .standard-error-validation {
    grid-area: errorValidation !important
}

body.aff-portal .deposit-wrapper .standard-transaction-container.deposit-crypto-container p {
    margin: 0
}

body.aff-portal .deposit-wrapper .standard-transaction-container.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container {
    position: relative
}

body.aff-portal .deposit-wrapper .standard-transaction-container.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .standard-submit-button {
    margin: 0;
    grid-area: 1/1/1/3
}

body.aff-portal .deposit-wrapper .standard-transaction-container.deposit-crypto-container .standard-form-container .qr-form-field .qr-container .qr-info .share-address-container .standard-button-container .floating-referral {
    right: 21%
}

body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active,body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .standard-tab-container .standard-tab .tab-header.active {
    border: .02rem rgba(0,0,0,0) !important
}

body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .standard-tab-container .standard-tab .tab-header .deposit-option,body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .standard-tab-container .standard-tab .tab-header .deposit-option {
    line-height: .2rem;
    padding: .2rem 0 0
}

body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .account-name-field .standard-form-field-wrapper .standard-input,body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .account-name-field .standard-form-field-wrapper .standard-input {
    width: 100%
}

body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .bank-list-container,body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .bank-list-container {
    border-radius: .08rem;
    display: grid;
    grid-template-columns: repeat(4, 0.4fr);
    grid-row-gap: .15rem;
    grid-column-gap: .1rem;
    margin: 0 0 .35rem;
    padding: .2rem
}

body.aff-portal .deposit-wrapper .quick-pay-container .standard-form-container .bank-list-container .bank-item,body.aff-portal .deposit-wrapper .eWallet-apps-container .standard-form-container .bank-list-container .bank-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    border: none;
    width: 100%;
    height: 100%;
    flex-direction: inherit;
    justify-content: normal;
    background: rgba(0,0,0,0);
    gap: .1rem;
    text-align: initial
}

body.aff-portal .m-deposit-landing-container {
    margin: 0
}

body.aff-portal .m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank {
    display: flex;
    justify-content: space-between
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container {
    display: grid;
    gap: 5.1282051282vw
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .standard-form-field {
    margin: 0
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .standard-form-field .standard-error-validation {
    margin: 0
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .standard-form-field .bank-select-deposit .standard-select-dropdown {
    max-height: 3rem
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .transaction-button-section {
    margin: 0
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button,body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button {
    width: 100% !important;
    grid-area: auto;
    margin: 0
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container.m-bank-transfer-container .standard-form-container .bank-list-container .bank-list {
    margin: 0 0 .4rem
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list {
    background: linear-gradient(90deg, #095EBD 0.45%, #04A9C2 100%)
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-name,body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .coin-name {
    color: #fff
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:hover .bank-name,body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:hover .coin-name,body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .bank-name,body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .coin-name {
    color: #fff
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container svg,body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container img {
    filter: grayscale(100%) brightness(100%)
}

body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .img-container svg,body.aff-portal .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .img-container img {
    filter: grayscale(0%)
}

body.aff-portal .m-deposit-landing-container .m-standard-transaction-container.m-deposit-crypto-container .share-address-container .crypto-address-btn-container button {
    margin: .32rem 0 0
}

body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-deposit-landing-container .standard-tab-container .standard-tab,body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-withdrawal-landing .standard-tab-container .standard-tab {
    display: grid;
    grid-template-columns: repeat(4, 0.4fr);
    grid-column-gap: .15rem;
    grid-row-gap: .3rem;
    padding: 0;
    width: unset;
    border-radius: unset;
    background: unset
}

body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-deposit-landing-container .standard-tab-container .standard-tab .tab-header,body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-withdrawal-landing .standard-tab-container .standard-tab .tab-header {
    color: #8899a4;
    flex-direction: column;
    justify-content: start;
    padding: 0;
    border: unset;
    background: unset;
    border-radius: unset;
    line-height: unset
}

body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-deposit-landing-container .standard-tab-container .standard-tab .tab-header .img-container svg,body.aff-portal .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .m-withdrawal-landing .standard-tab-container .standard-tab .tab-header .img-container svg {
    margin: 0
}

body.aff-portal .withdrawal-wrapper {
    display: block
}

body.aff-portal .withdrawal-wrapper .standard-tab-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container {
    padding: 0;
    margin: 0 !important
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container {
    display: grid;
    gap: 0.18rem
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container {
    background: linear-gradient(90deg, #095EBD 0.45%, #04A9C2 100%);
    border-radius: .08rem;
    display: grid;
    grid-template-columns: repeat(4, 0.4fr);
    grid-row-gap: .15rem;
    grid-column-gap: .1rem;
    margin: 0 0 .35rem;
    padding: .2rem
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    border: none;
    width: 100%;
    height: 100%;
    flex-direction: inherit;
    justify-content: normal;
    background: rgba(0,0,0,0);
    gap: .1rem;
    text-align: initial
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item .img-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item .img-container {
    min-width: .45rem;
    width: .45rem;
    height: .45rem;
    background: #fff;
    border-radius: .06rem;
    position: relative
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item .bank-name,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item .bank-name {
    margin: 0 0 0 .1rem
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item .bank-name,body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item .coin-name,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item .bank-name,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item .coin-name {
    color: #fff
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item:hover .bank-name,body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item:hover .coin-name,body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item.active .bank-name,body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item.active .coin-name,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item:hover .bank-name,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item:hover .coin-name,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item.active .bank-name,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item.active .coin-name {
    color: #fff
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .bank-list-container .bank-item img,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .bank-list-container .bank-item img {
    width: 100%
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .standard-button-container .standard-submit-form-button,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .standard-button-container .standard-submit-form-button {
    background: #81cafc;
    margin: 0
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button,body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-button,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .transaction-button-section .standard-button-container .standard-submit-form-button {
    width: 100%;
    margin: 0
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .standard-button-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .standard-button-container {
    grid-template-columns: repeat(2, 1fr) !important
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input .standard-input,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .standard-form-field .standard-form-field-wrapper .deposit-amount-input .standard-input {
    width: 100%
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-input {
    width: 50%
}

body.aff-portal .withdrawal-wrapper .standard-tab-container .standard-tab {
    grid-gap: .15rem !important;
    grid-template-columns: repeat(5, 1fr) !important;
    padding: 0 !important;
    margin: 0 0 .25rem
}

body.aff-portal .withdrawal-wrapper .standard-form-field {
    width: 100%;
    margin: 0 !important;
    grid-template-columns: repeat(2, 1fr) !important
}

body.aff-portal .withdrawal-wrapper .standard-form-field.add-spacing {
    margin: .36rem 0 0 !important
}

body.aff-portal .withdrawal-wrapper .standard-form-field.account-name-field,body.aff-portal .withdrawal-wrapper .standard-form-field.account-number-field {
    grid-template-areas: "1 1" "input input" "errorValidation errorValidation"
}

body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection {
    grid-template-areas: "1 1" "amountInput amountInput" "errorValidation errorValidation" "amountBox amountBox"
}

body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection .standard-form-field-wrapper {
    grid-area: amountInput !important
}

body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection .standard-amount-btn-container {
    grid-area: amountBox
}

body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection .standard-amount-btn-container button {
    padding: .08rem .2rem
}

body.aff-portal .withdrawal-wrapper .standard-form-field.amount-selection .tool-tip-container {
    width: 100%
}

body.aff-portal .withdrawal-wrapper .standard-form-field .standard-form-field-wrapper {
    grid-area: input !important
}

body.aff-portal .withdrawal-wrapper .standard-form-field .standard-error-validation {
    grid-area: errorValidation !important
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container p {
    margin: 0
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container {
    grid-template-areas: "1 1" "input ..." "errorValidation errorValidation"
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.address-field,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.address-field,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.address-field,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.address-field {
    grid-template-areas: "1 1" "input addButton" "errorValidation errorValidation"
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.otp-form-wrapper,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.otp-form-wrapper,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.otp-form-wrapper,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.otp-form-wrapper {
    display: flex
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.otp-form-wrapper .phone-email-input-container-spacing,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.otp-form-wrapper .phone-email-input-container-spacing,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.otp-form-wrapper .phone-email-input-container-spacing,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.otp-form-wrapper .phone-email-input-container-spacing {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    width: 100% !important
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.otp-form-wrapper .phone-email-input-container-spacing input,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.otp-form-wrapper .phone-email-input-container-spacing input,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.otp-form-wrapper .phone-email-input-container-spacing input,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.otp-form-wrapper .phone-email-input-container-spacing input {
    width: 100% !important
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field .standard-form-field-wrapper .standard-input,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container .standard-form-field-wrapper .standard-input,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field .standard-form-field-wrapper .standard-input,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container .standard-form-field-wrapper .standard-input {
    width: 100%
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.address-select-withdraw-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.address-select-withdraw-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.address-select-withdraw-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.address-select-withdraw-container {
    align-items: center
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .standard-form-field.address-select-withdraw-container .standard-add-button,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container.address-select-withdraw-container .standard-add-button,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .standard-form-field.address-select-withdraw-container .standard-add-button,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container.address-select-withdraw-container .standard-add-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 0.24rem;
    height: 0.24rem;
    color: #fff;
    background: #c7d2d7;
    font-size: 0.25rem;
    padding: 0.05rem 0.05rem 0.1rem;
    grid-area: addButton
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0;
    gap: .05rem .18rem
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container .qr-info,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container .qr-info {
    width: 100%
}

body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.wire-transfer-container .qr-container .icon-refresh,body.aff-portal .withdrawal-wrapper .standard-transaction-container .standard-form-container.cypto-withdrawal .qr-container .icon-refresh {
    margin: 0
}

body.aff-portal .m-withdrawal-landing {
    margin: 0
}

body.aff-portal .m-withdrawal-landing .withdraw-tab-container {
    padding: 0
}

body.aff-portal .m-withdrawal-landing .withdraw-tab-container .withdraw-tab-header {
    display: flex
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container {
    display: grid;
    gap: 5.1282051282vw;
    margin: 0
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .st-title,body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .bank-list-container {
    margin: 0
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-button-container .standard-submit-form-button {
    background: #81cafc;
    margin: 0;
    width: 100%
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-button-container .standard-submit-button {
    grid-area: auto;
    height: .75rem
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .transaction-button-section {
    margin: 0
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field {
    margin: 0 !important
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field.account-name-field {
    margin: .5rem 0 0rem !important
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field .standard-error-validation {
    margin: 0
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field .standard-amount-btn-container {
    display: grid;
    grid-template-columns: repeat(4, 0.5fr);
    grid-column-gap: 0.1rem;
    width: 100%
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field .standard-amount-btn-container .amount-btn {
    background: #f3f5f6;
    border-radius: 0.1rem;
    color: #8899a4;
    font-size: 0.3rem;
    height: 0.66rem
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .standard-form-container .standard-form-field .standard-amount-btn-container .amount-btn.amount-btn-selected {
    border: 0.02rem solid #ff8a00
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container {
    background: linear-gradient(90deg, #095EBD 0.45%, #04A9C2 100%)
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-name,body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .coin-name {
    color: #fff
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:hover .bank-name,body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item:hover .coin-name,body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .bank-name,body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .coin-name {
    color: #fff
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container svg,body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container img {
    filter: grayscale(100%) brightness(100%)
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .img-container svg,body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item.active .img-container img {
    filter: grayscale(0%)
}

body.aff-portal .m-withdrawal-landing .m-standard-transaction-container .m-transaction-form {
    padding: 0
}

body.aff-portal .m-withdrawal-landing .m-crypto-withdrawal-container .standard-form-container .qr-container {
    margin: 0 0 .3rem
}

body.aff-portal .m-withdrawal-landing .m-crypto-withdrawal-container .standard-form-container .qr-container .btn-refresh svg {
    height: 100%;
    margin: 0
}

body.aff-portal .m-withdrawal-landing .m-crypto-withdrawal-container .standard-form-container .address-select-withdraw-container {
    display: grid;
    gap: 3.5897435897vw;
    grid-template-columns: 79.4871794872vw 7.6923076923vw
}

body.aff-portal .m-withdrawal-landing .m-crypto-withdrawal-container .standard-form-container .address-select-withdraw-container .standard-add-button {
    height: 7.6923076923vw;
    font-size: .45rem;
    line-height: 0
}

.landing-aff-preview-container {
    padding: 0.1rem
}

.landing-img-section {
    border-radius: 0.08rem
}

@media(max-width: 768px) {
    .landing-img-section {
        width:100%;
        overflow: auto
    }
}

.landing-img-section .content-container {
    display: grid;
    grid-template-columns: auto 40%;
    grid-template-areas: " imgContainer href ";
    gap: 0 .1rem
}

@media(max-width: 768px) {
    .landing-img-section .content-container {
        grid-template-columns:1fr;
        grid-template-areas: " imgContainer " " href "
    }
}

.landing-img-section .content-container .img-details {
    grid-area: imgDetails;
    display: flex;
    place-content: center;
    align-items: center;
    border: 0.01rem #ddd;
    border-style: none none solid
}

.landing-img-section .content-container .img-details .content {
    border-style: none
}

.landing-img-section .content-container .content {
    grid-area: href;
    display: block;
    align-content: center;
    padding: 0.1rem 0.04rem;
    max-height: 40vh
}

.landing-img-section .content-container .content textarea {
    height: 10vh;
    background: #fff;
    padding: 0.1rem;
    cursor: pointer;
    color: #8697a2;
    border: #dbe0e4 solid 0.01rem;
    border-radius: 0.05rem;
    margin: .1rem 0
}

@media(max-width: 768px) {
    .landing-img-section .content-container .content textarea {
        border-radius:0.1rem;
        padding: 0.2rem;
        margin: .2rem 0
    }
}

.landing-img-section .content-container .content span {
    display: block
}

.landing-img-section .content-container .content .floating-referral {
    background: #fff;
    border-radius: .1rem;
    -webkit-box-shadow: 0 .02rem .08rem rgba(0,0,0,.3);
    padding: .1rem .25rem;
    position: absolute;
    width: 2rem;
    z-index: 1;
    top: unset;
    left: unset
}

.landing-img-section .content-container .content .floating-referral span {
    display: flex
}

.landing-img-section .content-container .img-container {
    grid-area: imgContainer;
    height: 3.8rem;
    width: 5.81rem
}

@media(max-width: 768px) {
    .landing-img-section .content-container .img-container {
        place-self:center
    }
}

.landing-img-section .content-container .img-container img {
    width: 100%;
    height: 100%;
    padding: 0.1rem;
    object-fit: contain
}

.tutorial-container {
    background: #f3f5f6
}

@media(max-width: 768px) {
    .tutorial-container {
        background:#fff
    }
}

.tutorial-container .tutorial-wrapper {
    width: 13.4rem;
    padding: 0.53rem 0 1rem;
    margin: auto
}

@media(max-width: 1024px) {
    .tutorial-container .tutorial-wrapper {
        width:94vw
    }
}

@media(max-width: 768px) {
    .tutorial-container .tutorial-wrapper {
        width:100%;
        padding: .2048rem .45056rem 4.096rem
    }
}

.tutorial-container .tutorial-wrapper .title {
    font-size: 0.24rem;
    margin: 0 0 0.28rem
}

@media(max-width: 768px) {
    .tutorial-container .tutorial-wrapper .title {
        font-size:.4096rem;
        margin: 0 0 .28672rem
    }
}

.accodion-root {
    display: grid;
    grid-row-gap: 0.24rem;
    background: #fff;
    border-radius: 0.08rem;
    padding: 0.5rem
}

@media(max-width: 768px) {
    .accodion-root {
        grid-row-gap:0;
        border-radius: 0;
        padding: 0
    }
}

.accodion-root .accordion-item .accordion-trigger {
    background: #f3f5f6;
    border-radius: 0.03rem;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.35rem;
    width: 100%;
    padding: 0 0.15rem
}

@media(max-width: 768px) {
    .accodion-root .accordion-item .accordion-trigger {
        background:#fff;
        border-bottom: .02048rem solid #dbe0e4;
        height: auto;
        padding: .24576rem .3072rem
    }
}

.accodion-root .accordion-item .accordion-trigger .header {
    text-align: left
}

.accodion-root .accordion-item .accordion-trigger svg {
    height: 0.15rem;
    width: 0.15rem;
    transition: all .2s ease;
    transform: rotate(180deg)
}

@media(max-width: 768px) {
    .accodion-root .accordion-item .accordion-trigger svg {
        height:.2048rem;
        width: .2048rem
    }
}

.accodion-root .accordion-item .accordion-trigger[data-state=open] svg {
    transform: unset
}

.accodion-root .accordion-item .accordion-content img {
    height: 100%;
    width: 100%
}

@media(max-width: 768px) {
    .campaign-button-container button {
        height:.8rem !important
    }
}

.six-digit-pin-popup {
    max-width: 4.42rem;
    min-width: 4.42rem;
    min-height: unset
}

.six-digit-pin-popup .standard-popup-modal-header {
    padding: .15rem .2rem;
    padding: .3rem .4rem 0;
    color: #000;
    font-weight: bold
}

.six-digit-pin-popup .standard-form-field {
    height: unset;
    padding: .24rem .4rem
}

.six-digit-pin-popup .standard-form-field .standard-form-container {
    width: 100%
}

.six-digit-pin-popup .standard-form-field .standard-form-container .input-container {
    position: relative
}

.six-digit-pin-popup .standard-form-field .standard-form-container .input-container .share-icon {
    width: .16rem;
    top: 0;
    cursor: pointer
}

.six-digit-pin-popup .standard-form-field .standard-form-container .standard-password-eye {
    width: .25rem;
    height: .25rem
}

.six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #ff8a00;
    color: #fff;
    border-radius: .05rem;
    font-size: .16rem;
    height: .35rem;
    margin: .1rem 0 0;
    width: 100%
}

.six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button:disabled {
    opacity: .5
}

.six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container :disabled {
    opacity: .5;
    cursor: not-allowed
}

.six-digit-pin-wrapper {
    background: #fff;
    border-radius: .08rem;
    padding: .2rem
}

.six-digit-pin-wrapper .six-digit-pin-container .standard-tab .tab-header .hover-line {
    border-bottom: unset
}

.six-digit-pin-wrapper .six-digit-pin-container .standard-form-six-digit-pin-note-section {
    width: 45%
}

.six-digit-pin-wrapper .six-digit-pin-container .standard-form-six-digit-pin-note-section .icon-container .note-icon {
    float: right
}

.six-digit-pin-wrapper .six-digit-pin-container .standard-form-six-digit-pin-note-section .icon-container .note-icon svg {
    width: .24rem;
    height: .24rem;
    fill: #fff;
    cursor: pointer
}

.six-digit-pin-wrapper .six-digit-pin-container .standard-form-six-digit-pin-note-section .six-digit-pin-note {
    color: #888;
    background: rgba(0,0,0,.8);
    font-size: .14rem;
    padding: .16rem;
    border-radius: .05rem;
    margin: .4rem 0 0 0
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container {
    display: flex;
    justify-content: space-between
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section {
    width: 50%
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .standard-form-field {
    display: block
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .standard-form-field .standard-form-field-container .standard-form-field-wrapper {
    position: relative;
    width: 100%;
    height: .38rem;
    display: flex;
    align-items: center;
    padding: .05rem .05rem .05rem .1rem;
    border: .01rem solid #dbe0e4;
    border-radius: .05rem;
    background: #fff;
    color: #0f161f;
    font-family: avertastd-regular,"sans-serif",宋体,sukhumvitset-text;
    font-size: .16rem;
    white-space: nowrap;
    text-overflow: ellipsis
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-input {
    padding: 0;
    height: 100%;
    width: 100%
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-password-eye {
    width: .25rem;
    height: .25rem
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .transaction-button-section {
    width: 100%
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button {
    width: 50%;
    background: #ff8a00;
    height: .4rem;
    border-radius: .08rem
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button:disabled {
    opacity: .5
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-password-section.standard-form-field .transaction-button-section .standard-button-container .standard-cancel-form-button {
    width: 50%;
    height: .4rem;
    border-radius: .08rem;
    background: #0071e3
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-six-digit-pin-note-section {
    width: 45%
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-six-digit-pin-note-section .icon-container .note-icon {
    float: right;
    cursor: pointer
}

.six-digit-pin-wrapper .six-digit-pin-setting-container .six-digit-pin-setting-form .standard-form-container.six-digit-pin-container .standard-form-six-digit-pin-note-section .icon-container .note-icon svg {
    width: .25rem;
    height: .25rem;
    fill: #c7d2d7
}

.six-digit-pin-setting-form .standard-submit-form-button,.six-digit-pin-setting-form .standard-cancel-form-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: .16rem
}

.six-digit-pin-setting-form .standard-submit-form-button svg,.six-digit-pin-setting-form .standard-cancel-form-button svg {
    display: none
}

.six-digit-pin-not-set-up-notice {
    display: flex;
    align-items: center
}

.six-digit-pin-not-set-up-notice .six-digit-pin-warning-icon {
    width: .2rem;
    margin: 0 .05rem 0 0
}

.six-digit-pin-not-set-up-notice .six-digit-pin-warning-text .six-digit-pin-redirect {
    color: #0071e3
}

.loading-container {
    z-index: 10000
}

.six-digit-pin-set-up-popup {
    background: #fff;
    max-width: 4.42rem;
    min-width: 4.42rem;
    min-height: unset;
    padding: 0.38rem 0.42rem
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup {
        max-width:7.08608rem;
        min-width: 7.08608rem;
        padding: .6144rem
    }
}

.six-digit-pin-set-up-popup .standard-popup-modal-header {
    margin: 0 0 0.25rem;
    padding: 0
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup .standard-popup-modal-header {
        margin:0 0 .512rem
    }
}

.six-digit-pin-set-up-popup .standard-popup-modal-header .standard-modal-close {
    right: -0.55rem;
    top: -0.55rem
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup .standard-popup-modal-header .standard-modal-close {
        right:-0.8rem;
        top: -0.8rem
    }
}

.six-digit-pin-set-up-popup .standard-popup-modal-header .six-digit-pin-title {
    color: #0f161f
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container {
        margin:0
    }
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .six-digit-pin-field-title {
    color: #8697a2;
    margin: 0
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .six-digit-pin-field {
    color: #8697a2;
    font-weight: bold;
    font-size: .18rem !important
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-label {
    font-size: .2rem
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-form-field-container {
    width: 100%
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-input {
        height:.8192rem
    }
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-password-eye {
    height: 0.25rem;
    width: 0.25rem
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .standard-form-field-container .standard-form-field-wrapper .standard-password-eye {
        height:.512rem;
        width: .512rem
    }
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper {
    display: block;
    width: 100%
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text {
    display: flex;
    align-items: center;
    gap: 0.06rem;
    margin: 0.1rem 0 0
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text {
        gap:.12288rem;
        margin: .2048rem 0 0
    }
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text p {
    margin: 0
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text .password-rules-msg-status-img {
    width: 0.12rem;
    height: 0.12rem;
    margin: 0 .02rem .04rem 0
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .standard-form-field .password-rules-msg-wrapper .error-message-text .password-rules-msg-status-img {
        width:.24576rem;
        height: .24576rem;
        margin: 0 0 .1024rem
    }
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section {
    margin: 0.24rem 0 0;
    width: 100%
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section {
        margin:.49152rem 0 0
    }
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container {
    justify-content: space-between
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button,.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button {
    border-radius: 0.08rem;
    color: #fff;
    height: 0.4rem;
    width: 1.75rem
}

@media(max-width: 768px) {
    .six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button,.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button {
        height:.8192rem;
        width: 49%
    }
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button:disabled,.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button {
    background: #ff8a00;
    margin: 0
}

.six-digit-pin-set-up-popup .standard-form-field .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-set-up-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button {
    background: #81cafc;
    margin: 0
}

.standard-setting-table-container.bank-info-container:has(.six-digit-pin-not-set-up-notice) {
    display: flex;
    flex-direction: column
}

.standard-setting-table-container.bank-info-container .six-digit-pin-not-set-up-notice {
    order: -1;
    display: flex;
    margin: 0 0 .2rem
}

.standard-submit-button:disabled {
    opacity: .5;
    pointer-events: auto !important;
    cursor: not-allowed !important;
    background: undefined
}

.six-digit-pin-notice-remark {
    order: -1;
    margin: 0 0 .1rem 0
}

@media(max-width: 768px) {
    .six-digit-pin-popup {
        max-width:85%;
        min-width: 85%;
        min-height: 3.55rem
    }

    .six-digit-pin-popup .standard-popup-modal-header {
        padding: .24rem .4rem 0
    }

    .six-digit-pin-popup .standard-form-field .standard-label {
        margin: 0 0 .1rem
    }

    .six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button {
        font-size: .3rem;
        height: .75rem;
        border-radius: .1rem
    }

    .six-digit-pin-popup .standard-form-field .transaction-button-section .standard-button-container .standard-submit-form-button:disabled {
        opacity: .5
    }

    .six-digit-pin-popup .standard-form-field .standard-form-container .input-container .share-icon {
        width: .35rem;
        top: .2rem
    }

    .six-digit-pin-popup .standard-form-field .standard-form-container .standard-password-eye {
        width: .4rem;
        height: .4rem
    }

    .six-digit-pin-setting-container {
        margin: .5rem .42rem 0
    }

    .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .standard-form-field {
        margin: 0
    }

    .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .standard-form-field .standard-form-field-container {
        width: 100%
    }

    .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .standard-form-field .standard-error-validation {
        margin: 0 0 .1rem;
        font-size: .236rem
    }

    .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section {
        width: 100%
    }

    .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section .standard-button-container {
        display: block
    }

    .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button {
        width: 100%;
        height: .75rem;
        margin: 0;
        font-size: .3rem;
        border: 0;
        border-radius: .1rem;
        color: #fff;
        background: #ff8a00
    }

    .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-submit-form-button:disabled {
        opacity: .5
    }

    .six-digit-pin-setting-container .six-digit-pin-setting-form .six-digit-pin-container .standard-form-password-section .transaction-button-section .standard-button-container .standard-cancel-form-button {
        width: 100%;
        height: .75rem;
        margin: .2rem 0;
        font-size: .3rem;
        border: 0;
        border-radius: .1rem;
        color: #fff;
        background: #0071e3
    }

    .six-digit-pin-not-set-up-notice {
        align-items: flex-start
    }

    .six-digit-pin-not-set-up-notice .six-digit-pin-warning-icon {
        width: .3rem
    }

    .bank-info-container.m-standard-transaction-container {
        margin: .5rem 0 .2rem
    }

    .bank-info-container.m-standard-transaction-container:has(.six-digit-pin-not-set-up-notice) {
        display: flex;
        flex-direction: column;
        margin: .2rem 0 0
    }

    .bank-info-container.m-standard-transaction-container .six-digit-pin-not-set-up-notice {
        order: -1;
        display: flex;
        margin: 0 0 .2rem
    }

    .standard-form-container.m-transaction-form:has(.six-digit-pin-not-set-up-notice) {
        margin: -0.4rem 0 .2rem
    }

    .standard-tab-container.withdraw-tab-container .m-standard-transaction-container .m-transaction-form:has(.six-digit-pin-not-set-up-notice) {
        margin: 0 0 .2rem
    }

    .six-digit-pin-notice-remark {
        margin: 0.2rem 0 0.1rem 0
    }
}

.phone-email-input-container {
    width: 100% !important;
    margin-bottom: .2rem
}

.phone-email-input-container .standard-tab-container {
    border-bottom: 0
}

.phone-email-input-container-spacing {
    margin: 0 0 .2rem
}

.otp-container {
    margin-bottom: 0.2rem;
    border: 0;
    width: fit-content;
    background: rgba(0,0,0,0)
}

.otp-container .tab-header {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important
}

.otp-container .otp-tab-container {
    border: none;
    display: flex;
    flex-direction: row;
    width: fit-content
}

.otp-container .otp-tab-button {
    cursor: pointer;
    padding: .1rem .15rem;
    white-space: nowrap;
    margin: 0 .1rem 0 0;
    font-weight: 500;
    border-radius: .3rem;
    border: 0.04rem solid rgba(0,0,0,0);
    background: #f3f5f6;
    color: #fff;
    width: 1.53rem;
    height: unset;
    font-size: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(128,128,128,.6117647059)
}

.otp-container .otp-tab-button.otp-active {
    color: #fff;
    background: #ff8a00;
    border: 0
}

.otp-container .otp-single-selection {
    width: fit-content
}

.otp-container .standard-action-button {
    background-color: #ff8a00 !important
}

.contact-type-field {
    width: 100%;
    margin: 0 0 .2rem 0
}

.aff-portal .affiliate-route-background .standard-form-field .contact-type-field .standard-select-arrow::after {
    display: none
}

.aff-portal .affiliate-route-background .standard-form-field .contact-type-field .select-arrow-up {
    transform: translate(0%, 50%) rotate(225deg)
}

.get-code-button {
    height: unset;
    border-radius: .1rem;
    margin-left: .1rem;
    background: #dbe0e4;
    font-size: .16rem;
    padding: 0 .2rem;
    color: #0f161f;
    width: unset
}

.get-code-button .count-down-text {
    margin: 0 0 0 .05rem;
    font-size: .12rem
}

@media(max-width: 768px) {
    .get-code-button .count-down-text {
        font-size:.2rem
    }
}

.get-code-button-half-width {
    width: 50%
}

.get-code-button:disabled {
    opacity: .5;
    pointer-events: auto !important;
    cursor: not-allowed !important
}

.get-otp-container-extend-width {
    width: 40% !important
}

body.aff-portal .withdrawal-wrapper .otp-form-wrapper {
    grid-template-columns: unset !important;
    grid-template-areas: unset !important
}

body.aff-portal .withdrawal-wrapper .phone-email-input-container-spacing {
    width: 100% !important
}

body.aff-portal .withdrawal-wrapper .transaction-form,body.aff-portal .withdrawal-wrapper .standard-form-field:has(.phone-email-input-container) {
    grid-template-columns: unset !important;
    grid-template-areas: unset !important
}

.st-detail-container .st-tab .standard-gap .wire-transfer-detail-container .wire-transfer-detail .standard-form-field:has(.phone-email-input-container) {
    grid-template-columns: unset !important;
    grid-template-areas: unset !important;
    width: 32%
}

.st-detail-container .st-tab .standard-gap .wire-transfer-detail-container .wire-transfer-detail .standard-form-field:has(.phone-email-input-container) .otp-container {
    margin: 0rem
}

.bank-info-container .select-bank-form .contact-type-field {
    grid-template-columns: unset !important;
    margin: 0 0 .2rem !important
}

.st-content .st-detail-container .st-tab .m-withdrawal-landing .bank-transfer-container .standard-form-container .standard-form-field .phone-email-input-container .standard-tab-container {
    margin: .1rem 0
}

.m-bank-detail-container .bank-info-container .standard-form-field-container .standard-form-field .contact-type-field {
    margin: .1rem 0
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-label {
    grid-area: unset
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-error-validation {
    grid-area: unset !important
}

@media only screen and (max-width: 768px) {
    .get-code-button {
        font-size:.3rem
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .phone-email-input-container .standard-tab-container {
        display: flex
    }
}

@media only screen and (max-width: 768px) {
    .otp-container {
        width:100%
    }

    .otp-container.single-otp-container {
        width: 100%
    }

    .otp-container .otp-tab-button {
        width: 4rem;
        height: .8rem;
        font-size: .3rem
    }

    .get-code-button {
        height: inherit;
        font-size: .3rem;
        width: 40%
    }

    .otp-active {
        height: .8rem;
        font-size: .28rem
    }

    .get-otp-container {
        width: 100%
    }

    .get-otp-container-extend-width {
        width: 100% !important
    }

    .contact-type-field {
        width: 100%;
        margin-bottom: .2rem
    }
}

.aff-settings-container {
    background: #f3f5f6;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    padding-bottom: 0.5rem
}

.aff-settings-container .standard-container-control {
    width: 13.4rem
}

@media(max-width: 1340px) {
    .aff-settings-container .standard-container-control {
        width:94vw
    }
}

@media(max-width: 1024px) {
    .aff-settings-container .standard-container-control {
        width:94vw
    }
}

.aff-settings-container .standard-container-control .page-change-title {
    margin: 0 0 0.05rem 0;
    color: #8697a2;
    font-size: 0.24rem;
    font-weight: 400
}

.aff-settings-container .standard-container-control .page-change-title .module-Bread span:last-child {
    color: #0f161f
}

.aff-settings-container .standard-container-control .st-content {
    justify-content: space-between;
    align-items: flex-start;
    margin: 0.25rem 0 0 0;
    display: grid;
    grid-template-columns: 18.6567% 79.4776%;
    grid-gap: 1.791%
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content {
        display:unset
    }

    .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab {
        display: grid;
        grid-template-columns: 7.6923076923vw auto;
        gap: 0 7.1794871795vw;
        padding: 3.0769230769vw 2.5641025641vw;
        border: 0.01rem #dbe0e4;
        border-style: none none solid none
    }

    .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab:last-child {
        border: none
    }

    .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab svg {
        width: 7.6923076923vw;
        height: 7.6923076923vw
    }

    .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab p {
        grid-area: 1/2;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .aff-settings-container .standard-container-control .st-content section.st-detail-container .sub-nav-tab p::after {
        content: "";
        display: block;
        width: .11rem;
        height: .11rem;
        border-top: .01rem solid #8697a2;
        border-left: .01rem solid #8697a2;
        transform: rotate(135deg)
    }
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content {
        grid-template-columns:auto
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container:has(.currentReward) .st-tab {
    background: unset;
    border-radius: 0;
    padding: 0
}

.aff-settings-container .standard-container-control .st-content .st-detail-container:has(.currentReward) .st-tab .history-container {
    background: #fff;
    border-radius: .08rem;
    padding: .43rem .47rem;
    margin-bottom: .5rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail {
    background: #fff;
    border-radius: .08rem;
    padding: .43rem .47rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .history-landing-container .standard-tab-container nav,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .history-landing-container .standard-tab-container nav {
    background: #f3f5f6;
    border-radius: 0.5rem;
    overflow: inherit
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .history-container .history-control-section .affiliate-summary-export-text,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .history-container .history-control-section .affiliate-summary-export-text {
    margin: .3rem 0 0
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container {
    color: #8697a2;
    margin: 0 0 .5rem;
    display: flex;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container {
        display:grid;
        background: unset
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container nav,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container nav {
    background: #f3f5f6;
    overflow: inherit;
    width: 100%;
    border-radius: 0.08rem
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container nav,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container nav {
        border-radius:0.5rem
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .tab-header,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .tab-header {
    line-height: 0.3728rem;
    margin: 0 .45rem 0 0;
    cursor: pointer
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .tab-header.active,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .tab-header.active {
    color: #ff8a00
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .tab-header.active,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .tab-header.active {
        background:#ff8a00;
        color: #fff;
        border-radius: 12.8205128205vw;
        line-height: 1
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab {
    border-radius: .08rem;
    gap: .2rem;
    padding: 0 .2rem
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab {
        width:fit-content;
        min-width: 100%;
        padding: 1.2820512821vw 1.5384615385vw;
        border-radius: 12.8205128205vw
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header {
    padding: 0 .12rem;
    margin: 0;
    font-size: 0.16rem
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header {
        padding:.7692307692vw 4.1025641026vw;
        color: #000;
        font-size: 3.3333333333vw
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header.active,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header.active {
    border: .02rem #ff8a00;
    border-style: none none solid none;
    color: #0f161f
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header.active,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header.active {
        color:#fff
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-tab-container .standard-tab .tab-header .img-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-tab-container .standard-tab .tab-header .img-container {
    display: flex;
    justify-content: center
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .personal-info-tab-container .standard-tab,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .personal-info-tab-container .standard-tab {
    gap: 0;
    display: flex;
    width: auto
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .personal-info-tab-container .standard-tab,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .personal-info-tab-container .standard-tab {
        width:fit-content
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .personal-info-tab-container .standard-tab .tab-header,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .personal-info-tab-container .standard-tab .tab-header {
    margin: 0 .06rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .withdraw-tab-container .standard-tab .tab-header.active,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .deposit-tab-container .standard-tab .tab-header.active,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .withdraw-tab-container .standard-tab .tab-header.active,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .deposit-tab-container .standard-tab .tab-header.active {
    border-style: none
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .withdraw-tab-container .standard-tab .tab-header .img-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .deposit-tab-container .standard-tab .tab-header .img-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .withdraw-tab-container .standard-tab .tab-header .img-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .deposit-tab-container .standard-tab .tab-header .img-container {
    min-height: unset
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .withdraw-tab-container .standard-tab .tab-header .img-container span,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .deposit-tab-container .standard-tab .tab-header .img-container span,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .withdraw-tab-container .standard-tab .tab-header .img-container span,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .deposit-tab-container .standard-tab .tab-header .img-container span {
    line-height: 0
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 0 .34rem;
    gap: .05rem .18rem
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field {
        display:flex;
        gap: .14rem 0
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-input,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-select,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-input,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-select {
    color: #61757e;
    padding: .05rem .35rem .05rem .1rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-label {
    grid-area: 1;
    align-self: center
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-label {
        margin:0;
        font-family: "AvertaStd-Semibold";
        font-size: .3rem;
        color: #0f161f
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-form-field-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-form-field-wrapper {
    grid-area: 2/1/2/2
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-error-validation,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-error-validation {
    grid-area: 2/2
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .standard-error-validation,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .standard-error-validation {
        grid-area:2/1
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .wrong,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .wrong {
    border: .01rem solid #e0092c
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .blue,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .correct,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .blue,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .correct {
    border: .01rem solid #0071e3
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .correct,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .correct {
    background: #f3f5f6
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .aff-link-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .aff-link-container {
    display: flex;
    align-items: center;
    gap: 0.1rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .aff-link-container .referral-btn,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .aff-link-container .referral-btn {
    background: rgba(0,0,0,0)
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .aff-link-container .referral-btn svg,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .aff-link-container .referral-btn svg {
    width: .1839rem;
    height: .2023rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field .aff-link-container .standard-footer-font-size,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field .aff-link-container .standard-footer-font-size {
    color: #0071e3;
    text-decoration: underline;
    background: rgba(0,0,0,0);
    padding: unset;
    height: auto;
    cursor: pointer
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-domain,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-domain {
        margin:11.5384615385vw 0
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-domain #affiliate-domain,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-domain #affiliate-domain {
        background: #f3f5f6;
        border: .01rem solid #dbe0e4;
        height: .75rem;
        padding: 0rem .4rem 0;
        text-decoration: underline
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-link {
        margin: 11.5384615385vw 0
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-link .aff-profile-content .standard-label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-link .aff-profile-content .standard-label {
        font-family: "AvertaStd-Regular";
        margin: 0 0 .17rem
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-link .aff-link-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-link .aff-link-container {
        background: #f3f5f6;
        border-radius: .15rem;
        border: .01rem solid #dbe0e4;
        height: .75rem;
        padding: 0rem .4rem 0;
        text-decoration: underline;
        display: grid;
        align-items: center;
        gap: .4rem;
        grid-template-columns: 87% 6%
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-form-field.aff-link .aff-link-container .standard-footer-font-size,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field.aff-link .aff-link-container .standard-footer-font-size {
        font-size: .296rem;
        text-overflow: ellipsis;
        color: #000
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field {
    display: grid;
    grid-template-columns: 25% 3.52rem auto;
    margin-bottom: .14rem
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field {
        grid-template-columns:37% 60%;
        margin-bottom: 4.1025641026vw;
        align-items: center
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field label {
        font-family: "AvertaStd-Regular";
        color: #8697a2
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper {
    grid-area: 1
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper {
    margin-top: .1rem;
    font-size: .12rem;
    color: #e8262c
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper {
        margin-top:.196rem;
        font-size: .236rem
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper {
    display: flex;
    color: #8697a2;
    gap: .06rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img {
    width: .12rem;
    height: .12rem;
    margin: .04rem .02rem .04rem 0rem;
    flex-shrink: 0
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper img {
        width:.236rem;
        height: .236rem;
        margin: .078rem .078rem .078rem 0rem
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
    margin-left: .02rem;
    flex: 1
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .error-message-wrapper .password-rules-msg-wrapper .error-message-text {
        margin-left:.078rem
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .standard-password-eye,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .standard-password-eye,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .standard-password-eye,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .standard-password-eye {
    transform: translateY(-150%);
    top: .4rem;
    z-index: 1
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field .standard-form-field-wrapper .standard-password-eye,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .standard-password-eye,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field .standard-form-field-wrapper .standard-password-eye,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field .standard-form-field-wrapper .standard-password-eye {
        top:.85rem
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-link {
    align-items: start
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .aff-link {
    align-items: start
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-button-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-button-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-button-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-button-container {
    display: grid;
    grid-template-columns: 25% 3.52rem auto;
    justify-content: unset;
    column-gap: .18rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-button-container .standard-submit-button,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-button-container .standard-submit-button,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-button-container .standard-submit-button,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-button-container .standard-submit-button {
    width: 100%;
    grid-area: 1/2
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-button-container .standard-submit-button,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-button-container .standard-submit-button,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-button-container .standard-submit-button,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-button-container .standard-submit-button {
        grid-area:1/span 3
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-button-container .standard-submit-button:disabled,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-button-container .standard-submit-button:disabled,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-button-container .standard-submit-button:disabled,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-button-container .standard-submit-button:disabled {
    background: #f3f5f6;
    color: #8697a2
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-domain,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-domain,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-domain,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-domain,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-link {
        grid-template-columns:100%
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-domain label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field.aff-link label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-domain label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-my-profile-container .standard-form-field.aff-link label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-domain label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field.aff-link label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-domain label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-my-profile-container .standard-form-field.aff-link label {
        font-family: "AvertaStd-Semibold";
        color: #0f161f
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .standard-form-field {
    margin: 0 0 .5rem 0
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .standard-form-field .standard-input,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .standard-form-field .standard-input {
        height:100%
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .standard-form-field .standard-input:disabled,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .standard-form-field .standard-input:disabled {
    background: unset;
    border: unset;
    padding: 0;
    color: #0f161f;
    height: auto
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .standard-form-field label.standard-label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .standard-form-field label.standard-label {
    margin: 0
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .aff-profile-content .standard-label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .profile-input .standard-label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .aff-profile-content .standard-label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .profile-input .standard-label {
    color: #0f161f
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .aff-profile-content .aff-profile-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .profile-column .profile-input .aff-profile-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .aff-profile-content .aff-profile-link,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .profile-column .profile-input .aff-profile-link {
    margin: 0 0 .4rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-guide-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-guide-container {
    color: #8899a4
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field {
    grid-column: 1/span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0.4rem;
    border-radius: 0.08rem;
    background: #f7f7f7;
    color: #0f161f;
    margin: 0.11rem 0 0
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field {
        height:0.68rem
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field:last-child,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field:last-child {
    margin: 0.11rem 0 0.2rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon {
    width: 0.26rem;
    height: 0.26rem;
    margin: 0 0.13rem 0 0
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon {
        width:0.35rem;
        height: 0.35rem
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.remark-icon,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon.remark-icon {
    width: 0.16rem;
    height: 0.16rem;
    fill: #c5d2d8
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.remark-icon,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon.remark-icon {
        width:.32rem;
        height: .32rem
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.success-icon,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon.success-icon {
    fill: #4cb957
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field .notice-icon.error-icon,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field .notice-icon.error-icon {
    fill: #f60020
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-error-container .standard-error-field p,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-error-container .standard-error-field p {
    margin: 0 0 0 0.05rem
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail {
        padding:7.6923076923vw 1.7948717949vw 0
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab.tracking-content-section,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail.tracking-content-section {
        background: #f3f5f6;
        margin: 0 -0.2rem;
        padding: 7.6923076923vw 0
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field {
        display: flex
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-change-password-container .standard-form-field label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-change-password-container .standard-form-field label {
        color: #0f161f;
        font-family: "AvertaStd-Semibold"
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-overview-container section.standard-tab-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-overview-container section.standard-tab-container {
        background: #fff
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-overview-container section.standard-tab-container .tab-header-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-overview-container section.standard-tab-container .tab-header-container {
        white-space: nowrap
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .aff-overview-container section.standard-tab-container .tab-header-container .tab-header.active,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .aff-overview-container section.standard-tab-container .tab-header-container .tab-header.active {
        background: rgba(0,0,0,0);
        color: #ff8a00
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container {
    grid-column: 1/span 2
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab {
    display: flex;
    background: #fff;
    gap: 0.1rem;
    justify-content: space-between;
    padding: 0 0 0.3rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab .campaign-tab-header,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab .campaign-tab-header {
    line-height: 0.37rem;
    cursor: pointer;
    background: #f3f5f6;
    border-radius: 1rem;
    color: #0f161f;
    min-width: 2.5rem;
    text-align: center;
    margin: 0;
    width: 100%;
    padding: .15rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab .campaign-tab-header span,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab .campaign-tab-header span {
    padding: 0
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab .campaign-tab-header:hover,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-tab-container .campaign-standard-tab .campaign-tab-header.active,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab .campaign-tab-header:hover,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-tab-container .campaign-standard-tab .campaign-tab-header.active {
    background: #ff8a00;
    color: #fff
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-create .aff-content-warper .standard-form-framework .standard-form-container .campaign-date-label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-create .aff-content-warper .standard-form-framework .standard-form-container .campaign-date-label {
        font-family:"AvertaStd-Regular"
    }

    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-create .aff-content-warper .standard-form-framework .standard-form-container .standard-form-field .campaign-label,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-create .aff-content-warper .standard-form-framework .standard-form-container .standard-form-field .campaign-label {
        font-family: "AvertaStd-Regular"
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-create .campaign-id-title,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-create .campaign-id-title {
    margin: 0 0 .55rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .campaign-create .campaign-id-title span,.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .campaign-create .campaign-id-title span {
    margin: 0 0 0 0.24rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-button-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: .18rem
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .st-content .st-detail-container .st-tab .standard-button-container {
        grid-template-columns:repeat(2, 1fr)
    }
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail {
    box-shadow: 0 0 0.1rem 0.01rem rgba(255,255,255,.4901960784);
    padding: .43rem .47rem;
    margin: 0 0 0.1rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-form-field {
    margin: 0 0 .14rem;
    grid-template-columns: 70% 30%
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-button-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: .12rem
}

.aff-settings-container .standard-container-control .st-content .st-detail-container .st-detail .standard-button-container .button-columns {
    position: relative
}

.aff-settings-container .standard-container-control .st-content .important-notice-container {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-column-gap: .08rem
}

.aff-settings-container .standard-container-control .st-content .important-notice-container .st-detail {
    grid-column: 1/span 2
}

.aff-settings-container .standard-container-control .st-content .important-notice-container .transaction-note-section {
    background: #fff;
    border-radius: .08rem
}

.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .deposit-wrapper .deposit-tab-container .deposit-tab-header {
    width: 100%
}

.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .deposit-wrapper .standard-transaction-container .standard-form-container .standard-form-field .standard-form-field-wrapper .standard-select {
    width: 100%
}

.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .deposit-wrapper .bank-transfer-container .transaction-form .bank-detail-field .important-notice-container {
    white-space: nowrap;
    width: 6%;
    margin: 0
}

.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .deposit-wrapper .bank-transfer-container .transaction-form .bank-detail-field .important-notice-container .important-notice-box {
    left: .2rem
}

.aff-settings-container .standard-container-control .st-content .important-notice-container .st-tab .withdrawal-wrapper .withdraw-tab-container .withdraw-tab-header {
    width: 100%
}

.aff-settings-container .standard-container-control .history-info-container {
    overflow-x: scroll
}

.aff-settings-container .standard-container-control .standard-setting-table-container {
    overflow-x: scroll;
    border: 0.01rem #dcdcdc;
    border-style: 0.01rem;
    scrollbar-width: thin !important;
    display: grid;
    gap: .2rem
}

.aff-settings-container .standard-container-control .standard-setting-table-container::-webkit-scrollbar {
    width: 0.05rem
}

.aff-settings-container .standard-container-control .standard-setting-table-container::-webkit-scrollbar:horizontal {
    height: 0.08rem
}

.aff-settings-container .standard-container-control .standard-setting-table-container::-webkit-scrollbar-track {
    background: rgba(204,204,204,.3)
}

.aff-settings-container .standard-container-control .standard-setting-table-container::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: rgba(204,204,204,.5);
    box-shadow: inset 0 0 0.06rem rgba(0,0,0,.2)
}

@media(max-width: 768px) {
    .aff-settings-container .standard-container-control .standard-setting-table-container .standard-setting-table td {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 2.5rem
    }
}

@media(max-width: 1024px) {
    .aff-settings-container .standard-container-control .setting-table-container {
        overflow-x:scroll;
        border: 0.01rem #dcdcdc;
        border-style: 0.01rem;
        scrollbar-width: thin !important;
        display: grid;
        gap: .2rem
    }

    .aff-settings-container .standard-container-control .setting-table-container::-webkit-scrollbar {
        width: 0.05rem
    }

    .aff-settings-container .standard-container-control .setting-table-container::-webkit-scrollbar:horizontal {
        height: 0.08rem
    }

    .aff-settings-container .standard-container-control .setting-table-container::-webkit-scrollbar-track {
        background: rgba(204,204,204,.3)
    }

    .aff-settings-container .standard-container-control .setting-table-container::-webkit-scrollbar-thumb {
        border-radius: 0.1rem;
        background: rgba(204,204,204,.5);
        box-shadow: inset 0 0 0.06rem rgba(0,0,0,.2)
    }
}

@media(max-width: 1024px)and (max-width: 768px) {
    .aff-settings-container .standard-container-control .setting-table-container .standard-setting-table td {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 2.5rem
    }
}

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

.aff-settings-container .standard-container-control .custom-without-transaction-button-btn button:hover {
    cursor: pointer;
    background: rgba(182,182,182,.8)
}

.aff-settings-container .standard-container-control .custom-without-transaction-button-btn button:disabled {
    opacity: .3;
    background: #b6b6b6
}

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

.aff-settings-container .standard-container-control .custom-without-transaction-button-btn button svg .st0 {
    fill: #71901b !important
}

.desktopReferralContainer {
    width: 11rem;
    margin: .24rem auto;
    background: #eaeced;
    border-radius: .1rem;
    padding: .2rem .3rem;
    display: flex;
    align-items: center;
    position: relative
}

.desktopReferralContainer .share-container .highlighted-text {
    background: #99bdfe;
    padding: .2rem;
    border: .01rem dashed;
    margin-right: .2rem;
    color: #fff;
    position: relative;
    white-space: nowrap
}

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

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

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

.desktopReferralContainer .referral-subtitle {
    margin: 0 0.1rem;
    font-weight: bold;
    color: undeniable
}

.desktopReferralContainer .referral-subtitle .subtitle {
    color: #0066d0
}

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

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

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

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

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

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

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

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

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

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

body:lang(id) .setting-table-container,body:lang(ms) .setting-table-container {
    overflow-x: scroll;
    border: 0.01rem #dcdcdc;
    border-style: 0.01rem;
    scrollbar-width: thin !important;
    display: grid;
    gap: .2rem
}

body:lang(id) .setting-table-container::-webkit-scrollbar,body:lang(ms) .setting-table-container::-webkit-scrollbar {
    width: 0.05rem
}

body:lang(id) .setting-table-container::-webkit-scrollbar:horizontal,body:lang(ms) .setting-table-container::-webkit-scrollbar:horizontal {
    height: 0.08rem
}

body:lang(id) .setting-table-container::-webkit-scrollbar-track,body:lang(ms) .setting-table-container::-webkit-scrollbar-track {
    background: rgba(204,204,204,.3)
}

body:lang(id) .setting-table-container::-webkit-scrollbar-thumb,body:lang(ms) .setting-table-container::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    background: rgba(204,204,204,.5);
    box-shadow: inset 0 0 0.06rem rgba(0,0,0,.2)
}

@media(max-width: 768px) {
    body:lang(id) .setting-table-container .standard-setting-table td,body:lang(ms) .setting-table-container .standard-setting-table td {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 2.5rem
    }
}

.turnstile-container {
    margin-bottom: .16rem;
    width: -webkit-fill-available;
    display: flex;
    justify-content: center
}

.turnstile-widget-login-pop-up {
    transform: scale(1)
}

.turnstile-widget-login {
    margin-top: .5rem
}

@media only screen and (max-width: 600px) {
    .turnstile-widget-login {
        transform:scale(0.9)
    }

    .turnstile-container {
        transform: scale(0.9)
    }

    .turnstile-widget-register {
        transform: scale(0.95)
    }

    .turnstile-widget-reset-password-v2 {
        order: 2;
        margin-top: .5rem
    }
}

.seamless-freebet-confirmation-popup .header .standard-modal-title {
    font-size: 0.2rem
}

@media(max-width: 768px) {
    .seamless-freebet-confirmation-popup .header .standard-modal-title {
        font-size:.4096rem
    }
}

.standard-menu-tab-container .standard-tab .tab-header.active {
    background: #ff8a00;
    color: #fff
}

body.aff-portal .affiliate-route-background .history-container.standard-transaction-container table th {
    white-space: nowrap
}

.promo-detail-content li {
    list-style: auto !important
}

.promo-detail-content li::marker {
    color: inherit !important
}

@media screen and (max-width: 768px) {
    .promo-detail-content ol,.promo-detail-content ul {
        margin:0 .6rem
    }
}

.whatsapp-login-fields .standard-form-field-wrapper.whatsapp-login-wrapper {
    grid-template-columns: 33% 65%
}

@media screen and (min-width: 768px)and (max-width: 1030px) {
    .whatsapp-login-fields .standard-form-field-wrapper.whatsapp-login-wrapper {
        grid-template-columns:42% 56%
    }
}

@media screen and (min-width: 300px)and (max-width: 1030px) {
    .register-main-container .standard-m-form-col-full.phone-field #dropdownBtn {
        width:60% !important
    }
}

@media screen and (min-width: 1024px) {
    body.aff-portal .announcement-image-modal-container {
        max-width:13.54rem;
        min-width: 13.54rem;
        min-height: 3.94rem
    }

    body.aff-portal .modal-member-detail {
        width: 80% !important
    }
}

.lucky-wheel-landing-container {
    padding: 1.5rem 0 .68rem
}

.lucky-wheel-landing-container.beta-cny {
    background: url("/public/html/default_whitelabel/shared-image/lucky_wheel/beta-cny/background.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.lucky-wheel-landing-container.beta-cny .lucky-wheel-sponsorship-section {
    padding: .5rem 0;
    background-color: #56040a
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content {
    width: 100%
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-icon {
    top: 26%;
    left: 34%;
    width: 32%
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-icon {
        top:19%;
        left: 34%;
        width: 32%
    }
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny {
        padding:.5rem 0 0
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-3 {
        position:absolute;
        width: calc(6%*16);
        animation: iconFloater3 15s infinite;
        transition: ease-in-out .6s;
        z-index: 5;
        background: unset;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding: calc(.8%*16)
    }

    @keyframes iconFloater3 {
        0% {
            transform: translateY(0%)
        }

        25% {
            transform: translateY(0.3rem)
        }
    }

    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-4 {
        position: absolute;
        width: calc(6%*18);
        animation: iconFloater4 15s infinite;
        transition: ease-in-out .6s;
        z-index: 5;
        background: unset;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding: calc(.8%*18)
    }

    @keyframes iconFloater4 {
        0% {
            transform: translateY(0%)
        }

        25% {
            transform: translateY(0.3rem)
        }
    }

    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-5 {
        position: absolute;
        width: calc(6%*14);
        animation: iconFloater5 15s infinite;
        transition: ease-in-out .6s;
        z-index: 5;
        background: unset;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding: calc(.8%*14)
    }

    @keyframes iconFloater5 {
        0% {
            transform: translateY(0%)
        }

        25% {
            transform: translateY(0.3rem)
        }
    }

    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-6 {
        position: absolute;
        width: calc(6%*16);
        animation: iconFloater6 15s infinite;
        transition: ease-in-out .6s;
        z-index: 5;
        background: unset;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding: calc(.8%*16)
    }

    @keyframes iconFloater6 {
        0% {
            transform: translateY(0%)
        }

        25% {
            transform: translateY(0.3rem)
        }
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-3 {
        left:4rem;
        bottom: -0.5rem
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-4 {
        bottom:-2.5rem;
        left: -3.5rem
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-5 {
        left:-3.5rem;
        top: .5rem
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .icon-6 {
        left:4rem;
        bottom: 1rem
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-container .lucky-wheel-btm-img {
        top:.65rem
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper #spin {
        height:100%;
        top: 2%
    }
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper #spin {
        top:1%
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-content {
        z-index:0
    }
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .inner-wheel {
        width:80%;
        top: 0
    }
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content {
        margin:.5rem 0 0 0
    }
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg.beta-cny {
    padding: .8rem .6rem 0
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg.beta-cny::before {
    content: "";
    position: absolute;
    inset: -1rem -0.8rem -1.3rem -0.8rem;
    padding: .02rem;
    z-index: -1;
    background: url("/public/html/default_whitelabel/shared-image/lucky_wheel/beta-cny/winner-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg.beta-cny {
        width:100%;
        padding: 2.5rem 1.8rem 0
    }

    .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg.beta-cny::before {
        content: "";
        position: absolute;
        padding: .02rem;
        z-index: -1;
        background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/beta-cny/winner-bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        inset: -0.5rem 0
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-reminder-title {
        position:absolute;
        top: 1.2rem
    }
}

@media(min-width: 769px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-content .spin-content-btn {
        position:absolute;
        top: .8rem
    }
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list>li {
        padding-bottom:26%
    }
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-header {
    position: absolute;
    z-index: 1;
    font-size: .16rem;
    left: 1.25rem;
    text-transform: uppercase;
    text-shadow: -0.02rem -0.02rem 0 red,0.02rem -0.02rem 0 red,-0.02rem 0.02rem 0 red,0.02rem 0.02rem 0 red,0 0 0.1rem #ff1a1a,0 0 0.2rem #ff1a1a,0 0 0.4rem #b30000;
    top: .24rem;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-header {
        top:1.55rem;
        left: 50%;
        font-size: .25rem
    }
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-slider-container .prize-container>p {
    color: darkred;
    height: .36rem;
    padding: 0 .05rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-slider-container .prize-container>p {
        height:.46rem;
        bottom: .3rem
    }
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .spin-container .lucky-wheel-btm-img {
        top:-1.2rem
    }
}

.lucky-wheel-landing-container.beta-cny .tnc-container .tnc-bg {
    width: 7.5rem
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .tnc-container .tnc-bg {
        width:100%
    }
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg table tbody {
        height:6.5rem
    }
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .winner-content .winner-detail-with-bg table tbody tr td {
    font-size: .16rem
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .inner-wheel {
    width: 82%
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .firework-top {
    z-index: 1;
    position: absolute;
    left: 1.2rem;
    top: -0.8rem;
    height: 3.5rem;
    transform: scale(0.8);
    mix-blend-mode: screen
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .firework-right {
    z-index: 0;
    position: absolute;
    right: -5rem;
    bottom: 1rem;
    height: 3.5rem;
    transform: scale(0.8);
    mix-blend-mode: screen
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .firework-left {
    z-index: 1;
    position: absolute;
    left: -3rem;
    bottom: .5rem;
    height: 3.5rem;
    transform: scale(0.5);
    mix-blend-mode: color-dodge
}

.lucky-wheel-landing-container.beta-cny .container-row-1 .lucky-wheel-wrapper .firework-bottom {
    z-index: 0;
    position: absolute;
    left: 3rem;
    bottom: -1rem;
    height: 3.5rem;
    transform: scale(0.8);
    mix-blend-mode: color-dodge
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container .prize {
    right: unset;
    bottom: unset;
    margin: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container>p {
    bottom: .2rem;
    position: absolute;
    height: .46rem;
    left: 50%;
    transform: translateX(-50%)
}

@media(max-width: 768px) {
    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-slider-container .prize-container>p {
        bottom:.4rem
    }
}

.standard-label.transaction-title {
    position: relative;
    width: fit-content
}

.standard-label .transaction-title-icon {
    fill: #c7d2d7;
    height: 1.2em;
    margin: 0 .1rem 0 0;
    width: 1.2em;
    position: absolute;
    right: -0.2rem;
    cursor: pointer
}

.standard-label.standard-mandatory .transaction-title-icon {
    fill: #c7d2d7;
    height: 1.2em;
    margin: 0 .1rem 0 0;
    width: 1.2em;
    position: absolute;
    right: -0.3rem;
    cursor: pointer
}

.deposit-tab-header .deposit-tab-header-right-content {
    display: flex;
    align-items: center;
    gap: .1rem
}

@media(max-width: 768px) {
    .standard-label.transaction-title {
        margin:0
    }

    .standard-label .transaction-title-icon {
        right: -0.4rem
    }

    .standard-label.standard-mandatory .transaction-title-icon {
        right: -0.5rem
    }
}

.m-kyc-indicator-section section {
    padding: 0 .4rem !important
}

:global .driver-popover {
    z-index: 2147483645 !important
}

.driver-popover {
    z-index: 2147483645 !important
}