img.avatar-img-hide {
    display: none
}

.lucky-spin-wrapper .spin-footer .right-cont .avatar-loading-icon {
    border-radius: 50%;
    height: 1.75rem;
    left: 1rem;
    margin: 0;
    position: absolute;
    top: .9375rem;
    width: 1.75rem
}

.tools-item.header-account .cycle-style {
    border-radius: 50%;
    height: 32px;
    margin-left: 5px;
    width: 32px
}

.cycle-style {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.reward-modal {
    box-sizing: border-box
}

.reward-modal .portal-modal {
    background-color: #0000;
    box-shadow: none
}

.reward-modal .portal-modal .modal-close-btn {
    display: none
}

.reward-modal .pfrl3ez {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.reward-modal .pfrl3ez .sjfh21a {
    border-radius: .5rem;
    height: 21.875rem;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: 24.25rem
}

.reward-modal .pfrl3ez .sjfh21a.has-dual-rewards .cont {
    padding: 1.75rem .75rem
}

.reward-modal .pfrl3ez .sjfh21a.has-dual-rewards .cont .desc {
    margin-top: .375rem
}

.reward-modal .pfrl3ez .sjfh21a.has-dual-rewards .cont .sxm7p3g {
    font-size: 2rem;
    line-height: 2.25rem
}

.reward-modal .pfrl3ez .sjfh21a .img-bg {
    height: 31.25rem;
    left: -3.5rem;
    position: absolute;
    top: -5.3125rem;
    width: 31.25rem
}

.reward-modal .pfrl3ez .sjfh21a .img-bg.rotate {
    animation: rotate-sjfh21a 5s linear infinite
}

.reward-modal .pfrl3ez .sjfh21a .bg-wrap {
    background-color: #191a1b;
    background-image: radial-gradient(#f2bb2f33,#191a1b 80%);
    background-position: center -8.125rem;
    background-repeat: no-repeat;
    background-size: 100% 90%;
    height: 100%;
    position: relative;
    z-index: 1
}

.reward-modal .pfrl3ez .sjfh21a .bg-wrap .img_glod {
    animation: fade-in-sjfh21a .8s ease-in-out both;
    height: 26.25rem;
    left: -1.3125rem;
    opacity: 0;
    position: absolute;
    top: -3.75rem;
    width: 26.875rem;
    z-index: 2
}

.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2.75rem .75rem;
    position: relative;
    text-align: center;
    z-index: 3
}

.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .tit {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.625rem;
    text-transform: uppercase
}

.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .desc {
    color: #98a7b5;
    font-size: 1rem;
    margin: .75rem auto 0;
    width: 70%
}

.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .sxm7p3g {
    align-items: center;
    -webkit-background-clip: text;
    background-image: linear-gradient(180deg,#ffb03b,#fcee21,#ffff89,#fddb3e,#ffdb49,#ffeb7d,#fda60a);
    color: #0000;
    display: flex;
    filter: drop-shadow(2px 2px 0 #c55b1a);
    flex: auto;
    flex-wrap: wrap;
    font-size: 3rem;
    font-style: italic;
    font-weight: 900;
    justify-content: center;
    line-height: 3.125rem;
    text-align: center;
    white-space: pre
}

.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .sxm7p3g .currency-string {
    margin-left: 5px
}

.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .ui-button {
    background-color: rgba(29,128,58,.702);
    background-image: conic-gradient(from 1turn,#58af10,#1d803a);
    border: none;
    border-radius: .25rem;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: 3rem;
    margin: 5px auto 0;
    padding: 0;
    transition: transform .2s cubic-bezier(.36,.66,.04,1);
    -webkit-user-select: none;
    user-select: none;
    width: 80%
}

@keyframes rotate-sjfh21a {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes fade-in-sjfh21a {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    80% {
        opacity: .8;
        transform: scale(1.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.reg-roulette-modal .portal-modal {
    max-height: calc(100vh - 5rem)
}

.reg-roulette-modal .portal-modal .modal-close-btn {
    right: -.5rem
}

.reg-roulette-modal .portal-modal .modal-content {
    display: flex;
    flex-direction: column
}

.reg-roulette-modal .roulette_winner_list .cont {
    font-size: 13px
}

.reg-roulette-modal .roulette_winner_list .cont .win {
    color: #67707b
}

.reg-roulette-modal .roulette_winner_list .avatar-loading-icon {
    display: none
}

.reg-roulette-modal .head {
    flex-shrink: 0
}

.reg-roulette-modal .head .amount .currency-string {
    margin-left: 5px;
    white-space: nowrap;
    word-break: keep-all
}

.reg-roulette-modal .head .points-amount {
    border-radius: 4px;
    display: inline-block;
    margin-top: 4px;
    padding: 2px 12px
}

.reg-roulette-modal .lucky-spin-wrapper {
    flex: 1;
    max-height: 95vw;
    min-height: 0
}

.reg-roulette-modal .spin-footer {
    flex-shrink: 0
}

@media(max-height: 700px) {
    .reg-roulette-modal .portal-modal .modal-content .head {
        height:auto;
        min-height: 6.5rem;
        padding: 1.25rem 0 .5rem
    }

    .reg-roulette-modal .portal-modal .modal-content .head .txt {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .reg-roulette-modal .portal-modal .modal-content .head .amount {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

.reward-modal .portal-modal .modal-content {
    min-height: 315px;
    padding: 0
}

html[lang=vi] .reward-modal .portal-modal .modal-content {
    min-height: 355px
}

.custom-login-popup-detail-desktop {
    height: 70vh;
    width: 50vw
}

.custom-login-popup-detail-desktop .header {
    background-color: #eee;
    height: 80px
}

.custom-login-popup-detail-desktop .header .title {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 100%;
    justify-content: center
}

.custom-login-popup-detail-desktop .content {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: calc(100% - 120px);
    line-height: 1.5;
    overflow: auto!important;
    padding: 20px 30px
}

.custom-login-popup-detail-desktop .footer {
    align-items: center;
    background-color: #eee;
    display: flex;
    height: 80px;
    justify-content: center
}

.custom-login-popup-detail-desktop .footer button {
    padding: 0;
    width: 150px
}

.custom-login-popup-detail-mobile {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 #000000b3;
    display: flex;
    flex-direction: column;
    height: calc(100% - 20px);
    left: 10px;
    position: fixed;
    top: 10px;
    width: calc(100% - 20px);
    z-index: 102
}

.custom-login-popup-detail-mobile .header {
    height: 30px;
    position: relative
}

.custom-login-popup-detail-mobile .header .btn-close {
    position: absolute;
    right: 0;
    top: 0
}

.custom-login-popup-detail-mobile .header .btn-close i {
    display: inline-block;
    font-size: 35px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    vertical-align: middle
}

.custom-login-popup-detail-mobile .content-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 16px;
    overflow: auto
}

.custom-login-popup-detail-mobile .content-container .content {
    color: #666;
    flex: 1;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5
}

.custom-login-popup-detail-mobile .content-container .nrc-button {
    min-height: 44px
}

.detail-card {
    border: 1px solid #ececec;
    border-radius: 5px;
    line-height: 1
}

.detail-card .card-content {
    background: #fafafc;
    padding: 15px
}

.detail-card .card-more-btn {
    background-color: #e1e1e1;
    color: #838383;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 15px;
    text-align: center
}

.detail-card .card-detail-content {
    background: #fafafc;
    border-top: 1px solid #e9e9e9;
    cursor: pointer;
    padding: 5px 20px
}

.detail-card .card-detail-content.disabled {
    cursor: default
}

.infinite-loader-empty-list {
    opacity: .6
}

.infinite-loader-empty-list img {
    filter: invert(50%)
}

.infinite-loader-empty-list .no-data-block {
    color: #545658
}

.modal-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity 125ms cubic-bezier(.4,0,.2,1) 0ms;
    width: 100vw;
    z-index: 10000
}

.modal-container .modal-backdrop {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #d4d4d480;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1!important
}

.modal-container .portal-modal {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #00000080;
    max-height: 85vh;
    min-height: 315px;
    position: relative;
    width: 500px;
    z-index: 1
}

@media screen and (max-width: 500px) {
    .modal-container .portal-modal {
        min-width:90vw;
        width: 90vw
    }
}

.modal-container .portal-modal .modal-title {
    background-color: #e1e1e1;
    border-radius: 10px 10px 0 0;
    color: #545658;
    font-size: 20px;
    font-weight: 600;
    height: 50px;
    line-height: 37px;
    padding: 5px 0;
    text-align: center
}

.modal-container .portal-modal .modal-close-btn {
    align-items: center;
    background-color: var(--platform-color-highlight);
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 #00000026;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 22px;
    font-weight: 300;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px
}

.modal-container .portal-modal .modal-close-btn>span {
    line-height: 27px
}

.modal-container .portal-modal .modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 43px 22px
}

.modal-container .portal-modal .modal-content .icon {
    height: 70px;
    margin-bottom: 20px
}

.modal-container .portal-modal .modal-content .icon img {
    height: 100%
}

.modal-container .portal-modal .modal-btn {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 22px 22px
}

.modal-container .portal-modal .modal-btn>button {
    border-radius: 5px;
    color: #fff;
    flex: 1;
    height: 42px;
    line-height: 42px;
    text-align: center
}

.modal-container .portal-modal .modal-btn>button.pri-btn {
    background-image: linear-gradient(101deg,color-mix(in srgb,var(--platform-color-highlight) 90%,#fff 10%),var(--platform-color-highlight) 100%)
}

.modal-container .portal-modal .modal-btn>button.pri-btn:hover {
    background-image: linear-gradient(101deg,color-mix(in srgb,var(--platform-color-highlight) 85%,#fff 15%),color-mix(in srgb,var(--platform-color-highlight) 95%,#000 5%) 100%)
}

.modal-container .portal-modal .modal-btn>button.sec-btn {
    background-color: #ccc
}

.modal-container .portal-modal .modal-btn>button.sec-btn:hover {
    background-color: #b3b3b3
}

.modal-container .portal-modal .modal-btn>button:nth-child(2) {
    margin-left: 15px
}

.modal-container.alert-modal .alert-modal-content {
    max-height: calc(85vh - 290px);
    overflow: auto;
    text-align: center;
    white-space: pre-line
}

.modal-container.alert-modal .alert-modal-content .alert-message {
    color: #545658;
    line-height: 1.4;
    text-align: center
}

.modal-container.alert-modal .alert-modal-content .children-content {
    line-height: 1.4
}

.modal-container.alert-modal .alert-modal-content .children-content .message {
    color: #545658
}

.modal-container.gift-modal .portal-modal {
    max-height: inherit;
    min-height: inherit
}

.modal-container.gift-modal .portal-modal .modal-content {
    padding: 25px 15px 10px
}

.modal-container.gift-modal .portal-modal .modal-content .icon {
    height: 180px;
    margin-bottom: 10px;
    pointer-events: none;
    position: relative
}

.modal-container.gift-modal .portal-modal .modal-content .icon img {
    bottom: -20px;
    height: 300px;
    position: absolute;
    transform: translateX(-50%)
}

.modal-container.gift-modal .portal-modal .modal-content .message {
    color: #545658;
    line-height: 1.35
}

.modal-container.gift-modal .portal-modal .modal-btn {
    align-items: stretch
}

.modal-container.gift-modal .portal-modal .modal-btn>button {
    height: auto;
    line-height: 20px;
    min-height: 42px;
    padding: 8px 16px
}

.ec-tooltip-remark-block {
    align-items: normal!important;
    border: 2px solid #e9e9e9;
    border-radius: 5px;
    display: flex;
    font-size: 12px;
    height: 42px;
    justify-content: space-between;
    line-height: 14px;
    padding: 5px;
    position: relative
}

.ec-tooltip-remark-block .remark-tooltip {
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    left: 0;
    padding: 8px;
    position: absolute;
    top: -2px;
    transition: opacity .3s ease-out;
    visibility: hidden;
    word-break: break-all;
    z-index: 100
}

.ec-tooltip-remark-block .remark-tooltip.show {
    visibility: visible
}

.ec-tooltip-remark-block .remark-text {
    color: #545658;
    word-break: break-all
}

.ec-tooltip-remark-block .remark-text.hide-multiple-lines {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.ec-tooltip-remark-block .more-place {
    align-items: center;
    cursor: pointer;
    display: flex;
    max-width: 30px
}

.ec-tooltip-remark-block .more-place .more-circle-btn {
    border: 1px solid var(--platform-color-highlight);
    border-radius: 10px;
    height: 15px;
    position: relative;
    width: 15px
}

.ec-tooltip-remark-block .more-place .more-circle-btn:after {
    color: var(--platform-color-highlight);
    content: "...";
    left: 2px;
    position: absolute;
    top: -4px
}

.anytime-rebate-history {
    display: flex;
    flex-direction: column;
    height: 100%
}

.anytime-rebate-history .tips {
    align-items: center;
    color: #545658;
    display: flex;
    font-size: 14px;
    margin-bottom: 10px
}

.anytime-rebate-history .tips i {
    font-size: 12px;
    margin-right: 4px
}

.anytime-rebate-history .content-block {
    flex: 1
}

.anytime-rebate-history .anytime-rebate-card {
    background: #fafafc;
    border: 1px solid #ececec;
    border-radius: 5px
}

.anytime-rebate-history .anytime-rebate-card .detail-card {
    border: 0
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content {
    background: #0000;
    padding: 0
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content .rebate-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content .rebate-content .rebate-info {
    color: #939698
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content .rebate-content .rebate-info .amount {
    color: #545658;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content .rebate-content .rebate-info .amount small {
    font-size: 14px;
    padding-left: 5px
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content .rebate-content .rebate-info .date {
    font-size: 12px;
    margin-bottom: 8px
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content .rebate-content .rebate-info .limit {
    color: #e94951;
    font-size: 12px;
    margin-bottom: 8px
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content .rebate-content .rebate-info .title {
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content .rebate-content .rebate-func .nrc-button {
    border-radius: 5px;
    min-width: 110px;
    padding: 0 20px;
    text-align: center;
    transform: scale(.9)
}

.anytime-rebate-history .anytime-rebate-card .detail-card .card-content .rebate-content .rebate-func .nrc-button.disabled {
    background: #ccc;
    cursor: not-allowed
}

.anytime-rebate-history .anytime-rebate-card .card-detail-content .rebate-detail {
    color: #545658;
    font-size: 12px;
    line-height: 16px
}

.anytime-rebate-history .anytime-rebate-card .card-detail-content .rebate-detail .record {
    display: flex;
    justify-content: space-between
}

.anytime-rebate-history .anytime-rebate-card .card-detail-content .rebate-detail .record .record-item {
    flex: 3
}

.anytime-rebate-history .anytime-rebate-card .card-detail-content .rebate-detail .record .record-item:first-child {
    flex: 4
}

.anytime-rebate-history .anytime-rebate-detail .container {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    width: 80%
}

.anytime-rebate-history .anytime-rebate-detail .container .header {
    display: block;
    position: relative;
    text-align: center
}

.anytime-rebate-history .anytime-rebate-detail .container .header .mps-close {
    color: #fff;
    position: absolute;
    right: 12px;
    top: 10px
}

.anytime-rebate-history .anytime-rebate-detail .container .body {
    overflow-y: auto
}

.anytime-rebate-history .anytime-rebate-detail .container .mock-table-row>div {
    align-items: center;
    padding: 10px 5px 10px 0
}

.anytime-rebate-history .rebate-top-info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px
}

.anytime-rebate-history .rebate-top-info .tips {
    margin-bottom: 0
}

.anytime-rebate-history .claim-all-btn {
    height: 30px
}

.member-center-promo-history {
    display: flex;
    flex-direction: column;
    height: 100%
}

.member-center-promo-history>.content-block {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100vh - 45px);
    padding: 20px
}

.member-center-promo-history .title-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.member-center-promo-history .title-wrapper .button-group .nrc-button {
    border-radius: 5px;
    height: auto;
    padding: 5px 20px
}

.member-center-promo-history .infinite-loader-wrapper {
    flex: 1
}

.member-center-promo-history .content-block {
    height: 100%
}

.member-center-promo-history .content-block.claim-all-padding {
    height: calc(100% - 30px)
}

.member-center-promo-history .promo-card {
    background: #fafafc;
    border: 1px solid #ececec;
    border-radius: 5px
}

.member-center-promo-history .promo-card .detail-card {
    border: 0
}

.member-center-promo-history .promo-card .detail-card .card-content {
    background: #0000;
    padding: 0
}

.member-center-promo-history .promo-card .detail-card .card-content .promo-content {
    padding-bottom: 5px
}

.member-center-promo-history .promo-card .detail-card .ec-tooltip-remark-block {
    border: 0;
    height: 36px;
    line-height: 1.4;
    padding: 0
}

.member-center-promo-history .promo-card .detail-card .ec-tooltip-remark-block .remark-text.hide-multiple-lines {
    max-width: 350px;
    padding: 0
}

.member-center-promo-history .promo-card .detail-card .ec-tooltip-remark-block .more-place {
    justify-content: center
}

.member-center-promo-history .promo-card .promo-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px
}

.member-center-promo-history .promo-card .promo-content .promo-info {
    color: #939698
}

.member-center-promo-history .promo-card .promo-content .promo-info .amount {
    color: #545658;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px
}

.member-center-promo-history .promo-card .promo-content .promo-info .amount small {
    font-size: 14px;
    padding-left: 5px
}

.member-center-promo-history .promo-card .promo-content .promo-info .amount.random-amount {
    font-size: 16px
}

.member-center-promo-history .promo-card .promo-content .promo-info .date {
    font-size: 12px;
    margin-bottom: 8px
}

.member-center-promo-history .promo-card .promo-content .promo-info .date .timer {
    background: #e94951;
    border-radius: 2px;
    color: #fff;
    height: 20px;
    margin-left: 10px;
    padding: 0 4px
}

.member-center-promo-history .promo-card .promo-content .promo-info .date .timer span {
    padding: 0 2px
}

.member-center-promo-history .promo-card .promo-content .promo-info .title {
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.member-center-promo-history .promo-card .promo-content .promo-func .nrc-button {
    border-radius: 5px;
    min-width: 110px;
    padding: 0 20px;
    text-align: center;
    transform: scale(.9)
}

.member-center-promo-history .promo-card .promo-content .promo-func .nrc-button.disabled {
    background: #ccc;
    cursor: not-allowed
}

.member-center-promo-history.floating-promo-history .portal-modal .modal-content {
    padding: 0
}

.member-center-promo-history.floating-promo-history .portal-modal .modal-content .member-center-promo-history {
    padding: 24px
}

.member-center-promo-history.floating-promo-history .portal-modal .modal-content .member-center-promo-history .title-wrapper .title {
    color: #545658;
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.member-center-promo-history .claim-all-wrapper {
    margin-bottom: 10px;
    text-align: right
}

.member-center-promo-history .rebate-top-info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.member-center-promo-history .claim-all-btn {
    height: 30px
}

.floating-promo-center {
    cursor: pointer;
    height: 110px;
    padding: 5px;
    position: fixed;
    right: 38px;
    top: 300px;
    width: 110px;
    z-index: 500
}

.floating-promo-center.floating-promo-hide {
    visibility: hidden
}

.floating-promo-center>.btn-close {
    align-items: center;
    background-color: #0000008c;
    border-radius: 50%;
    color: #ccc;
    display: flex;
    font-size: 21px;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: -2px;
    top: -2px;
    transition: background-color .3s,box-shadow .3s,transform .3s;
    width: 26px;
    z-index: 3
}

.floating-promo-center>.btn-close span[data-promo-float=close] {
    height: 26px
}

.floating-promo-center .promo-img img {
    animation: shine .8s ease-in-out infinite alternate;
    width: 100%
}

@keyframes shine {
    0% {
        filter: drop-shadow(0 0 0 #ffe07f)
    }

    to {
        filter: drop-shadow(0 0 8px #ffe07f)
    }
}

.floating-promo-history .portal-modal {
    display: flex;
    flex-direction: column;
    height: 70vh
}

.floating-promo-history .portal-modal .modal-content {
    background-color: #f9f9f9;
    flex: 1;
    padding: 0 24px
}

body {
    background-color: #e7e7e7;
    font-family: Microsoft YaHei,Microsoft JhengHei,PingFangTC,Helvetica;
    line-height: normal;
    min-width: 1200px
}

body * {
    box-sizing: border-box
}

main {
    min-height: calc(100vh - 410px);
    position: relative
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

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

.main-wrap {
    margin: 0 auto;
    position: relative;
    width: 1200px
}

.main-wrap .main-title {
    color: #c72828;
    font-size: 24px;
    margin-bottom: 42px
}

.main-wrap .main-description,.main-wrap .main-title {
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    text-align: center
}

.main-wrap .main-description {
    color: #777;
    font-size: 14px;
    line-height: 1.71
}

.main-container {
    display: flex;
    margin: auto;
    max-width: 1280px;
    min-width: 1004px;
    position: relative;
    width: 100%
}

.app:not(.account) {
    background-color: #f5f6f9;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.app.account .app-body {
    min-height: calc(100vh - 110px)
}

.app-body {
    flex-grow: 1;
    position: relative
}

.highlight-color {
    color: #c72828
}

.color-failed {
    color: #d22323!important
}

.color-brand {
    color: #c72828!important
}

.app footer {
    background-color: #1a1a1a
}

.app footer .footer-curve {
    display: none
}

.app footer .footer-main {
    padding: 40px 0
}

.app footer .footer-main .footer-cont.pure-g {
    align-items: center;
    display: flex;
    flex-direction: column
}

.app footer .footer-main .footer-cont.pure-g .footer-head {
    display: none
}

.app footer .footer-main .footer-cont.pure-g .pure-u-3-5 {
    border-bottom: 1px solid #0003;
    box-shadow: 0 1px 0 0 #ffffff1a;
    margin-bottom: 10px;
    width: 100%
}

.app footer .footer-main .footer-cont.pure-g .pure-u-3-5 .provider-list-box {
    margin: 0 auto;
    padding-bottom: 20px;
    width: 1200px
}

.app footer .footer-main .footer-cont.pure-g .pure-u-3-5 .provider-list-box img {
    filter: grayscale(100%) brightness(180%);
    margin: 0 5px;
    opacity: .5;
    transform: scale(.9)
}

.app footer .footer-main .footer-cont.pure-g .pure-u-3-5 .provider-list-box img:hover {
    filter: grayscale(0) brightness(100%);
    opacity: 1
}

.app footer .footer-main .footer-cont.pure-g .pure-u-1-5 {
    white-space: nowrap;
    width: 1100px
}

.app footer .footer-main .footer-cont.pure-g .pure-u-1-5 .footer-links {
    display: flex;
    justify-content: center
}

.app footer .footer-main .footer-cont.pure-g .pure-u-1-5 .footer-links a {
    border-right: 1px solid #ffffff1a;
    color: #979797;
    font-size: 14px;
    margin: 10px 0;
    padding: 2px 10px;
    text-decoration: none
}

.app footer .footer-main .footer-cont.pure-g .pure-u-1-5 .footer-links a:hover {
    color: #fff
}

.app footer .footer-main .footer-cont.pure-g .pure-u-1-5:last-child .footer-links a:last-child {
    border-right: 0
}

.app footer .copy {
    color: #979797;
    font-size: 12px;
    padding-top: 40px;
    text-align: center
}

.quick-nav {
    background: linear-gradient(180deg,#73020800,#73020847 48.43%,#730208 99.39%),#c72828;
    background-blend-mode: overlay,normal;
    color: #fff;
    height: 70px;
    line-height: 70px;
    position: relative;
    z-index: 21
}

.quick-nav .main-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-right: 125px
}

.quick-nav .logo {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 50px;
    width: 160px
}

.quick-nav .right {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.quick-nav .lang {
    background-color: #ffffff1a;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 16.5px;
    transition: background-color .3s;
    width: 110px;
    z-index: 10
}

.quick-nav .lang>.mps-dropdown-arrow {
    font-size: 22px;
    line-height: 37px;
    position: absolute;
    right: 5px;
    top: 0
}

.quick-nav .lang>.lang-item {
    background-color: #fff0;
    color: #fff;
    line-height: 37px;
    order: 2;
    padding: 0 12px;
    transition: background-color .3s
}

.quick-nav .lang>.lang-item:hover {
    background-color: #fff3
}

.quick-nav .lang.active {
    background-color: #fff;
    border-radius: 5px;
    height: auto
}

.quick-nav .lang.active>.lang-item,.quick-nav .lang.active>.mps-dropdown-arrow {
    color: #1a1a1a
}

.quick-nav .lang.active>.lang-item:hover {
    background-color: #0000001a
}

.quick-nav .header-btn {
    align-items: center;
    display: flex;
    height: 70px;
    justify-content: center
}

.quick-nav .btn-big {
    background-color: #fff;
    border: 0;
    border-radius: 50px;
    box-shadow: 0 1px 2px 0 #0000004d;
    color: #c00000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    height: 37px;
    letter-spacing: .5px;
    line-height: 37px;
    margin: 0 5px;
    min-width: 120px;
    text-align: center
}

.quick-nav .btn-big:focus,.quick-nav .btn-big:hover {
    color: #000;
    filter: brightness(1.2)
}

.quick-nav .btn-big.login {
    background-color: #f2c94c
}

.quick-nav .btn-big.login:focus,.quick-nav .btn-big.login:hover {
    color: #a1030b;
    filter: brightness(1.2)
}

.quick-nav .id {
    align-items: center;
    color: #c6c6c6;
    display: flex;
    font-size: 16px
}

.quick-nav .id .playerid {
    color: #ffe083;
    cursor: pointer;
    padding: 0 10px
}

.quick-nav .login-nav {
    height: 70px
}

.quick-nav .login-nav .login-nav-item {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.quick-nav .login-nav .login-nav-item a {
    color: #fff9;
    display: block;
    padding: 0 10px;
    text-decoration: none;
    transition: .3s
}

.quick-nav .login-nav .login-nav-item a:hover {
    color: #fff
}

header {
    background-color: #fff;
    width: 100%;
    z-index: 20
}

header .navigation {
    display: flex;
    justify-content: center;
    margin: auto;
    position: static;
    width: auto
}

header .nav {
    align-items: center;
    display: flex;
    height: 40px
}

header .nav>li {
    height: 100%
}

header .nav .nav-item {
    cursor: pointer;
    font-weight: 700;
    line-height: 1.8;
    position: relative;
    text-align: center
}

header .nav .nav-item,header .nav .nav-item a {
    box-sizing: border-box;
    color: #1a1a1a;
    font-size: 14px;
    height: 100%
}

header .nav .nav-item a {
    align-items: center;
    display: flex;
    min-width: 90px;
    padding: 0 10px;
    text-decoration: none
}

header .nav .nav-item a.hot-icon-wrapper .hot-game-icon {
    right: 0;
    top: 2px
}

header .nav .nav-item a h3 {
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

header .nav .nav-item:hover+.submenu {
    height: 300px;
    opacity: 1
}

header .nav .nav-item a:hover,header .nav .nav-item.active a {
    color: #c72828
}

header .nav .nav-item a:hover i,header .nav .nav-item.active a i {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(#f9cd88,#a7711e);
    -webkit-background-clip: text
}

header .nav .nav-item.active a {
    color: #c72828
}

header .nav .nav-item.active a:after {
    background-color: #9d0404;
    bottom: -1px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

header .nav .nav-item:before {
    display: none
}

header .nav .submenu {
    background: url(https://img.alltocon.com/img/static/desktop/sub-menu-bg.png);
    box-shadow: 0 1px 3px #000c;
    height: 0;
    left: 0;
    min-width: 1004px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transition: .3s;
    width: 100%
}

header .nav .submenu:hover {
    height: 300px;
    opacity: 1
}

header .nav .submenu ul {
    font-size: 0;
    height: 300px;
    margin: auto;
    position: relative
}

header .nav .submenu ul li {
    display: inline-block;
    height: 100%;
    position: relative
}

header .nav .submenu ul li a {
    display: block;
    height: 100%;
    padding: 0 15px;
    position: relative;
    transition: .3s
}

header .nav .submenu ul li a:hover {
    background-color: #ffffff1a
}

header .nav .submenu ul li a:hover:after {
    background-color: #c72828;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

header .nav .submenu ul li img {
    display: block;
    height: 80%;
    position: relative;
    top: 10%
}

header .wallet {
    align-items: center;
    display: flex;
    line-height: 100%;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 10
}

header .wallet h2 {
    color: #f90;
    font-size: 20px;
    font-weight: 700
}

header .wallet h2 i {
    color: #666;
    font-size: 14px!important
}

header .wallet .mps-update {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin-left: 10px
}

.app.account header .logo {
    background-size: contain
}

.banner {
    background: #111 url(https://img.alltocon.com/img/static/ae888/banner-main.jpg) 50%/cover no-repeat;
    height: 34.375vw;
    position: relative
}

@media screen and (max-width: 1200px) {
    .banner {
        height:412.5px
    }
}

.banner .home-carousel {
    height: 34.375vw;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 1200px) {
    .banner .home-carousel {
        height:412.5px
    }
}

.banner .home-carousel .nrc-carousel,.banner .home-carousel .nrc-carousel .carousel-wrapper {
    height: 100%;
    position: relative
}

.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item {
    display: none;
    height: 100%;
    left: 50%;
    opacity: 1;
    transition: all ease-in-out;
    width: 100%
}

.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item img {
    left: -50%;
    min-width: 100%;
    position: relative;
    width: auto!important
}

.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active,.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.next,.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.prev {
    display: flex
}

.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active {
    filter: blur(0);
    opacity: 1
}

.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.next.left,.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.prev.right {
    filter: blur(0);
    opacity: 1;
    transform: translateZ(0) scale(1)
}

.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active.right,.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.next {
    transform: translate3d(100%,0,0) scale(1)
}

.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active.left,.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item.prev {
    opacity: 1;
    transform: translate3d(-100%,0,0) scale(1)
}

.banner .home-carousel .nrc-carousel .carousel-control.prev {
    left: -15px
}

.banner .home-carousel .nrc-carousel .carousel-control.next {
    right: -15px
}

.marquee-container {
    position: relative;
    z-index: 12
}

.marquee-block {
    background-color: #00000080;
    height: 40px;
    line-height: 40px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.marquee-block .marquee-news {
    margin: auto;
    position: relative;
    width: 1200px
}

.marquee-block .marquee-news .news-title {
    background-color: #c72828;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
    transform: scale(.7);
    width: 40px
}

.marquee-block .marquee-news .news-title i {
    font-size: 22px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

@media only screen and (max-width: 1280px) {
    .marquee-block .marquee-news {
        max-width:1180px
    }
}

.news.marquee-wrap {
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    margin: auto;
    padding-left: 30px;
    position: relative;
    width: 100%
}

.news.marquee-wrap .visible-area {
    height: 100%;
    overflow: hidden;
    position: relative
}

.news.marquee-wrap .marquee-content {
    position: absolute;
    white-space: nowrap
}

.news.marquee-wrap .marquee-content.scrollLeft {
    animation: scrollLeft linear infinite;
    padding-left: 1200px
}

.news.marquee-wrap .visible-area .marquee-item {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-right: 30px
}

.news.marquee-wrap .visible-area .marquee-item:first-child {
    margin-left: 10px
}

.news.marquee-wrap .visible-area .marquee-item:last-child {
    margin-right: 0
}

@keyframes scrollLeft {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.side-menu {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: 25
}

.side-menu li+li {
    margin-top: 5px
}

.side-menu li a {
    background: linear-gradient(180deg,#73020800,#73020847 48.43%,#730208 99.39%),#c72828;
    background-blend-mode: overlay,normal;
    border-radius: 5px 0 0 5px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 60px;
    line-height: 1.4;
    overflow: hidden;
    padding-left: 60px;
    text-decoration: none;
    transform: translateZ(0);
    transition: transform .3s linear;
    width: 220px
}

.side-menu li a:hover {
    transform: translate3d(-150px,0,0);
    transition: transform .3s ease-out .2s
}

.side-menu li a>i {
    color: #fff;
    font-size: 30px;
    height: 100%;
    left: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px
}

.side-menu li a>i.mps-coin-fill {
    font-size: 45px
}

.side-menu li a>h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    padding: 10px 0 2px
}

.side-menu li a>p {
    color: #fff
}

.side-menu li a img {
    left: 0;
    position: absolute
}

.pie-list li {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 133px
}

.pie-list li .pie-ani {
    background-image: url(https://img.alltocon.com/img/static/desktop/temp/home/ec22/bg_miao.png);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 85px;
    position: relative;
    width: 95px
}

.pie-list li .pie-ani .pie-content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding-top: 10px;
    width: 100%
}

.pie-list li .pie-ani .pie-content .num {
    color: #fff;
    display: inline;
    font-size: 34px;
    font-weight: 600
}

.pie-list li .pie-ani .pie-content .unit {
    color: #fff;
    display: inline;
    font-size: 18px
}

.pie-list li .pie-ani img {
    left: -20px;
    position: absolute;
    top: -19.5px
}

.pie-list li .pie-ani .mask {
    height: 133px;
    left: 47px;
    overflow: hidden;
    position: absolute;
    top: -20px;
    transform-origin: left;
    width: 67px
}

.pie-list li .pie-ani .mask>div {
    height: 133px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 67px
}

.pie-list li .pie-ani .mask>div>div {
    border: 15px solid #e5e5e5cc;
    border-radius: 50%;
    box-sizing: border-box;
    height: 133px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 133px
}

.pie-list li .pie-ani .mask.over-half>div {
    animation: mask1 .7s linear .7s infinite both;
    animation-delay: 2.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: rotate(0);
    transform-origin: left
}

.pie-list li .pie-ani .mask.half>div {
    animation: mask2 .7s linear .7s infinite both;
    animation-delay: 2.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: rotate(0);
    transform-origin: left
}

.pie-list li .pie-ani .filter {
    height: 133px;
    left: -20px;
    overflow: hidden;
    position: absolute;
    top: -20px;
    width: 67px
}

.pie-list li .pie-ani .filter>div {
    height: 133px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 67px
}

.pie-list li .pie-ani .filter>div>div {
    border: 15px solid #e5e5e5cc;
    border-radius: 50%;
    box-sizing: border-box;
    height: 133px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 133px
}

.pie-list li .pie-ani .pie1>div {
    animation: pie1 .6s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: rotate(0deg);
    transform-origin: right
}

.pie-list li .pie-ani .pie2>div {
    animation: pie2 .7s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: rotate(0deg);
    transform-origin: right
}

.pie-list li .pie-ani .pie3>div {
    animation: pie3 1.05s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: rotate(0deg);
    transform-origin: right
}

.pie-list li .pie-ani .pie4>div {
    animation: pie4 .6s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform: rotate(0deg);
    transform-origin: right
}

.pie-list li>div:nth-child(2) {
    bottom: -32px;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    white-space: nowrap
}

.pie-list li>div:nth-child(2) h5 {
    color: #c62727;
    font-size: 12px;
    font-weight: 700;
    margin: 5px 0;
    text-transform: uppercase
}

.pie-list li>div:nth-child(2) p {
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 700
}

@keyframes pie1 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(175deg)
    }
}

@keyframes pie2 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(181deg)
    }
}

@keyframes pie3 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(138deg)
    }
}

@keyframes pie4 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(181deg)
    }
}

@keyframes mask1 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(115deg)
    }
}

@keyframes mask2 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(150deg)
    }
}

.hot-icon-wrapper {
    position: relative
}

.hot-icon-wrapper .hot-game-icon {
    height: 12px;
    object-fit: contain;
    position: absolute;
    right: -10px;
    top: 0;
    width: 23px
}

.favorite-icon-wrapper .add-fav,.favorite-icon-wrapper .remove-fav {
    background: #0000;
    font-size: 0;
    height: auto;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 3
}

.favorite-icon-wrapper .add-fav:after,.favorite-icon-wrapper .remove-fav:after {
    speak: none;
    content: "";
    font-family: iconmps!important;
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: .3s ease
}

.favorite-icon-wrapper .add-fav:after {
    -webkit-text-stroke: 2px #ccc9;
    text-stroke: 2px #ccc9;
    color: #3333331a
}

.favorite-icon-wrapper .add-fav:hover:after {
    -webkit-text-stroke: 2px #fffc;
    text-stroke: 2px #fffc
}

.favorite-icon-wrapper .remove-fav:after {
    -webkit-text-stroke: 2px #e01a1a;
    text-stroke: 2px #e01a1a;
    color: #e01a1a
}

.app:not(.account) .quick-nav .nav .submenu .qr-item,.app:not(.account) header .nav .submenu .qr-item {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-android,.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-ios,.app:not(.account) header .nav .submenu .qr-item .qr-android,.app:not(.account) header .nav .submenu .qr-item .qr-ios {
    color: #fff;
    padding: 0 20px
}

.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-android>div,.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-ios>div,.app:not(.account) header .nav .submenu .qr-item .qr-android>div,.app:not(.account) header .nav .submenu .qr-item .qr-ios>div {
    aspect-ratio: 1/1;
    background: #fff;
    display: block;
    padding: 5px
}

.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-android>div canvas,.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-ios>div canvas,.app:not(.account) header .nav .submenu .qr-item .qr-android>div canvas,.app:not(.account) header .nav .submenu .qr-item .qr-ios>div canvas {
    display: block
}

.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-android h4,.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-ios h4,.app:not(.account) header .nav .submenu .qr-item .qr-android h4,.app:not(.account) header .nav .submenu .qr-item .qr-ios h4 {
    height: 20px;
    margin: 5px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 128px
}

.app:not(.account) .quick-nav .nav .submenu .hot-games .game-item,.app:not(.account) header .nav .submenu .hot-games .game-item {
    cursor: pointer;
    padding: 0 20px
}

.app:not(.account) .quick-nav .nav .submenu .hot-games .game-item>img,.app:not(.account) header .nav .submenu .hot-games .game-item>img {
    height: 60%;
    top: 20%
}

.app:not(.account) .quick-nav .nav .submenu .favorite-games .game-item,.app:not(.account) header .nav .submenu .favorite-games .game-item {
    cursor: pointer;
    padding: 0 20px
}

.app:not(.account) .quick-nav .nav .submenu .favorite-games .game-item>img,.app:not(.account) header .nav .submenu .favorite-games .game-item>img {
    height: 60%;
    top: 20%
}

.shortcut-img {
    height: 60px;
    width: 60px
}

.marquee-item {
    display: inline-block;
    font-size: inherit!important
}

.marquee-item h1,.marquee-item h2,.marquee-item h3,.marquee-item h4,.marquee-item h5,.marquee-item h6,.marquee-item li,.marquee-item ol,.marquee-item p,.marquee-item ul {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0
}

.marquee-item em {
    font-style: italic
}

.marquee-item strong {
    font-weight: 700
}

.provider-list-box {
    display: flex;
    flex-wrap: wrap
}

.provider-list-box img {
    display: block;
    height: 42px;
    margin-bottom: 2px;
    margin-right: 20px
}

.input-field {
    margin-bottom: 10px;
    width: 100%
}

.input-field input {
    padding: 0
}

.input-field input:focus {
    background: none
}

.input-field input::placeholder {
    color: #c7c7c7;
    font-weight: 300
}

.input-field .prefix {
    align-items: center;
    background-color: #ccc;
    color: #777;
    display: flex;
    justify-content: center;
    padding: 2px 0;
    position: absolute;
    top: 25px;
    width: 50px
}

.input-field .content {
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 54px;
    justify-content: space-around;
    padding: 0 15px
}

.input-field .content .input-block {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.input-field .content .input-block .title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.29;
    pointer-events: none;
    position: absolute;
    top: 18px;
    transition: .2s
}

.input-field .content .input-block input {
    border: none;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    top: 0;
    transition: .2s;
    width: 100%
}

.input-field .content .input-block input:focus {
    box-shadow: none;
    height: 28px;
    top: 24px
}

.input-field .content.focus .title,.input-field .content.not-empty .title,.input-field .content.placeholder .title {
    font-size: 10px;
    top: 8px
}

.input-field .content.focus input,.input-field .content.not-empty input,.input-field .content.placeholder input {
    box-shadow: none;
    font-size: 14px;
    height: 28px;
    line-height: 1.13;
    top: 24px
}

.input-field .content.disabled input {
    cursor: not-allowed!important
}

.input-field .content.has-prefix input {
    left: 55px;
    width: calc(100% - 55px)
}

.input-field .error-msg,.input-field .info-msg {
    display: flex;
    font-size: 12px;
    margin: 5px 0 10px
}

.input-field .error-msg i,.input-field .info-msg i {
    font-size: 10px;
    margin-right: 4px
}

.input-field .required .title {
    padding-left: 12px;
    position: relative
}

.input-field .required .title:before {
    bottom: 0;
    color: #e94951;
    content: "*";
    font-size: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 4px
}

.input-field .required.not-empty .title:before {
    top: 3px
}

.input-field input:-webkit-autofill {
    -webkit-text-fill-color: #545658
}

.input-field input:-webkit-autofill,.input-field input:-webkit-autofill:active,.input-field input:-webkit-autofill:focus,.input-field input:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 50px #fbfbfb!important
}

.input-field input:disabled {
    -webkit-text-fill-color: #545658;
    opacity: .7
}

.input-field .content {
    background-color: #fbfbfb;
    border: 1px solid #e9e9e9
}

.input-field .content.d-input-field-content {
    background-color: #fbfbfb;
    max-height: inherit;
    max-width: inherit;
    min-height: inherit;
    min-width: inherit
}

.input-field .content .input-block .title {
    color: #939698
}

.input-field .content .input-block input {
    background-color: #0000;
    color: #545658
}

.input-field .content .action-block {
    color: #c72828
}

.input-field .content.error {
    border: 1px solid #e94951;
    color: #e94951
}

.input-field .content.error input {
    color: #e94951
}

.input-field .content.focus {
    background-color: #fff;
    border-color: #c7282880;
    box-shadow: 0 0 0 2px #c728281a
}

.input-field .error-msg .icon-info,.input-field .info-msg .icon-info {
    font-family: iconmps;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    margin: auto 4px auto 0
}

.input-field .error-msg .icon-info:before,.input-field .info-msg .icon-info:before {
    content: ""
}

.input-field .error-msg,.input-field .error-msg small {
    color: #e94951
}

.input-field .info-msg,.input-field .info-msg small {
    color: #939698
}

.input-field .content .action-block {
    display: flex;
    justify-content: flex-end;
    width: 15%
}

.input-field .content .action-block>div {
    align-items: center;
    display: flex
}

.input-field .content .action-block>div i {
    cursor: pointer;
    font-size: 24px
}

.m-input-field {
    margin-bottom: 10px;
    width: 100%
}

.m-input-field input {
    padding: 0
}

.m-input-field input:focus {
    background: none
}

.m-input-field .content {
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    height: 54px;
    justify-content: space-around;
    padding: 0 15px
}

.m-input-field .content .input-block {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.m-input-field .content .input-block label {
    font-size: 14px;
    line-height: 1.29;
    pointer-events: none;
    position: absolute;
    top: 18px;
    transition: .2s
}

.m-input-field .content .input-block input {
    border: none;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    top: 0;
    transition: .2s;
    width: 100%
}

.m-input-field .content .input-block input:focus {
    box-shadow: none;
    height: 28px;
    top: 24px
}

.m-input-field .content .input-block .prefix {
    align-items: center;
    background-color: #ccc;
    color: #777;
    display: flex;
    justify-content: center;
    padding: 2px 0;
    position: absolute;
    top: 25px;
    width: 50px
}

.m-input-field .content .action-block {
    display: flex;
    justify-content: flex-end;
    width: 15%
}

.m-input-field .content .action-block>div {
    align-items: center;
    display: flex
}

.m-input-field .content .action-block>div i {
    cursor: pointer;
    font-size: 24px
}

.m-input-field .content.focus {
    background-color: #fff!important;
    border-color: #c7282880!important;
    box-shadow: 0 0 0 2px #c728281a!important
}

.m-input-field .content.focus label,.m-input-field .content.not-empty label,.m-input-field .content.placeholder label {
    font-size: 10px;
    top: 8px
}

.m-input-field .content.focus input,.m-input-field .content.not-empty input,.m-input-field .content.placeholder input {
    box-shadow: none;
    font-size: 14px;
    height: 28px;
    line-height: 1.13;
    top: 24px
}

.m-input-field .content.has-prefix input {
    left: 55px;
    width: calc(100% - 55px)
}

.m-input-field .content.disabled input {
    cursor: not-allowed!important
}

.m-input-field .error-msg,.m-input-field .info-msg {
    display: flex;
    font-size: 8px;
    margin: 5px 0 10px
}

.m-input-field .error-msg i,.m-input-field .info-msg i {
    font-size: 8px;
    margin-right: 4px
}

.m-input-field .required label {
    padding-left: 12px;
    position: relative
}

.m-input-field .required label:before {
    bottom: 0;
    color: #e94951;
    content: "*";
    font-size: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 4px
}

.m-input-field .required.not-empty label:before {
    top: 3px
}

.m-input-field input:-webkit-autofill {
    -webkit-text-fill-color: #545658
}

.m-input-field input:-webkit-autofill,.m-input-field input:-webkit-autofill:active,.m-input-field input:-webkit-autofill:focus,.m-input-field input:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 50px #fbfbfb!important
}

.m-input-field input:disabled {
    -webkit-text-fill-color: #545658;
    opacity: .7
}

.m-input-field .content {
    background-color: #fbfbfb;
    border: 1px solid #e9e9e9
}

.m-input-field .content .input-block label {
    color: #a0a3a5
}

.m-input-field .content .input-block input {
    background-color: #0000;
    color: #545658
}

.m-input-field .content .action-block {
    color: #c72828
}

.m-input-field .content.error {
    border: 1px solid #e94951;
    color: #e94951
}

.m-input-field .content.error input {
    color: #e94951
}

.m-input-field .content.focus {
    border: 1px solid #c72828;
    box-shadow: 0 0 10px 0 #c72828
}

.m-input-field .error-msg .icon-info,.m-input-field .info-msg .icon-info {
    font-family: iconmps;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    margin: auto 4px auto 0
}

.m-input-field .error-msg .icon-info:before,.m-input-field .info-msg .icon-info:before {
    content: ""
}

.m-input-field .error-msg {
    color: #e94951
}

.m-input-field .error-msg small {
    color: #e94951;
    font-size: 13px
}

.m-input-field .info-msg {
    color: #86898c
}

.m-input-field .info-msg small {
    color: #86898c;
    font-size: 13px
}

.member-center-mobile-field .clear-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.member-center-mobile-field .clear-icon>.mps-close {
    color: var(--platform-color-highlight);
    cursor: pointer;
    font-size: 24px
}

.read-only-mobile-field {
    position: relative
}

.read-only-mobile-field.m-input-field .react-tel-input {
    width: 100%
}

.read-only-mobile-field label {
    color: #a0a3a5;
    font-size: 10px;
    left: 45px;
    position: absolute;
    top: 8px;
    z-index: 10
}

.read-only-mobile-field .error-msg {
    color: #e94951;
    font-size: 8px;
    margin: 5px 0 10px
}

.read-only-mobile-field .error-msg small {
    color: #e94951;
    font-size: 13px
}

.member-center-mobile-field {
    width: 100%
}

.member-center-mobile-field.required label:before {
    color: #e94951;
    content: "*";
    margin-right: 5px
}

.member-center-mobile-field .formik-item {
    position: relative
}

.member-center-mobile-field .formik-item small.info-msg {
    display: none
}

.member-center-mobile-field .formik-item label {
    color: #a0a3a5;
    font-size: 10px;
    left: 45px;
    position: absolute;
    top: 5px;
    z-index: 10
}

.member-center-mobile-field .formik-item .mobile-field,.member-center-mobile-field .formik-item>:not(.formik-group) {
    width: 100%
}

.member-center-mobile-field .formik-item .mobile-field .selected-flag {
    background-color: #fff;
    height: 52px
}

.member-center-mobile-field .formik-item .mobile-field .flag-dropdown {
    left: 2px;
    top: 2px
}

.member-center-mobile-field .formik-item .mobile-field .country-list {
    height: auto!important;
    margin-top: 19px;
    max-height: 150px
}

.member-center-mobile-field .formik-item .mobile-field .country-list>div {
    max-height: inherit
}

.member-center-mobile-field .formik-item .mobile-field .form-control {
    background-color: #fbfbfb;
    border: 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #545658;
    height: 56px;
    padding-top: 15px;
    width: 100%
}

.member-center-mobile-field .formik-item .mobile-field .form-control:focus {
    border: 1px solid #c72828;
    box-shadow: 0 0 10px 0 #c72828
}

.member-center-mobile-field .formik-item .invalid-msg {
    color: #e94951;
    font-size: 10px;
    margin-bottom: 10px
}

.member-center-mobile-field .formik-item .invalid-msg:before {
    content: "";
    font-family: iconmps;
    font-size: 8px;
    margin: auto 4px auto 0
}

.member-center-mobile-field .formik-item.invalid .form-control {
    border: 1px solid #e94951
}

.member-center-mobile-field .read-only-mobile-field.readOnly {
    width: 100%
}

.member-center-mobile-field .read-only-mobile-field.readOnly .react-tel-input.readOnly .selected-flag {
    height: 52px
}

.member-center-mobile-field .read-only-mobile-field.readOnly .react-tel-input.readOnly .form-control {
    background-color: #fbfbfb;
    border: 0;
    border-radius: 5px;
    color: #545658;
    cursor: not-allowed;
    height: 54px;
    padding-top: 16px;
    width: 100%
}

.member-center-mobile-field .info-msg {
    color: #86898c;
    display: flex;
    margin-bottom: 10px
}

.member-center-mobile-field .info-msg i {
    margin-right: 4px
}

.member-center-mobile-field {
    width: 100%
}

.member-center-mobile-field .react-tel-input .country-list {
    background-color: #fbfbfb!important;
    color: #545658
}

.member-center-mobile-field .react-tel-input .country-list .country.highlight,.member-center-mobile-field .react-tel-input .country-list .country:hover {
    color: #454545
}

.member-center-mobile-field.required label:before {
    color: #e94951;
    content: "*";
    margin-right: 5px
}

.member-center-mobile-field .formik-item {
    position: relative
}

.member-center-mobile-field .formik-item small.info-msg {
    display: none
}

.member-center-mobile-field .formik-item label {
    color: #a0a3a5;
    font-size: 10px;
    left: 45px;
    position: absolute;
    top: 5px;
    width: auto;
    z-index: 10
}

.member-center-mobile-field .formik-item .mobile-field,.member-center-mobile-field .formik-item>:not(.formik-group) {
    width: 100%
}

.member-center-mobile-field .formik-item .mobile-field .selected-flag {
    background-color: #fff;
    height: 52px
}

.member-center-mobile-field .formik-item .mobile-field .flag-dropdown {
    left: 2px;
    top: 2px
}

.member-center-mobile-field .formik-item .mobile-field .country-list {
    height: auto!important;
    margin-top: 19px;
    max-height: 150px
}

.member-center-mobile-field .formik-item .mobile-field .country-list>div {
    max-height: inherit
}

.member-center-mobile-field .formik-item .mobile-field .form-control {
    background-color: #fbfbfb;
    border: 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #545658;
    height: 56px;
    padding-top: 15px;
    width: 100%
}

.member-center-mobile-field .formik-item .mobile-field .form-control:focus {
    border: 1px solid #c72828;
    box-shadow: 0 0 10px 0 #c72828
}

.member-center-mobile-field .formik-item .invalid-msg {
    color: #e94951;
    font-size: 13px;
    margin: 5px 0 10px
}

.member-center-mobile-field .formik-item .invalid-msg:before {
    content: "";
    font-family: iconmps;
    font-size: 8px;
    margin: auto 4px auto 0
}

.member-center-mobile-field .formik-item.invalid .form-control {
    border: 1px solid #e94951
}

.member-center-mobile-field .read-only-mobile-field.readOnly {
    width: 100%
}

.member-center-mobile-field .read-only-mobile-field.readOnly .react-tel-input.readOnly .selected-flag {
    height: 52px
}

.member-center-mobile-field .read-only-mobile-field.readOnly .react-tel-input.readOnly .form-control {
    background-color: #fbfbfb;
    border: 0;
    border-radius: 5px;
    color: #545658;
    height: 54px!important;
    padding-top: 16px;
    width: 100%
}

.member-center-mobile-field .info-msg {
    color: #86898c;
    display: flex;
    font-size: 8px;
    margin: 5px 0 10px
}

.member-center-mobile-field .info-msg i {
    font-family: iconmps;
    font-size: 8px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    margin: auto 4px auto 0
}

.member-center-mobile-field .info-msg i:before {
    content: ""
}

.member-center-mobile-field .info-msg small {
    font-size: 13px
}

#thrid-party-login-System-mobile-wrapper.mobile {
    margin-bottom: 10px
}

#thrid-party-login-System-mobile-wrapper.mobile .verify-input label {
    top: 18px
}

#thrid-party-login-System-mobile-wrapper.mobile .focus .verify-input label {
    top: 8px
}

#thrid-party-login-System-mobile-wrapper.mobile .invalid-msg {
    margin: 0
}

#thrid-party-login-System-mobile-wrapper .mobile-input {
    margin-bottom: 20px
}

#thrid-party-login-System-mobile-wrapper .mobile-input .formik-item {
    width: 100%
}

#thrid-party-login-System-mobile-wrapper .mobile-input label {
    left: 45px;
    top: 8px;
    width: auto
}

#thrid-party-login-System-mobile-wrapper .verify-input {
    align-items: center;
    display: flex
}

#thrid-party-login-System-mobile-wrapper .verify-input .input-field {
    margin: 0
}

#thrid-party-login-System-mobile-wrapper .verify-input input,#thrid-party-login-System-mobile-wrapper .verify-input label {
    left: 0
}

#thrid-party-login-System-mobile-wrapper .verify-input label {
    top: 0
}

#thrid-party-login-System-mobile-wrapper .verify-input .send-code-btn {
    font-size: 16px;
    height: 45px;
    margin: 0 0 0 10px;
    padding: 0 5px;
    width: 120px
}

#thrid-party-login-System-mobile-wrapper .invalid-msg {
    text-align: left
}

.fast-bind-modal.hover-container {
    text-align: center
}

.fast-bind-modal.hover-container .title {
    font-size: 22px;
    font-weight: 500;
    margin-top: 15px
}

.fast-bind-modal.hover-container .container {
    min-height: 400px;
    overflow: visible;
    width: 620px
}

.fast-bind-modal.hover-container .container .modal-close-btn {
    background-color: #c72828;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
    padding: 2px 4px;
    position: absolute;
    right: -13px;
    top: -13px;
    z-index: 1
}

.fast-bind-modal.hover-container .modal-content-wrapper {
    max-height: 80vh;
    overflow: auto;
    padding: 0 30px 30px
}

.fast-bind-modal.hover-container .modal-content-wrapper .nrc-tabs-nav .nrc-tabs-tab {
    padding: 5px;
    width: 50%
}

.fast-bind-modal.hover-container .modal-content-wrapper .nrc-tabs-nav.only-one-tab .nrc-tabs-tab {
    width: 100%
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper {
    margin-top: 10px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .user-photo {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .user-photo .user-third-party-photo {
    display: inline-block;
    height: 50px;
    margin: 10px 0 5px;
    width: 50px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .user-photo .user-third-party-photo img {
    width: 100%
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .user-photo .user-name {
    margin-bottom: 10px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper {
    background-color: #00000026;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 20px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .tips {
    font-size: 12px;
    margin-bottom: 10px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .tips>div:first-child {
    margin-bottom: 5px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input {
    display: flex
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .content .input-block>input,.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .content .input-block>label {
    left: 0
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .content .input-block>label {
    margin-top: 1px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .content.has-prefix .input-block>input {
    left: 55px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .copy-text {
    align-items: center;
    display: flex
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .user-input .copy-text i {
    color: #c72828;
    font-size: 1.6rem
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .download-action {
    display: flex
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .download-action>button {
    background: #0000;
    border: 1px solid #c72828;
    border-radius: 5px;
    color: #c72828;
    flex: 1;
    font-size: 13px;
    height: 35px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .download-action>button:first-child {
    margin-right: 10px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .account-wrapper .download-action .mps-update {
    color: #c72828;
    font-size: 1.2rem;
    line-height: 35px;
    margin: 0 3px 0 10px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .submit-action {
    display: flex
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .submit-action>button {
    border-radius: 5px;
    flex: 1;
    margin: 15px 0
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .submit-action>button:last-child {
    margin-left: 10px
}

.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper .error-msg .icon-info:before {
    font-family: iconmps
}

.remeber-login-wrapper {
    line-height: normal
}

.remeber-login-wrapper .center {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.remeber-login-wrapper .remeber-login {
    margin-top: 5px;
    padding-bottom: 20px
}

.remeber-login-wrapper .remeber-login-tip {
    color: #e34e3a;
    font-size: 11px;
    left: 5%;
    margin-top: -20px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    width: 90%
}

.slider-captcha-wrapper {
    height: 250px;
    margin: auto;
    width: 300px
}

.slider-captcha-wrapper .captcha-loading {
    background-color: #fff;
    height: 200px;
    line-height: 200px;
    position: absolute;
    text-align: center;
    width: 300px;
    z-index: 10
}

.slider-captcha-wrapper .content {
    height: 200px;
    position: relative;
    width: 100%
}

.slider-captcha-wrapper .content .slice {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 50px;
    left: var(--slice-left-offset);
    position: absolute;
    top: var(--slice-top-offset);
    transition: transform .1s ease-in-out;
    width: 50px
}

.slider-captcha-wrapper .content .slice:after {
    align-items: center;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    display: flex;
    height: 30px;
    justify-content: center;
    left: 4px;
    opacity: .3;
    position: absolute;
    top: 4px;
    width: 30px
}

.slider-captcha-wrapper .content .slice.isDragging {
    transform: scale(1.1)
}

.slider-captcha-wrapper .slider {
    height: 50px;
    position: relative;
    width: 100%
}

.slider-captcha-wrapper .slider .track {
    background-color: #e1e1e1;
    border-radius: 10px;
    height: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.slider-captcha-wrapper .slider .track .slider-drag-btn {
    background-color: var(--platform-color-highlight);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    left: var(--slice-left-offset);
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 50px
}

.slider-captcha-wrapper .slider .track .slider-drag-btn .mps-arrow-right {
    font-weight: 700
}

.slider-captcha-wrapper .slider .verify-suc {
    background-color: #f3fdec;
    border: 2px solid #39c522;
    color: #39c522;
    height: 100%;
    line-height: 50px;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    width: 100%;
    z-index: -1
}

.slider-captcha-wrapper .slider .verify-suc.isSuccess {
    opacity: 1;
    z-index: 10
}

.slider-captcha-wrapper .slider.beforeSuc .verify-suc {
    opacity: 1;
    z-index: 99
}

.slider-captcha-wrapper .captcha-refresh-btn {
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 25px
}

.slider-captcha-wrapper .captcha-refresh-btn.isRefresh {
    cursor: not-allowed;
    opacity: .3
}

.slider-captcha-modal .portal-modal {
    width: auto
}

.slider-captcha-modal .portal-modal .modal-title {
    font-size: 16px
}

.slider-captcha-modal.isFailedEffect .portal-modal {
    animation: failed_shake .2s linear 2 both
}

@keyframes failed_shake {
    25% {
        margin-left: -6px
    }

    75% {
        margin-left: 6px
    }

    to {
        margin-left: 0
    }
}

.fast-login-wrapper .fast-login-container {
    align-items: center;
    display: flex;
    justify-content: center
}

.fast-login-wrapper .fast-login-container>span {
    margin: 0 5px;
    min-width: 70px;
    text-align: center
}

.fast-login-wrapper .fast-login-container:after,.fast-login-wrapper .fast-login-container:before {
    background-color: #ccc;
    content: "";
    display: inline-block;
    flex: 1;
    height: 1px
}

.fast-login-wrapper .icons {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px 0;
    min-height: 35px
}

.fast-login-wrapper .icons .icon {
    margin: 0 5px;
    width: 32px
}

.arrow-position-div {
    left: 24px;
    position: absolute;
    top: -24px;
    z-index: 10
}

.arrow-container {
    background-color: var(--platform-color-highlight);
    border-radius: 50%;
    height: 30px;
    justify-content: center;
    width: 30px
}

.arrow-container,.arrow-container .arrow-wrapper {
    align-items: center;
    display: flex;
    position: relative
}

.arrow-container .arrow-wrapper {
    flex-direction: column
}

.arrow-container .arrow {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    height: 10px;
    margin: -1px;
    opacity: 0;
    width: 10px
}

.arrow-container .down .arrow {
    animation: arrow-down 1.4s infinite;
    transform: rotate(-45deg)
}

.arrow-container .down .arrow2 {
    animation-delay: .2s
}

@keyframes arrow-down {
    0% {
        opacity: 0;
        transform: translateY(-6px) rotate(-45deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(1px) rotate(-45deg)
    }
}

.arrow-container .up .arrow {
    animation: arrow-up 1.4s infinite;
    transform: rotate(135deg)
}

.arrow-container .up .arrow2 {
    animation-delay: .2s
}

@keyframes arrow-up {
    0% {
        opacity: 0;
        transform: translateY(4px) rotate(135deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(-2x) rotate(135deg)
    }
}

.floating-game-el {
    box-sizing: border-box;
    cursor: pointer;
    height: 80px;
    position: fixed;
    width: 80px;
    z-index: 505
}

.floating-game-el .btn-close {
    align-items: center;
    background-color: #0000008c;
    border-radius: 50%;
    color: #ccc;
    display: flex;
    font-size: 21px;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: -16px;
    width: 24px;
    z-index: 3
}

.floating-game-el .game-el-wrapper .game-el-expand-container {
    bottom: -120px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: bottom 1s,opacity .5s
}

.floating-game-el .game-el-wrapper .game-el-expand-container>div>img {
    animation: thumb-ani 1s linear infinite
}

.floating-game-el .game-el-wrapper .game-el-swiper-container .swiper {
    transform: scale(1.1)
}

.floating-game-el .game-el-wrapper .game-el-swiper-container .swiper .swiper-slide img {
    animation: thumb-ani 1s linear infinite;
    transform: scale(.9)
}

@keyframes thumb-ani {
    0% {
        filter: drop-shadow(0 0 0 rgb(226.7154811715,114.2845188285,114.2845188285))
    }

    60% {
        filter: drop-shadow(0 0 3px rgb(243.7866108787,199.2133891213,199.2133891213)) brightness(1.2)
    }

    to {
        filter: drop-shadow(0 0 0 rgb(226.7154811715,114.2845188285,114.2845188285))
    }
}

.floating-game-el .game-el-wrapper.expanded {
    position: relative
}

.floating-game-el .game-el-wrapper.expanded .game-el-expand-container {
    align-items: center;
    bottom: -80px;
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 800px;
    opacity: 1;
    overflow: visible
}

.floating-game-el .game-el-wrapper.expanded .game-el-expand-container img {
    min-height: 80px;
    padding: 2% 0
}

.floating-game-el .game-el-wrapper.expanded .game-el-swiper-container {
    height: 0;
    overflow: hidden
}

.floating-game-el .game-el-wrapper.expanded .game-el-swiper-container .arrow-position-div,.floating-game-el .game-el-wrapper.expanded .game-el-swiper-container .btn-close {
    display: none
}

.floating-game-el .game-el-wrapper img {
    height: auto;
    width: 100%
}

.ad-floating-game-modal.modal-container {
    z-index: 900
}

.ad-floating-game-modal.modal-container .modal-backdrop {
    background: #000c
}

.ad-floating-game-modal.modal-container .portal-modal {
    background: #f5f5f5;
    border-radius: 50px;
    box-shadow: inset 0 0 0 4px #eb9d9d,inset 0 0 12px #480e0e,inset 0 0 0 18px #c72828,inset 0 0 0 20px #fff,0 2px 15px #00000080;
    overflow: initial
}

.ad-floating-game-modal.modal-container .portal-modal .modal-close-btn {
    align-items: center;
    background: #fff;
    box-shadow: inset 0 0 0 1px #fff,inset 0 -2px 10px #999,0 2px 10px #0000004d;
    color: #333;
    display: flex;
    height: 40px;
    justify-content: center;
    right: -2px;
    top: -2px;
    width: 40px
}

.ad-floating-game-modal.modal-container .portal-modal .modal-close-btn>span {
    font-size: 32px;
    line-height: 1
}

.ad-floating-game-modal.modal-container .portal-modal .modal-title {
    animation: stit-ani 1.5s linear infinite;
    background-color: #0000;
    border-radius: 2px 2px 18px 18px;
    box-shadow: inset 0 3px 15px #f0b2b2,inset 0 0 0 2px #9d1f1f,0 2px 8px #0000004d;
    color: #fff;
    font-size: 21px;
    height: 55px;
    line-height: 55px;
    margin: -3px auto 0;
    padding: 0;
    position: relative;
    text-shadow: 0 1px 2px #9d1f1f;
    width: 80%
}

.ad-floating-game-modal.modal-container .portal-modal .modal-content {
    padding: 20px 20px 35px;
    position: relative
}

.ad-floating-game-modal.modal-container .portal-modal .ad-floating-game-section {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-evenly;
    margin: auto;
    width: 95%
}

.ad-floating-game-modal.modal-container .portal-modal .ad-floating-game-section .game-section-arrow {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    transition: .3s ease;
    width: 40px
}

.ad-floating-game-modal.modal-container .portal-modal .ad-floating-game-section .mps-arrow-right {
    right: -50px
}

.ad-floating-game-modal.modal-container .portal-modal .ad-floating-game-section .mps-arrow-right:hover {
    transform: translateX(3px)
}

.ad-floating-game-modal.modal-container .portal-modal .ad-floating-game-section .mps-arrow-left {
    left: -50px
}

.ad-floating-game-modal.modal-container .portal-modal .ad-floating-game-section .mps-arrow-left:hover {
    transform: translateX(-3px)
}

.ad-floating-game-modal.modal-container .portal-modal .ad-floating-game-section .ad-floating-game-item {
    align-items: center;
    animation: fade-in-animation 1.5s forwards;
    aspect-ratio: 1/1;
    background: #9993;
    border-radius: 8px;
    display: flex;
    flex: 0 0 30%;
    justify-content: center;
    opacity: 0;
    overflow: hidden
}

.ad-floating-game-modal.modal-container .portal-modal .ad-floating-game-section .ad-floating-game-item img {
    cursor: pointer;
    max-height: 100%;
    max-width: 100%
}

@keyframes fade-in-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ad-floating-game-modal.modal-container .portal-modal:before {
    animation: shine-ani 1.5s linear infinite;
    background: #0000;
    border-radius: 50px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes stit-ani {
    0% {
        background: #d63333e6
    }

    60% {
        background: #de5d5d
    }

    to {
        background: #d63333e6
    }
}

@keyframes shine-ani {
    0% {
        box-shadow: 0 0 0 #f0b2b2
    }

    60% {
        box-shadow: 0 0 15px #f0b2b2
    }

    to {
        box-shadow: 0 0 0 #f0b2b2
    }
}

.ad-floating-game-modal.modal-container.mobile .modal-close-btn {
    bottom: -50px;
    left: calc(50% - 20px);
    right: auto;
    top: auto
}

.ad-floating-game-modal.modal-container.mobile .portal-modal {
    box-shadow: inset 0 0 0 3px #eb9d9d,inset 0 0 10px #480e0e,inset 0 0 0 13px #c72828,inset 0 0 0 15px #fff,0 2px 15px #00000080;
    min-height: 200px
}

.ad-floating-game-modal.modal-container.mobile .portal-modal .modal-title {
    font-size: 19px;
    height: 45px;
    line-height: 45px
}

.ad-floating-game-modal.modal-container.mobile .portal-modal .mps-arrow-right {
    right: -20px
}

.ad-floating-game-modal.modal-container.mobile .portal-modal .mps-arrow-left {
    left: -20px
}

.broken-link-page {
    word-wrap: break-word;
    align-items: center;
    color: #202124;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    justify-content: center;
    min-height: 80vh;
    padding: 20px
}

.broken-link-page i {
    font-size: 54px;
    margin-bottom: 10px
}

.cs-widget-container {
    position: fixed;
    z-index: 502
}

.demo-game-page {
    align-content: center;
    align-items: center;
    background-color: #202020;
    color: #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    min-width: 100vw
}

.demo-game-page .demo-game-header {
    align-items: center;
    display: flex;
    font-size: 21px;
    margin-bottom: 20px;
    max-width: 1280px;
    position: relative;
    width: 90vw
}

.demo-game-page iframe {
    box-shadow: 0 5px 25px #000;
    height: calc(100vh - 170px);
    max-height: 720px;
    max-width: 1280px;
    width: 90vw
}

.demo-game-page .demo-close,.demo-game-page .demo-fullscreen {
    cursor: pointer;
    font-size: 35px;
    position: absolute;
    right: 0;
    transition: .3s ease
}

.demo-game-page .demo-close:hover,.demo-game-page .demo-fullscreen:hover {
    transform: scale(1.1)
}

.demo-game-page .demo-fullscreen {
    right: 45px
}

.desktop-player-info-wrapper {
    align-items: center;
    background-color: #000000b3;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
}

.desktop-player-info-wrapper .header {
    align-items: center;
    background-color: #e1e1e1;
    border-radius: 5px 5px 0 0;
    display: flex;
    height: 51px;
    justify-content: center;
    max-width: 500px;
    position: relative;
    width: 100%
}

.desktop-player-info-wrapper .header .close {
    background-color: #c72828;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 #00000080;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%,-50%);
    width: 36px
}

.desktop-player-info-wrapper .header .close:before {
    color: #fff;
    content: "";
    font-family: iconmps!important;
    font-size: 20px;
    position: absolute;
    right: calc(50% - 10px);
    top: calc(50% - 10px)
}

.desktop-player-info-wrapper .header h2 {
    color: #545658;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600
}

.desktop-player-info-wrapper .fill-content {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 10px 0 #0f0214b3;
    box-sizing: border-box;
    max-height: 620px;
    max-width: 500px;
    overflow-y: auto;
    padding: 32px 24px;
    width: 100%
}

.desktop-player-info-wrapper .fill-content h4 {
    color: #939698;
    font-size: 16px;
    padding-bottom: 24px;
    text-align: center
}

.desktop-player-info-wrapper .fill-content .btn-group {
    display: flex;
    justify-content: space-between
}

.desktop-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn {
    border-radius: 5px;
    color: #fff;
    padding: 10px 0;
    width: 48.842%
}

.desktop-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn:first-child {
    background: #ccc
}

.desktop-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn:last-child {
    background: #c72828;
    margin: auto
}

.mobile-player-info-wrapper {
    overflow-x: hidden
}

.mobile-player-info-wrapper .header {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 64px;
    justify-content: center;
    position: relative
}

.mobile-player-info-wrapper .header .close {
    background-color: #0000;
    height: 32px;
    position: absolute;
    right: 0;
    top: calc(50% - 16px);
    width: 32px
}

.mobile-player-info-wrapper .header .close:before {
    color: #c72828;
    content: "";
    font-family: iconmps!important;
    font-size: 32px;
    position: absolute;
    right: calc(50% - 16px);
    top: calc(50% - 16px)
}

.mobile-player-info-wrapper .header h2 {
    color: #545658;
    font-size: 16px
}

.mobile-player-info-wrapper .fill-content {
    background-color: #f9f9f9;
    min-height: calc(100vh - 64px);
    padding: 4%
}

.mobile-player-info-wrapper .fill-content h4 {
    color: #939698;
    font-size: 12px;
    padding-bottom: 4%;
    text-align: center
}

.mobile-player-info-wrapper .fill-content .btn-group {
    display: flex;
    justify-content: space-between;
    margin-top: 23.768%
}

.mobile-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn {
    border-radius: 5px;
    color: #fff;
    font-family: NotoSans;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
    width: 48.695%
}

.mobile-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn:first-child {
    background: #ccc
}

.mobile-player-info-wrapper .fill-content .btn-group button.fill-player-info-btn:last-child {
    background: #c72828;
    margin: auto
}

.mobile-player-info-wrapper .fill-content .formik-label,.mobile-player-info-wrapper .fill-content .input-block label {
    color: #545658;
    font-family: NotoSans;
    font-size: 14px
}

.mobile-player-info-wrapper.pop-up-modal {
    align-items: center;
    background-color: #000000b3;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.mobile-player-info-wrapper.pop-up-modal .header {
    width: 100%
}

.mobile-player-info-wrapper.pop-up-modal h2 {
    font-stretch: normal;
    font-style: normal;
    font-weight: 600
}

.mobile-player-info-wrapper.pop-up-modal .fill-content {
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%
}

.fill-content .formik-uploadfield,.fill-content .input-field>.content {
    background-color: #fbfbfb
}

.fill-content .input-date-field .formik-input {
    background-color: #fbfbfb;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    color: #939698;
    width: 100%
}

.fill-content .formik-label,.fill-content .input-block .title {
    color: #545658
}

.fill-content .info-msg {
    margin: 5px 0 10px
}

.fill-content .info-msg,.fill-content .info-msg small {
    color: #939698;
    font-family: PingFangTC;
    font-size: 10px
}

.fill-content .error-msg,.fill-content .invalid-msg {
    color: #e94951;
    font-size: 10px;
    margin: 5px 0 10px
}

.fill-content .member-center-mobile-field {
    margin-bottom: 10px
}

.fill-content .member-center-mobile-field .formik-label {
    width: auto
}

.fill-content .member-center-mobile-field .formik-item .mobile-field input.form-control {
    background-color: #fbfbfb;
    border: 1px solid #e9e9e9;
    box-shadow: none
}

.fill-content .username {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.loading-wrapper {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center
}

.ad-WebpageShare iframe {
    border: none;
    height: 100vh;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 100vw
}

.ad-WebpageShare .ad-image {
    background-color: #fff;
    background-size: contain;
    cursor: pointer;
    height: 300px;
    position: relative;
    width: 400px
}

.ad-WebpageShare .mps-close {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 #0000004f;
    color: #777;
    cursor: pointer;
    font-size: 34px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: -20px;
    text-align: center;
    top: -20px;
    width: 40px
}

.not-found {
    background-image: linear-gradient(0deg,#182848,#2980b9);
    display: flex;
    min-height: 500px;
    padding: 60px 0;
    width: 100%
}

.not-found .not-found-content {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 850px;
    width: 100%
}

.not-found .not-found-content .left .error-fish {
    animation: swing 2.5s ease-in-out infinite;
    position: relative;
    transform-origin: 57.596% 100%;
    width: 300px;
    z-index: 2
}

@keyframes swing {
    0% {
        transform: rotate(13deg)
    }

    50% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(13deg)
    }
}

.not-found .not-found-content .right {
    padding-left: 60px;
    text-align: center
}

.not-found .not-found-content .right .not-found-title {
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 30px
}

.not-found .not-found-content .right .not-found-desc {
    font-size: 16px;
    line-height: 1.6
}

.not-found .bubble {
    animation: bubble 15s ease-in-out infinite,sideWays 4s ease-in-out infinite alternate;
    background-color: #fff;
    border-radius: 100%;
    bottom: -30px;
    height: 20px;
    opacity: .2;
    position: absolute;
    width: 20px
}

.not-found .bubble--1 {
    animation-delay: .5s;
    animation-duration: 16s;
    left: 10%;
    opacity: .2
}

.not-found .bubble--2 {
    animation-delay: 1s;
    animation-duration: 10s;
    height: 5px;
    left: 40%;
    opacity: .1;
    width: 5px
}

.not-found .bubble--3 {
    animation-delay: 5s;
    animation-duration: 20s;
    height: 2px;
    left: 30%;
    opacity: .3;
    width: 2px
}

.not-found .bubble--4 {
    animation-delay: 8s;
    animation-duration: 17s;
    height: 15px;
    left: 40%;
    opacity: .2;
    width: 15px
}

.not-found .bubble--5 {
    animation-delay: 10s;
    animation-duration: 15s;
    height: 20px;
    left: 60%;
    opacity: .1;
    width: 20px
}

.not-found .bubble--6 {
    animation-delay: 3s;
    animation-duration: 30s;
    height: 3px;
    left: 80%;
    opacity: .4;
    width: 3px
}

.not-found .bubble--7 {
    animation-delay: -7s;
    animation-duration: 25s;
    height: 5px;
    left: 90%;
    opacity: .3;
    width: 5px
}

.not-found .bubble--9 {
    animation-delay: -5s;
    animation-duration: 19s;
    bottom: 30px;
    height: 10px;
    left: 50%;
    opacity: .2;
    width: 10px
}

.not-found .bubble--10 {
    animation-delay: -21s;
    animation-duration: 16s;
    bottom: 30px;
    height: 30px;
    left: 30%;
    opacity: .3;
    width: 30px
}

.not-found .bubble--11 {
    animation-delay: -13.75s;
    animation-duration: 20s;
    bottom: 30px;
    height: 20px;
    left: 60%;
    opacity: .3;
    width: 20px
}

.not-found .bubble--12 {
    animation-delay: -10.5s;
    animation-duration: 19s;
    bottom: 30px;
    height: 15px;
    left: 90%;
    opacity: .3;
    width: 15px
}

@keyframes bubble {
    0% {
        opacity: .06;
        transform: translateY(0)
    }

    to {
        transform: translateY(-120vh)
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }

    to {
        margin-left: 200px
    }
}

.new-marquee {
    overflow: hidden;
    width: 100%
}

.new-marquee-content {
    display: inline-block;
    white-space: nowrap
}

.new-marquee-item {
    align-items: center;
    display: inline-flex
}

.message-slider-up {
    flex: 1;
    overflow: hidden;
    width: 100%
}

.message-slider-up-content {
    transition: opacity .3s ease-in,margin .3s ease-out
}

.sk-fading-circle {
    margin: auto;
    position: relative
}

.sk-fading-circle .sk-circle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sk-fading-circle .sk-circle:before {
    animation: sk-circleFadeDelay 1.2s ease-in-out infinite both;
    background-color: #999;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15%;
    margin: 0 auto;
    width: 15%
}

.sk-fading-circle .sk-circle2 {
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    animation-delay: -.1s
}

@keyframes sk-circleFadeDelay {
    0%,39%,to {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.betrace-ranking-detail-container {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 103
}

.betrace-ranking-detail-overlay {
    background-color: #000000b3;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.betrace-ranking-detail {
    background-color: #261f26;
    border-radius: 10px;
    box-shadow: 0 5px 18px 2px #14141466;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 311px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 525px;
    z-index: 1
}

.betrace-ranking-detail .no-data {
    align-items: center;
    background-color: #000c;
    display: flex;
    flex-direction: column;
    height: calc(100% - 45px);
    justify-content: center;
    left: 0;
    position: absolute;
    top: 45px;
    width: 100%;
    z-index: 1
}

.betrace-ranking-detail .no-data i {
    font-size: 60px;
    margin-bottom: 10px
}

.betrace-ranking-detail .br-close {
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 5px 18px 2px #14141480;
    color: #14141480;
    cursor: pointer;
    display: flex;
    font-size: 28px;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 32px
}

.betrace-ranking-detail .br-header {
    align-items: center;
    background-color: #bd1010;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    font-size: 19px;
    height: 45px
}

.betrace-ranking-detail .br-header .br-header-icon {
    color: #febf4e;
    margin: 0 5px 0 20px
}

.betrace-ranking-detail .br-marquee {
    align-items: center;
    background-color: #e29212;
    color: #fff;
    display: flex;
    height: 30px;
    position: relative
}

.betrace-ranking-detail .br-marquee .mps-thai-clock {
    margin-right: 5px
}

.betrace-ranking-detail .br-content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: center
}

.betrace-ranking-detail .br-left-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding: 0 20px;
    width: 215px
}

.betrace-ranking-detail .br-left-item {
    display: flex;
    flex-direction: column;
    height: 78px;
    justify-content: center
}

.betrace-ranking-detail .br-left-item>div {
    align-items: center;
    display: flex
}

.betrace-ranking-detail .br-left-item .player-id {
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase
}

.betrace-ranking-detail .br-left-item .mps-coin-fill {
    color: #febf4e;
    font-size: 22px;
    margin-top: 5px
}

.betrace-ranking-detail .br-left-item .money {
    color: #ffcd57;
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px
}

.betrace-ranking-detail .rank {
    border-radius: 10px;
    color: #fff;
    font-family: Avenir;
    font-size: 12px;
    font-weight: 900;
    margin-right: 5px;
    padding: 5px 8px 5px 7px
}

.betrace-ranking-detail .top-1 {
    background-color: #fda200;
    box-shadow: 0 1px 2.4px .6px #141414bf,inset 0 -1px 4.5px .5px #fff8e6e8
}

.betrace-ranking-detail .top-2 {
    background-color: #939dba;
    box-shadow: 0 1px 2.4px .6px #141414bf,inset 0 -1px 4.5px .5px #d6d6d6e8
}

.betrace-ranking-detail .top-3 {
    background-color: #aa6538;
    box-shadow: 0 1px 2.4px .6px #141414bf,inset 0 -1px 4.5px .5px #f5b474e8
}

.betrace-ranking-detail .br-right-box {
    align-self: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden
}

.betrace-ranking-detail .br-right-box>div {
    align-items: center;
    background-image: linear-gradient(0deg,#201e20,#2b292c);
    box-shadow: inset 0 -1px 0 0 #37363c;
    display: flex;
    flex-direction: row;
    height: 47px;
    padding: 0 10px
}

.betrace-ranking-detail .br-right-box .right-item-rank {
    color: #febf4e;
    font-size: 13px;
    margin-right: 5px
}

.betrace-ranking-detail .br-right-box .player-id {
    font-size: 15px;
    text-transform: uppercase
}

.betrace-ranking-detail .br-right-box .money-box {
    background-color: #000;
    border-radius: 12px;
    box-shadow: inset 0 -1px 1.9px .1px #000000f5;
    display: flex;
    margin-left: 10px;
    padding: 3px 27px 1px 3px
}

.betrace-ranking-detail .br-right-box .mps-coin-fill {
    color: #febf4e;
    font-size: 18px
}

.betrace-ranking-detail .br-right-box .money {
    color: #ffcd57;
    font-size: 15px;
    font-weight: 500
}

.deposit-ranking-detail-container {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 103
}

.deposit-ranking-detail-overlay {
    background-color: #000000b3;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.deposit-ranking-detail {
    background-color: #261f26;
    border-radius: 10px;
    box-shadow: 0 5px 18px 2px #14141466;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 311px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 525px;
    z-index: 1
}

.deposit-ranking-detail .no-data {
    align-items: center;
    background-color: #000c;
    display: flex;
    flex-direction: column;
    height: calc(100% - 45px);
    justify-content: center;
    left: 0;
    position: absolute;
    top: 45px;
    width: 100%;
    z-index: 1
}

.deposit-ranking-detail .no-data i {
    font-size: 60px;
    margin-bottom: 10px
}

.deposit-ranking-detail .dr-close {
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 5px 18px 2px #14141480;
    color: #14141480;
    cursor: pointer;
    display: flex;
    font-size: 28px;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 32px
}

.deposit-ranking-detail .dr-header {
    align-items: center;
    background-color: #bd1010;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    font-size: 19px;
    height: 45px
}

.deposit-ranking-detail .dr-header .mps-sports {
    color: #febf4e;
    margin: 0 5px 0 20px
}

.deposit-ranking-detail .dr-marquee {
    align-items: center;
    background-color: #e29212;
    color: #fff;
    display: flex;
    height: 30px;
    position: relative
}

.deposit-ranking-detail .dr-marquee .mps-thai-clock {
    margin-right: 5px
}

.deposit-ranking-detail .dr-content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: center
}

.deposit-ranking-detail .dr-left-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding: 0 20px;
    width: 215px
}

.deposit-ranking-detail .dr-left-item {
    display: flex;
    flex-direction: column;
    height: 78px;
    justify-content: center
}

.deposit-ranking-detail .dr-left-item>div {
    align-items: center;
    display: flex
}

.deposit-ranking-detail .dr-left-item .player-id {
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase
}

.deposit-ranking-detail .dr-left-item .mps-coin-fill {
    color: #febf4e;
    font-size: 22px;
    margin-top: 5px
}

.deposit-ranking-detail .dr-left-item .money {
    color: #ffcd57;
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px
}

.deposit-ranking-detail .rank {
    border-radius: 10px;
    color: #fff;
    font-family: Avenir;
    font-size: 12px;
    font-weight: 900;
    margin-right: 5px;
    padding: 5px 8px 5px 7px
}

.deposit-ranking-detail .top-1 {
    background-color: #fda200;
    box-shadow: 0 1px 2.4px .6px #141414bf,inset 0 -1px 4.5px .5px #fff8e6e8
}

.deposit-ranking-detail .top-2 {
    background-color: #939dba;
    box-shadow: 0 1px 2.4px .6px #141414bf,inset 0 -1px 4.5px .5px #d6d6d6e8
}

.deposit-ranking-detail .top-3 {
    background-color: #aa6538;
    box-shadow: 0 1px 2.4px .6px #141414bf,inset 0 -1px 4.5px .5px #f5b474e8
}

.deposit-ranking-detail .dr-right-box {
    align-self: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden
}

.deposit-ranking-detail .dr-right-box>div {
    align-items: center;
    background-image: linear-gradient(0deg,#201e20,#2b292c);
    box-shadow: inset 0 -1px 0 0 #37363c;
    display: flex;
    flex-direction: row;
    height: 47px;
    padding: 0 10px
}

.deposit-ranking-detail .dr-right-box .right-item-rank {
    color: #febf4e;
    font-size: 13px;
    margin-right: 5px
}

.deposit-ranking-detail .dr-right-box .player-id {
    font-size: 15px;
    text-transform: uppercase
}

.deposit-ranking-detail .dr-right-box .money-box {
    background-color: #000;
    border-radius: 12px;
    box-shadow: inset 0 -1px 1.9px .1px #000000f5;
    display: flex;
    margin-left: 10px;
    padding: 3px 27px 1px 3px
}

.deposit-ranking-detail .dr-right-box .mps-coin-fill {
    color: #febf4e;
    font-size: 18px
}

.deposit-ranking-detail .dr-right-box .money {
    color: #ffcd57;
    font-size: 15px;
    font-weight: 500
}

.event-qmenu {
    animation: aqm 1.8s ease infinite;
    bottom: 10px;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.8));
    left: 0;
    max-height: 90vh;
    min-height: auto!important;
    position: fixed;
    transition: .3s ease;
    width: 110px;
    z-index: 21
}

.event-qmenu>* {
    box-sizing: border-box
}

@keyframes aqm {
    0% {
        filter: drop-shadow(0 2px 8px rgba(0,0,0,.8))
    }

    55% {
        filter: drop-shadow(0 2px 6px rgb(222.4476987448,93.0523012552,93.0523012552))
    }

    70% {
        filter: drop-shadow(0 2px 6px rgb(226.7154811715,114.2845188285,114.2845188285))
    }

    to {
        filter: drop-shadow(0 2px 8px rgba(0,0,0,.8))
    }
}

.event-qmenu.menu-close {
    transform: translateX(-83px)
}

.event-qmenu.menu-close .handle:after {
    left: -13px;
    text-shadow: 0 1px 3px #9d1f1f;
    transform: translateY(-50%) rotate(0deg)
}

.event-qmenu .handle {
    bottom: 5px;
    cursor: pointer;
    position: absolute;
    right: 2px;
    width: 30px
}

.event-qmenu .handle:after {
    speak: none;
    color: #fff;
    content: "";
    font-family: iconmps!important;
    font-size: 55px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 8px;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px 3px #9d1f1f;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 30px
}

.event-qmenu .handle path {
    fill: #c72828
}

.event-qmenu .cont {
    align-items: center;
    background-color: #000c;
    border: 3px solid #c72828;
    border-bottom-right-radius: 15px;
    border-left: 0;
    border-top-right-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    max-height: 90vh;
    min-height: 103px;
    overflow: auto;
    padding: 10px;
    position: relative;
    width: 80px
}

.event-qmenu .cont .event-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: center;
    margin: 5px 0;
    position: relative;
    transition: .3s ease;
    width: 60px
}

.event-qmenu .cont .event-item:hover {
    transform: scale(1.2)
}

.event-qmenu .cont .event-item.msg-notification {
    position: relative
}

.event-qmenu .cont .event-item.msg-notification:after {
    animation: anidot 2s linear infinite both;
    background-color: #e94951;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ffffffe6;
    content: "";
    display: block;
    height: 6px;
    height: 10px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 6px;
    width: 10px;
    z-index: 1
}

.event-qmenu .cont .event-item img {
    display: block;
    max-height: 100%;
    max-width: 100%
}

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

.via-iframe-page-wrapper {
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.via-iframe-page-wrapper.desktop {
    width: 100vw
}

.via-iframe-page-wrapper.mobile {
    max-width: 640px
}

.via-iframe-page-wrapper.active {
    display: block
}

.via-iframe-page-wrapper .via-iframe-page {
    height: 100%;
    width: 100%
}

@media(max-width: 640px) {
    body::-webkit-scrollbar {
        display:none
    }
}

.iframe-back-home-container {
    display: none;
    height: 50px;
    position: fixed;
    width: 50px;
    z-index: 9999
}

.iframe-back-home-container.init {
    display: block
}

.iframe-back-home-container .iframe-back-home {
    align-items: center;
    animation: breathe 5s ease-in-out infinite;
    background: radial-gradient(circle at center,#06b4ff,#a0f);
    background-size: 200% 150%;
    border: 5px solid #fff;
    box-shadow: 0 0 10px #000;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 50px;
    overflow: hidden;
    position: absolute
}

.iframe-back-home-container .iframe-back-home .iframe-back-home-content {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 5px;
    position: relative;
    width: 100%
}

.iframe-back-home-container .iframe-back-home i.d20_account_home_solid {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 22px;
    height: 22px;
    justify-content: center;
    min-width: 22px;
    width: 22px
}

.iframe-back-home-container .iframe-back-home .iframe-btn-tips {
    color: #fff;
    font-size: 14px;
    max-width: 110px;
    padding: 0 10px;
    white-space: nowrap
}

.iframe-back-home-container .iframe-back-home .iframe-btn-group {
    align-items: center;
    display: flex;
    gap: 5px;
    margin-right: 5px
}

.iframe-back-home-container .iframe-back-home.expand-left .iframe-btn-group {
    margin-left: 5px;
    margin-right: 0
}

.iframe-back-home-container .iframe-back-home .iframe-btn {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 40px;
    height: 40px;
    justify-content: center;
    width: 40px
}

.iframe-back-home-container .iframe-back-home .iframe-btn:hover {
    opacity: .8
}

.iframe-back-home-container .iframe-back-home .iframe-btn i {
    pointer-events: none
}

@keyframes breathe {
    0%,to {
        background-size: 200% 130%
    }

    50% {
        background-size: 180% 200%
    }
}

* {
    outline: none
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    font: inherit;
    font-size: 100%;
    /* margin:0; */
    padding: 0;
    vertical-align: initial;
}

html {
    line-height: 1
}

ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,td,th {
    font-weight: 400;
    text-align: left;
    vertical-align: middle
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

a img {
    border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

.spin {
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    display: inline-block
}

.easein-leave.easein-leave-active {
    transition: opacity .3s ease-in
}

.easein-appear {
    opacity: .01
}

.easein-appear.easein-appear-active {
    opacity: 1;
    transition: opacity .5s ease-in
}

.easein-enter {
    opacity: .01
}

.easein-enter.easein-enter-active {
    opacity: 1;
    transition: opacity .5s ease-in
}

.easein-leave {
    opacity: 1
}

.easein-leave.easein-leave-active {
    opacity: .01;
    transition: opacity .5s ease-in
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: avenir;
    font-style: normal;
    font-weight: 400;
    src: url(/static/media/Avenir.63d50f30..otf)
}

@font-face {
    font-family: din;
    font-style: normal;
    font-weight: 400;
    src: url(/static/media/DINAlternateBold.e16cdf81..otf)
}

.collection-infos-block>div p:nth-child(2),.text-left {
    text-align: left
}

.app.account header .main-header ul li a,.collection-block .mps-input-ok,.confirmation-deposit-popup .header,.countdown p span,.countdown p:nth-child(2n) span,.deposit-service-online .non-selected-bank,.description,.modal.alert .container .title-close p,.modal.confirm-body-modal .header h2,.modal.confirmation .white-container p,.nrc-button.neutral,.nrc-file label .icon-delete:before,.nrc-file:before,.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab,.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab,.steps div,.text-center,.transfers-page .transfer-popup .amount,.transfers-page .transfer-popup .sure {
    text-align: center
}

.app.account .profile .walletBlock>:last-child p,.app.account header .hello,.collection-block>div>div p:first-child,.collection-infos-block>div p:first-child,.nrc-form .nrc-form-item .nrc-form-label,.text-right,.withdraw-list .form .nrc-form-item .nrc-form-input input,.withdraw-list .form .nrc-form-item .nrc-form-input small,.withdraw-list .form .total-deduction {
    text-align: right
}

.app-body .signup .agree-policy,.app-body .signup .policy-detail .footer,.banks-block p.empty-image,.collection-small:before,.confirmation-deposit-popup .footer,.countdown,.deposit-add.online .cover-wrapper,.deposit-min-max-block,.deposit-service-online .non-selected-bank,.finan-history .point-block,.finan-history .search-form,.flex-center,.games-fishing .fishing-game-list,.hover-container,.modal.confirm-body-modal .footer,.modal.confirmation .white-container div,.nrc-button.neutral,.nrc-form .btn-group,.nrc-table-header-column .label,.popup .popup-cont.loading {
    align-items: center;
    display: flex;
    justify-content: center
}

.flex-center-top,.withdraw-list .boxes {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

.app.account .profile .walletBlock>:last-child div,.flex-right,.withdraw-list .boxes>div>div:first-child {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.app.account .profile .bankDataBlock,.app.account header .main-header ul,.deposit-list .options>div,.flex-left,.inbox .inbox-list .delete-btn,.lottery-game-list,.news .main-wrap,.nrc-form .nrc-form-item .nrc-form-input,.nrc-tabs .nrc-tabs-nav,.nrc-tabs.tabs-style-3 .nrc-tabs-nav,.transfers-page .walletTransfer,.transfers-page .walletTransfer>div p:last-child {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.collection-block>div>div,.flex-left-top,.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input .info-msg,.nrc-form .nrc-form-item {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.flex-right-bottom {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end
}

.flex-between-bottom {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.app.account .profile .walletBlock,.collection-infos-block>div,.collection-small,.flex-between,.hover-container .container .header,.list-details div,.section-block .header,.steps,.transfers-page .walletTransfer>div,.withdraw-list .boxes>div.generalfee>.total,.withdraw-list .boxes>div.promofee>.total,.withdraw-list .form .actual-withdrawal,.withdraw-list .form .my-main-wallet {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.flex-around {
    align-items: center;
    display: flex;
    justify-content: space-around
}

.activate-account .container,.app-body .signup .policy-detail .header,.app.account header .main-header ul li a,.deposit-min-max-block>div,.flex-center-column,.inbox .inbox-detail .header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.collection-list,.countdown p,.flex-left-column {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.flex-right-column,.withdraw-list .form .nrc-form-item .nrc-form-input {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.flex-column-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.app.account .profile .walletBlock>:last-child,.flex-center-column-between {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.flex-wrap,.lottery-game-list,.transfers-page .walletTransfer {
    flex-wrap: wrap
}

.highlight-color {
    color: #c72828
}

.color-failed {
    color: #d22323!important
}

.color-brand {
    color: #535353!important
}

.status-active {
    color: #8fc31f
}

.status-disabled {
    color: #d22323
}

.app.account .profile .bankDataBlock>:first-child:after,.app.account .profile .walletBlock>:first-child:after,.banks-block p:after,.banks-block p:before,.before-after,.nrc-file label .icon-delete:before,.nrc-file:before,.steps div:after,.steps div:before,.transfers-page .walletTransfer>div:first-child p:first-child:after {
    content: "";
    position: absolute
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis
}

.cursor-pointer {
    cursor: pointer
}

.separate-line {
    border-top: 1px dashed #777;
    margin: 20px 0
}

.invisible,.nrc-invisible {
    background: #0000;
    border: 1px solid #fff;
    height: 0;
    left: -9999px;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    resize: none;
    top: -9999px;
    width: 0;
    z-index: -10
}

.hide {
    display: none
}

.anchor {
    color: #01b1f0;
    cursor: pointer
}

.nrc-form .nrc-form-item {
    margin-bottom: 30px
}

.nrc-form .nrc-form-item.vertical {
    margin-bottom: 0
}

.nrc-form .nrc-form-item.vertical .nrc-form-input {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.nrc-form .nrc-form-item.vertical .nrc-form-input small {
    line-height: 1.4;
    text-align: left;
    width: 100%
}

.nrc-form .nrc-form-item .nrc-form-input {
    margin-left: 30px;
    margin-top: 0
}

.nrc-form .nrc-form-item .nrc-form-input input,.nrc-form .nrc-form-item .nrc-form-input select {
    margin-right: 20px;
    width: 220px
}

.nrc-form .nrc-form-item small {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4;
    width: calc(100% - 250px)
}

.nrc-form .nrc-form-item small.invalid-msg {
    color: #d22323
}

.nrc-form .nrc-form-item small a {
    color: #c72828;
    text-decoration: none
}

.nrc-form .nrc-form-item small a:hover {
    text-decoration: underline
}

.nrc-form .nrc-form-item .nrc-form-label {
    padding-right: 10px;
    width: 280px
}

.nrc-form .nrc-form-item .nrc-form-label label {
    color: #535353;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4;
    position: relative
}

.nrc-form .nrc-form-item .nrc-form-label label:after {
    content: ":";
    line-height: 18px;
    position: absolute;
    right: -15px;
    top: 0
}

.nrc-form .nrc-form-item .nrc-form-label label.form-require:before {
    color: #c72828;
    content: "*";
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    left: -5px;
    line-height: 0;
    position: absolute;
    top: 2px
}

.nrc-form .btn-group {
    margin: 40px 0
}

.nrc-form .btn-group button {
    margin: 0 10px
}

.nrc-form .btn-group button:last-child {
    margin-right: inherit
}

.nrc-form .nrc-radio label {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    margin-right: 10px;
    width: auto
}

.formik-label,.info-msg,.invalid-msg {
    font-size: 14px
}

.info-msg,.invalid-msg {
    font-weight: 400;
    margin-top: 5px
}

.info-msg {
    color: #939698;
    font-size: 12px
}

input.formik-input:focus {
    background-color: #fff;
    border-color: #c7282880;
    box-shadow: 0 0 0 2px #c728281a
}

.nrc-u-1-1 .formik-item>* {
    width: 100%
}

.pure-g {
    letter-spacing: -.31em;
    letter-spacing: normal;
    text-rendering: optimizespeed;
    word-spacing: -.43em
}

.opera-only :-o-prefocus,.pure-g {
    word-spacing: -.43em
}

.pure-u,.pure-u-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-11-12,.pure-u-11-24,.pure-u-13-24,.pure-u-17-24,.pure-u-19-24,.pure-u-2-3,.pure-u-2-5,.pure-u-23-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-6,.pure-u-5-8,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8 {
    zoom:1;display: inline-block;
    display: inline;
    letter-spacing: normal;
    text-rendering: auto;
    vertical-align: top;
    word-spacing: normal
}

.pure-u-1 {
    display: block
}

.pure-u-1-2 {
    width: 50%
}

.pure-u-1-3 {
    width: 33.33333%
}

.pure-u-2-3 {
    width: 66.66666%
}

.pure-u-1-4 {
    width: 25%
}

.pure-u-3-4 {
    width: 75%
}

.pure-u-1-5 {
    width: 20%
}

.pure-u-2-5 {
    width: 40%
}

.pure-u-3-5 {
    width: 60%
}

.pure-u-4-5 {
    width: 80%
}

.pure-u-1-6 {
    width: 16.656%
}

.pure-u-5-6 {
    width: 83.33%
}

.pure-u-1-8 {
    width: 12.5%
}

.pure-u-3-8 {
    width: 37.5%
}

.pure-u-5-8 {
    width: 62.5%
}

.pure-u-7-8 {
    width: 87.5%
}

.pure-u-1-12 {
    width: 8.3333%
}

.pure-u-5-12 {
    width: 41.6666%
}

.pure-u-7-12 {
    width: 58.3333%
}

.pure-u-11-12 {
    width: 91.6666%
}

.pure-u-1-24 {
    width: 4.1666%
}

.pure-u-5-24 {
    width: 20.8333%
}

.pure-u-7-24 {
    width: 29.1666%
}

.pure-u-11-24 {
    width: 45.8333%
}

.pure-u-13-24 {
    width: 54.1666%
}

.pure-u-17-24 {
    width: 70.8333%
}

.pure-u-19-24 {
    width: 79.1666%
}

.pure-u-23-24 {
    width: 95.8333%
}

.nrc-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    width: 100%!important
}

.nrc-table .table-header {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    position: relative
}

.nrc-table .table-body {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    overflow: hidden
}

.nrc-table .table-body .pinned-left-cols-viewport {
    background-color: #fff;
    box-shadow: 0 0 4px 0 #0003;
    z-index: 1
}

.nrc-table .table-body .body-viewport-wrapper {
    overflow-x: auto;
    z-index: 0
}

.nrc-table .table-body .pinned-right-cols-viewport {
    background: #fff;
    border-left: 1px solid #eef1f4;
    box-shadow: -4px 0 4px -4px #0003;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1
}

.nrc-table .nrc-table-row {
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    min-height: 70px;
    padding: 8px 0
}

.nrc-table .nrc-table-row.no-data {
    justify-content: center
}

.nrc-table .nrc-table-row:last-of-type {
    border-bottom: none
}

.nrc-table .nrc-table-row .nrc-table-column {
    color: #545658;
    font-size: 14px
}

.nrc-table .nrc-table-row .nrc-table-column span {
    word-wrap: break-word;
    display: block;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nrc-table .nrc-table-row .nrc-table-column span.gold {
    color: #c72828
}

.nrc-table .nrc-table-row .nrc-table-column span.red {
    color: #d22323
}

.nrc-table .nrc-table-row .nrc-table-column span.brown {
    color: #90682b
}

.nrc-table .nrc-table-row .nrc-table-column span.green {
    color: #73c328
}

.nrc-table .nrc-table-row .nrc-table-column span.dark {
    color: #222
}

.nrc-table .nrc-table-row .nrc-table-column span.light {
    color: #888
}

.nrc-table .nrc-table-row .nrc-table-column div {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.nrc-table .nrc-table-row.no-data {
    color: #939698;
    font-size: 16px
}

.nrc-table .nrc-table-header {
    background: #fafafc;
    border-bottom: 1px solid #ececec;
    display: inline-flex;
    flex-direction: row;
    font-weight: bolder;
    justify-content: center;
    position: relative;
    white-space: nowrap
}

.nrc-table .nrc-table-header i {
    font-size: 12px;
    margin-left: 4px
}

.nrc-table .nrc-table-header .nrc-table-column {
    word-wrap: break-word;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    white-space: normal
}

.nrc-table .nrc-table-header .nrc-table-column span {
    box-sizing: border-box;
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nrc-table-header-column {
    box-sizing: border-box;
    line-height: 1.4;
    position: relative
}

.nrc-table-header-column .label {
    word-wrap: break-word;
    box-sizing: border-box;
    color: #777;
    font-size: 14px;
    height: 100%;
    padding: 0 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal
}

.nrc-table-header-column .child {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row
}

.nrc-table-header-column.center * {
    text-align: center
}

.nrc-table-footer {
    background-color: #f5f5f5;
    overflow: hidden
}

.nrc-table-footer .nrc-table-row {
    min-height: inherit;
    position: relative
}

.nrc-table-footer>div,.nrc-table-sub-footer>div {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    position: relative
}

.fixedDataTableColumnResizerLineLayout_mouseArea {
    cursor: ew-resize;
    position: absolute;
    right: -5px;
    width: 12px
}

.fixedDataTableColumnResizerLineLayout_main {
    border-right-style: solid;
    border-right-width: 1px;
    box-sizing: border-box;
    position: absolute;
    z-index: 10
}

.fixedDataTableColumnResizerLine_main {
    border-color: #0284ff
}

.fixedDataTableColumnResizerLineLayout_hiddenElem,body[dir=rtl] .fixedDataTableColumnResizerLineLayout_main {
    display: none!important
}

.nrc-table .nrc-checkbox label,.nrc-table .nrc-radio label {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    min-height: 20px;
    padding: 0 0 0 20px
}

.mock-table {
    color: #777
}

.mock-table .mock-table-header {
    background-color: #f5f5f5;
    display: flex;
    flex-direction: row
}

.mock-table .mock-table-header>div {
    box-sizing: border-box;
    flex: 1;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.mock-table .mock-table-row {
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    flex-direction: row
}

.mock-table .mock-table-row>div {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    justify-content: center;
    min-height: 40px
}

aside {
    background-color: #1e1f2c;
    box-sizing: border-box;
    padding: 40px 0 0;
    position: relative;
    text-align: center
}

aside .logo-footer {
    background: url(https://img.alltocon.com/img/static/desktop/logo-icon.svg) 50% no-repeat;
    height: 80px;
    margin: 40px auto 0;
    position: relative;
    width: 80px
}

aside .aside-nav li {
    display: inline-block;
    margin: 0 8px
}

aside .aside-nav li a {
    background-color: #333;
    border-radius: 5px;
    box-shadow: 0 2px 4px #00000080;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 180px;
    line-height: 1.4;
    padding: 100px 20px 0;
    position: relative;
    text-align: right;
    text-decoration: none;
    width: 320px
}

aside .aside-nav li a h2,aside .aside-nav li a p {
    position: relative;
    z-index: 1
}

aside .aside-nav li a h2 {
    font-size: 30px
}

aside .aside-nav li a:after {
    background-color: #0000004d;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .2s;
    width: 100%
}

aside .aside-nav li a:hover:after {
    background-color: #0000
}

aside .aside-nav li.nav-url a {
    background: url(https://img.alltocon.com/img/static/desktop/nav-url.jpg) 50%/cover no-repeat
}

aside .aside-nav li.nav-help a {
    background: url(https://img.alltocon.com/img/static/desktop/nav-help.jpg) 50%/cover no-repeat
}

aside .aside-nav li.nav-join a {
    background: url(https://img.alltocon.com/img/static/desktop/nav-join.jpg) 50%/cover no-repeat
}

.nrc-form-input {
    margin-top: 20px
}

.nrc-form-input .Select-control,.nrc-form-input input {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    display: block;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 30px)
}

.nrc-form-input .Select-control.invalid,.nrc-form-input .Select-control:focus:not(.readOnly),.nrc-form-input input.invalid,.nrc-form-input input:focus:not(.readOnly) {
    background-color: #fff;
    border-color: #c72828;
    box-shadow: 0 0 3px #c72828
}

.nrc-form-input .Select-control.invalid,.nrc-form-input input.invalid {
    background-color: #ffdfdf66;
    color: #c72828
}

.nrc-form-input .Select-control:disabled,.nrc-form-input input:disabled {
    background-color: #e7e7e7;
    cursor: not-allowed
}

.nrc-form-input .Select-control:disabled::-webkit-input-placeholder,.nrc-form-input input:disabled::-webkit-input-placeholder {
    color: #ccc
}

.nrc-form-input.readOnly,.nrc-form-input.readOnly input {
    cursor: not-allowed
}

.nrc-form-input.secure {
    margin-right: 20px;
    position: relative
}

.nrc-form-input.secure i {
    color: #8fc31f;
    cursor: pointer;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    right: 10px;
    top: 12px
}

.nrc-form-input.secure>div {
    background-color: #fff;
    height: 30px;
    mix-blend-mode: multiply;
    position: absolute;
    right: 35px;
    top: 5px;
    width: 80px
}

.nrc-form-input.secure>div img {
    height: inherit;
    width: inherit
}

.nrc-form-input.secure>div span {
    color: #d22323;
    font-size: 22.8px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    padding-top: 2px;
    position: absolute
}

.nrc-form-input.secure>div span.char0 {
    left: 13px
}

.nrc-form-input.secure>div span.char1 {
    left: 28px
}

.nrc-form-input.secure>div span.char2 {
    left: 43px
}

.nrc-form-input.secure>div span.char3 {
    left: 58px
}

.nrc-button.border-no-bg {
    background-color: #0000;
    border: 1px solid #c72828;
    border-radius: 5px;
    color: #c72828;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 40px
}

.nrc-button.border-no-bg:focus,.nrc-button.border-no-bg:hover {
    background-color: #c72828;
    color: #fff
}

.nrc-button.nrc-button-disabled,.nrc-button.nrc-button-disabled:active,.nrc-button.nrc-button-disabled:focus,.nrc-button.nrc-button-disabled:hover,.nrc-button.nrc-button[disabled] {
    border: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .4
}

.nrc-button[class$=channel] {
    padding-left: 35px!important
}

.nrc-button[class$=channel]:before {
    font-family: iconmps!important;
    font-size: 18px;
    left: 10px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.nrc-button.DEBIT_CARD-channel:before,.nrc-button.QR_BANK-channel:before {
    content: ""
}

.nrc-button.WEIXIN-channel:before {
    content: ""
}

.nrc-button.ALIPAY-channel:before {
    content: ""
}

.nrc-button.QQ-channel:before {
    content: ""
}

.nrc-button.JDPAY-channel:before {
    color: #222;
    content: ""
}

.nrc-button.UNIONPAY_SCAN-channel:before {
    color: #183074;
    content: ""
}

.nrc-button.EXPRESSPAY-channel:before {
    color: #eb5e1d;
    content: ""
}

.nrc-button.YIYOU-channel:before {
    color: #f60;
    content: "";
    font-size: 22px
}

.nrc-button.CRYPTO-channel:before {
    color: #f90;
    content: "";
    font-size: 22px
}

.nrc-button.AIRTEL-channel:before,.nrc-button.BHIM-channel:before,.nrc-button.BKASH-channel:before,.nrc-button.EASYPAISA-channel:before,.nrc-button.FPS-channel:before,.nrc-button.GCASH-channel:before,.nrc-button.GPAY-channel:before,.nrc-button.JAZZCASH-channel:before,.nrc-button.MOMOPAY-channel:before,.nrc-button.MPURSE-channel:before,.nrc-button.MTN-channel:before,.nrc-button.NAGAD-channel:before,.nrc-button.NETELLER-channel:before,.nrc-button.PAYLORO-channel:before,.nrc-button.PAYTM-channel:before,.nrc-button.PHONEPE-channel:before,.nrc-button.PROMPTPAY-channel:before,.nrc-button.QUICKPASS-channel:before,.nrc-button.REMIT-channel:before,.nrc-button.ROCKET-channel:before,.nrc-button.SCRATCHCARD-channel:before,.nrc-button.SKRILL-channel:before,.nrc-button.TRUEMONEY-channel:before,.nrc-button.UPAY-channel:before,.nrc-button.UPI-channel:before,.nrc-button.VIETTELPAY-channel:before,.nrc-button.ZALOPAY-channel:before {
    color: #0000;
    content: "";
    font-size: 22px
}

.MOMOPAY-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/momo.svg) 50%/auto 22px no-repeat
}

.PROMPTPAY-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/prompt.png) 50%/auto 17px no-repeat
}

.ZALOPAY-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/zalopay.svg) 50%/auto 22px no-repeat
}

.VIETTELPAY-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/viettelpay.svg) 50%/auto 22px no-repeat
}

.QUICKPASS-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/qpass.png) 50%/auto 22px no-repeat
}

.PAYTM-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/paytm.png) 50%/auto 22px no-repeat
}

.NETELLER-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/neteller.png) 50%/auto 22px no-repeat
}

.SKRILL-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/skrill.png) 50%/auto 22px no-repeat
}

.UPI-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/upi.png) 50%/auto 22px no-repeat
}

.GPAY-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/gpay.png) 50%/auto 22px no-repeat
}

.PHONEPE-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/phonepe.png) 50%/auto 22px no-repeat
}

.BHIM-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/bhim.png) 50%/auto 22px no-repeat
}

.MPURSE-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/mpurse.png) 50%/auto 22px no-repeat
}

.SCRATCHCARD-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/scratch.png) 50%/auto 22px no-repeat
}

.GCASH-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/gcash.png) 50%/auto 22px no-repeat
}

.TRUEMONEY-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/truemoney.png) 50%/auto 22px no-repeat
}

.USDT-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/usdt.png) 50%/auto 22px no-repeat
}

.GRABPAY-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/grabpay.png) 50%/auto 22px no-repeat
}

.PAYMAYA-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/paymaya.png) 50%/auto 22px no-repeat
}

.REMIT-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/remit.png) 50%/auto 22px no-repeat
}

.PAYLORO-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/payloro.png) 50%/auto 22px no-repeat
}

.NAGAD-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/nagad.png) 50%/auto 22px no-repeat
}

.BKASH-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/bkash.png) 50%/auto 22px no-repeat
}

.ROCKET-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/rocket.png) 50%/auto 22px no-repeat
}

.UPAY-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/upay.png) 50%/auto 22px no-repeat
}

.FPS-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/fps.png) 50%/auto 22px no-repeat
}

.JAZZCASH-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/jazzcash.png) 50%/auto 22px no-repeat
}

.EASYPAISA-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/easypaisa.png) 50%/auto 22px no-repeat
}

.AIRTEL-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/airtel.png) 50%/auto 22px no-repeat
}

.MTN-channel:before {
    background: url(https://img.alltocon.com/img/static/payment/mtn.png) 50%/auto 22px no-repeat
}

.nrc-collapse {
    margin-bottom: 10px;
    position: relative
}

.nrc-collapse .header {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none
}

.nrc-collapse .header img {
    display: block
}

.nrc-collapse .body {
    background-color: #282828;
    min-height: 20px;
    transition: all .3s ease-in-out
}

.nrc-collapse .body>* {
    animation-duration: .3s;
    animation-name: lineInserted;
    transition: height .3s
}

.nrc-checkbox input[type=checkbox],.nrc-checkbox input[type=radio],.nrc-radio input[type=checkbox],.nrc-radio input[type=radio],.rdw-editor-toolbar.nrc-editor-hidetoolbar {
    display: none
}

.nrc-checkbox input[type=checkbox]:checked+label:after,.nrc-radio input[type=checkbox]:checked+label:after {
    background-color: #c72828;
    border: 2px solid #c72828;
    color: #fff;
    content: "";
    font-family: iconmps!important
}

.nrc-checkbox input[type=radio]:checked+label:after,.nrc-radio input[type=radio]:checked+label:after {
    border: 5px solid #c72828
}

.nrc-checkbox input[type=checkbox]:focus:invalid:focus,.nrc-checkbox input[type=radio]:focus:invalid:focus,.nrc-radio input[type=checkbox]:focus:invalid:focus,.nrc-radio input[type=radio]:focus:invalid:focus {
    outline-color: #e9322d
}

.nrc-checkbox input[type=checkbox][disabled]+label,.nrc-checkbox input[type=radio][disabled]+label,.nrc-radio input[type=checkbox][disabled]+label,.nrc-radio input[type=radio][disabled]+label {
    cursor: not-allowed
}

.nrc-checkbox input[type=checkbox][disabled]+label:after,.nrc-checkbox input[type=radio][disabled]+label:after,.nrc-radio input[type=checkbox][disabled]+label:after,.nrc-radio input[type=radio][disabled]+label:after {
    background-color: #ccc;
    border-color: #f5f5f5
}

.nrc-checkbox label,.nrc-radio label {
    margin-right: 50px;
    padding-left: 20px;
    position: relative
}

.nrc-checkbox label:after,.nrc-radio label:after {
    background-color: #fff;
    border: 2px solid #aaa;
    box-sizing: border-box;
    content: "";
    cursor: pointer;
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s linear;
    width: 15px
}

.nrc-checkbox label:after {
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    height: 16px;
    width: 16px
}

.nrc-radio label:after {
    border-radius: 50%
}

.nrc-loading-box {
    box-sizing: border-box;
    height: 100px;
    padding-top: 40px;
    text-align: center
}

.nrc-loading {
    animation: loading-spinner 1s linear infinite;
    border-color: #666 #0000 #0000 #666;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    display: none;
    height: 14px;
    right: 15px;
    top: 15px;
    width: 14px;
    z-index: 2000
}

.nrc-loading.active {
    display: block;
    margin: 0 auto
}

@keyframes loading-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.nrc-button-loading .nrc-loading {
    border-color: #fff #0000 #0000 #fff;
    display: inline-block;
    height: 10px;
    left: 45%;
    position: absolute;
    top: 10px;
    width: 10px
}

img[alt=captcha] {
    margin-top: -3px
}

@keyframes lineInserted {
    0% {
        height: 0
    }

    to {
        height: 250px
    }
}

.promo-editor-view {
    border: none
}

.nrc-editor-view-mode {
    word-wrap: break-word;
    border: none!important;
    height: 100%
}

.nrc-editor-view-mode strong {
    font-weight: 700
}

.nrc-editor-view-mode tr {
    border: unset
}

.nrc-editor-view-mode * {
    word-wrap: break-word;
    word-break: break-word
}

.nrc-editor-view-mode>p:empty {
    height: 16px
}

.editor-table-td,.nrc-editor-view-mode td {
    color: #000
}

.nrc-editor-view-mode h1,.nrc-editor-view-mode h2,.nrc-editor-view-mode h3,.nrc-editor-view-mode h4,.nrc-editor-view-mode h5,.nrc-editor-view-mode h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1
}

.nrc-editor-view-mode h1 small,.nrc-editor-view-mode h2 small,.nrc-editor-view-mode h3 small,.nrc-editor-view-mode h4 small,.nrc-editor-view-mode h5 small,.nrc-editor-view-mode h6 small {
    color: #777;
    font-weight: 400;
    line-height: 1
}

.nrc-editor-view-mode h1,.nrc-editor-view-mode h2,.nrc-editor-view-mode h3 {
    margin-bottom: 9.5px;
    margin-top: 19px
}

.nrc-editor-view-mode h1 small,.nrc-editor-view-mode h2 small,.nrc-editor-view-mode h3 small {
    font-size: 65%
}

.nrc-editor-view-mode h4,.nrc-editor-view-mode h5,.nrc-editor-view-mode h6 {
    margin-bottom: 9.5px;
    margin-top: 9.5px
}

.nrc-editor-view-mode h4 small,.nrc-editor-view-mode h5 small,.nrc-editor-view-mode h6 small {
    font-size: 75%
}

.nrc-editor-view-mode h1 {
    font-size: 36px
}

.nrc-editor-view-mode h2 {
    font-size: 30px
}

.nrc-editor-view-mode h3 {
    font-size: 24px
}

.nrc-editor-view-mode h4 {
    font-size: 18px
}

.nrc-editor-view-mode h5 {
    font-size: 14px
}

.nrc-editor-view-mode h6 {
    font-size: 12px
}

.nrc-editor-view-mode p {
    margin: 0 0 9.5px
}

.nrc-editor-view-mode small {
    font-size: 85%
}

.white-container {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 #00000040;
    margin: 56px auto;
    padding: 20px 40px 40px
}

.white-container .separate-line {
    border-top: 1px dashed #ccc
}

.resume-details {
    padding: 20px 0
}

.resume-details div.nrc-view-edit-wrapper .view-mode {
    align-items: center
}

.resume-details div.nrc-view-edit-wrapper .content .nrc-form .nrc-form-item {
    margin-bottom: 0
}

.resume-details div.nrc-view-edit-wrapper .content .nrc-file.file-uploaded {
    margin-bottom: 0!important
}

.resume-details div.resume-item {
    align-items: center;
    color: #777;
    display: flex;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 25px
}

.resume-details div.resume-item p.title {
    margin-right: 20px;
    text-align: right;
    width: 172px
}

.resume-details div.resume-item p.value {
    color: #222;
    width: 250px
}

.resume-details div.resume-item.bold div {
    font-weight: 700
}

.resume-details .resume-item-third-party-item {
    cursor: pointer;
    margin-right: 10px
}

.resume-details .resume-item-third-party-item.bound {
    cursor: not-allowed;
    display: inline-block;
    position: relative
}

.resume-details .resume-item-third-party-item.bound img {
    border-radius: 50%
}

.resume-details .resume-item-third-party-item.bound img.third-party-icon-prefix {
    left: -8px;
    position: absolute;
    top: 0;
    width: 22px
}

.section-block .header {
    border-bottom: 1px solid #ccc;
    height: 38px;
    margin-bottom: 10px;
    padding: 0 10px 10px
}

.section-block .header .titles {
    align-items: baseline;
    display: flex
}

.section-block .header h3 {
    color: #c72828;
    font-size: 24px;
    font-weight: 400
}

.section-block .header h3+p {
    color: #666;
    font-size: 13px;
    margin-left: 10px
}

.section-block .header .nrc-button {
    background-color: #c72828;
    border: 1px solid #0000;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    padding-left: 20px;
    padding-right: 20px
}

.section-block .header .nrc-button:hover {
    background-color: #c6c6c6
}

.section-block .header.empty {
    height: 0
}

.finan-history .section-block .header,.game-history .section-block .header {
    border-bottom: 0
}

.list-details {
    border: 1px solid #ccc;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: 0;
    overflow: hidden
}

.list-details div {
    height: 45px;
    padding: 0 20px
}

.list-details div:nth-child(2n) {
    background-color: #f5f5f5
}

.list-details div p {
    color: #282828;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.list-details .nrc-loading {
    display: inline-block
}

.collection-infos-block>div .list-details .warning p:nth-child(2),.list-details .warning .collection-infos-block>div p:nth-child(2),.list-details .warning .text-left {
    color: #c72828
}

.app.account .profile .walletBlock>:last-child .list-details .warning p,.app.account header .list-details .warning .hello,.collection-block>div>div .list-details .warning p:first-child,.collection-infos-block>div .list-details .warning p:first-child,.list-details .warning .app.account .profile .walletBlock>:last-child p,.list-details .warning .app.account header .hello,.list-details .warning .collection-block>div>div p:first-child,.list-details .warning .collection-infos-block>div p:first-child,.list-details .warning .nrc-form .nrc-form-item .nrc-form-label,.list-details .warning .text-right,.list-details .warning .withdraw-list .form .nrc-form-item .nrc-form-input input,.list-details .warning .withdraw-list .form .nrc-form-item .nrc-form-input small,.list-details .warning .withdraw-list .form .total-deduction,.nrc-form .nrc-form-item .list-details .warning .nrc-form-label,.withdraw-list .form .list-details .warning .total-deduction,.withdraw-list .form .nrc-form-item .nrc-form-input .list-details .warning input,.withdraw-list .form .nrc-form-item .nrc-form-input .list-details .warning small {
    display: none
}

.hover-container {
    background-color: #000000b3;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.hover-container.alert {
    z-index: 2002
}

.hover-container.alert.mission-reward-error {
    z-index: 1050
}

.hover-container .content {
    background-color: #fff;
    margin: 0;
    max-height: 80vh;
    max-width: 80vw;
    min-height: 5vw;
    min-width: 5vw;
    outline: none;
    overflow: visible;
    position: relative
}

.hover-container .content .close-btn {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    z-index: 1002
}

.hover-container .container {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 #0f0214b3;
    max-height: 90vh;
    overflow: auto;
    position: relative
}

.hover-container .container .header {
    background-color: #c72828;
    height: 50px;
    padding: 0 20px
}

.hover-container .container .header+form {
    height: calc(100% - 50px);
    overflow: auto
}

.hover-container .container .header h2 {
    color: #fff;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 52px
}

.hover-container .container .header i {
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    margin-right: -8px
}

.hover-container .container .body {
    margin: 20px 40px
}

.hover-container .nrc-button {
    font-size: 16px;
    height: 45px;
    padding: 0 30px
}

.hover-container .nrc-form .nrc-form-item .nrc-form-label {
    max-width: 280px;
    min-width: 100px;
    width: auto
}

.hover-container .nrc-form .nrc-form-item .info-msg,.hover-container .nrc-form .nrc-form-item .invalid-msg {
    max-width: 500px;
    min-width: 200px;
    width: auto
}

.box-group {
    font-size: 0
}

.box {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow: hidden;
    position: relative
}

.box.box-bankcard,.box.box-wallet {
    overflow: hidden;
    width: 440px
}

.box.box-bankcard:after,.box.box-wallet:after {
    content: "";
    display: block;
    height: 100%;
    left: -30px;
    position: absolute;
    top: 0;
    transform: skewX(-12deg);
    width: 120px
}

.box.box-bankcard h2,.box.box-wallet h2 {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 100%;
    line-height: 1.4;
    padding: 15px;
    position: absolute;
    width: 100px;
    z-index: 1
}

.box.box-bankcard .cont,.box.box-wallet .cont {
    box-sizing: border-box;
    color: #aaa;
    display: inline-block;
    font-size: 13px;
    line-height: 1.5;
    padding: 10px 0 10px 110px;
    vertical-align: middle
}

.box.box-bankcard .cont .name,.box.box-wallet .cont .name {
    color: #777;
    font-size: 21px;
    margin-top: 5px
}

.box.box-bankcard:after {
    background: linearGradient(#9a9a9a,#878787)
}

.box.box-bankcard button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.box.box-bankcard.bank-card {
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 #00000040;
    margin: 15px auto;
    width: 100%
}

.box.box-bankcard.bank-card .hover-func {
    background-color: #000c;
    color: #fff;
    font-size: 12px;
    height: 100%;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: .3s;
    width: 100%;
    z-index: 10
}

.box.box-bankcard.bank-card .hover-func ul {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.box.box-bankcard.bank-card .hover-func ul li {
    cursor: pointer;
    display: inline-block;
    width: 35%
}

.box.box-bankcard.bank-card .hover-func ul li:hover {
    color: #c72828
}

.box.box-bankcard.bank-card .hover-func ul li i {
    font-size: 35px;
    line-height: 1.8
}

.box.box-bankcard.bank-card:hover .hover-func {
    opacity: 1
}

.box.box-bankcard.bank-card:after {
    display: none
}

.box.box-bankcard.bank-card .cont {
    padding: 20px 30px
}

.box.box-bankcard.bank-card .cont .card-no {
    color: #777;
    font-size: 28px;
    margin-bottom: 30px
}

.box.box-bankcard.bank-card .status {
    bottom: 15px;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: 15px
}

.box.box-bankcard.bank-card.add-new {
    border: 1px dashed #ccc;
    box-shadow: 0 0 0 0 #fff;
    color: #c72828;
    cursor: pointer;
    font-size: 20px;
    height: 160px;
    line-height: 160px;
    text-align: center
}

.box.box-bankcard.bank-card.add-new h4,.box.box-bankcard.bank-card.add-new i {
    display: inline-block;
    vertical-align: middle
}

.box.box-bankcard.bank-card.active .status {
    color: #8fc31f
}

.box.box-bankcard.bank-card.active .status:before {
    border: 1px solid #8fc31f;
    border-radius: 50%;
    content: "";
    display: inline-block;
    font-family: iconmps!important;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

.box.box-bankcard.bank-card.active.fav {
    background-color: #777;
    border-left: 6px solid #c72828;
    color: #fff;
    width: calc(100% - 4px)
}

.box.box-bankcard.bank-card.active.fav:before {
    background-color: #c72828;
    content: "";
    height: 90px;
    position: absolute;
    right: -45px;
    top: -45px;
    transform: rotate(45deg);
    width: 90px
}

.box.box-bankcard.bank-card.active.fav:after {
    background: #0000;
    color: #9d0404;
    content: "";
    display: block;
    font-family: iconmps!important;
    font-size: 19px;
    height: 35px;
    left: auto;
    line-height: 35px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: skewX(0deg);
    width: 35px
}

.box.box-bankcard.bank-card.active.fav .cont,.box.box-bankcard.bank-card.active.fav .cont .card-no,.box.box-bankcard.bank-card.active.fav .cont .name,.box.box-bankcard.bank-card.active.fav .status {
    color: #fff
}

.box.box-bankcard.bank-card.active.fav .status:before {
    border: 1px solid #fff
}

.box.box-bankcard.bank-card.disable,.box.box-bankcard.bank-card.disable .cont .card-no,.box.box-bankcard.bank-card.disable .cont .name {
    color: #aaa
}

.box.box-wallet {
    text-align: right
}

.box.box-wallet.box-wallet-full,.box.box-wallet.box-wallet-list {
    border: 0;
    margin: 15px 0;
    text-align: left
}

.box.box-wallet.box-wallet-full .cont,.box.box-wallet.box-wallet-list .cont {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 35%
}

.box.box-wallet.box-wallet-full .wallet-detail,.box.box-wallet.box-wallet-list .wallet-detail {
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    color: #777;
    display: inline-block;
    font-size: 13px;
    line-height: 1.6;
    padding: 5px 20px;
    vertical-align: middle;
    width: 60%
}

.box.box-wallet.box-wallet-full {
    box-shadow: 0 2px 4px 0 #00000040;
    width: auto
}

.box.box-wallet.box-wallet-full .points {
    font-size: 45px
}

.box.box-wallet.box-wallet-list {
    display: inline-block;
    margin: 0 15px 0 0;
    width: calc(50% - 15px)
}

.box.box-wallet.box-wallet-list.list-odd {
    background-color: #ffffffe6
}

.box.box-wallet.box-wallet-list h2 {
    padding: 10px 15px
}

.box.box-wallet.box-wallet-list .cont {
    text-align: right;
    width: 100%
}

.box.box-wallet.box-wallet-list .cont .points {
    display: inline-block;
    font-size: 35px;
    line-height: 45px;
    vertical-align: middle
}

.box.box-wallet.box-wallet-list .cont button.btn-border {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle
}

.box.box-wallet.box-wallet-list:nth-of-type(2n) {
    margin-right: 0
}

.box.box-wallet.box-wallet-list.list-item:after {
    display: none
}

.box.box-wallet.box-wallet-list.list-item h2 {
    color: #222;
    font-size: 18px;
    line-height: 65px;
    padding: 0 15px;
    white-space: nowrap
}

.box.box-wallet.box-wallet-list.list-item .cont .points {
    color: #777;
    font-size: 21px;
    font-weight: 100
}

.box.box-wallet.box-wallet-list.list-item .cont button.btn-border {
    border-color: #777;
    color: #777
}

.box.box-wallet h2 {
    text-align: left
}

.box.box-wallet:after {
    background: linearGradient(#edb955,#c2953f)
}

.box.box-wallet .cont {
    padding-right: 15px;
    width: 100%
}

.box.box-wallet .cont .points {
    color: #c72828;
    line-height: 1.6
}

.box.box-wallet button {
    display: inline-block;
    margin-bottom: 15px
}

.box.box-wallet button:last-child {
    margin-right: 15px
}

.box.box-bank {
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 #00000040;
    display: inline-block;
    height: 200px;
    margin: 10px 15px 10px 0;
    overflow: hidden;
    vertical-align: top;
    width: calc(50% - 9.5px)
}

.box.box-bank:nth-of-type(2n) {
    margin-right: 0
}

.box.box-bank .head-img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: auto
}

.box.box-bank .cont {
    box-sizing: border-box;
    color: #aaa;
    display: inline-block;
    font-size: 13px;
    line-height: 1.5;
    padding: 10px 15px 10px 190px;
    vertical-align: middle
}

.box.box-bank .cont h2 {
    border-bottom: 1px dotted #aaa;
    color: #c72828;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    position: relative
}

.box.box-bank .cont h2 button {
    border-radius: 5px;
    font-size: 13px;
    height: 30px;
    padding: 6px 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto
}

.box.box-bank .cont p {
    padding: 20px 0
}

.box.box-bank.box-sum {
    box-shadow: 0 0 0 0 #fff;
    height: auto
}

.box.box-bank.box-sum .cont {
    padding: 10px 20px;
    width: 100%
}

.box.box-bank.box-sum .cont h2 {
    border-bottom: 0
}

.box.box-bank.box-sum .cont h2 button {
    background-color: #0000;
    border: 1px solid #777;
    border-radius: 15px;
    color: #777
}

.box.box-bank.box-sum .cont .fee {
    border-bottom: 1px dotted #aaa;
    padding: 10px 0
}

.box.box-bank.box-sum .cont .fee li {
    margin: 5px 0
}

.box.box-bank.box-sum .cont .total {
    line-height: 45px;
    position: relative
}

.box.box-bank.box-sum .cont .total h3 {
    color: #c72828;
    font-size: 30px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0
}

.box.box-account {
    border: 0;
    width: 640px
}

.box.box-account label {
    background-color: #ffffffe6;
    border-radius: 5px;
    color: #777;
    display: block;
    font-size: 13px;
    line-height: 1.6;
    padding: 20px;
    position: relative;
    transition: .3s
}

.box.box-account label:after {
    background-color: #ccc;
    border-radius: 50%;
    color: #ffffffe6;
    content: "";
    display: block;
    font-family: iconmps!important;
    font-size: 35px;
    height: 45px;
    line-height: 45px;
    margin-top: -22.5px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 50%;
    width: 45px
}

.box.box-account input[type=checkbox] {
    display: none
}

.box.box-account input[type=checkbox]:checked+label {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #c72828;
    color: #c72828
}

.box.box-account input[type=checkbox]:checked+label:after {
    background-color: #c72828;
    color: #fff
}

.box.box-account input[type=checkbox]:checked+label .account-list span {
    color: #777
}

.box.box-account .account-list {
    margin: 10px 0;
    padding-left: 120px;
    position: relative
}

.box.box-account .account-list span {
    left: 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 115px
}

.rc-pagination {
    display: inline-block;
    font-size: 12px;
    padding: 0;
    -webkit-user-select: none;
    user-select: none
}

.rc-pagination:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.rc-pagination-total-text {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}

.rc-pagination-item {
    background-color: #fff;
    border: 1px solid #cfd2d8;
    border-radius: 2px;
    cursor: pointer;
    float: left;
    height: 28px;
    line-height: 28px;
    list-style: none;
    margin-right: 8px;
    min-width: 28px;
    text-align: center
}

.rc-pagination-item:hover {
    border-color: #c72828
}

.rc-pagination-item a {
    color: #555e76;
    text-decoration: none
}

.rc-pagination-item a:hover {
    border-color: #c72828
}

.rc-pagination-item-active {
    background-color: #c72828;
    border-color: #c72828
}

.rc-pagination-item-active a {
    color: #fff
}

.rc-pagination-jump-next:after,.rc-pagination-jump-prev:after {
    color: #ccc;
    content: "•••";
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    margin-top: 1px
}

.rc-pagination-jump-prev:hover:after {
    color: #c72828;
    content: "«"
}

.rc-pagination-jump-next:hover:after {
    color: #c72828;
    content: "»"
}

.rc-pagination-jump-next,.rc-pagination-jump-prev,.rc-pagination-prev {
    margin-right: 8px
}

.rc-pagination-jump-next,.rc-pagination-jump-prev,.rc-pagination-next,.rc-pagination-prev {
    border-radius: 2px;
    color: #666;
    cursor: pointer;
    float: left;
    font-size: 10px;
    height: 28px;
    line-height: 28px;
    list-style: none;
    min-width: 28px;
    text-align: center
}

.rc-pagination-prev a:after {
    content: "‹";
    display: block
}

.rc-pagination-next a:after {
    content: "›";
    display: block
}

.rc-pagination-next,.rc-pagination-prev {
    border: 1px solid #d9d9d9;
    font-size: 18px
}

.rc-pagination-next a,.rc-pagination-prev a {
    color: #666
}

.rc-pagination-next a:after,.rc-pagination-prev a:after {
    margin-top: -1px
}

.rc-pagination-disabled {
    background-color: #f5f5f5;
    cursor: not-allowed
}

.rc-pagination-disabled a {
    color: #ccc
}

.rc-pagination-options {
    float: left;
    margin-left: 15px
}

.rc-pagination-options-size-changer {
    float: left;
    width: 80px
}

.rc-pagination-options-quick-jumper {
    float: left;
    height: 28px;
    line-height: 28px;
    margin-left: 16px
}

.rc-pagination-options-quick-jumper input {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-sizing: border-box;
    height: 28px;
    margin: 0 8px;
    outline: none;
    padding: 3px 12px;
    width: 50px
}

.rc-pagination-options-quick-jumper input:hover {
    border-color: #c72828
}

.rc-pagination-simple .rc-pagination-next,.rc-pagination-simple .rc-pagination-prev {
    border: none;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    margin: 0
}

.rc-pagination-simple .rc-pagination-simple-pager {
    float: left;
    margin-right: 8px
}

.rc-pagination-simple .rc-pagination-simple-pager input {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 0 8px;
    min-height: 20px;
    outline: none;
    padding: 5px 8px;
    width: 30px
}

.rc-pagination-simple .rc-pagination-simple-pager input:hover {
    border-color: #c72828
}

.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {
    margin: 0 10px
}

.steps {
    height: 70px
}

.steps div {
    background-color: #d8d8d8;
    color: #aaa;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 100%;
    line-height: 70px;
    position: relative
}

.steps div.active {
    background-color: #c72828;
    color: #fff
}

.steps div.active:after,.steps div.active:first-child:before {
    border-color: #0000 #0000 #0000 #c72828
}

.steps div.active:before {
    border-color: #0000 #0000 #0000 #fff
}

.steps div:before {
    border-color: #0000 #0000 #0000 #fff;
    border-style: solid;
    border-width: 35px 0 35px 25px;
    height: 0;
    left: 0;
    width: 0
}

.steps div:after {
    border-color: #0000 #0000 #0000 #d8d8d8;
    border-style: solid;
    border-width: 35px 0 35px 25px;
    display: block;
    height: 0;
    right: -23px;
    top: 0;
    width: 0;
    z-index: 100
}

.steps div:last-child:after {
    display: none
}

.steps.number-2 div {
    width: 50%
}

.steps.number-3 div {
    width: 33.3333333333%
}

.steps.number-4 div {
    width: 25%
}

.steps.number-5 div {
    width: 20%
}

.collection-list {
    margin: 36px auto 0;
    overflow: hidden;
    width: 640px
}

.collection-list .collection-block:last-child {
    margin-bottom: 0
}

.collection-block {
    background-color: #f5f5f5;
    border: 2px solid #f5f5f5;
    border-radius: 5px;
    cursor: pointer;
    height: auto;
    margin-bottom: 15px;
    position: relative;
    transition: .3s;
    width: 636px
}

.collection-block .mps-input-ok {
    background-color: #d8d8d8;
    border-radius: 24px;
    color: #f5f5f5;
    font-size: 48px;
    height: 48px;
    position: absolute;
    right: 30px;
    top: calc(50% - 24px);
    transition: .3s;
    width: 48px
}

.collection-block>div {
    height: calc(100% - 52px);
    padding: 15px;
    width: calc(100% - 52px)
}

.collection-block>div>div {
    margin-bottom: 16px
}

.collection-block>div>div p {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.71
}

.collection-block>div>div p:first-child {
    margin-right: 20px;
    width: 110px
}

.collection-block>div>div p:first-child span {
    padding-left: 10px
}

.collection-block .copy-btns {
    bottom: 25px;
    height: 30px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 23px;
    text-align: center;
    transition: .3s;
    width: 60px
}

.collection-block .copy-btns button {
    font-size: 14px;
    height: 30px;
    margin: 0 5px;
    position: relative
}

.collection-block .copy-btns button i {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.collection-block .copy-btns button i:before {
    content: ""
}

.collection-block.selected {
    background-color: #fff;
    border-color: #c72828
}

.collection-block.selected .copy-btns {
    opacity: 1
}

.collection-block.selected .mps-input-ok {
    background-color: #c72828;
    color: #fff;
    margin-top: -15px
}

.collection-block.selected .copy-text {
    bottom: 0;
    color: #c72828
}

.collection-block.selected>div div p:last-child {
    color: #c72828
}

.modal.alert {
    background-color: #f5f5f5;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 #0f0214b3;
    box-sizing: border-box;
    min-height: 360px;
    padding-bottom: 20px;
    width: 500px
}

.modal.alert .container {
    background-color: inherit;
    border-radius: inherit;
    box-shadow: 0 0 0;
    height: 100%;
    overflow: inherit;
    position: relative
}

.modal.alert .container .title-close {
    background-image: linear-gradient(0deg,#e7e7e7,#fff),linear-gradient(#eee,#eee);
    border-bottom: 2px solid #c72828;
    height: 72px;
    position: relative;
    width: 100%
}

.modal.alert .container .title-close p {
    color: #222;
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 72px
}

.modal.alert .container .title-close img {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -15px
}

.modal.alert .container .close {
    position: absolute;
    right: 0;
    top: 0
}

.modal.alert .container .icon {
    display: block;
    margin-bottom: 10px;
    margin-top: 45px;
    width: 100%
}

.modal.alert .container .icon img {
    height: 74px
}

.modal.alert .container .message {
    color: #222;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.71;
    margin-top: 20px;
    padding: 0 40px
}

.modal.alert .container .nrc-button {
    margin-top: 20px
}

.modal.alert.children {
    height: auto;
    padding-bottom: 20px
}

.modal.alert .resume-details {
    margin-top: 10px
}

.modal.alert .resume-details p {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.71;
    padding-bottom: 12px
}

.modal.alert .resume-details p:last-child {
    color: #222
}

.modal.noBackDrop {
    height: auto;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 100
}

.modal.noBackDrop .container .title-close {
    height: 60px
}

.modal.noBackDrop .container .title-close p {
    line-height: 60px
}

.modal.noBackDrop .container .message {
    line-height: 2;
    padding: 15px 0
}

.modal.signup-tip .message {
    color: #222;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.71;
    margin-top: 20px;
    padding: 0 40px
}

.modal.signup-tip.normal {
    height: 60vh;
    width: 50vw
}

.modal.signup-tip.forget-password {
    width: 600px
}

.modal.confirmation .white-container {
    margin: 0;
    padding: 40px;
    width: 490px
}

.modal.confirmation .white-container p {
    color: #777;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.75;
    margin-bottom: 34px
}

.modal.confirmation .white-container div button {
    min-width: 150px;
    padding: 0 10px
}

.modal.confirmation .white-container div button:nth-child(2) {
    margin-left: 38px
}

.modal.confirmation .white-container .pre-line {
    white-space: pre-line
}

.modal.confirm-body-modal .white-container {
    margin: 0;
    padding: 0;
    width: 770px
}

.modal.confirm-body-modal .header {
    background-color: #eee;
    height: 75px;
    position: relative
}

.modal.confirm-body-modal .header h2 {
    color: #222;
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 75px
}

.modal.confirm-body-modal .header .close {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -15px
}

.modal.confirm-body-modal .body {
    padding: 25px
}

.modal.confirm-body-modal .body .nrc-form .nrc-form-item {
    margin-bottom: 12px
}

.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-label {
    width: 20%
}

.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input {
    min-height: 36px;
    width: 80%
}

.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input .info-msg {
    display: none
}

.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input .invalid-msg {
    width: auto
}

.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input>p {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.71
}

.modal.confirm-body-modal .footer {
    height: 80px
}

.modal.confirm-body-modal .footer button {
    margin: 0 10px;
    padding: 0;
    width: 110px
}

.Select {
    cursor: pointer;
    margin-right: 20px;
    position: relative
}

.Select .Select-control {
    height: 38px;
    position: relative;
    width: 220px
}

.Select.is-open,.Select:focus {
    z-index: 100
}

.Select.is-open .Select-control,.Select:focus .Select-control {
    background-color: #fff;
    border-color: #c72828
}

.Select .Select-placeholder {
    line-height: 40px
}

.Select .Select-input input {
    opacity: 0
}

.Select .Select-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Select .Select-value span {
    line-height: 36px
}

.Select .Select-menu-outer {
    border: 1px solid #c72828;
    border-top: none;
    left: 0;
    max-height: 200px;
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 38px;
    width: 100%
}

.Select .Select-option {
    background-color: #fff;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    max-width: 220px;
    padding: 10px 15px;
    width: 220px
}

.Select .Select-option:hover {
    background-color: #f5f5f5;
    color: #c72828
}

.Select .Select-option.is-selected {
    background-color: #c72828;
    color: #fff
}

.Select .Select-clear-zone {
    display: none
}

.Select .Select-arrow-zone {
    height: 20px;
    height: 7px;
    position: absolute;
    right: 12px;
    top: calc(50% - 3.5px);
    width: 20px;
    width: 10px
}

.Select .Select-arrow-zone .Select-arrow {
    display: none
}

.Select .Select-arrow-zone:after {
    border-color: #222 #0000 #0000;
    border-style: solid;
    border-width: 7px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.rc-calendar,.rc-calendar * {
    box-sizing: border-box
}

.rc-calendar-hidden {
    display: none
}

.rc-calendar-input-wrap {
    border-bottom: 1px solid #e9e9e9;
    padding: 6px;
    position: relative
}

.rc-calendar-input-wrap:after {
    clear: both;
    content: ""
}

.rc-calendar-date-input-wrap {
    overflow: hidden
}

.rc-calendar-time-picker {
    background-color: #fff;
    height: 217px;
    position: absolute;
    top: 34px;
    width: 100%
}

.rc-calendar-time-picker-panel {
    position: relative;
    width: 100%
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
    display: none
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
    border: none;
    box-shadow: none
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-select {
    width: 84px
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-select ul {
    max-height: 217px
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
    padding: 0;
    text-align: center
}

.rc-calendar-time-picker-wrap {
    float: left;
    width: 100%
}

.rc-calendar-time-picker-wrap .rc-time-picker {
    width: 100%
}

.rc-calendar-time-picker-wrap .rc-time-picker-input {
    border: 1px solid #0000;
    height: 22px;
    outline: 0;
    padding: 0
}

.rc-calendar-time-picker-wrap .rc-time-picker-icon {
    display: none
}

.rc-calendar-input {
    border: 1px solid #0000;
    color: #666;
    cursor: text;
    height: 22px;
    line-height: 1.5;
    outline: 0;
    width: 100%
}

.rc-calendar-input-invalid {
    border-color: red
}

.rc-calendar-clear-btn {
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    width: 20px;
    z-index: 9999
}

.rc-calendar-clear-btn:after {
    color: #aaa;
    content: "x";
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    transition: color .3s ease;
    width: 20px
}

.rc-calendar-clear-btn:hover:after {
    color: #666
}

.rc-calendar-picker {
    left: -9999px;
    position: absolute;
    top: -9999px;
    z-index: 2001
}

.rc-calendar-picker-hidden {
    display: none
}

.rc-calendar-picker-slide-up-appear,.rc-calendar-picker-slide-up-enter {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    display: block!important;
    opacity: 0;
    transform-origin: 0 0
}

.rc-calendar-picker-slide-up-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    display: block!important;
    opacity: 1;
    transform-origin: 0 0
}

.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight {
    animation-name: rcDropdownSlideUpIn;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight {
    animation-name: rcDropdownSlideDownIn;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
    animation-name: rcDropdownSlideUpOut;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
    animation-name: rcDropdownSlideDownOut;
    animation-play-state: running
}

@keyframes rcDropdownSlideUpIn {
    0% {
        opacity: 0;
        transform: scaleY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }
}

@keyframes rcDropdownSlideUpOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleY(0);
        transform-origin: 0 0
    }
}

@keyframes rcDropdownSlideDownIn {
    0% {
        opacity: 0;
        transform: scaleY(0);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }
}

@keyframes rcDropdownSlideDownOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }

    to {
        opacity: 0;
        transform: scaleY(0);
        transform-origin: 100% 100%
    }
}

.rc-calendar {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 0 #0000000f;
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,"Microsoft Sans Serif",WenQuanYi Micro Hei,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    list-style: none;
    text-align: left;
    width: 253px
}

.rc-calendar,.rc-calendar-date-panel,.rc-calendar-panel {
    outline: none;
    position: relative
}

.rc-calendar-week-number {
    width: 286px
}

.rc-calendar-week-number-cell {
    text-align: center
}

.rc-calendar-header {
    background-color: #c72828;
    color: #fff;
    height: 34px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none
}

.rc-calendar-header>a {
    display: inline-block;
    font-weight: 700;
    line-height: 34px;
    padding: 0 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-header>a:hover {
    color: #23c0fa;
    cursor: pointer
}

.rc-calendar-header .rc-calendar-prev-month-btn {
    left: 25px;
    position: absolute
}

.rc-calendar-header .rc-calendar-prev-month-btn:after {
    content: "‹"
}

.rc-calendar-header .rc-calendar-next-month-btn {
    position: absolute;
    right: 25px
}

.rc-calendar-header .rc-calendar-next-month-btn:after {
    content: "›"
}

.rc-calendar-day-select,.rc-calendar-month-select,.rc-calendar-year-select {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 34px;
    padding: 0 8px
}

.rc-calendar-day-select:hover,.rc-calendar-month-select:hover,.rc-calendar-year-select:hover {
    color: #f5f5f5;
    cursor: pointer
}

.rc-calendar-next-month-btn,.rc-calendar-next-year-btn,.rc-calendar-prev-month-btn,.rc-calendar-prev-year-btn {
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,"Microsoft Sans Serif",sans-serif;
    font-size: 16px;
    line-height: 34px;
    padding: 0 5px;
    position: absolute;
    top: 0
}

.rc-calendar-next-year-btn {
    right: 0
}

.rc-calendar-next-year-btn:after {
    content: "»"
}

.rc-calendar-prev-year-btn {
    left: 0
}

.rc-calendar-prev-year-btn:after {
    content: "«"
}

.rc-calendar-body {
    height: 255px;
    padding: 9px 10px 10px
}

.rc-calendar table {
    background-color: #0000;
    border-collapse: collapse;
    height: 100%;
    max-width: 100%;
    width: 100%
}

.rc-calendar table,.rc-calendar td,.rc-calendar th {
    border: none
}

.rc-calendar-table {
    border-spacing: 0;
    margin-bottom: 0
}

.rc-calendar-column-header {
    line-height: 18px;
    padding: 6px 0;
    text-align: center;
    width: 33px
}

.rc-calendar-column-header[title=Sun] {
    color: #d22323
}

.rc-calendar-column-header .rc-calendar-column-header-inner {
    display: block;
    font-weight: 400
}

.rc-calendar-week-number-header .rc-calendar-column-header-inner {
    display: none
}

.rc-calendar-cell {
    padding: 1px 0
}

.rc-calendar-date {
    background: #0000;
    border-radius: 50%;
    color: #666;
    display: block;
    height: 26px;
    line-height: 26px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 26px
}

.rc-calendar-date:hover {
    background: #f5f5f5;
    cursor: pointer
}

.rc-calendar-today .rc-calendar-date {
    border: 1px solid #c72828;
    color: #c72828;
    font-weight: 700
}

.rc-calendar-selected-day .rc-calendar-date {
    background: #c72828;
    color: #fff
}

.rc-calendar-selected-day .rc-calendar-date:hover {
    background: #c72828
}

.rc-calendar-disabled-cell .rc-calendar-date {
    border-radius: 50%;
    cursor: not-allowed;
    height: 26px;
    width: 26px
}

.rc-calendar-disabled-cell .rc-calendar-date:hover {
    background: #f3f3f3
}

.rc-calendar-last-month-cell .rc-calendar-date,.rc-calendar-next-month-btn-day .rc-calendar-date {
    color: #bbb
}

.rc-calendar-footer {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    position: relative;
    text-align: center
}

.rc-calendar-footer .rc-time-picker {
    width: 90px
}

.rc-calendar-footer .rc-time-picker-input {
    height: 24px
}

.rc-calendar-footer-show-ok {
    text-align: right
}

.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
    padding-right: 12px
}

.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
    margin-left: 0;
    padding: 0 12px
}

.rc-calendar-footer-show-ok .rc-calendar-today-btn {
    float: left;
    padding-left: 12px
}

.rc-calendar-footer-btn {
    margin-top: 2px
}

.rc-calendar-footer-btn:after {
    clear: both;
    content: "x";
    font-size: 0;
    height: 0;
    overflow: hidden
}

.rc-calendar-time-picker-btn {
    margin-left: 10px
}

.rc-calendar-ok-btn,.rc-calendar-time-picker-btn,.rc-calendar-today-btn {
    color: #f46830;
    display: inline-block;
    text-align: center
}

.rc-calendar-ok-btn:hover,.rc-calendar-time-picker-btn:hover,.rc-calendar-today-btn:hover {
    color: #23c0fa;
    cursor: pointer
}

.rc-calendar-ok-btn-disabled,.rc-calendar-ok-btn-disabled:hover,.rc-calendar-time-picker-btn-disabled,.rc-calendar-time-picker-btn-disabled:hover,.rc-calendar-today-btn-disabled,.rc-calendar-today-btn-disabled:hover {
    color: #bbb
}

.rc-calendar-today-btn {
    padding-left: 10px
}

.rc-calendar-time-input {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 6px 6px;
    color: #666;
    display: inline-block;
    height: 25px;
    line-height: 1.5;
    margin: 0;
    padding: 4px 10px;
    position: relative;
    transform: border .3s cubic-bezier(.35,0,.25,1),background .3s cubic-bezier(.35,0,.25,1),box-shadow .3s cubic-bezier(.35,0,.25,1);
    width: 40px
}

.rc-calendar-time-input:hover {
    border-color: #23c0fa
}

.rc-calendar-time-input:focus {
    border-color: #23c0fa;
    box-shadow: 0 0 3px #23c0fa
}

.rc-calendar-time-panel {
    background: #fff;
    bottom: 0;
    left: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.rc-calendar-time-panel-header {
    border-bottom: 1px solid #ccc;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    user-select: none;
    -webkit-user-select: none
}

.rc-calendar-time-panel-body {
    padding: 9px 10px 10px
}

.rc-calendar-time-panel-title {
    border-radius: 4px;
    display: inline-block;
    font-weight: 700;
    height: 30px;
    line-height: 22px;
    padding: 4px 5px;
    text-align: center;
    width: 180px
}

.rc-calendar-time-panel-table {
    border-collapse: initial;
    height: 255px;
    table-layout: fixed;
    width: 100%
}

.rc-calendar-time-panel-cell {
    height: 42px;
    text-align: center;
    vertical-align: middle
}

.rc-calendar-time-panel-time {
    border-radius: 4px;
    display: block;
    line-height: 26px;
    margin: 0 auto;
    width: 26px
}

.rc-calendar-time-panel-time:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time,.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
    background: #c72828;
    color: #fff
}

.rc-calendar-month-panel {
    background: #fff;
    bottom: 0;
    left: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.rc-calendar-month-panel-hidden {
    display: none
}

.rc-calendar-month-panel-header {
    background-color: #0088f3;
    border-bottom: 1px solid #ccc;
    height: 34px;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    user-select: none;
    -webkit-user-select: none
}

.rc-calendar-month-panel-header>a {
    display: inline-block;
    font-weight: 700;
    padding: 4px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-month-panel-header>a:hover {
    color: #23c0fa;
    cursor: pointer
}

.rc-calendar-month-panel-next-year-btn,.rc-calendar-month-panel-prev-year-btn {
    position: absolute;
    top: 0
}

.rc-calendar-month-panel-next-year-btn:after {
    content: "»"
}

.rc-calendar-month-panel-prev-year-btn {
    left: 0;
    -webkit-user-select: none;
    user-select: none
}

.rc-calendar-month-panel-prev-year-btn:after {
    content: "«"
}

.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
    width: 180px
}

.rc-calendar-month-panel-year-select-arrow {
    display: none
}

.rc-calendar-month-panel-next-year-btn {
    right: 0;
    -webkit-user-select: none;
    user-select: none
}

.rc-calendar-month-panel-body {
    padding: 9px 10px 10px
}

.rc-calendar-month-panel-table {
    border-collapse: initial;
    height: 255px;
    table-layout: fixed;
    width: 100%
}

.rc-calendar-month-panel-cell {
    text-align: center
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
    background: #0000;
    border-radius: 4px 4px;
    color: #666;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 46px
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
    color: #bfbfbf
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
    background: #fff;
    cursor: not-allowed
}

.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
    background: #c72828;
    color: #fff
}

.rc-calendar-year-panel {
    background: #fff;
    bottom: 0;
    left: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.rc-calendar-year-panel-hidden {
    display: none
}

.rc-calendar-year-panel-header {
    background-color: #0088f3;
    border-bottom: 1px solid #ccc;
    height: 34px;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    user-select: none;
    -webkit-user-select: none
}

.rc-calendar-year-panel-header>a {
    display: inline-block;
    font-weight: 700;
    padding: 4px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-year-panel-header>a:hover {
    color: #23c0fa;
    cursor: pointer
}

.rc-calendar-year-panel-next-decade-btn,.rc-calendar-year-panel-prev-decade-btn {
    position: absolute;
    top: 0
}

.rc-calendar-year-panel-next-decade-btn:after {
    content: "»"
}

.rc-calendar-year-panel-prev-decade-btn {
    left: 0;
    -webkit-user-select: none;
    user-select: none
}

.rc-calendar-year-panel-prev-decade-btn:after {
    content: "«"
}

.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
    width: 180px
}

.rc-calendar-year-panel-decade-select-arrow {
    display: none
}

.rc-calendar-year-panel-next-decade-btn {
    right: 0;
    -webkit-user-select: none;
    user-select: none
}

.rc-calendar-year-panel-body {
    padding: 9px 10px 10px
}

.rc-calendar-year-panel-table {
    border-collapse: initial;
    height: 255px;
    table-layout: fixed;
    width: 100%
}

.rc-calendar-year-panel-cell {
    text-align: center
}

.rc-calendar-year-panel-year {
    background: #0000;
    border-radius: 4px 4px;
    color: #666;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 46px
}

.rc-calendar-year-panel-year:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
    background: #c72828;
    color: #fff
}

.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
    user-select: none;
    -webkit-user-select: none
}

.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year:before,.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year:before {
    content: ">";
    font-family: iconfont!important
}

.rc-calendar-decade-panel {
    background: #fff;
    bottom: 0;
    left: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.rc-calendar-decade-panel-hidden {
    display: none
}

.rc-calendar-decade-panel-header {
    border-bottom: 1px solid #ccc;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    user-select: none;
    -webkit-user-select: none
}

.rc-calendar-decade-panel-header>a {
    display: inline-block;
    font-weight: 700;
    padding: 1px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-decade-panel-header>a:hover {
    color: #23c0fa;
    cursor: pointer
}

.rc-calendar-decade-panel-next-century-btn,.rc-calendar-decade-panel-prev-century-btn {
    position: absolute;
    top: 0
}

.rc-calendar-decade-panel-next-century-btn:after {
    content: "»"
}

.rc-calendar-decade-panel-prev-century-btn {
    left: 0;
    -webkit-user-select: none;
    user-select: none
}

.rc-calendar-decade-panel-prev-century-btn:after {
    content: "«"
}

.rc-calendar-decade-panel-next-century-btn {
    right: 0;
    -webkit-user-select: none;
    user-select: none
}

.rc-calendar-decade-panel-body {
    padding: 9px 10px 10px
}

.rc-calendar-decade-panel-table {
    border-collapse: initial;
    height: 255px;
    table-layout: fixed;
    width: 100%
}

.rc-calendar-decade-panel-cell {
    text-align: center
}

.rc-calendar-decade-panel-decade {
    background: #0000;
    border-radius: 4px 4px;
    color: #666;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.rc-calendar-decade-panel-decade:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade,.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
    background: #c72828;
    color: #fff
}

.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
    user-select: none;
    -webkit-user-select: none
}

.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade:before,.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade:before {
    content: ">";
    font-family: iconfont!important
}

.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.rc-calendar-range {
    overflow: hidden;
    width: 502px
}

.rc-calendar-range-part {
    position: relative;
    width: 250px
}

.rc-calendar-range-part .rc-calendar-time-picker {
    top: 69px
}

.rc-calendar-range-part .rc-calendar-time-picker-panel-select {
    width: 77px
}

.rc-calendar-range-left {
    float: left
}

.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
    border-right: 1px solid #e9e9e9
}

.rc-calendar-range-right {
    float: right
}

.rc-calendar-range-right .rc-calendar-time-picker-panel {
    left: 21px
}

.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
    border-left: 1px solid #e9e9e9
}

.rc-calendar-range-middle {
    color: #fff;
    height: 35px;
    line-height: 35px;
    margin-left: -10px;
    position: absolute;
    text-align: center
}

.rc-calendar-range .rc-calendar-date-panel:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.rc-calendar-range .rc-calendar-input-wrap {
    display: none;
    height: 35px
}

.rc-calendar-range .rc-calendar-input,.rc-calendar-range .rc-time-picker-input {
    height: 22px;
    padding: 1px 7px
}

.rc-calendar-range .rc-calendar-body,.rc-calendar-range .rc-calendar-decade-panel-body,.rc-calendar-range .rc-calendar-month-panel-body,.rc-calendar-range .rc-calendar-year-panel-body {
    border-bottom: 1px solid #e9e9e9
}

.rc-calendar-range.rc-calendar-week-number {
    width: 574px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
    width: 286px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
    top: 69px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
    width: 89px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
    left: 36px
}

.rc-calendar-range .rc-calendar-month-panel,.rc-calendar-range .rc-calendar-year-panel {
    top: 35px
}

.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
    top: 0
}

.rc-calendar-range .rc-calendar-decade-panel-table,.rc-calendar-range .rc-calendar-month-panel-table,.rc-calendar-range .rc-calendar-year-panel-table {
    height: 198px
}

.rc-calendar-range .rc-calendar-in-range-cell {
    border-radius: 0
}

.rc-calendar-range .rc-calendar-in-range-cell .rc-calendar-date {
    background: #efefef;
    color: #c72828
}

.rc-calendar-range-bottom {
    text-align: right
}

.rc-calendar-range .rc-calendar-footer {
    background-color: #f4f4f4;
    border-top: none
}

.rc-calendar-range .rc-calendar-footer-btn {
    padding-right: 12px
}

.rc-calendar-range .rc-calendar-ok-btn {
    position: static
}

.rc-calendar-range .rc-calendar-today-btn {
    float: left
}

.rc-calendar-full {
    width: 275px
}

.rc-calendar-full-header {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 5px 10px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none
}

.rc-calendar-full-header-month-select,.rc-calendar-full-header-year-select {
    float: right;
    margin-right: 5px;
    width: 70px
}

.rc-calendar-full-header-switcher {
    display: inline-block;
    float: right
}

.rc-calendar-full-header-switcher-normal:hover {
    border-color: #23c0fa;
    box-shadow: 0 0 2px #2db7f5cc;
    cursor: pointer
}

.rc-calendar-full-header-switcher-focus {
    background-color: #c72828;
    border-color: #c72828;
    color: #fff
}

.rc-calendar-full-header-switcher>span {
    border: 1px solid #d9d9d9;
    color: #666;
    float: left;
    height: 28px;
    line-height: 24px;
    padding: 0 10px
}

.rc-calendar-full-header-switcher>span:first-child {
    border-bottom-left-radius: 4px;
    border-right: none;
    border-top-left-radius: 4px
}

.rc-calendar-full-header-switcher>span:last-child {
    border-bottom-right-radius: 4px;
    border-left: none;
    border-top-right-radius: 4px
}

.rc-calendar-fullscreen {
    width: auto
}

.rc-calendar-fullscreen .rc-calendar-full-header {
    border-bottom: none
}

.rc-calendar-fullscreen .rc-calendar-column-header {
    padding-right: 12px;
    text-align: right
}

.rc-calendar-fullscreen .rc-calendar-cell {
    padding: 0
}

.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
    border: none;
    border-radius: 0;
    border-top: 2px solid #eee;
    display: block;
    height: 116px;
    margin: 0 4px;
    padding-right: 8px;
    text-align: right;
    width: auto
}

.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date {
    background-color: #ebfaff;
    color: #666
}

.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date {
    border-top-color: #c72828;
    color: #c72828
}

.rc-time-picker {
    display: inline-block
}

.rc-time-picker,.rc-time-picker * {
    box-sizing: border-box
}

.rc-time-picker-input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    color: #666;
    cursor: text;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 1.5;
    padding: 4px 7px;
    position: relative;
    transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    width: 100%
}

.rc-time-picker-panel {
    box-sizing: border-box;
    position: absolute;
    width: 170px;
    z-index: 1070
}

.rc-time-picker-panel * {
    box-sizing: border-box
}

.rc-time-picker-panel-inner {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 5px #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    list-style: none;
    outline: none;
    position: relative;
    text-align: left
}

.rc-time-picker-panel-input {
    border: 1px solid #0000;
    cursor: auto;
    line-height: 1.5;
    margin: 0;
    outline: 0;
    padding: 0;
    width: 100%
}

.rc-time-picker-panel-input-wrap {
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    padding: 6px;
    position: relative
}

.rc-time-picker-panel-input-invalid {
    border-color: red
}

.rc-time-picker-panel-clear-btn {
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    width: 20px
}

.rc-time-picker-panel-clear-btn:after {
    color: #aaa;
    content: "x";
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    transition: color .3s;
    width: 20px
}

.rc-time-picker-panel-clear-btn:hover:after {
    color: #666
}

.rc-time-picker-panel-select {
    border: 1px solid #e9e9e9;
    border-width: 0 1px;
    box-sizing: border-box;
    float: left;
    font-size: 12px;
    margin-left: -1px;
    overflow: hidden;
    position: relative;
    width: 56px
}

.rc-time-picker-panel-select:hover {
    overflow-y: auto
}

.rc-time-picker-panel-select:first-child {
    border-left: 0;
    margin-left: 0
}

.rc-time-picker-panel-select:last-child {
    border-right: 0
}

.rc-time-picker-panel-select ul {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    max-height: 144px;
    padding: 0;
    width: 100%
}

.rc-time-picker-panel-select li {
    box-sizing: initial;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 16px;
    text-align: left;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.rc-time-picker-panel-select li:hover {
    background: #edfaff
}

li.rc-time-picker-panel-select-option-selected {
    background: #edfaff;
    color: #2db7f5
}

li.rc-time-picker-panel-select-option-disabled {
    color: #bfbfbf
}

li.rc-time-picker-panel-select-option-disabled:hover {
    background: #0000;
    cursor: not-allowed
}

.nrc-file {
    background-color: #eee;
    background-size: 20px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: block!important;
    height: 100px;
    position: relative;
    width: 100px
}

.nrc-file small {
    left: 240px;
    position: absolute;
    top: 30px;
    width: 500px
}

.nrc-file:before {
    color: #999;
    content: "";
    font-family: iconmps!important;
    font-size: 50px;
    height: 100px;
    left: 0;
    line-height: 100px;
    top: 0;
    transform: rotate(90deg);
    width: 100px
}

.nrc-file input {
    display: none
}

.nrc-file label {
    background-size: cover;
    left: 0;
    margin-right: 0;
    position: absolute;
    text-indent: -100000px;
    top: 0
}

.nrc-file label,.nrc-file label .icon-delete {
    cursor: pointer;
    display: block;
    height: 100px;
    width: 100px
}

.nrc-file label .icon-delete {
    background: #000;
    opacity: 0;
    position: relative
}

.nrc-file label .icon-delete:before {
    color: #fff;
    content: "";
    font-family: iconmps!important;
    font-size: 50px;
    height: 100%;
    line-height: 100px;
    width: 100%
}

.nrc-file:hover .icon-delete {
    opacity: .6
}

.nrc-file.file-uploaded label {
    background-color: #f9f9f9;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: 0
}

.personal-img-uploader .invalid-msg {
    left: 120px
}

.banks-block {
    display: flex;
    flex-wrap: wrap;
    max-width: 780px;
    min-width: 800px;
    position: relative
}

.banks-block p {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #ccc;
    cursor: pointer;
    display: inline-block;
    height: 55px;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-top: 0;
    position: relative;
    text-indent: -10000px;
    transition: .3s;
    width: 170px
}

.banks-block p .logo {
    left: calc(50% - 75px);
    position: absolute;
    top: calc(50% - 17px)
}

.banks-block p.selected {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #c72828
}

.banks-block p.selected:before {
    opacity: 1
}

.banks-block p.empty-image {
    font-size: 12px;
    text-indent: 20px
}

.banks-block p:before {
    background-color: #c72828;
    border-radius: 15px;
    color: #fff;
    content: "";
    display: block;
    font-family: iconmps!important;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    right: -5px;
    text-align: center;
    text-indent: 0;
    top: -5px;
    transition: .3s;
    width: 20px
}

.banks-block p:after {
    background: url(https://img.alltocon.com/img/static/desktop/banklist.png) no-repeat;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.banks-block p.OTHERS:after {
    background-position: -216px -228px;
    height: 22px;
    width: 38px
}

.popup {
    background-color: #f5f6f9;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.popup.loading {
    background-color: #0000;
    cursor: wait;
    z-index: 9999
}

.popup .popup-cont {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%
}

.popup .popup-cont.loading {
    height: 5vw;
    width: 5vw
}

.sk-cube-grid,.sk-rotating-plane {
    height: 36px;
    width: 36px
}

.sk-fade-in {
    animation: "sk-fade-in" 0s
}

.nrc-carousel {
    position: relative
}

.nrc-carousel .carousel-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%
}

.nrc-carousel .carousel-wrapper .carousel-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    perspective: 1000px;
    position: relative;
    transition: transform;
    width: 100%
}

.nrc-carousel .carousel-wrapper .carousel-item.active,.nrc-carousel .carousel-wrapper .carousel-item.next,.nrc-carousel .carousel-wrapper .carousel-item.prev {
    display: flex
}

.nrc-carousel .carousel-wrapper .carousel-item.next,.nrc-carousel .carousel-wrapper .carousel-item.prev {
    position: absolute;
    top: 0
}

.nrc-carousel .carousel-wrapper .carousel-item.next.left,.nrc-carousel .carousel-wrapper .carousel-item.prev.right {
    transform: translateZ(0)
}

.nrc-carousel .carousel-wrapper .carousel-item.active.right,.nrc-carousel .carousel-wrapper .carousel-item.next {
    transform: translate3d(100%,0,0)
}

.nrc-carousel .carousel-wrapper .carousel-item.active.left,.nrc-carousel .carousel-wrapper .carousel-item.prev {
    transform: translate3d(-100%,0,0)
}

.nrc-carousel .carousel-control {
    align-items: center;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 15%
}

.nrc-carousel .carousel-control:hover {
    opacity: .9
}

.nrc-carousel .carousel-control:hover.next .icon,.nrc-carousel .carousel-control:hover.prev .icon {
    background-color: #000000b3
}

.nrc-carousel .carousel-control.next .icon,.nrc-carousel .carousel-control.prev .icon {
    display: inline-block;
    height: 36px;
    width: 36px
}

.nrc-carousel .carousel-control.next .icon i,.nrc-carousel .carousel-control.prev .icon i {
    font-size: 36px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.nrc-carousel .carousel-control.prev {
    left: 0
}

.nrc-carousel .carousel-control.next {
    right: 0
}

.nrc-carousel .carousel-indicators {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.nrc-carousel .carousel-indicators li {
    background-clip: padding-box;
    background-color: #fff;
    border-bottom: 10px solid #0000;
    border-top: 10px solid #0000;
    box-sizing: initial;
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin: 0 5px;
    opacity: .3;
    text-indent: -999px;
    transition: opacity .6s ease;
    width: 20px
}

.nrc-carousel .carousel-indicators li.active {
    opacity: 1
}

.odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal,.odometer.odometer-theme-minimal .odometer-digit {
    zoom:1;
    display: inline-block;
    display: inline;
    position: relative;
    vertical-align: middle;
    vertical-align: auto
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    zoom:1;display: inline-block;
    display: inline;
    vertical-align: middle;
    vertical-align: auto;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    display: block;
    transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transform: translateY(0);
    transition: transform 2s
}

.odometer-digit {
    background: url(https://img.alltocon.com/img/static/desktop/number-board.png) 0 0/100% no-repeat;
    background-position: 50%;
    background-size: 100% 70%;
    padding: 0 10px
}

.odometer {
    height: 86px;
    overflow: hidden
}

.odometer-inside {
    margin-top: -18px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
    left: 14px;
    top: 5px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner span,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner span {
    color: #fff;
    font-size: 48px
}

.maintenance {
    cursor: not-allowed!important
}

.maintenance-block {
    background-color: #000c;
    border-radius: 8px;
    box-shadow: inset 0 0 0 4px gold,0 2px 6px #0009;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    position: absolute
}

.maintenance-block .time {
    color: gold;
    display: block;
    font-weight: 100;
    padding: 10px 0
}

.maintenance-block .time .duration {
    display: block;
    font-weight: 400
}

header .nav .submenu ul li {
    position: relative
}

header .nav .submenu ul li.maintenance:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

header .nav .submenu ul li.maintenance a:hover {
    background-color: #0000
}

header .nav .submenu ul li.maintenance a:hover:after {
    display: none
}

header .nav .submenu ul li.maintenance img {
    filter: grayscale(60%);
    opacity: .3
}

header .nav .submenu ul li.maintenance:after {
    background-position: center 24%;
    background-repeat: no-repeat;
    background-size: 60% auto
}

header .nav .submenu ul li.maintenance .maintenance-block {
    bottom: 10%;
    box-shadow: inset 0 0 0 3px gold,0 2px 5px #0009;
    left: 7%;
    padding: 5px 10px;
    width: 86%
}

header .nav .submenu ul li.maintenance .maintenance-block .time {
    font-size: 11px
}

header .nav .submenu ul li.maintenance .maintenance-block .time .duration {
    font-size: 17px
}

.game-list li.maintenance {
    box-shadow: 0 0 2px 0 #0000001a;
    color: #ccc;
    cursor: not-allowed
}

.game-list li.maintenance:after {
    background-position: center 25%;
    background-repeat: no-repeat;
    background-size: 60% auto
}

.game-list li.maintenance .cover {
    filter: grayscale(70%);
    opacity: .3
}

.game-list li.maintenance .comming-soon {
    color: #ccc
}

.game-list li.maintenance .cont .corp {
    opacity: .5
}

.game-list li.maintenance .cont p {
    border-top: 2px dotted #ccc
}

.game-list li.maintenance button {
    background-color: #f5f5f5;
    cursor: not-allowed
}

.game-list li.maintenance button:focus,.game-list li.maintenance button:hover {
    background-color: #f5f5f5
}

.game-list li.maintenance .maintenance-block {
    left: 15%;
    padding: 18px;
    top: 44%;
    width: 70%
}

.game-list li.maintenance .maintenance-block .time {
    font-size: 11px
}

.game-list li.maintenance .maintenance-block .time .duration {
    font-size: 19px
}

.game-list li.maintenance .maintenance-block .message {
    font-size: 12px;
    font-weight: 100
}

.section-egame .egame-list.maintenance {
    min-height: 400px;
    position: relative
}

.section-egame .egame-list.maintenance li {
    filter: grayscale(90%);
    opacity: .2
}

.section-egame .egame-list.maintenance:after {
    background-position: center 80px;
    background-repeat: no-repeat;
    background-size: auto
}

.section-egame .egame-list.maintenance .maintenance-block {
    left: calc(50% - 200px);
    padding: 20px;
    text-align: center;
    top: 250px;
    width: 400px
}

.section-egame .egame-list.maintenance .maintenance-block .time {
    font-size: 13px
}

.section-egame .egame-list.maintenance .maintenance-block .time .duration {
    font-size: 21px
}

.section-egame .egame-list.maintenance .maintenance-block .message {
    font-size: 13px;
    font-weight: 100
}

.fishing-game-list>li.maintenance {
    pointer-events: none!important
}

.live-highlight-banner li.maintenance.highlight:after {
    background-color: #0000;
    background-image: url(https://img.alltocon.com/img/static/desktop/img-maintenance-sc.png);
    background-position: center 30%;
    opacity: 1;
    z-index: 2
}

.live-highlight-banner li.maintenance.highlight.en-US:after {
    background-image: url(https://img.alltocon.com/img/static/desktop/img-maintenance-en.png)
}

.live-highlight-banner li.maintenance.highlight.en-TW:after {
    background-image: url(https://img.alltocon.com/img/static/desktop/img-maintenance-tc.png)
}

.live-highlight-banner li.maintenance.highlight.en-CN:after {
    background-image: url(https://img.alltocon.com/img/static/desktop/img-maintenance-sc.png)
}

.live-highlight-banner li.maintenance.highlight .maintenance-block {
    left: calc(50% - 200px);
    opacity: 1;
    padding: 20px;
    text-align: center;
    top: 55%;
    width: 400px;
    z-index: 1
}

.live-highlight-banner li.maintenance.highlight .maintenance-block .time {
    font-size: 13px
}

.live-highlight-banner li.maintenance.highlight .maintenance-block .time .duration {
    font-size: 21px
}

.live-highlight-banner li.maintenance.highlight .maintenance-block .message {
    font-size: 13px;
    font-weight: 100
}

.live-highlight-banner li.maintenance.highlight:before {
    background-color: #1e1e1ecc;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.live-highlight-banner li.maintenance:before {
    background-image: none!important;
    transition: 0s!important
}

.live-highlight-banner li.maintenance .maintenance-block {
    opacity: 0;
    transition: .2s
}

.live-highlight-banner .sub-gp ul li.maintenance img {
    opacity: .4
}

.live-highlight-banner .sub-gp ul li.maintenance:after {
    background-position: center 20%;
    background-repeat: no-repeat;
    background-size: 60% auto
}

.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block {
    box-shadow: inset 0 0 0 2px gold,0 1px 3px #0009;
    left: 2.5%;
    padding: 5px;
    top: 52%;
    width: 95%
}

.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block .time {
    font-size: 11px
}

.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block .time .duration {
    font-size: 17px
}

.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block .message {
    display: none
}

.lottery-game-list li.maintenance {
    cursor: default
}

.lottery-game-list li.maintenance .cont,.lottery-game-list li.maintenance .cover {
    filter: grayscale(60%);
    opacity: .3
}

.lottery-game-list li.maintenance:after {
    background-color: #0000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.lottery-game-list li.maintenance .maintenance-block {
    box-shadow: inset 0 0 0 2px gold,0 1px 3px #0009;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 85%;
    z-index: 2
}

.lottery-game-list li.maintenance .maintenance-block .time {
    font-size: 11px
}

.lottery-game-list li.maintenance .maintenance-block .time .duration {
    font-size: 17px
}

.lottery-game-list li.maintenance .maintenance-block .message {
    display: none
}

.live-full-cont .cover.maintenance:before {
    background-color: #0009;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6
}

.live-full-cont .cover.maintenance:after {
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 6
}

.live-full-cont .cover.maintenance .maintenance-block {
    left: calc(50% - 200px);
    opacity: 1;
    padding: 20px;
    text-align: center;
    top: calc(50% + 80px);
    width: 400px;
    z-index: 6
}

.live-full-cont .cover.maintenance .maintenance-block .time {
    font-size: 13px
}

.live-full-cont .cover.maintenance .maintenance-block .time .duration {
    font-size: 21px
}

.live-full-cont .cover.maintenance .maintenance-block .message {
    font-size: 13px;
    font-weight: 100
}

.games-sports li.maintenance:after {
    background-position: center 12%;
    background-size: auto 50%
}

.game-item.disabled {
    cursor: not-allowed!important
}

.game-item.disabled .img {
    filter: brightness(.5) grayscale(.8);
    opacity: .8!important
}

.game-item.disabled .link-cover {
    background: #0000!important;
    cursor: not-allowed!important;
    filter: blur(0)!important;
    opacity: 1!important;
    transform: rotate3d(0,0,0,0deg)!important
}

.game-item.disabled .link-cover .nrc-button {
    background: #222222e6!important;
    cursor: not-allowed!important;
    display: block!important
}

.game-item.disabled .link-cover .nrc-button.add-fav,.game-item.disabled .link-cover .nrc-button.remove-fav {
    display: none!important
}

.game-item.disabled .link-cover .nrc-button:before {
    peak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: gold;
    content: "";
    font-family: iconmps!important;
    font-size: 70px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-shadow: 0 2px 8px #000c;
    text-transform: none;
    top: -75px;
    transform: translateX(-50%)
}

.countdown {
    background-color: #fffc;
    border: 1px solid #ccc6;
    border-radius: 6px;
    box-shadow: 0 0 8px 0 #0000001a;
    height: 132px;
    margin: 20px auto;
    width: 286px
}

.countdown p span {
    display: block;
    min-width: 80px
}

.countdown p span:first-child {
    color: #c72828;
    font-size: 70px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 84px;
    line-height: 84px
}

.countdown p span:nth-child(2) {
    color: #aaa
}

.countdown p:nth-child(2n) {
    width: 40px
}

.countdown p:nth-child(2n) span {
    min-width: inherit;
    width: 100%
}

.countdown-container {
    height: 150px;
    position: absolute;
    right: 50px;
    top: 0;
    width: 206px
}

.countdown-container>p {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    padding: 0 10px
}

.countdown-container .countdown {
    height: 96px;
    width: 206px
}

.countdown-container .countdown p {
    width: 60px
}

.countdown-container .countdown p span {
    height: 60px;
    line-height: 60px;
    min-width: 60px
}

.countdown-container .countdown p span:first-child {
    font-size: 50px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.countdown-container .countdown p span:last-child {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: inherit;
    line-height: inherit
}

.countdown-container .countdown p:nth-child(2) {
    width: 12px
}

.countdown-container .countdown p:nth-child(2) span {
    min-width: 12px
}

.collection-small {
    border: 2px solid #ccc;
    border-radius: 3px;
    color: #222;
    cursor: pointer;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    line-height: 1.86;
    margin-bottom: 16px;
    padding: 0 10px;
    position: relative;
    transition: border .4s;
    width: 320px
}

.collection-small:before {
    background-color: #c72828;
    border-radius: 10px;
    color: #fff;
    content: "";
    font-family: iconmps!important;
    font-size: 18px;
    height: 20px;
    opacity: 0;
    position: absolute;
    right: -10px;
    top: -10px;
    transition: opacity .4s;
    width: 20px
}

.collection-small.selected {
    border-color: #c72828
}

.collection-small.selected:before {
    opacity: 1
}

.nrc-view-edit-wrapper .edit-mode .content div {
    margin-top: 0
}

.nrc-view-edit-wrapper .edit-mode .content form {
    display: inline-block
}

.nrc-view-edit-wrapper .edit-mode .content .nrc-form-input {
    display: block
}

.nrc-view-edit-wrapper .edit-mode button:not(.selected-flag) {
    border-radius: 100px;
    height: 36px;
    padding: 0;
    width: 92px
}

.nrc-view-edit-wrapper .edit-mode button:not(.selected-flag).button-cancel {
    margin-right: 10px
}

.nrc-view-edit-wrapper .edit-mode .button-cancel {
    background-color: #fff;
    border: 1px solid #777;
    color: #777
}

.nrc-view-edit-wrapper .edit-mode .button-confirm {
    background-color: #c72828;
    border: 1px solid #c72828;
    color: #fff
}

.nrc-view-edit-wrapper .view-mode .content {
    width: 250px
}

.nrc-view-edit-wrapper .view-mode .content p {
    color: #000;
    text-align: left
}

.nrc-view-edit-wrapper .view-mode .content .tel {
    margin-top: 0
}

.nrc-view-edit-wrapper .view-mode .edit-button {
    font-size: 20px;
    width: 16px
}

.edit-mode .nrc-form .nrc-form-item .nrc-form-input {
    margin-left: 0
}

.resume-details .nrc-view-edit-wrapper .edit-mode,.resume-details .nrc-view-edit-wrapper .view-mode {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.resume-details .nrc-view-edit-wrapper .view-mode .content {
    width: 455px
}

.react-tel-input {
    position: relative;
    z-index: 1
}

.react-tel-input .cn {
    background-position: -160px -22px
}

.react-tel-input .mo {
    background-position: -96px -88px
}

.react-tel-input .my {
    background-position: 0 -99px
}

.react-tel-input .th {
    background-position: -144px -132px
}

.react-tel-input .id {
    background-position: -160px -55px
}

.react-tel-input .vn {
    background-position: -240px -143px
}

.react-tel-input .ph {
    background-position: -48px -110px
}

.react-tel-input .kh {
    background-position: -128px -66px
}

.react-tel-input .sg {
    background-position: -112px -121px
}

.react-tel-input .hk {
    background-position: -80px -55px
}

.react-tel-input .np {
    background-position: -160px -99px
}

.react-tel-input .mx {
    background-position: -240px -88px
}

.react-tel-input .us {
    background-position: -112px -143px
}

.react-tel-input .in {
    background-position: -208px -55px
}

.react-tel-input .jp {
    background-position: -80px -66px
}

.react-tel-input .lk {
    background-position: -80px -77px
}

.react-tel-input .nl {
    background-position: -128px -99px
}

.react-tel-input .gb {
    background-position: -80px -44px
}

.react-tel-input .fr {
    background-position: -48px -44px
}

.react-tel-input .de {
    background-position: -32px -33px
}

.react-tel-input .ru {
    background-position: 0 -121px
}

.react-tel-input .pk {
    background-position: -64px -110px
}

.react-tel-input .mm {
    background-position: -64px -88px
}

.react-tel-input .au {
    background-position: -192px 0
}

.react-tel-input .ar {
    background-position: -144px 0
}

.react-tel-input .bd {
    background-position: -16px -11px
}

.react-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.react-tel-input .hide {
    display: none
}

.react-tel-input .v-hide {
    visibility: hidden
}

.react-tel-input input[type=tel],.react-tel-input input[type=text] {
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px #e3e3e3;
    height: 35px;
    line-height: 25px;
    margin-bottom: 0!important;
    margin-left: 0;
    margin-top: 0!important;
    padding-left: 44px;
    position: relative;
    width: 100%;
    z-index: 0
}

.react-tel-input input[type=tel]:focus,.react-tel-input input[type=text]:focus {
    border-color: #42bdff #42bdff #42bdff #cacaca
}

.react-tel-input input[type=tel].invalid-number,.react-tel-input input[type=tel].invalid-number:focus,.react-tel-input input[type=text].invalid-number,.react-tel-input input[type=text].invalid-number:focus {
    background-color: #faf0f0;
    border: 1px solid #d79f9f;
    border-left-color: #cacaca
}

.react-tel-input .flag-dropdown {
    background-color: #eaeaea;
    border: 1px solid #cacaca;
    border-radius: 3px 0 0 3px;
    bottom: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.react-tel-input .flag-dropdown.open-dropdown {
    background: #fff;
    border-bottom: 0;
    border-radius: 3px 0 0 0
}

.react-tel-input .flag-dropdown.open-dropdown .selected-flag {
    background: #fff;
    border-radius: 3px 0 0 0
}

.react-tel-input .flag-dropdown:hover {
    cursor: pointer
}

.react-tel-input .flag-dropdown:hover .selected-flag {
    background-color: #fff
}

.react-tel-input input[disabled]+.flag-dropdown:hover {
    cursor: default
}

.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag {
    background-color: #0000
}

.react-tel-input .selected-flag {
    border: 0;
    border-radius: 3px 0 0 3px;
    height: 33px;
    outline: 0;
    padding: 0 0 0 8px;
    position: relative;
    width: 38px;
    z-index: 13
}

.react-tel-input .selected-flag .flag {
    background-image: url(https://img.alltocon.com/img/static/flags/flags.png)!important;
    height: 11px;
    position: absolute;
    top: calc(50% - 5px);
    width: 16px
}

.react-tel-input .selected-flag .arrow {
    border-left: 3px solid #0000;
    border-right: 3px solid #0000;
    border-top: 4px solid #555;
    height: 0;
    left: 20px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    width: 0
}

.react-tel-input .selected-flag .arrow.up {
    border-bottom: 4px solid #555;
    border-top: none
}

.react-tel-input .country-list {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    box-shadow: 1px 1px 4px #0003;
    height: auto!important;
    list-style: none;
    margin: -1px 0 0 -1px;
    max-height: 200px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    top: 33px!important;
    width: 400px;
    z-index: 2
}

.react-tel-input .country-list .country {
    align-items: center;
    display: flex
}

.react-tel-input .country-list .flag {
    background-image: url(https://img.alltocon.com/img/static/flags/flags.png)!important;
    display: inline-block
}

.react-tel-input .country-list .divider {
    border-bottom: 1px solid #ccc;
    display: none;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.react-tel-input .country-list .country {
    padding: 5px 10px
}

.react-tel-input .country-list .country .dial-code {
    color: #999;
    letter-spacing: normal
}

.react-tel-input .country-list .country:hover {
    background-color: #e8f7fe
}

.react-tel-input .country-list .country.highlight {
    background-color: #c7e2f1
}

.react-tel-input .country-list .flag {
    height: 11px;
    margin-right: 6px;
    margin-top: 2px;
    width: 16px
}

.react-tel-input .country-list .country-name {
    letter-spacing: normal;
    margin-right: 6px
}

.nrc-form-input .react-tel-input.readOnly input {
    border: 0;
    box-shadow: none;
    color: #333;
    padding: 0 0 0 34px
}

.nrc-form-input .react-tel-input.readOnly input:hover {
    cursor: default
}

.nrc-form-input .react-tel-input.readOnly .flag-dropdown {
    background-color: #0000;
    border: 0
}

.nrc-form-input .react-tel-input.readOnly .flag-dropdown .selected-flag {
    background-color: #0000
}

.nrc-form-input .react-tel-input.readOnly .flag-dropdown .arrow {
    display: none
}

.nrc-form-input .react-tel-input.readOnly .selected-flag {
    background-color: #0000
}

.nrc-form-input .react-tel-input.readOnly .selected-flag:hover {
    background-color: #0000;
    cursor: default
}

.bank-card-add .react-tel-input,.player-info .react-tel-input,.react-tel-input {
    width: auto
}

.table-resume-data tr:nth-child(2n) {
    background-color: #eee
}

.table-resume-data td {
    border: 1px solid #ccc;
    border-collapse: collapse;
    color: #535353;
    height: 36px;
    padding: 0 10px
}

.table-resume-data a {
    color: #00e;
    cursor: pointer;
    text-decoration: underline
}

.rdw-option-wrapper {
    align-items: center;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    margin: 0 4px;
    padding: 5px;
    text-transform: capitalize;
    width: 25px
}

.rdw-option-wrapper:hover {
    box-shadow: 1px 1px 0 #bfbdbd
}

.rdw-option-active,.rdw-option-wrapper:active {
    box-shadow: inset 1px 1px 0 #bfbdbd
}

.rdw-option-disabled {
    cursor: default;
    opacity: .3
}

.rdw-dropdown-wrapper {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    height: 30px;
    margin: 0 3px;
    text-transform: capitalize
}

.rdw-dropdown-wrapper:focus {
    outline: none
}

.rdw-dropdown-wrapper:hover {
    background-color: #fff;
    box-shadow: 1px 1px 0 #bfbdbd
}

.rdw-dropdown-wrapper:active {
    box-shadow: inset 1px 1px 0 #bfbdbd
}

.rdw-dropdown-carettoopen {
    border-top: 6px solid #000
}

.rdw-dropdown-carettoclose,.rdw-dropdown-carettoopen {
    border-left: 5px solid #0000;
    border-right: 5px solid #0000;
    content: "-";
    height: 0;
    position: absolute;
    right: 10%;
    top: 35%;
    width: 0
}

.rdw-dropdown-carettoclose {
    border-bottom: 6px solid #666
}

.rdw-dropdown-selectedtext {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 5px;
    position: relative
}

.rdw-dropdown-optionwrapper {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 98%;
    z-index: 100
}

.rdw-dropdown-optionwrapper:hover {
    background-color: #fff;
    box-shadow: 1px 1px 0 #bfbdbd
}

.rdw-dropdownoption-default {
    align-items: center;
    display: flex;
    min-height: 25px;
    padding: 0 5px
}

.rdw-dropdownoption-highlighted {
    background: #f1f1f1
}

.rdw-dropdownoption-active {
    background: #f5f5f5
}

.rdw-dropdownoption-disabled {
    cursor: default;
    opacity: .3
}

.rdw-inline-wrapper {
    display: flex;
    margin-bottom: 6px
}

.rdw-inline-dropdown {
    width: 50px
}

.rdw-inline-dropdownoption {
    display: flex;
    height: 40px;
    justify-content: center
}

.rdw-block-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 6px
}

.rdw-block-dropdown {
    width: 110px
}

.rdw-fontsize-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 6px
}

.rdw-fontsize-dropdown {
    min-width: 40px
}

.rdw-fontsize-option {
    display: flex;
    justify-content: center
}

.rdw-fontfamily-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 6px
}

.rdw-fontfamily-dropdown {
    width: 115px
}

.rdw-fontfamily-placeholder {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rdw-fontfamily-optionwrapper {
    width: 140px
}

.rdw-list-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 6px
}

.rdw-list-dropdown {
    width: 50px;
    z-index: 90
}

.rdw-list-dropdownOption {
    display: flex;
    height: 40px;
    justify-content: center
}

.rdw-text-align-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 6px
}

.rdw-text-align-dropdown {
    width: 50px;
    z-index: 90
}

.rdw-text-align-dropdownOption {
    display: flex;
    height: 40px;
    justify-content: center
}

.rdw-right-aligned-block {
    justify-content: flex-end
}

.rdw-left-aligned-block,.rdw-right-aligned-block {
    display: flex;
    flex-direction: row
}

.rdw-left-aligned-block {
    justify-content: flex-start
}

.rdw-center-aligned-block {
    justify-content: center
}

.rdw-center-aligned-block,.rdw-justify-aligned-block {
    display: flex;
    flex-direction: row
}

.rdw-colorpicker-wrapper {
    align-items: center;
    margin-bottom: 6px;
    position: relative
}

.rdw-colorpicker-modal,.rdw-colorpicker-wrapper {
    display: flex
}

.rdw-colorpicker-modal {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    box-shadow: 3px 3px 5px #bfbdbd;
    flex-direction: column;
    height: 175px;
    left: 5px;
    padding: 15px;
    position: absolute;
    top: 35px;
    width: 320px;
    z-index: 100
}

.rdw-colorpicker-modal-header {
    display: flex;
    padding-bottom: 5px
}

.rdw-colorpicker-modal-style-label {
    cursor: pointer;
    font-size: 15px;
    padding: 0 10px 5px;
    text-align: center;
    width: 50%
}

.rdw-colorpicker-modal-style-label-active {
    border-bottom: 2px solid #0a66b7
}

.rdw-colorpicker-modal-options {
    display: flex;
    flex-wrap: wrap;
    height: 60%;
    margin: 5px auto;
    overflow: scroll;
    width: 100%
}

.rdw-colorpicker-cube {
    border: 1px solid #f1f1f1;
    height: 22px;
    width: 22px
}

.rdw-colorpicker-option {
    border: none;
    box-shadow: inset 1px 2px 1px #bfbdbd;
    height: 22px;
    margin: 3px;
    min-height: 20px;
    padding: 0;
    width: 22px
}

.rdw-colorpicker-option:hover {
    box-shadow: 1px 2px 1px #bfbdbd
}

.rdw-colorpicker-option:active {
    box-shadow: -1px -2px 1px #bfbdbd
}

.rdw-colorpicker-option-active {
    box-shadow: 0 0 2px 2px #bfbdbd
}

.rdw-link-wrapper,.rdw-remove-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 6px;
    position: relative
}

.rdw-link-dropdown {
    width: 50px
}

.rdw-link-dropdownOption {
    display: flex;
    height: 40px;
    justify-content: center
}

.rdw-link-dropdownPlaceholder {
    margin-left: 8px
}

.rdw-link-modal {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    box-shadow: 3px 3px 5px #bfbdbd;
    display: flex;
    flex-direction: column;
    height: 180px;
    left: 5px;
    padding: 15px;
    position: absolute;
    top: 35px;
    width: 235px;
    z-index: 100
}

.rdw-link-modal-label {
    font-size: 15px
}

.rdw-link-modal-input {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    height: 25px;
    margin-bottom: 15px;
    margin-top: 5px
}

.rdw-link-modal-input:focus {
    outline: none
}

.rdw-link-modal-buttonsection {
    margin: 0 auto
}

.rdw-link-modal-btn {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
    text-transform: capitalize;
    width: 75px
}

.rdw-link-modal-btn:hover {
    box-shadow: 1px 1px 0 #bfbdbd
}

.rdw-link-modal-btn:active {
    box-shadow: inset 1px 1px 0 #bfbdbd
}

.rdw-link-modal-btn:focus {
    outline: none!important
}

.rdw-link-modal-btn:disabled {
    background: #ece9e9
}

.rdw-link-dropdownoption {
    display: flex;
    height: 40px;
    justify-content: center
}

.rdw-embedded-wrapper {
    align-items: center;
    margin-bottom: 6px;
    position: relative
}

.rdw-embedded-modal,.rdw-embedded-wrapper {
    display: flex
}

.rdw-embedded-modal {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    box-shadow: 3px 3px 5px #bfbdbd;
    flex-direction: column;
    height: 180px;
    left: 5px;
    padding: 15px;
    position: absolute;
    top: 35px;
    width: 235px;
    z-index: 100
}

.rdw-embedded-modal-header {
    display: flex;
    font-size: 15px;
    margin: 10px 0
}

.rdw-embedded-modal-header-option {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%
}

.rdw-embedded-modal-header-label {
    background: #6eb8d4;
    border: 1px solid #f1f1f1;
    border-bottom: 2px solid #0a66b7;
    margin-top: 5px;
    width: 95px
}

.rdw-embedded-modal-link-section {
    display: flex
}

.rdw-embedded-modal-link-input {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    font-size: 15px;
    height: 35px;
    margin: 29px auto;
    padding: 0 5px;
    width: 90%
}

.rdw-embedded-modal-link-input:focus {
    outline: none
}

.rdw-embedded-modal-btn-section {
    margin: 10px auto 0
}

.rdw-embedded-modal-btn {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
    text-transform: capitalize;
    width: 75px
}

.rdw-embedded-modal-btn:hover {
    box-shadow: 1px 1px 0 #bfbdbd
}

.rdw-embedded-modal-btn:active {
    box-shadow: inset 1px 1px 0 #bfbdbd
}

.rdw-embedded-modal-btn:focus {
    outline: none!important
}

.rdw-embedded-modal-btn:disabled {
    background: #ece9e9
}

.rdw-emoji-wrapper {
    align-items: center;
    margin-bottom: 6px;
    position: relative
}

.rdw-emoji-modal,.rdw-emoji-wrapper {
    display: flex
}

.rdw-emoji-modal {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    box-shadow: 3px 3px 5px #bfbdbd;
    flex-wrap: wrap;
    height: 180px;
    left: 5px;
    overflow: auto;
    padding: 15px;
    position: absolute;
    top: 35px;
    width: 235px;
    z-index: 100
}

.rdw-emoji-icon {
    cursor: pointer;
    font-size: 22px;
    height: 24px;
    margin: 2.5px;
    width: 24px
}

.rdw-emoji-icon,.rdw-spinner {
    align-items: center;
    display: flex;
    justify-content: center
}

.rdw-spinner {
    height: 100%;
    width: 100%
}

.rdw-spinner>div {
    animation: sk-bouncedelay 1.4s ease-in-out infinite both;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    height: 12px;
    width: 12px
}

.rdw-spinner .rdw-bounce1 {
    animation-delay: -.32s
}

.rdw-spinner .rdw-bounce2 {
    animation-delay: -.16s
}

@keyframes sk-bouncedelay {
    0%,80%,to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.rdw-image-wrapper {
    align-items: center;
    margin-bottom: 6px;
    position: relative
}

.rdw-image-modal,.rdw-image-wrapper {
    display: flex
}

.rdw-image-modal {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    box-shadow: 3px 3px 5px #bfbdbd;
    flex-direction: column;
    height: 180px;
    left: 5px;
    padding: 15px;
    position: absolute;
    top: 35px;
    width: 235px;
    z-index: 100
}

.rdw-image-modal-header {
    display: flex;
    font-size: 15px;
    margin: 10px 0
}

.rdw-image-modal-header-option {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%
}

.rdw-image-modal-header-label {
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    margin-top: 5px;
    width: 80px
}

.rdw-image-modal-header-label-highlighted {
    background: #6eb8d4;
    border-bottom: 2px solid #0a66b7
}

.rdw-image-modal-upload-option {
    align-items: center;
    background-color: #f1f1f1;
    border: none;
    color: gray;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    height: 75px;
    justify-content: center;
    margin: 10px 0;
    outline: 2px dashed gray;
    outline-offset: -10px;
    width: 100%
}

.rdw-image-modal-upload-option-highlighted {
    outline: 2px dashed #0a66b7
}

.rdw-image-modal-upload-option-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.rdw-image-modal-upload-option-input {
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: .1px;
    z-index: -1
}

.rdw-image-modal-url-section {
    display: flex
}

.rdw-image-modal-url-input {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    font-size: 15px;
    height: 35px;
    margin: 29px auto;
    padding: 0 5px;
    width: 90%
}

.rdw-image-modal-btn-section {
    margin: 10px auto 0
}

.rdw-image-modal-url-input:focus {
    outline: none
}

.rdw-image-modal-btn {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
    text-transform: capitalize;
    width: 75px
}

.rdw-image-modal-btn:hover {
    box-shadow: 1px 1px 0 #bfbdbd
}

.rdw-image-modal-btn:active {
    box-shadow: inset 1px 1px 0 #bfbdbd
}

.rdw-image-modal-btn:focus {
    outline: none!important
}

.rdw-image-modal-btn:disabled {
    background: #ece9e9
}

.rdw-image-modal-spinner {
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.rdw-history-wrapper {
    align-items: center;
    margin-bottom: 6px
}

.rdw-history-dropdownoption,.rdw-history-wrapper {
    display: flex
}

.rdw-history-dropdownoption {
    height: 40px;
    justify-content: center
}

.rdw-history-dropdown {
    width: 50px
}

.rdw-link-decorator-wrapper {
    position: relative
}

.rdw-link-decorator-link {
    color: blue;
    text-decoration: underline
}

.rdw-link-decorator-icon {
    background-color: #fff;
    cursor: pointer;
    left: 40%;
    position: absolute;
    top: 0
}

.rdw-mention {
    background-color: #f0fbff;
    border-radius: 2px;
    color: #1236ff;
    padding: 1px 2px
}

.rdw-suggestion-wrapper {
    position: relative
}

.rdw-suggestion-dropdown {
    background: #fff;
    border: 1px solid #f1f1f1;
    display: flex;
    flex-direction: column;
    max-height: 150px;
    min-width: 100px;
    overflow: auto;
    position: absolute;
    z-index: 100
}

.rdw-suggestion-option {
    border-bottom: 1px solid #f1f1f1;
    padding: 7px 5px
}

.rdw-suggestion-option:hover {
    background-color: #f1f1f1
}

.rdw-image-alignment-options-popup {
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    padding: 5px 2px;
    position: absolute;
    width: 105px;
    z-index: 100
}

.rdw-alignment-option-left {
    justify-content: flex-start
}

.rdw-image-alignment-option {
    height: 15px;
    width: 15px
}

.rdw-image-alignment,.rdw-image-imagewrapper {
    position: relative
}

.rdw-image-center {
    display: flex;
    float: none;
    justify-content: center
}

.rdw-image-left {
    float: left
}

.rdw-image-right {
    float: right
}

.rdw-editor-main.demo-editor-custom {
    height: 100%;
    overflow: auto;
    width: 100%
}

.rdw-editor-toolbar {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    justify-content: flex-start;
    margin-bottom: 5px;
    padding: 6px 5px 0;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.rdw-dropdown-wrapper,.rdw-option-wrapper {
    background-color: #f9f9f9
}

.rdw-html-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 6px;
    position: relative
}

.rdw-html-icon-wrapper {
    height: 18px;
    width: 18px
}

.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content {
    height: inherit;
    text-align: initial
}

.DraftEditor-root {
    position: relative
}

.DraftEditor-editorContainer {
    background-color: #fff0;
    border-left: .1px solid #0000;
    position: relative;
    z-index: 1
}

.public-DraftEditor-block {
    position: relative
}

.public-DraftStyleDefault-block {
    margin: 1em 0
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
    text-align: left
}

.DraftEditor-alignLeft .public-DraftEditorplaceholder-root {
    left: 0;
    text-align: left
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
    text-align: center
}

.DraftEditor-alignCenter .public-DraftEditorplaceholder-root {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
    text-align: right
}

.DraftEditor-alignRight .public-DraftEditorplaceholder-root {
    right: 0;
    text-align: right
}

.public-DraftEditorplaceholder-root {
    color: #9197a3;
    position: absolute;
    z-index: 0
}

.public-DraftEditorplaceholder-hasFocus {
    color: #bdc1c9
}

.DraftEditorplaceholder-hidden {
    display: none
}

.public-DraftStyleDefault-block {
    position: relative;
    white-space: pre-wrap
}

.public-DraftStyleDefault-ltr {
    direction: ltr;
    text-align: left
}

.public-DraftStyleDefault-rtl {
    direction: rtl;
    text-align: right
}

.public-DraftStyleDefault-listLTR {
    direction: ltr
}

.public-DraftStyleDefault-listRTL {
    direction: rtl
}

.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul {
    margin: 16px 0;
    padding: 0
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
    margin-left: 1.5em
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
    margin-right: 1.5em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
    margin-left: 3em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
    margin-right: 3em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
    margin-left: 4.5em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
    margin-right: 4.5em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
    margin-left: 6em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
    margin-right: 6em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
    margin-left: 7.5em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
    margin-right: 7.5em
}

.public-DraftStyleDefault-unorderedListItem {
    list-style-type: square;
    position: relative
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
    list-style-type: disc
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
    list-style-type: circle
}

.public-DraftStyleDefault-orderedListItem {
    list-style-type: none;
    position: relative
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
    left: -36px;
    position: absolute;
    text-align: right;
    width: 30px
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
    position: absolute;
    right: -36px;
    text-align: left;
    width: 30px
}

.public-DraftStyleDefault-orderedListItem:before {
    content: counter(ol0) ". ";
    counter-increment: ol0
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
    content: counter(ol1) ". ";
    counter-increment: ol1
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
    content: counter(ol2) ". ";
    counter-increment: ol2
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
    content: counter(ol3) ". ";
    counter-increment: ol3
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
    content: counter(ol4) ". ";
    counter-increment: ol4
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
    counter-reset: ol0
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
    counter-reset: ol1
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
    counter-reset: ol2
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
    counter-reset: ol3
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
    counter-reset: ol4
}

.demo-root {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: Roboto;
    justify-content: center;
    width: 100%
}

.demo-editorSection {
    z-index: 0
}

.demo-wrapper-wide {
    display: block
}

.demo-editor {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    height: 80%;
    padding: 5px
}

.demo-editorWrapper,.demo-toolbar {
    width: 100%
}

.demo-content {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    border-radius: 2px;
    height: 425px;
    height: 355px;
    margin-left: 30px;
    margin-top: 127px;
    padding: 5px;
    resize: none;
    width: 400px
}

.bordered-option-classname {
    border: 1px solid #e3e3e3
}

.demo-toolbar-custom {
    background-color: #7c838d;
    width: 100%
}

.demo-editor-custom {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    height: 200px;
    height: 75%;
    padding: 5px
}

.demo-option-custom {
    border-color: #002f7e;
    color: #002f7e;
    height: 15px;
    width: 15px
}

.demo-option-custom-wide {
    border-color: #002f7e;
    color: #002f7e;
    height: 25px;
    width: 125px
}

.demo-dropdown-custom,.demo-popup-custom {
    border-color: #002f7e
}

.demo-popup-custom {
    padding: 5px
}

.demo-popup-custom button,.demo-popup-custom input {
    border-color: #002f7e
}

.nrc-editor-hidetoolbar {
    display: none
}

.nrc-editor-view-mode {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding: 5px
}

.editor-invisible {
    background: #0000;
    height: 0!important;
    left: 0;
    line-height: 0px;
    margin: 0;
    padding: 0;
    position: absolute;
    resize: none;
    top: 0;
    width: 0;
    z-index: -10
}

.editor-html {
    border: 1px solid #f1f1f1;
    height: 100%;
    width: 100%
}

.editor-table,.nrc-editor-view-mode table {
    background-color: #fff;
    border: 1px solid #111;
    border-collapse: collapse;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.editor-table-tr,.nrc-editor-view-mode tr {
    height: 25px
}

.nrc-editor-view-mode img {
    cursor: default;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.nrc-editor-view-mode a {
    color: #01b1f0;
    cursor: pointer;
    text-decoration: underline
}

.nrc-editor-view-mode a img {
    cursor: pointer
}

.nrc-editor-view-mode p {
    word-wrap: break-word;
    margin: 1em 0
}

.nrc-editor-view-mode li {
    margin: 1em 0 1em 1.5em
}

.nrc-editor-view-mode ol {
    list-style: decimal
}

.nrc-editor-view-mode ul {
    list-style: unset
}

.nrc-editor-view-mode em {
    font-style: italic
}

.editor-table-td,.nrc-editor-view-mode td {
    border: 1px solid #111;
    cursor: text;
    padding: 5px;
    width: 150px
}

.editor-table-input {
    height: 25px;
    width: 95%
}

.editor-table-active-td {
    border: 1px double #1eaae5
}

.editor-table-tool-wrapper button,.editor-table-tool-wrapper button:active,.editor-table-tool-wrapper button:focus,.editor-table-tool-wrapper button:hover {
    background: none;
    height: 100%;
    outline: none;
    padding: 4px
}

.rdw-table-insert-wrapper {
    height: 22px;
    margin: 0;
    padding: 4px
}

.rdw-dropdown-table {
    position: absolute
}

.rdw-table-picker-cell {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==);
    background-repeat: repeat;
    overflow: hidden
}

.rdw-table-picker-container {
    background-color: #fff;
    cursor: pointer;
    overflow: hidden
}

.nrc-form-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 14px
}

.nrc-form-table .form-table-header {
    color: #222;
    display: block;
    font-size: 21px;
    font-weight: 400;
    line-height: 2.5;
    text-indent: 20px
}

.nrc-form-table a {
    color: #c72828;
    text-decoration: underline
}

.nrc-form-table a:hover {
    text-decoration: none
}

.nrc-form-table .form-table-body .group .header {
    font-size: 18px;
    padding: 10px 20px
}

.nrc-form-table .form-table-body .group .header:before {
    content: "•";
    margin: 0 5px
}

.nrc-form-table .form-table-body .group .body {
    border-left: 1px solid #eef1f4;
    border-top: 1px solid #eef1f4;
    margin: 0
}

.nrc-form-table .form-table-body .group .body .column {
    box-sizing: border-box;
    min-height: 46px
}

.nrc-form-table .form-table-body .group .body .column .column-title {
    background-color: #f6f8f9;
    color: #555e76;
    font-weight: 500
}

.nrc-form-table .form-table-body .group .body .column .column-content,.nrc-form-table .form-table-body .group .body .column .column-title {
    align-items: center;
    border-bottom: 1px solid #eef1f4;
    border-right: 1px solid #eef1f4;
    box-sizing: border-box;
    display: flex;
    min-height: 46px;
    padding: 8px;
    position: relative
}

.nrc-form-table .form-table-body .group .body .column .column-content {
    background-color: #fff;
    font-weight: 300
}

.nrc-form-table .form-table-body .group .body .column .column-content>p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nrc-form-table .form-table-body .group .body .column .column-content .nrc-button {
    position: absolute;
    right: 10px;
    top: calc(50% - 15px)
}

.nrc-form-table .form-table-body .group .body .column .column-content .nrc-view-edit-wrapper {
    position: absolute
}

.nrc-form-table .form-table-body .group .body .column .column-content .nrc-view-edit-wrapper .nrc-button-group {
    position: static
}

.nrc-form-table .form-table-body .group .body .column .column-content .nrc-view-edit-wrapper .nrc-button-group .nrc-button {
    position: relative
}

.lottery-game-list {
    padding: 20px 50px 120px;
    text-align: center
}

.lottery-game-list li {
    cursor: pointer;
    margin: 0 20px;
    padding-bottom: 20px;
    position: relative;
    width: calc(20% - 40px)
}

.lottery-game-list li:hover .cover {
    box-shadow: 0 0 15px #c72828
}

.lottery-game-list li:hover .cont {
    color: #c72828
}

.lottery-game-list li .cover {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 auto 12px;
    max-width: 180px;
    overflow: hidden;
    position: relative;
    transition: .3s;
    width: 100%
}

.lottery-game-list li .cover img {
    display: block;
    height: auto;
    position: relative;
    width: 100%
}

.lottery-game-list li .cont {
    color: #fff
}

.footer-logo-box {
    display: flex;
    flex-wrap: wrap
}

.footer-logo-box>div {
    background: url(https://img.alltocon.com/img/static/desktop/footer-logos.png) no-repeat;
    height: 50px;
    margin-right: 20px
}

.footer-logo-box>.Awesome {
    background-position: -365px 0;
    width: 36px
}

.footer-logo-box>.A-MEBA-B {
    background-position: -10px 0;
    width: 80px
}

.footer-logo-box>.A-MEBA-W,.footer-logo-box>.AMEBA {
    background-position: -110px 0;
    width: 80px
}

.footer-logo-box>.AB,.footer-logo-box>.ALLBET {
    background-position: -210px 0;
    width: 62px
}

.footer-logo-box>.AG {
    background-position: -292px 0;
    width: 53px
}

.footer-logo-box>.BACCARAT,.footer-logo-box>.MX,.footer-logo-box>.SEXYBCRT {
    background: url(https://img.alltocon.com/img/static/gplogo/live/sexybcrt.png) 50%/100% auto no-repeat;
    width: 106px
}

.footer-logo-box>.CQ9 {
    background-position: -528px 0;
    width: 68px
}

.footer-logo-box>.DT,.footer-logo-box>.Dream-Tech {
    background-position: -616px 0;
    width: 46px
}

.footer-logo-box>.GD {
    background-position: -682px 0;
    width: 66px
}

.footer-logo-box>.GG,.footer-logo-box>.GGAMING {
    background: url(https://img.alltocon.com/img/static/gplogo/mpg/ggaming.png) 50%/100% auto no-repeat;
    width: 80px
}

.footer-logo-box>.HY {
    background-position: -878px 0;
    width: 37px
}

.footer-logo-box>.LAX,.footer-logo-box>.LAXINO,.footer-logo-box>.LX {
    background-position: -935px 0;
    width: 140px
}

.footer-logo-box>.LG {
    background-position: -1095px 0;
    width: 109px
}

.footer-logo-box>.MEGA-WIN,.footer-logo-box>.MW {
    background-position: -1224px 0;
    width: 76px
}

.footer-logo-box>.MG,.footer-logo-box>.Micro {
    background-position: -1320px 0;
    width: 105px
}

.footer-logo-box>.NY {
    background-position: -1445px 0;
    width: 33px
}

.footer-logo-box>.RED-TIGER,.footer-logo-box>.RT {
    background-position: -1498px 0;
    width: 45px
}

.footer-logo-box>.SA {
    background-position: -1563px 0;
    width: 91px
}

.footer-logo-box>.SABA,.footer-logo-box>.SABA-SPORTS {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/saba.png) 50%/100% auto no-repeat;
    width: 130px
}

.footer-logo-box>.SB,.footer-logo-box>.SUNBET {
    background-position: -1762px 0;
    width: 51px
}

.footer-logo-box>.SV,.footer-logo-box>.SV388 {
    background-position: -1833px 0;
    width: 86px
}

.footer-logo-box>.TRC {
    background-position: -1939px 0;
    width: 73px
}

.footer-logo-box>.UG,.footer-logo-box>.UGAMING {
    background-position: -2032px 0;
    width: 76px
}

.footer-logo-box>.VENUS,.footer-logo-box>.VGS {
    background-position: -2128px 0;
    width: 54px
}

.footer-logo-box>.VR {
    background-position: -2202px 0;
    width: 56px
}

.footer-logo-box>.ZF,.footer-logo-box>.ZFB {
    background-position: -2278px 0;
    width: 98px
}

.footer-logo-box>.BBIN,.footer-logo-box>.bbin {
    background-position: -2396px 0;
    width: 64px
}

.footer-logo-box>.PT,.footer-logo-box>.play-tech {
    background-position: -2480px 0;
    width: 83px
}

.footer-logo-box>.VSL {
    background-position: -2573px 0;
    width: 83px
}

.footer-logo-box>.JDB {
    background-position: -2653px 0;
    width: 83px
}

.footer-logo-box>.SABA-en {
    background-position: -2736px 0;
    width: 80px
}

.footer-logo-box>.GG-en {
    background-position: -2816px 0;
    width: 80px
}

.footer-logo-box>.AB-en {
    background-position: -2896px 0;
    width: 80px
}

.footer-logo-box>.VT {
    background-position: -3280px 0;
    width: 100px
}

.footer-logo-box>.SUNBET-en {
    background-position: -2976px 0;
    width: 104px
}

.footer-logo-box>.RW {
    background-position: -3380px 0;
    width: 60px
}

.footer-logo-box>.PG {
    background-position: -3440px 0;
    width: 60px
}

.footer-logo-box>.KY {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/ky.png) 50%/auto 170% no-repeat;
    width: 55px
}

.footer-logo-box>.VG {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/vg.png) 50%/auto 170% no-repeat;
    width: 55px
}

.footer-logo-box>.LC {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/lc.png) 50%/100% auto no-repeat;
    width: 75px
}

.footer-logo-box>.CARD365,.footer-logo-box>.chess365 {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/365.png) 50%/auto 100% no-repeat;
    width: 55px
}

.footer-logo-box>.DS {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/ds.png) 50%/auto 100% no-repeat;
    width: 55px
}

.footer-logo-box>.PS {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/ps.png) 50%/100% no-repeat;
    width: 55px
}

.footer-logo-box>.AE_GAMING {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/ae_gaming.png) 50%/100% no-repeat;
    width: 106px
}

.footer-logo-box>.KISS918,.footer-logo-box>.s918 {
    background: url(https://img.alltocon.com/img/static/slotking777/logo-918.png) 50%/auto 100% no-repeat;
    width: 100px
}

.footer-logo-box>.AE_C,.footer-logo-box>.ae_c {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/ae_c.png) 50%/100% auto no-repeat;
    width: 85px
}

.footer-logo-box>.IG {
    background: url(https://img.alltocon.com/img/static/gplogo/lottery/ig.png) 50%/90% no-repeat;
    width: 55px
}

.footer-logo-box>.ESPORTSBULL,.footer-logo-box>.e-bull {
    background: url(https://img.alltocon.com/img/static/esports/logo-eb.png) 50%/100% auto no-repeat;
    width: 125px
}

.footer-logo-box>.AE_ES {
    background: url(https://img.alltocon.com/img/static/esports/logo-aees.png) 50%/100% auto no-repeat;
    width: 150px
}

.footer-logo-box>.AE_LOT {
    background: url(https://img.alltocon.com/img/static/gplogo/lottery/ae_lot.png) 50%/100% auto no-repeat;
    width: 130px
}

.footer-logo-box>.AE_ES2 {
    background: url(https://img.alltocon.com/img/static/gplogo/esports/ae_es2.png) 50%/100% auto no-repeat;
    width: 130px
}

.footer-logo-box>.AWS {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/aws.png) 50%/auto 100% no-repeat;
    width: 46px
}

.footer-logo-box>.GPI {
    background: url(https://img.alltocon.com/img/static/gplogo/lottery/gpi.png) 50%/100% auto no-repeat;
    width: 125px
}

.footer-logo-box>.JOKER {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/joker.png) 50%/100% auto no-repeat;
    width: 100px
}

.footer-logo-box>.JILI {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/jili.png) 50%/100% auto no-repeat;
    width: 70px
}

.footer-logo-box>.BO {
    background: url(https://img.alltocon.com/img/static/gplogo/finance/bo.png) 50%/100% auto no-repeat;
    width: 50px
}

.footer-logo-box>.CROWN,.footer-logo-box>.SINGBET,.footer-logo-box>.singbet {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/singbet.png) 50%/100% auto no-repeat;
    width: 60px
}

.footer-logo-box>.IM {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/im.png) 50%/100% auto no-repeat;
    width: 115px
}

.footer-logo-box>.JG {
    background: url(https://img.alltocon.com/img/static/gplogo/live/jg.png) 50%/100% auto no-repeat;
    width: 68px
}

.footer-logo-box>.SIMPLEPLAY {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/simpleplay.png) 50%/100% auto no-repeat;
    width: 48px
}

.footer-logo-box>.SEA {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/sea.png) 50%/100% auto no-repeat;
    width: 48px
}

.footer-logo-box>.FC {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/fc.png) 50%/100% auto no-repeat;
    width: 48px
}

.footer-logo-box>.RICH88 {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/rich88.png) 50%/100% auto no-repeat;
    width: 110px
}

.footer-logo-box>.CMDBET {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/CMDBET/CMDBET.png) 50%/100% auto no-repeat;
    width: 68px
}

.footer-logo-box>.WM {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/WM/wm.png) 50%/90% auto no-repeat;
    width: 60px
}

.footer-logo-box>.EVO {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/EVO/evo.png) 50%/contain no-repeat;
    width: 55px
}

.footer-logo-box>.DG {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/DG/dg.png) 50%/90% auto no-repeat;
    width: 70px
}

.footer-logo-box>.SBOBET {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/SBOBET/SBOBET.png) 50%/100% auto no-repeat;
    width: 68px
}

.footer-logo-box>.TF {
    background: url(https://img.alltocon.com/img/static/gplogo/esports/tf.png) 50%/100% auto no-repeat;
    width: 90px
}

.footer-logo-box>.S128 {
    background: url(https://img.alltocon.com/img/static/ec-app/S128.png) 50%/100% auto no-repeat;
    width: 130px
}

.footer-logo-box>.SPR168 {
    background: url(https://img.alltocon.com/img/static/ec-app/SPR168.png) 100%/auto 110% no-repeat;
    width: 60px
}

.footer-logo-box>.BTI {
    background: url(https://img.alltocon.com/img/static/ec-app/BTI.png) 50%/100% auto no-repeat;
    width: 85px
}

.footer-logo-box>.AE_CRICKET {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/ae_cricket.png) 50%/100% auto no-repeat;
    width: 120px
}

.footer-logo-box>.KINGMAKER {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/kingmaker.png) 50%/100% auto no-repeat;
    width: 120px
}

.footer-logo-box>.UFABET {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/ufabet.png) 50%/100% auto no-repeat;
    width: 110px
}

.footer-logo-box>.UFASLOT {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo/ufaslot.png) 50%/100% auto no-repeat;
    width: 55px
}

.footer-logo-box>.YL {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo/yl.png) 50%/100% auto no-repeat;
    width: 55px
}

.footer-logo-box>.PP {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/pp.png) 50%/100% auto no-repeat;
    width: 57px
}

.footer-logo-box>.GW {
    background: url(https://img.alltocon.com/img/static/gplogo/lottery/gw.png) 50%/100% auto no-repeat;
    width: 70px
}

.footer-logo-box .RCB {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c2/rcb.png) 50%/100% auto no-repeat;
    width: 70px!important
}

.footer-logo-box .AE_PLAY {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c2/ae_play.png) 50%/100% auto no-repeat;
    width: 100px!important
}

.footer-logo-box .EZUGI {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/ezugi.png) 50%/100% auto no-repeat;
    width: 100px!important
}

.footer-logo-box .AE_SEVEN {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/ae_seven.png) 50%/100% auto no-repeat;
    width: 100px!important
}

.footer-logo-box .KX {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/kx.png) 50%/contain no-repeat;
    width: 0!important
}

.footer-logo-box .AE_LOTTO {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/ae_lotto.png) 50%/100% auto no-repeat;
    width: 80px!important
}

.footer-logo-box .OG {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/og.png) 50%/contain no-repeat;
    width: 50px!important
}

.footer-logo-box .SPADEGAMING {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/spadegaming.png) 50%/contain no-repeat;
    width: 50px!important
}

.footer-logo-box .SKM {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/skm.png) 50%/contain no-repeat;
    width: 50px!important
}

.footer-logo-box .PNG {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/png.png) 50%/100% auto no-repeat;
    width: 100px!important
}

.footer-logo-box .LUDO {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/ludo.png) 50%/100% auto no-repeat;
    width: 80px!important
}

.footer-logo-box .KA {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/ka.png) 50%/contain no-repeat;
    width: 50px!important
}

.footer-logo-box .GEN {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/gen.png) 50%/100% auto no-repeat;
    width: 80px!important
}

.footer-logo-box .AE_SPORTS {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/ae_sports.png) 50%/100% auto no-repeat;
    width: 80px!important
}

.footer-logo-box .AEUFA {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/aeufa.png) 50%/100% auto no-repeat;
    width: 100px!important
}

.footer-logo-box .MUAYSTEP {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/muaystep.png) 50%/contain no-repeat;
    width: 50px!important
}

.footer-logo-box .AE_CRIC_EX {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/ae_cric_ex.png) 50%/100% auto no-repeat;
    width: 100px!important
}

.footer-logo-box .JM {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c/jm.png) 50%/contain no-repeat;
    width: 50px!important
}

.provider-slider-wrap .footer-swiper-logo-box {
    height: 50px
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper {
    height: 100%
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide {
    margin-right: 20px;
    width: auto!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide>* {
    background: url(https://img.alltocon.com/img/static/desktop/footer-logos.png) no-repeat;
    height: 50px
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .Awesome {
    background-position: -365px 0;
    width: 36px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .A-MEBA-B {
    background-position: -10px 0;
    width: 80px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .A-MEBA-W,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AMEBA {
    background-position: -110px 0;
    width: 80px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AB,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ALLBET {
    background-position: -210px 0;
    width: 62px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AG {
    background-position: -292px 0;
    width: 53px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .BACCARAT,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MX,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SEXYBCRT {
    background: url(https://img.alltocon.com/img/static/gplogo/live/sexybcrt.png) 50%/100% auto no-repeat;
    width: 106px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .CQ9 {
    background-position: -528px 0;
    width: 68px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .DT,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .Dream-Tech {
    background-position: -616px 0;
    width: 46px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GD {
    background-position: -682px 0;
    width: 66px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GG,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GGAMING {
    background: url(https://img.alltocon.com/img/static/gplogo/mpg/ggaming.png) 50%/100% auto no-repeat;
    width: 80px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .HY {
    background-position: -878px 0;
    width: 37px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LAX,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LAXINO,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LX {
    background-position: -935px 0;
    width: 140px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LG {
    background-position: -1095px 0;
    width: 109px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MEGA-WIN,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MW {
    background-position: -1224px 0;
    width: 76px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MG,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .Micro {
    background-position: -1320px 0;
    width: 105px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .NY {
    background-position: -1445px 0;
    width: 33px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .RED-TIGER,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .RT {
    background-position: -1498px 0;
    width: 45px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SA {
    background-position: -1563px 0;
    width: 91px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SABA,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SABA-SPORTS {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/saba.png) 50%/100% auto no-repeat;
    width: 130px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SB,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SUNBET {
    background-position: -1762px 0;
    width: 51px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SV,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SV388 {
    background-position: -1833px 0;
    width: 86px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .TRC {
    background-position: -1939px 0;
    width: 73px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .UG,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .UGAMING {
    background-position: -2032px 0;
    width: 76px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VENUS,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VGS {
    background-position: -2128px 0;
    width: 54px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VR {
    background-position: -2202px 0;
    width: 56px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ZF,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ZFB {
    background-position: -2278px 0;
    width: 98px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .BBIN,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .bbin {
    background-position: -2396px 0;
    width: 64px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .PT,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .play-tech {
    background-position: -2480px 0;
    width: 83px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VSL {
    background-position: -2573px 0;
    width: 83px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .JDB {
    background-position: -2653px 0;
    width: 83px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SABA-en {
    background-position: -2736px 0;
    width: 80px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GG-en {
    background-position: -2816px 0;
    width: 80px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AB-en {
    background-position: -2896px 0;
    width: 80px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VT {
    background-position: -3280px 0;
    width: 100px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SUNBET-en {
    background-position: -2976px 0;
    width: 104px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .RW {
    background-position: -3380px 0;
    width: 60px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .PG {
    background-position: -3440px 0;
    width: 60px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .KY {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/ky.png) 50%/auto 170% no-repeat;
    width: 55px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .VG {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/vg.png) 50%/auto 170% no-repeat;
    width: 55px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .LC {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/lc.png) 50%/100% auto no-repeat;
    width: 75px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .CARD365,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .chess365 {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/365.png) 50%/auto 100% no-repeat;
    width: 55px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .DS {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/ds.png) 50%/auto 100% no-repeat;
    width: 55px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .PS {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/ps.png) 50%/100% no-repeat;
    width: 55px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .KISS918,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .s918 {
    background: url(https://img.alltocon.com/img/static/slotking777/logo-918.png) 50%/auto 100% no-repeat;
    width: 100px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_C,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ae_c {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/ae_c.png) 50%/100% auto no-repeat;
    width: 85px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .IG {
    background: url(https://img.alltocon.com/img/static/gplogo/lottery/ig.png) 50%/90% no-repeat;
    width: 55px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ESPORTSBULL,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .e-bull {
    background: url(https://img.alltocon.com/img/static/esports/logo-eb.png) 50%/100% auto no-repeat;
    width: 125px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_ES {
    background: url(https://img.alltocon.com/img/static/esports/logo-aees.png) 50%/100% auto no-repeat;
    width: 150px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_LOT {
    background: url(https://img.alltocon.com/img/static/gplogo/lottery/ae_lot.png) 50%/100% auto no-repeat;
    width: 150px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_ES2 {
    background: url(https://img.alltocon.com/img/static/gplogo/esports/ae_es2.png) 50%/100% auto no-repeat;
    width: 150px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AWS {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/aws.png) 50%/auto 100% no-repeat;
    width: 46px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GPI {
    background: url(https://img.alltocon.com/img/static/gplogo/lottery/gpi.png) 50%/100% auto no-repeat;
    width: 125px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .JOKER {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/joker.png) 50%/100% auto no-repeat;
    width: 100px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .JILI {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/jili.png) 50%/100% auto no-repeat;
    width: 70px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .BO {
    background: url(https://img.alltocon.com/img/static/gplogo/finance/bo.png) 50%/100% auto no-repeat;
    width: 50px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .CROWN,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SINGBET,.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .singbet {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/singbet.png) 50%/100% auto no-repeat;
    width: 60px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .IM {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/im.png) 50%/100% auto no-repeat;
    width: 115px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .JG {
    background: url(https://img.alltocon.com/img/static/gplogo/live/jg.png) 50%/100% auto no-repeat;
    width: 68px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SIMPLEPLAY {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/simpleplay.png) 50%/100% auto no-repeat;
    width: 48px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SEA {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/sea.png) 50%/100% auto no-repeat;
    width: 48px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .CMDBET {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/CMDBET/CMDBET.png) 50%/100% auto no-repeat;
    width: 68px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .WM {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/WM/wm.png) 50%/90% auto no-repeat;
    width: 60px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .EVO {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/EVO/evo.png) 50%/contain no-repeat;
    width: 55px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .DG {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/DG/dg.png) 50%/90% auto no-repeat;
    width: 70px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SBOBET {
    background: url(https://img.alltocon.com/img/static/game/zh-CN/SBOBET/SBOBET.png) 50%/100% auto no-repeat;
    width: 68px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .TF {
    background: url(https://img.alltocon.com/img/static/gplogo/esports/tf.png) 50%/100% auto no-repeat;
    width: 90px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .S128 {
    background: url(https://img.alltocon.com/img/static/ec-app/S128.png) 50%/100% auto no-repeat;
    width: 130px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SPR168 {
    background: url(https://img.alltocon.com/img/static/ec-app/SPR168.png) 100%/auto 110% no-repeat;
    width: 60px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .BTI {
    background: url(https://img.alltocon.com/img/static/ec-app/BTI.png) 50%/100% auto no-repeat;
    width: 85px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_CRICKET {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/ae_cricket.png) 50%/100% auto no-repeat;
    width: 120px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .KINGMAKER {
    background: url(https://img.alltocon.com/img/static/gplogo/chess/kingmaker.png) 50%/100% auto no-repeat;
    width: 120px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .UFABET {
    background: url(https://img.alltocon.com/img/static/gplogo/sports/ufabet.png) 50%/100% auto no-repeat;
    width: 110px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .UFASLOT {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo/ufaslot.png) 50%/100% auto no-repeat;
    width: 110px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .PP {
    background: url(https://img.alltocon.com/img/static/gplogo/egame/pp.png) 50%/100% auto no-repeat;
    width: 57px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GW {
    background: url(https://img.alltocon.com/img/static/gplogo/lottery/gw.png) 50%/100% auto no-repeat;
    width: 70px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .RCB {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c2/rcb.png) 50%/100% auto no-repeat;
    width: 70px!important
}

.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AE_PLAY {
    background: url(https://img.alltocon.com/img/static/yabo/mobile/gplogo-c2/ae_play.png) 50%/100% auto no-repeat;
    width: 100px!important
}

button {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    font-family: inherit
}

.nrc-button.DEBIT_CARD-channel:before,.nrc-button.QR_BANK-channel:before {
    color: #00468e
}

.nrc-button.WEIXIN-channel:before {
    color: #00b049
}

.nrc-button.ALIPAY-channel:before {
    color: #00a8f1
}

.nrc-button.QQ-channel:before {
    color: #201c2a
}

.btn-main {
    background-color: #c72828;
    border-radius: 20px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    line-height: 1.1;
    padding: 11px 0;
    text-align: center;
    transition: .3s;
    width: 150px
}

.btn-main.btn-border {
    background-color: #0000;
    border: 1px solid #c72828;
    border-radius: 4px;
    color: #c72828;
    padding: 0 15px;
    width: auto
}

.btn-main.btn-border:focus,.btn-main.btn-border:hover {
    background-color: #0000;
    border: 1px solid #c6c6c6;
    color: #c6c6c6
}

.btn-main:focus,.btn-main:hover {
    background-color: #c6c6c6
}

.nrc-button {
    background-color: #c72828;
    border: 0;
    border-radius: 22.5px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 45px;
    padding: 0 40px
}

.nrc-button:focus,.nrc-button:hover {
    background-color: #b22424
}

.nrc-button:disabled {
    background-color: #ccc;
    color: #eee;
    cursor: not-allowed
}

.nrc-button.grey {
    background-color: #aaa;
    color: #fff
}

.nrc-button.grey:focus,.nrc-button.grey:hover {
    background-color: #9d9d9d
}

.nrc-button.white-border-no-bg {
    background-color: #0000;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff
}

.nrc-button.white-border-no-bg:focus,.nrc-button.white-border-no-bg:hover {
    border: 1px solid #f2f2f2;
    color: #f2f2f2
}

.nrc-button.rect {
    border-radius: 5px
}

.nrc-button.rect-small {
    border-radius: 5px;
    height: 40px
}

.nrc-button.rect-small,.nrc-button[data-size=small] {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.nrc-button[data-size=small] {
    height: 36px
}

.nrc-button.neutral {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #222;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    padding: 0 15px
}

.nrc-button.neutral.selected,.nrc-button.neutral:hover {
    background-color: #ebebeb;
    border-color: #c72828
}

.nrc-button.square {
    border-radius: 5px;
    height: 54px;
    padding: inherit;
    width: 54px
}

.nrc-button[class$=channel] {
    padding-left: 35px;
    position: relative
}

.tabs {
    font-size: 0;
    width: 100%
}

.tabs li {
    display: inline-block;
    font-size: 18px;
    position: relative;
    text-align: center
}

.tabs li a {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.tabs.tab-skew {
    height: 70px;
    line-height: 70px;
    overflow: hidden
}

.tabs.tab-skew li {
    width: 16.6666666667%
}

.tabs.tab-skew li a {
    color: #fff;
    margin-left: -5px;
    z-index: 1
}

.tabs.tab-skew li:after {
    background-color: #aaa;
    border-left: 2px solid #fff;
    content: "";
    height: 100%;
    left: -10px;
    position: absolute;
    top: 0;
    transform: skewX(-12deg);
    transition: .2s;
    width: calc(100% + 20px)
}

.tabs.tab-skew li.active:after,.tabs.tab-skew li:hover:after {
    background-color: #c6c6c6
}

.tabs.tab-underline {
    border-bottom: 2px solid #ccc;
    height: 50px;
    line-height: 50px
}

.tabs.tab-underline li a {
    box-sizing: border-box;
    color: #aaa;
    padding: 0 15px;
    transition: .2s
}

.tabs.tab-underline li.active a,.tabs.tab-underline li:hover a {
    color: #c72828
}

.tabs.tab-underline li.active:after,.tabs.tab-underline li:hover:after {
    background-color: #c72828;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.tabs.tab-inboxhead,.tabs.tab-tablehead {
    height: 50px;
    line-height: 50px
}

.tabs.tab-inboxhead li,.tabs.tab-tablehead li {
    margin: 0 5px;
    transition: .2s;
    width: 150px
}

.tabs.tab-inboxhead li a,.tabs.tab-tablehead li a {
    color: #777
}

.tabs.tab-inboxhead li.active,.tabs.tab-inboxhead li:hover,.tabs.tab-tablehead li.active,.tabs.tab-tablehead li:hover {
    background-color: #ffffffe6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.inbox-head {
    background-color: #aaa;
    height: 50px;
    padding-top: 10px;
    position: relative;
    width: 100%
}

.inbox-head .tab-inboxhead {
    box-sizing: border-box;
    padding: 0 10px
}

.inbox-head .tab-inboxhead li a {
    color: #fff;
    font-size: 15px
}

.inbox-head .tab-inboxhead li.active,.inbox-head .tab-inboxhead li:hover {
    background-color: #fff
}

.inbox-head .tab-inboxhead li.active a,.inbox-head .tab-inboxhead li:hover a {
    color: #777
}

.inbox-head .btn-refresh {
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #fff;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 15px;
    width: 70px
}

.inbox-head .btn-refresh i {
    display: inline-block;
    vertical-align: middle
}

.nrc-tabs .nrc-tabs-nav {
    border-bottom: 2px solid #ccc;
    box-sizing: border-box
}

.nrc-tabs .nrc-tabs-nav span {
    line-height: 35px
}

.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab {
    box-sizing: border-box;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    min-width: 100px;
    padding: 16px;
    position: relative
}

.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active:after,.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab:hover:after {
    background-color: #c72828;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active {
    color: #c72828
}

.nrc-tabs.tabs-style-3 .nrc-tabs-nav {
    background-color: #aaa;
    border-bottom: none;
    box-sizing: border-box;
    padding: 25px 15% 0
}

.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab {
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin: 0 5px;
    min-width: 150px;
    padding: 16px
}

.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab.active:after,.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab:hover:after {
    display: none
}

.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab.active,.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab:hover {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #777
}

.nrc-tabs.tabs-style-side {
    margin-top: 30px;
    min-height: 570px;
    position: relative
}

.nrc-tabs.tabs-style-side .nav-style-side {
    border: 0;
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 180px
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #0000001a;
    color: #535353;
    margin: 10px 0;
    overflow: hidden;
    padding: 10px 0 10px 30px;
    position: relative;
    text-align: left;
    text-indent: 10px;
    transition: .2s
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(-n+4) {
    background-color: #f5f5f5;
    color: #000
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(-n+4):before {
    background-color: #fff;
    border-radius: 50%;
    color: #eba326;
    content: "★";
    display: block;
    font-size: 12px;
    height: 20px;
    left: 12px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 17.5px;
    width: 20px
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(-n+4):after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .2s;
    width: 100%
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(-n+4):hover:after {
    background-color: #0000;
    transform: scale(1.1)
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(2):after {
    background: url(https://img.alltocon.com/img/static/desktop/egame-tab-01.png) 100% no-repeat
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(3):after {
    background: url(https://img.alltocon.com/img/static/desktop/egame-tab-02.png) 100% no-repeat
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(4):after {
    background: url(https://img.alltocon.com/img/static/desktop/egame-tab-03.png) 100% no-repeat
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:first-of-type {
    margin-top: 15px
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:first-of-type:before {
    content: "❤"
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:first-of-type.active:after {
    background: none
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:after {
    display: none
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:hover {
    background-color: #fff
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:hover:before {
    background-color: #f5f5f5;
    color: #ea4747
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab.active,.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab.active:hover {
    background-color: #eba326;
    color: #000
}

.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:hover {
    color: #000
}

.nrc-tabs.tabs-style-side .nav-style-side+.tab-item {
    margin-left: 220px;
    position: relative;
    width: calc(100% - 220px)
}

.ads {
    position: fixed;
    z-index: 20
}

.ads .adItem {
    position: absolute;
    transition: top .2s ease-out
}

.ads .adItem.click-url,.ads i {
    cursor: pointer
}

.ads i {
    background-color: #000;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 600;
    position: absolute;
    right: 0
}

.ads i:hover {
    background-color: #fff;
    border: 1px solid #000;
    color: #000
}

.ads.left-top {
    left: 0;
    top: 0;
    z-index: 22
}

.ads.left-top div {
    position: absolute
}

.ads.left-top .fade-in-out {
    opacity: .6;
    position: absolute;
    transition: all .3s ease-out
}

.ads.left-top .fade-in-out.active {
    opacity: 1
}

.ads.left-center,.ads.left-center .adItem {
    left: 0
}

.ads.right-center,.ads.right-center .adItem {
    right: 0
}

.floating-maintenance {
    background-image: linear-gradient(0deg,#000,#282828cc);
    border: 1px solid #fff;
    border-radius: 10px;
    bottom: -165px;
    box-shadow: 0 3px 6px 0 #00000080;
    color: #fff;
    left: 20px;
    padding: 10px 15px 10px 0;
    position: fixed;
    transition: bottom .5s;
    width: 300px;
    z-index: 21
}

.floating-maintenance.active {
    bottom: -10px
}

.floating-maintenance .maintenances-title {
    word-wrap: break-word;
    letter-spacing: 2px;
    margin-bottom: 10px;
    padding: 0 18px;
    text-align: center
}

.floating-maintenance .maintenances-title i {
    cursor: pointer;
    font-size: 1.3em;
    font-weight: 600;
    position: absolute;
    right: 10px
}

.floating-maintenance .maintenances-content {
    font-size: 13px;
    height: 150px;
    overflow: auto;
    padding: 0 20px
}

.floating-maintenance .maintenances-content .maintenances-item {
    margin-bottom: 15px
}

.floating-maintenance .maintenances-content .maintenances-item .maintenances-item-name {
    background-image: linear-gradient(to right bottom,#dbdb00 15%,#bb6e09 65%,#502f03 95%);
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    margin: 5px 0;
    padding: 5px 10px
}

.ad-center {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1024
}

.ad-center .ad-center-content {
    aspect-ratio: 11/6;
    background-color: #fff;
    display: flex;
    left: 0;
    margin: auto;
    max-width: 1050px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

@media screen and (max-width: 1024px) {
    .ad-center .ad-center-content {
        max-width:768px
    }
}

.ad-center .ad-center-content .left {
    border-right: 1px solid #e6e6e6;
    display: flex;
    flex: 3;
    flex-direction: column
}

.ad-center .ad-center-content .left .title-list {
    flex: 1;
    overflow-y: auto
}

.ad-center .ad-center-content .left .title-list>div {
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    color: #777;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    justify-content: center;
    min-height: 70px;
    padding: 15px;
    word-break: break-word
}

.ad-center .ad-center-content .left .title-list>div.active {
    background-color: #c72828;
    color: #fff
}

.ad-center .ad-center-content .left .logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    margin: 10px
}

.ad-center .ad-center-content .right {
    aspect-ratio: 8/6;
    background-color: #f2f2f2;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 8
}

.ad-center .ad-center-content .right.pointer {
    cursor: pointer
}

.ad-center .ad-center-content .close {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 #0000004f;
    color: #777;
    cursor: pointer;
    font-size: 34px;
    height: 40px;
    line-height: 46px;
    position: absolute;
    right: -20px;
    text-align: center;
    top: -20px;
    width: 40px
}

.ad-center .ad-center-overlay {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,#00000080,#0000)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,#00000080,#0000)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,#00000080,#0000)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,#00000080,#0000)
}

.swiper-container-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(var(--swiper-navigation-size)*-1/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none!important;
    text-transform: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: #00000040;
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: #0000001a;
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: #00000080;
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid #0000;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
    background: #000;
    bottom: 0;
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.general-layout {
    background-color: #fff;
    box-sizing: border-box;
    color: #777;
    display: flex;
    font-size: 14px;
    line-height: 1.8;
    margin: auto;
    min-height: calc(100vh - 410px);
    padding: 50px 0;
    position: relative
}

.general-layout .gr-menu {
    background-color: #ffffffe6;
    text-align: center;
    width: 220px
}

.general-layout .gr-menu ul {
    list-style-type: none;
    padding: 0
}

.general-layout .gr-menu li {
    font-size: 16px
}

.general-layout .gr-menu li a {
    color: #aaa;
    cursor: pointer;
    display: block;
    line-height: 20px;
    padding: 15px 0;
    text-decoration: none;
    width: 100%
}

.general-layout .gr-menu li a.active,.general-layout .gr-menu li a:hover {
    background-color: #c72828;
    color: #fff
}

.general-layout .cont {
    box-sizing: border-box;
    color: #777;
    font-size: 14px;
    line-height: 1.8;
    padding: 50px 100px;
    position: relative;
    width: calc(100% - 220px)
}

.general-layout .cont table {
    background-color: #fff
}

.general-layout h1,.general-layout h2,.general-layout h3,.general-layout h4,.general-layout h5,.general-layout h6 {
    font-weight: 700
}

.general-layout h1 {
    color: #c72828;
    font-size: 2em;
    margin: .67em 0
}

.general-layout h2 {
    font-size: 1.5em;
    margin: .83em 0
}

.general-layout h3 {
    color: #c72828;
    font-size: 1.2em;
    margin: 1em 0
}

.general-layout h4 {
    font-size: 1em;
    margin: 1.33em 0
}

.general-layout h5 {
    font-size: .83em;
    margin: 1.67em 0
}

.general-layout h6 {
    font-size: .67em;
    margin: 2.33em 0
}

.general-layout p {
    margin: .25em 0;
    white-space: pre-wrap
}

.general-layout ol,.general-layout ul {
    margin: 1em 0;
    padding-left: 30px
}

.general-layout ol {
    list-style-type: decimal
}

.general-layout ul {
    list-style-type: disc
}

.general-layout li {
    display: list-item;
    margin: 3px 0
}

.general-layout b,.general-layout strong {
    font-weight: 700
}

.general-layout em,.general-layout i {
    font-style: italic
}

.general-layout a {
    background-color: #0000
}

.general-layout a:active,.general-layout a:hover {
    outline: 0
}

.general-layout td,.general-layout th {
    border: 1px solid #ddd;
    padding: 8px
}

.general-layout th {
    background-color: #f0f0f0cc
}

.general-layout abbr[title] {
    border-bottom: 1px dotted
}

.general-layout dfn {
    font-style: italic
}

.general-layout mark {
    background: #ff0;
    color: #000
}

.general-layout small {
    font-size: 80%
}

.general-layout sub,.general-layout sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

.general-layout sup {
    top: -.5em
}

.general-layout sub {
    bottom: -.25em
}

.general-layout img {
    border: 0
}

.general-layout figure {
    margin: 1em 40px
}

.general-layout hr {
    box-sizing: initial;
    height: 0
}

.general-layout pre {
    overflow: auto
}

.general-layout code,.general-layout kbd,.general-layout pre,.general-layout samp {
    font-family: monospace,monospace;
    font-size: 1em
}

.general-layout span.tip {
    color: #c72828
}

.general-layout .faqs {
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 15px 10px 15px 40px
}

.general-layout .faqs h2 {
    color: #c72828;
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-left: -35px
}

.app.account header {
    box-shadow: 0 2px 4px 0 #ccccccd6;
    height: 110px;
    z-index: 150!important
}

.app.account header .logo {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 90px;
    margin-top: 0;
    top: 0;
    width: 210px
}

.app.account header .hello {
    background-color: #c72828;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    font-weight: 100;
    margin-bottom: 0;
    margin-top: 0;
    padding: 3px 10px
}

.app.account header .hello span {
    font-weight: 400
}

.app.account header .main-header {
    position: relative
}

.app.account header .main-header ul {
    list-style: none;
    position: absolute;
    right: 0;
    top: 8px
}

.app.account header .main-header ul li {
    display: inline-block;
    height: 70px;
    width: 100px
}

.app.account header .main-header ul li a {
    color: #777;
    cursor: pointer;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 100%;
    transition: .2s;
    width: 100%
}

.app.account header .main-header ul li a i {
    display: block;
    font-size: 35px;
    width: 100%
}

.app.account header .main-header ul li a span {
    display: block;
    font-size: 13px;
    margin-top: 5px;
    width: 100%
}

.app.account header .main-header ul li a.active,.app.account header .main-header ul li a:hover {
    color: #c72828
}

.app.account .app-body {
    background-color: #e7e7e7
}

.app.account .game-record-item {
    border-bottom: 1px solid #ccc;
    text-align: left
}

.app.account .game-record-item .game {
    color: #282828;
    font-size: 16px;
    margin-left: 20px;
    padding: 20px 0;
    text-align: left;
    width: 100%
}

.app.account .game-record-item .game:after {
    content: ""
}

.app.account .game-record-item .date {
    color: #aaa;
    font-size: 14px;
    padding: 20px 0;
    text-align: left;
    width: 100%
}

.app.account .game-record-item .nrc-button {
    border-radius: 5px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    margin-right: 20px;
    margin-top: 13px;
    width: 240px
}

.app.account .bank-card-view .title {
    color: #c72828;
    font-size: 24px;
    text-align: center
}

.app.account .bank-card-view .description {
    color: #777;
    margin-top: 14px;
    text-align: center
}

.app.account .profile {
    display: flex;
    justify-content: space-between
}

.app.account .profile>div:first-child {
    margin-right: 50px;
    width: 690px
}

.app.account .profile>div:last-child {
    width: 440px
}

.app.account .profile .box {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 100px;
    padding-right: 20px
}

.app.account .profile .box .title {
    background-image: linear-gradient(180deg,#787878,#3c3b3b);
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    padding: 0 16px;
    position: relative;
    width: 105px
}

.app.account .profile .box .title:after {
    border-bottom: 99px solid #fff;
    border-left: 16px solid #0000;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0
}

.app.account .profile .box .price {
    color: #c72828;
    flex: 1;
    font-size: 38px;
    font-weight: 300;
    line-height: 100px;
    text-align: right
}

.app.account .profile .box .info {
    flex: 1;
    padding-left: 10px
}

.app.account .profile .box .info .name {
    color: #777;
    margin: 10px 0 4px
}

.app.account .profile .box .info .card-no {
    word-break: break-all
}

.app.account .profile .box .info .bank,.app.account .profile .box .info .card-no {
    color: #ccc;
    font-size: 14px
}

.app.account .profile .box .btn {
    border: 1px solid #c72828;
    border-radius: 5px;
    color: #c72828;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    text-align: center;
    width: 114px
}

.app.account .profile .box .btn:hover {
    background-color: #c72828;
    color: #fff
}

.app.account .profile .box .currency {
    font-size: 14px
}

.app.account .profile .box.wallets {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.app.account .profile .box.wallets .title {
    background-image: linear-gradient(0deg,#a82d50,#ce3e57)
}

.app.account .profile .box.bank-card {
    margin-bottom: 20px
}

.app.account .profile .box .add-info {
    align-items: center;
    color: #c72828;
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: center
}

.app.account .profile .box .add-info i {
    font-size: 22px;
    margin-right: 10px
}

.app.account .profile .box .add-info .add-info-title {
    font-size: 20px;
    font-weight: 500
}

.app.account .profile .box .add-info .add-info-dec {
    font-size: 14px
}

.app.account .profile .bankDataBlock {
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 100px;
    margin-bottom: 20px;
    overflow: hidden
}

.app.account .profile .bankDataBlock>:first-child,.app.account .profile .bankDataBlock>:nth-child(2) {
    height: 100%
}

.app.account .profile .bankDataBlock>:nth-child(2) {
    margin-left: 5px;
    width: 152px
}

.app.account .profile .bankDataBlock>:nth-child(2) p {
    padding-top: 5px
}

.app.account .profile .bankDataBlock>:nth-child(2) p:first-child {
    padding-top: 10px
}

.app.account .profile .bankDataBlock>:nth-child(2) p:first-child,.app.account .profile .bankDataBlock>:nth-child(2) p:last-child {
    color: #aaa;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.app.account .profile .bankDataBlock>:nth-child(2) p:nth-child(2) {
    color: #777;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.app.account .profile .bankDataBlock>:last-child {
    margin-left: 20px;
    padding: 0 15px;
    width: 130px
}

.app.account .profile .bankDataBlock>:first-child {
    background-image: linear-gradient(180deg,#9a9a9a,#878787);
    position: relative;
    width: 104.6px
}

.app.account .profile .bankDataBlock>:first-child:after {
    border-color: #0000 #0000 #fff;
    border-style: solid;
    border-width: 0 0 100px 20px;
    height: 0;
    right: 0;
    top: 0;
    width: 0
}

.app.account .profile .bankDataBlock>:first-child span {
    color: #d8d8d8;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    left: 14px;
    line-height: 1.44;
    position: absolute;
    top: 16px
}

.app.account .profile .walletBlock {
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 150px;
    margin-bottom: 30px;
    overflow: hidden
}

.app.account .profile .walletBlock>* {
    height: 100%
}

.app.account .profile .walletBlock>:first-child {
    background-image: linear-gradient(180deg,#efbf59f5,#c79e47);
    position: relative;
    width: 104.6px
}

.app.account .profile .walletBlock>:first-child:after {
    border-color: #0000 #0000 #fff;
    border-style: solid;
    border-width: 0 0 150px 20px;
    height: 0;
    right: 0;
    top: 0;
    width: 0
}

.app.account .profile .walletBlock>:first-child span {
    color: #fff;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    left: 14px;
    line-height: 1.44;
    position: absolute;
    top: 16px
}

.app.account .profile .walletBlock>:last-child p {
    color: #c72828;
    font-size: 48px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    padding-right: 25px;
    padding-top: 15px;
    width: 100%
}

.app.account .profile .walletBlock>:last-child div {
    padding-bottom: 15px;
    padding-right: 15px
}

.app.account .profile .walletBlock>:last-child div button {
    margin-left: 15px;
    padding: 0 17px;
    width: 83px
}

.activate-account .container {
    height: 250px;
    width: 400px
}

.activate-account .container h2 {
    font-size: 28px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 20px
}

.common {
    text-align: center
}

.common .promo-item {
    align-items: center;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    min-height: 70px;
    padding: 6px 0
}

.common .promo-item>* {
    box-sizing: border-box;
    padding: 0 10px;
    word-break: break-word
}

.common .promo-item .label {
    border-right: 1px dashed #ccc;
    flex: 1;
    text-align: left
}

.common .promo-item .label .date {
    color: #aaa;
    font-size: 12px
}

.common .promo-item .price {
    font-size: 26px;
    font-weight: 500;
    min-width: 160px;
    text-align: center;
    white-space: nowrap
}

.common .promo-item .status {
    color: #222;
    font-size: 14px;
    text-align: center;
    width: 130px
}

.common .promo-item .status.reject {
    color: #777
}

.common .promo-item .status.claimed div {
    border: 1px solid #c72828;
    border-radius: 5px;
    color: #c72828;
    height: 36px;
    line-height: 36px;
    width: 110px
}

.common .promo-item .status.claimed div:before {
    content: "";
    font-family: iconmps;
    font-size: 20px;
    vertical-align: top
}

.common .promo-item .status .timer {
    font-size: 12px;
    margin-top: 5px
}

.common .promo-item .status .timer .count-down-timer {
    margin-left: 6px
}

.common .promo-item .status .wait-for-claim {
    background-color: #c72828;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    width: 110px
}

.common .promos-btn {
    border: 1px solid #777;
    border-radius: 100px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 18px auto;
    min-width: 110px;
    padding: 0 12px;
    text-align: center
}

.promos-modal {
    background-color: #fff;
    border-radius: 5px;
    height: 90%;
    max-height: 940px;
    max-width: 960px;
    min-height: 500px;
    position: absolute;
    width: 90%
}

.promos-modal .close {
    background-color: #000;
    border: 1px solid #f5f6f9;
    border-radius: 20px;
    box-shadow: 0 2px 4px #00000080;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 28px;
    height: 38px;
    line-height: 40px;
    position: absolute;
    right: -16px;
    text-align: center;
    top: -14px;
    width: 38px
}

.promos-modal .header {
    background-color: #e1e1e1;
    box-sizing: border-box;
    color: #545658;
    font-size: 24px;
    height: 70px;
    line-height: 70px;
    text-align: center
}

.promos-modal .main {
    height: 400px;
    height: calc(100% - 160px);
    margin: 20px auto;
    overflow-y: auto;
    width: 80%
}

.promos-modal .footer {
    text-align: center
}

.claimed-modal {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 360px;
    justify-content: center;
    width: 500px
}

.claimed-modal .icon {
    background: url(https://img.alltocon.com/img/static/desktop/promotion-sucessful-icon.png) 50%/100% no-repeat;
    height: 82px;
    width: 82px
}

.claimed-modal .price {
    color: #c72828;
    font-size: 42px;
    font-weight: 600
}

.claimed-modal .title {
    color: #222;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px
}

.claimed-modal .button {
    background-color: #c72828;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 150px
}

.item-inbox,.item-mission {
    position: relative
}

.item-inbox .msg-notification,.item-mission .msg-notification {
    animation: anidot 2s linear infinite both;
    background-color: #f40;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ffffffe6;
    color: #ca1b2c;
    display: block;
    height: 12px!important;
    position: absolute;
    right: 30px;
    top: 3px;
    width: 12px!important;
    z-index: 1
}

@keyframes aninoti {
    0% {
        transform: translateX(0)
    }

    3% {
        transform: translateX(-2px)
    }

    6% {
        transform: translateX(0)
    }

    9% {
        transform: translateX(2px)
    }

    12% {
        transform: translateX(-2px)
    }

    13% {
        transform: translateX(0)
    }
}

@keyframes anidot {
    0% {
        transform: scale(0)
    }

    11% {
        transform: scale(0)
    }

    19% {
        transform: scale(1.8)
    }

    22% {
        transform: scale(1)
    }

    95% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

.account .modal.confirm-body-modal .body .nrc-form-item .nrc-form-label {
    width: 35%
}

.account .modal.confirm-body-modal .body .nrc-form-item .nrc-form-input {
    width: 65%
}

.nrc-form .nrc-form-item {
    align-items: center
}

.red-envelope.BLACK .promos-modal {
    color: initial
}

.deposit-list .deposite-head {
    padding: 20px 0 15px;
    text-align: center
}

.deposit-list .deposite-head h2 {
    color: #c72828;
    font-size: 24px;
    line-height: 1.8
}

.deposit-list .deposite-head p {
    color: #777;
    font-size: 14px;
    letter-spacing: 3px
}

.deposit-list .options {
    display: flex;
    flex-wrap: wrap
}

.deposit-list .options.overflow .option-item .section-block-option {
    padding: 55px 10px 10px;
    position: relative;
    text-align: center
}

.deposit-list .options.overflow .option-item .section-block-option h3 {
    font-size: 15px;
    line-height: 21px;
    margin: 5px 0 0
}

.deposit-list .options.overflow .option-item .section-block-option small {
    font-size: 11px;
    line-height: 15px
}

.deposit-list .options.overflow .option-item .section-block-option:before {
    font-size: 40px;
    height: 60px;
    left: 0;
    top: 0;
    transform: none;
    width: 100%!important
}

.deposit-list .options>div {
    margin-bottom: 0;
    padding: 0
}

.deposit-list .options>div img {
    height: 100%
}

.deposit-list .options>div .section-block {
    height: calc(100% - 20px);
    padding: 10px 15px 10px 5px;
    width: 100%
}

.deposit-list .options>div .section-block p {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    padding: 0 15px
}

.deposit-list .options .option-item {
    align-items: center;
    display: flex;
    flex: 1;
    margin: 0 4px 5px;
    min-height: 100px;
    overflow: hidden;
    position: relative;
    transition: .2s
}

.deposit-list .options .option-item:first-child {
    margin-left: 0
}

.deposit-list .options .option-item:last-child {
    margin-right: 0
}

.deposit-list .options .option-item:hover {
    background-color: #ebebeb;
    box-shadow: inset 0 0 0 1px #c72828,0 0 2px #00000080
}

.deposit-list .options .option-item .section-block-option {
    box-sizing: border-box;
    cursor: pointer;
    height: auto;
    left: 0;
    padding: 0 10px 0 75px;
    top: 0;
    transition: .2s;
    width: 100%
}

.deposit-list .options .option-item .section-block-option h3 {
    color: #535353;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.1
}

.deposit-list .options .option-item .section-block-option small {
    font-size: 13px;
    font-weight: 100;
    letter-spacing: 1px;
    text-transform: uppercase
}

.deposit-list .options .option-item .section-block-option:before {
    align-items: center;
    display: flex;
    font-family: iconmps!important;
    font-size: 40px;
    height: 60px;
    justify-content: center;
    left: 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 60px
}

.deposit-list .options .option-item .section-block-option.WEIXIN small,.deposit-list .options .option-item .section-block-option.WEIXIN:before {
    color: #00b049
}

.deposit-list .options .option-item .section-block-option.WEIXIN:before {
    content: ""
}

.deposit-list .options .option-item .section-block-option.ALIPAY small,.deposit-list .options .option-item .section-block-option.ALIPAY:before {
    color: #00a8f1
}

.deposit-list .options .option-item .section-block-option.ALIPAY:before {
    content: ""
}

.deposit-list .options .option-item .section-block-option.QQ small,.deposit-list .options .option-item .section-block-option.QQ:before {
    color: #201c2a
}

.deposit-list .options .option-item .section-block-option.QQ:before {
    background: url(https://img.alltocon.com/img/static/payment/qq.svg) 50%/auto 40px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.CREDIT_CARD small,.deposit-list .options .option-item .section-block-option.CREDIT_CARD:before {
    color: #00468e
}

.deposit-list .options .option-item .section-block-option.CREDIT_CARD:before {
    content: ""
}

.deposit-list .options .option-item .section-block-option.ONLINE_BANKING small,.deposit-list .options .option-item .section-block-option.ONLINE_BANKING:before {
    color: #21d1a2
}

.deposit-list .options .option-item .section-block-option.ONLINE_BANKING:before {
    content: ""
}

.deposit-list .options .option-item .section-block-option.COMPANY_DEPOSIT small,.deposit-list .options .option-item .section-block-option.COMPANY_DEPOSIT:before {
    color: #ec7d00
}

.deposit-list .options .option-item .section-block-option.COMPANY_DEPOSIT:before {
    content: ""
}

.deposit-list .options .option-item .section-block-option.DEBIT_CARD small,.deposit-list .options .option-item .section-block-option.DEBIT_CARD:before {
    color: #2867aa
}

.deposit-list .options .option-item .section-block-option.DEBIT_CARD:before {
    content: ""
}

.deposit-list .options .option-item .section-block-option.JDPAY small,.deposit-list .options .option-item .section-block-option.JDPAY:before {
    color: #222
}

.deposit-list .options .option-item .section-block-option.JDPAY:before {
    content: ""
}

.deposit-list .options .option-item .section-block-option.UNIONPAY_SCAN small,.deposit-list .options .option-item .section-block-option.UNIONPAY_SCAN:before {
    color: #183074
}

.deposit-list .options .option-item .section-block-option.UNIONPAY_SCAN:before {
    background: url(https://img.alltocon.com/img/static/payment/unionpay.svg) 50%/45px auto no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.MOMOPAY small,.deposit-list .options .option-item .section-block-option.MOMOPAY:before {
    color: #b30f73
}

.deposit-list .options .option-item .section-block-option.MOMOPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/momo.svg) 50%/auto 45px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.PROMPTPAY small,.deposit-list .options .option-item .section-block-option.PROMPTPAY:before {
    color: #1aa797
}

.deposit-list .options .option-item .section-block-option.PROMPTPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/prompt.png) 50%/auto 40px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.PAYTM small,.deposit-list .options .option-item .section-block-option.PAYTM:before {
    color: #1b386c
}

.deposit-list .options .option-item .section-block-option.PAYTM:before {
    background: url(https://img.alltocon.com/img/static/payment/paytm.png) 50%/auto 40px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.NETELLER small,.deposit-list .options .option-item .section-block-option.NETELLER:before {
    color: #88b801
}

.deposit-list .options .option-item .section-block-option.NETELLER:before {
    background: url(https://img.alltocon.com/img/static/payment/neteller.png) 50%/auto 40px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.SKRILL small,.deposit-list .options .option-item .section-block-option.SKRILL:before {
    color: #7f2371
}

.deposit-list .options .option-item .section-block-option.SKRILL:before {
    background: url(https://img.alltocon.com/img/static/payment/skrill.png) 50%/auto 40px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.UPI small,.deposit-list .options .option-item .section-block-option.UPI:before {
    color: #eb7207
}

.deposit-list .options .option-item .section-block-option.UPI:before {
    background: url(https://img.alltocon.com/img/static/payment/upi.png) 50%/auto 40px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.GPAY small,.deposit-list .options .option-item .section-block-option.GPAY:before {
    color: #ea4335
}

.deposit-list .options .option-item .section-block-option.GPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/gpay.png) 50%/auto 40px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.PHONEPE small,.deposit-list .options .option-item .section-block-option.PHONEPE:before {
    color: #6739b7
}

.deposit-list .options .option-item .section-block-option.PHONEPE:before {
    background: url(https://img.alltocon.com/img/static/payment/phonepe.png) 50%/auto 40px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.BHIM small,.deposit-list .options .option-item .section-block-option.BHIM:before {
    color: #eb7207
}

.deposit-list .options .option-item .section-block-option.BHIM:before {
    background: url(https://img.alltocon.com/img/static/payment/bhim.png) 50%/auto 40px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.ZALOPAY small,.deposit-list .options .option-item .section-block-option.ZALOPAY:before {
    color: #118acb
}

.deposit-list .options .option-item .section-block-option.ZALOPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/zalopay.svg) 50%/auto 45px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.QR_BANK small,.deposit-list .options .option-item .section-block-option.QR_BANK:before {
    color: #118acb
}

.deposit-list .options .option-item .section-block-option.QR_BANK:before {
    background: url(https://img.alltocon.com/img/static/payment/icon-wbscan.svg) 50%/auto 45px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.VIETTELPAY small,.deposit-list .options .option-item .section-block-option.VIETTELPAY:before {
    color: #0e8682
}

.deposit-list .options .option-item .section-block-option.VIETTELPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/viettelpay.svg) 50%/auto 95% no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.MPURSE small,.deposit-list .options .option-item .section-block-option.MPURSE:before {
    color: #118613
}

.deposit-list .options .option-item .section-block-option.MPURSE:before {
    background: url(https://img.alltocon.com/img/static/payment/mpurse.png) 50%/auto 48px no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.SCRATCHCARD small,.deposit-list .options .option-item .section-block-option.SCRATCHCARD:before {
    color: #ff570d
}

.deposit-list .options .option-item .section-block-option.SCRATCHCARD:before {
    background: url(https://img.alltocon.com/img/static/payment/scratch.png) 50%/auto 90% no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.EXPRESSPAY small,.deposit-list .options .option-item .section-block-option.EXPRESSPAY:before {
    color: #eb5e1d
}

.deposit-list .options .option-item .section-block-option.EXPRESSPAY:before {
    content: ""
}

.deposit-list .options .option-item .section-block-option.baidu small,.deposit-list .options .option-item .section-block-option.baidu:before {
    color: #c90302
}

.deposit-list .options .option-item .section-block-option.baidu:before {
    background: url(https://img.alltocon.com/img/static/payment/baidu.png) 50%/40px auto no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.huabei small,.deposit-list .options .option-item .section-block-option.huabei:before {
    color: #009bdf
}

.deposit-list .options .option-item .section-block-option.huabei:before {
    background: url(https://img.alltocon.com/img/static/payment/huabei.png) 50%/45px auto no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.YIYOU small,.deposit-list .options .option-item .section-block-option.YIYOU:before {
    color: #f60
}

.deposit-list .options .option-item .section-block-option.YIYOU:before {
    content: "";
    font-size: 45px
}

.deposit-list .options .option-item .section-block-option.CRYPTO small,.deposit-list .options .option-item .section-block-option.CRYPTO:before {
    color: #f90
}

.deposit-list .options .option-item .section-block-option.CRYPTO:before {
    content: ""
}

.deposit-list .options .option-item .section-block-option.QUICKPASS small,.deposit-list .options .option-item .section-block-option.QUICKPASS:before {
    color: #f7261e
}

.deposit-list .options .option-item .section-block-option.QUICKPASS:before {
    background: url(https://img.alltocon.com/img/static/payment/qpass.png) 50%/45px auto no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.GCASH small,.deposit-list .options .option-item .section-block-option.GCASH:before {
    color: #115faf
}

.deposit-list .options .option-item .section-block-option.GCASH:before {
    background: url(https://img.alltocon.com/img/static/payment/gcash.png) 50%/45px auto no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.TRUEMONEY small,.deposit-list .options .option-item .section-block-option.TRUEMONEY:before {
    color: #ed1c24
}

.deposit-list .options .option-item .section-block-option.TRUEMONEY:before {
    background: url(https://img.alltocon.com/img/static/payment/truemoney.png) 50%/45px auto no-repeat;
    color: #0000;
    content: ""
}

.deposit-list .options .option-item .section-block-option.CRYPTOH5:before {
    background: url(https://img.alltocon.com/img/static/payment/crypto.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.USDT:before {
    background: url(https://img.alltocon.com/img/static/payment/usdt.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.GRABPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/grabpay.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.PAYMAYA:before {
    background: url(https://img.alltocon.com/img/static/payment/paymaya.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.REMIT:before {
    background: url(https://img.alltocon.com/img/static/payment/remit.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.PAYLORO:before {
    background: url(https://img.alltocon.com/img/static/payment/payloro.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.NAGAD:before {
    background: url(https://img.alltocon.com/img/static/payment/nagad.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.BKASH:before {
    background: url(https://img.alltocon.com/img/static/payment/bkash.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.ROCKET:before {
    background: url(https://img.alltocon.com/img/static/payment/rocket.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.UPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/upay.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.FPS:before {
    background: url(https://img.alltocon.com/img/static/payment/fps.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.JAZZCASH:before {
    background: url(https://img.alltocon.com/img/static/payment/jazzcash.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.EASYPAISA:before {
    background: url(https://img.alltocon.com/img/static/payment/easypaisa.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.AIRTEL:before {
    background: url(https://img.alltocon.com/img/static/payment/airtel.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .options .option-item .section-block-option.MTN:before {
    background: url(https://img.alltocon.com/img/static/payment/mtn.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-list .list {
    margin-top: 30px
}

.deposit-list .list .nrc-table-column .nrc-button {
    border-radius: 5px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    padding: 0 10px;
    width: 70px
}

.deposit-list .list .deposit-id-col {
    display: flex
}

.deposit-list .list .deposit-id-col .text-overflow {
    margin-right: 5px;
    width: 130px
}

.deposit-list .list .deposit-id-col .deposit-id-copy.copy-text {
    width: auto
}

.deposit-list .list .deposit-id-col .deposit-id-copy.copy-text .__react_component_tooltip {
    background-color: #909090;
    line-height: 1;
    width: 100px
}

.deposit-list .list .__react_component_tooltip {
    height: auto;
    width: 200px;
    word-break: break-all
}

.description h2 {
    color: #c72828;
    font-size: 24px;
    margin-bottom: 12px
}

.description h2,.description p {
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.description p {
    color: #777;
    font-size: 14px;
    line-height: 1.71
}

.description p a {
    color: #c72828;
    text-decoration: none
}

.description p a:hover {
    text-decoration: underline
}

.deposit-add {
    padding: 0!important
}

.deposit-add .step {
    padding: 56px 0
}

.deposit-add .quota {
    align-items: center;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    display: flex;
    height: 85px;
    justify-content: center;
    margin: 20px auto 0;
    width: 638px
}

.deposit-add .quota .quota-block {
    border-right: 1px solid #d8d8d8;
    height: 100%;
    text-align: center;
    width: 50%
}

.deposit-add .quota .quota-block h4 {
    color: #777;
    font-size: 14px;
    margin-top: 13px
}

.deposit-add .quota .quota-block .quota-amount {
    color: #000;
    font-size: 26px;
    line-height: 1.6
}

.deposit-add .quota .quota-block:last-of-type {
    border-right: 0 solid #d8d8d8
}

.deposit-add.online {
    padding: 57px 0!important
}

.deposit-add.online .nrc-form {
    margin-top: 36px
}

.deposit-add.online .nrc-form .nrc-form-input.secure input {
    margin-right: 0
}

.deposit-add.online .cover-wrapper {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.deposit-add.online .cover-wrapper p {
    color: #ccc;
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.deposit-add.online .cover-wrapper.qrcode h3 {
    color: #c72828;
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 20px
}

.deposit-add.online .cover-wrapper.qrcode p {
    color: #777;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.71
}

.deposit-add.online .cover-wrapper.qrcode canvas {
    margin-top: 20px
}

.deposit-add .countdown-container {
    top: 100px
}

.deposit-min-max-block {
    border: 1px solid #cccccc80;
    border-radius: 5px;
    height: 86px;
    margin: 22px auto 0;
    width: 640px
}

.deposit-min-max-block>div {
    height: 86px;
    width: 50%
}

.deposit-min-max-block>div:first-child {
    border-right: 1px solid #cccccc80
}

.deposit-min-max-block>div p:first-child {
    color: #777;
    font-size: 14px;
    line-height: 1.71
}

.deposit-min-max-block>div p:last-child {
    color: #000;
    font-size: 26px
}

.successSection>div:first-child {
    margin: 47px 0
}

.successSection>div:first-child img {
    width: 152px
}

.successSection>div:first-child div {
    margin-left: 43px;
    width: 380px
}

.successSection>div:first-child div h3 {
    color: #616161;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 14px
}

.successSection>div:first-child div p {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.71
}

.successSection>div:last-child {
    padding-bottom: 80px
}

.successSection>div:last-child button {
    margin: 0 10px
}

.successSection .resume-details {
    background-color: #eee;
    border-radius: 5px;
    margin: 36px auto;
    padding: 36px;
    width: 529px
}

.successSection .resume-details p {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.successSection .resume-details p:last-child {
    color: #222
}

.deposit-service-online {
    padding-bottom: 0
}

.deposit-service-online .non-selected-bank {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #222;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    width: 227px
}

.deposit-service-online .instruction p {
    color: #222;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 26px
}

.deposit-service-online .instruction p span {
    color: #c72828
}

.deposit-service-online .rules {
    background-color: #ededed26;
    border: 1px solid #eee;
    margin: 20px auto;
    min-height: 134px;
    padding: 32px 30px;
    width: 776px
}

.deposit-service-online .rules p {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 26px
}

.deposit-service-online .rules p:first-child {
    color: #222
}

.deposit-service-online .rules p a {
    color: #c72828;
    text-decoration: none
}

.deposit-service-online .rules p a:hover {
    text-decoration: underline
}

.deposit-service-online .nrc-form-input.nrc-radio small {
    display: none
}

.deposit-service-online .button-group-wrapper {
    margin-left: 20px
}

.deposit-service-online .button-group-wrapper button {
    border-radius: 5px;
    font-size: 14px;
    height: 35px;
    margin: 0 10px;
    padding: 0;
    width: 55px
}

.deposit-service-online .image-limitations {
    margin-left: 320px;
    margin-top: -20px
}

.deposit-service-online .image-limitations li {
    color: #999;
    font-size: 12px
}

.collection-infos-block {
    border: 1px solid #cccccc80;
    border-radius: 5px;
    height: 196px;
    margin: 14px auto;
    width: 640px
}

.collection-infos-block>div {
    margin-bottom: 13px
}

.collection-infos-block>div:first-child {
    margin-top: 13px
}

.collection-infos-block>div button,.collection-infos-block>div p {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.collection-infos-block>div button {
    background-color: #0000;
    border: 1px solid #c72828;
    border-radius: 5px;
    color: #c72828;
    height: 32px;
    padding: 0;
    position: relative;
    width: 87px
}

.collection-infos-block>div button:hover {
    color: #fff
}

.collection-infos-block>div button i {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.collection-infos-block>div button i:before {
    content: ""
}

.collection-infos-block>div p:first-child {
    color: #777;
    width: 110px
}

.collection-infos-block>div p:nth-child(2) {
    color: #222;
    width: 360px
}

.collection-infos-block>div p:nth-child(3) {
    height: 32px;
    margin-right: 30px;
    width: 87px
}

.wechat-qrcode-container {
    background-color: #fff;
    margin: 20px auto 0;
    padding: 20px;
    width: 400px
}

.wechat-qrcode-container img,.wechat-qrcode-container p {
    display: block;
    margin-bottom: 20px
}

.wechat-qrcode-container img {
    width: 100%
}

.wechat-qrcode-container .copy-text {
    display: inline-block
}

.third-party-payment-bank-code .receive-va-copy .value {
    flex: 1
}

.third-party-payment-bank-code .receive-va-copy .nrc-button {
    margin-left: 10px;
    margin-top: -12px
}

.hover-container.login .nrc-form .nrc-form-item {
    display: block!important;
    position: relative
}

.hover-container.login .nrc-form .nrc-form-item .nrc-form-label {
    display: none
}

.hover-container.login .nrc-form .nrc-form-item .nrc-form-input {
    margin-left: 0
}

.hover-container.login .nrc-form .nrc-form-item .nrc-form-input input {
    margin-right: 0;
    width: 100%
}

.hover-container.login .nrc-form .nrc-form-item small.invalid-msg {
    color: #d22323;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.hover-container.login .forget-options span {
    margin: 5px
}

.hover-container.login .nrc-form-password>div {
    position: relative;
    width: 100%
}

.hover-container.login .nrc-form-password>div i {
    color: #777;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    user-select: none
}

.confirmation .infos .resume-details {
    padding: 24px 0
}

.confirmation .infos .resume-details div div,.confirmation .infos .resume-details div p {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.71;
    padding-bottom: 10px
}

.confirmation .infos .resume-details div div:first-child,.confirmation .infos .resume-details div p:first-child {
    padding-left: 40px
}

.confirmation .infos .resume-details div div:last-child,.confirmation .infos .resume-details div p:last-child {
    color: #222
}

.confirmation-deposit-popup .container {
    overflow: visible!important
}

.confirmation-deposit-popup .header {
    background-color: #eee!important;
    height: 110px!important;
    position: relative
}

.confirmation-deposit-popup .header h2 {
    color: #222!important;
    width: 100%
}

.confirmation-deposit-popup .header .close {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -15px
}

.confirmation-deposit-popup .content {
    max-height: 70vh;
    overflow-y: auto
}

.confirmation-deposit-popup .infos .resume-details {
    padding: 24px 0
}

.confirmation-deposit-popup .infos .resume-details div div,.confirmation-deposit-popup .infos .resume-details div p {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.71;
    padding-bottom: 10px
}

.confirmation-deposit-popup .infos .resume-details div div:first-child,.confirmation-deposit-popup .infos .resume-details div p:first-child {
    padding-left: 40px
}

.confirmation-deposit-popup .infos .resume-details div div:last-child,.confirmation-deposit-popup .infos .resume-details div p:last-child {
    color: #222
}

.confirmation-deposit-popup .footer {
    background-color: #eee;
    height: 110px
}

.confirmation-deposit-popup .footer button:first-child {
    margin-right: 20px
}

.withdraw-list {
    line-height: 1;
    max-width: 1280px
}

.withdraw-list label[for=withdrawalamt] {
    white-space: nowrap
}

.withdraw-list .boxes-container {
    flex: 2;
    margin-right: 23px;
    margin-top: 0;
    padding: 30px 50px
}

.withdraw-list .boxes-container h3 {
    color: #c72828;
    font-size: 26px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 10px
}

.withdraw-list .boxes-container:last-child {
    flex: 1;
    margin-right: 0
}

.withdraw-list .deduction-comment {
    color: #999;
    font-size: 14px;
    margin: 10px 0
}

.withdraw-list .boxes>div {
    border: 1px solid #eee;
    border-radius: 6px;
    margin-right: 20px;
    position: relative
}

.withdraw-list .boxes>div:last-child {
    margin-right: 0
}

.withdraw-list .boxes>div>div:first-child {
    padding: 10px
}

.withdraw-list .boxes>div>div:first-child button {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 100;
    color: #ccc;
    cursor: auto;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 26px;
    padding: 0 10px;
    width: auto
}

.withdraw-list .boxes>div>div:first-child button.active {
    border-color: #c72828;
    color: #c72828
}

.withdraw-list .boxes>div h4 {
    background: top/auto 70px no-repeat;
    color: #999;
    font-size: 18px;
    height: 25px;
    margin-top: -10px;
    padding-top: 70px
}

.withdraw-list .boxes>div.generalfee,.withdraw-list .boxes>div.promofee {
    height: 190px;
    width: 300px
}

.withdraw-list .boxes>div.generalfee>.total,.withdraw-list .boxes>div.promofee>.total {
    border-top: 2px dotted #ccc;
    bottom: 0;
    box-sizing: border-box;
    height: 50px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
}

.withdraw-list .boxes>div.generalfee>.total p,.withdraw-list .boxes>div.promofee>.total p {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 27px
}

.withdraw-list .boxes>div.generalfee>.total p:last-child,.withdraw-list .boxes>div.promofee>.total p:last-child {
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-left: 10px
}

.withdraw-list .boxes>div.generalfee.has-money>div:first-child button,.withdraw-list .boxes>div.promofee.has-money>div:first-child button {
    border-color: #c72828;
    color: #c72828
}

.withdraw-list .boxes>div.generalfee.has-money>div:last-child p:last-child,.withdraw-list .boxes>div.promofee.has-money>div:last-child p:last-child {
    color: #c72828
}

.withdraw-list .boxes>div.promofee h4 {
    background-image: url(https://img.alltocon.com/img/static/desktop/ic-icon-promofee.png)
}

.withdraw-list .boxes>div.promofee.has-money h4 {
    background-image: url(https://img.alltocon.com/img/static/desktop/ic-icon-promofee-gold.png);
    color: #c72828
}

.withdraw-list .boxes>div.generalfee h4 {
    background-image: url(https://img.alltocon.com/img/static/desktop/ic-icon-generalfee.png)
}

.withdraw-list .boxes>div.generalfee.has-money h4 {
    background-image: url(https://img.alltocon.com/img/static/desktop/ic-icon-generalfee-gold.png);
    color: #c72828
}

.withdraw-list .form .my-main-wallet {
    margin-bottom: 14px
}

.withdraw-list .form .my-main-wallet p {
    color: #777
}

.withdraw-list .form .my-main-wallet p:first-child {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.withdraw-list .form .my-main-wallet p:last-child {
    font-size: 30px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.withdraw-list .form .nrc-form-item {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    position: relative
}

.withdraw-list .form .nrc-form-item .nrc-form-label {
    display: inline-block;
    left: 0;
    top: 0;
    width: auto
}

.withdraw-list .form .nrc-form-item .nrc-form-label label:after {
    display: none
}

.withdraw-list .form .nrc-form-item .nrc-form-input input {
    margin-right: 0;
    width: 100%
}

.withdraw-list .form .nrc-form-item .nrc-form-input small {
    font-size: 11px;
    line-height: 1.2;
    margin: 5px 0;
    width: auto
}

.withdraw-list .form .total-deduction {
    color: #777;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 36px
}

.withdraw-list .form .actual-withdrawal {
    border-top: 1px dotted #777;
    margin-top: 6px;
    padding-top: 6px
}

.withdraw-list .form .actual-withdrawal p:first-child {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.withdraw-list .form .actual-withdrawal p:first-child span {
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.withdraw-list .form .actual-withdrawal p:last-child {
    color: #c72828;
    font-size: 36px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.withdraw-list .form p.invalid-msg {
    color: #d22323;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    text-align: right;
    width: auto
}

.withdraw-list .penalty-block {
    height: 330px
}

.withdraw-list .withdrawal-block {
    height: 330px;
    margin-right: 0;
    overflow: hidden;
    position: relative
}

.withdraw-list .withdrawal-block .disallowed-withdraw {
    align-content: center;
    align-items: center;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    background-color: #fffc;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.withdraw-list .withdrawal-block .disallowed-withdraw>.icon {
    width: 100%
}

.withdraw-list .withdrawal-block .disallowed-withdraw .disallowed-message {
    line-height: 1.6;
    margin: 16px 0 0;
    max-height: 190px;
    overflow: auto;
    text-align: center;
    white-space: pre-wrap
}

.withdraw-list .withdrawal-block>.form {
    height: 95%;
    position: relative
}

.withdraw-list .withdrawal-block>.form .withdraw-btn {
    bottom: 10px;
    position: absolute;
    width: 100%
}

.nrc-table .nrc-table-row.gray .nrc-table-column {
    color: #ccc
}

.finan-history .search-form {
    background-color: #f5f5f5;
    margin-top: 24px
}

.finan-history .search-form .form-tips {
    color: red;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .5px;
    margin: 16px 0 -6px
}

.finan-history .search-form .nrc-form-item {
    margin: 16px 20px 16px 0
}

.finan-history .search-form .nrc-form-item .nrc-form-label {
    width: auto
}

.finan-history .search-form .nrc-form-item .nrc-form-input {
    margin-left: 10px;
    width: 70%
}

.finan-history .search-form .nrc-form-item .nrc-form-input input {
    margin: 0 10px;
    width: 180px
}

.finan-history .search-form .nrc-button {
    margin-top: 21px
}

.finan-history .search-form small {
    display: none
}

.finan-history .point-block {
    align-items: center;
    background-color: #f5f5f5;
    padding: 5px
}

.finan-history .point-block .activity-points {
    color: #535353;
    font-size: 14px;
    margin: 0 20px 0 0
}

.finan-history .point-block .activity-points span {
    font-weight: 300;
    vertical-align: middle
}

.finan-history .point-block .activity-points span:last-child {
    color: #c72828;
    font-size: 20px;
    margin: 0 0 0 10px
}

.finan-history .point-block .point-tooltip {
    color: #e94951;
    font-size: 12px
}

.finan-history .point-block .point-tooltip span {
    vertical-align: middle
}

.finan-history .list .nrc-table-column .nrc-button {
    border-radius: 5px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    padding: 0 10px;
    width: 70px
}

.finan-history .__react_component_tooltip {
    height: auto;
    width: 200px;
    word-break: break-all
}

.game-history .search-form {
    background-color: #f5f5f5;
    margin-top: 24px
}

.game-history .search-form .form-tips {
    color: red;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .5px;
    margin-bottom: -5px
}

.game-history .search-form .nrc-form-item {
    margin: 16px 20px 16px 0
}

.game-history .search-form .nrc-form-item .nrc-form-label {
    width: auto
}

.game-history .search-form .nrc-form-item .nrc-form-input {
    margin-left: 10px;
    width: 70%
}

.game-history .search-form .nrc-form-item .nrc-form-input input {
    margin: 0 10px;
    width: 150px
}

.game-history .search-form small {
    display: none
}

.game-history .game-history-list .win {
    color: #535353
}

.game-history .game-history-list .loss {
    color: #d22323
}

.game-history .nrc-form .nrc-form-item .nrc-form-label label {
    white-space: nowrap
}

.inbox .unread {
    color: #222;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500
}

.inbox .inbox-list {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 #00000040;
    margin: 0 10% 5%;
    padding: 35px 50px;
    position: relative
}

.inbox .inbox-list .refresh-btn {
    position: absolute;
    right: 0;
    top: -50px
}

.inbox .inbox-list .refresh-btn .nrc-button {
    background-color: #0000004d;
    border-color: #fff;
    font-size: 0;
    padding: 0;
    text-align: center;
    width: 36px
}

.inbox .inbox-list .refresh-btn .nrc-button i {
    color: #fff;
    font-size: 18px
}

.inbox .inbox-list .delete-btn {
    color: #c72828;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.inbox .inbox-list .delete-btn.disabled {
    color: #aaa;
    cursor: not-allowed
}

.inbox .inbox-list .delete-btn i {
    font-size: 16px;
    margin: 4px
}

.inbox .inbox-detail {
    height: 80vh;
    overflow-y: auto;
    width: 75vw;
    word-break: break-all
}

.inbox .inbox-detail .header {
    background-color: #eee;
    min-height: 80px;
    padding: 10px 30px
}

.inbox .inbox-detail .header .title {
    color: #c72828;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 16px
}

.inbox .inbox-detail .header .date {
    color: #535353;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.inbox .inbox-detail .content {
    word-wrap: break-word;
    line-height: 1.5;
    padding: 20px 30px;
    white-space: pre-wrap
}

.withdrawal-add .tips {
    color: #aaa;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 20px;
    margin-left: 320px;
    min-height: 1px;
    width: 400px
}

.withdrawal-add .tips p span {
    color: #c72828
}

.withdrawal-add .tips .tip-left p:not(:last-child) {
    margin-bottom: 10px
}

.withdrawal-add .nrc-form .nrc-form-item {
    margin-bottom: 15px!important
}

.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) .Select-menu-outer {
    width: 430px
}

.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) .Select-control {
    width: 430px!important
}

.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) .Select-option {
    max-width: inherit;
    width: 430px
}

.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) small {
    display: none
}

.withdrawal-add .nrc-form .nrc-form-item.withdrawalamount .nrc-form-input input {
    width: 334px!important
}

.withdrawal-add .nrc-form .nrc-form-item.withdrawalamount small {
    width: 350px
}

.withdrawal-add .separate-line {
    margin: 20px auto;
    width: 900px
}

.news {
    color: #fff;
    font-size: 19px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    top: 0
}

.news .main-wrap {
    background: #0000!important
}

.news.marquee-wrap .marquee-content {
    padding-left: 100vw
}

.news.marquee-wrap .marquee-item:first-child {
    margin-left: 100px
}

.news.marquee-wrap .marquee-item:last-child {
    margin-right: 0
}

.news .news-inner {
    margin-left: 20px
}

.news .news-bar-desc {
    margin-left: 10px
}

.news-title {
    color: #ffd800;
    line-height: 41px;
    padding-left: 15px;
    position: absolute;
    top: 0
}

.news-title i {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle
}

.news-list-wrap {
    max-height: 70vh;
    overflow-y: auto
}

.news-list-wrap em {
    font-style: italic
}

.news-list-wrap strong {
    font-weight: 700
}

.news-list {
    width: 600px
}

.news-list .news-item {
    display: flex;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    padding: 30px 40px
}

.news-list .news-item .time-column {
    color: #c72828;
    flex-grow: 2;
    width: 130px
}

.news-list .news-item .des-column {
    color: #545658;
    white-space: pre-wrap;
    width: 400px;
    word-break: break-word
}

.news-list .news-item:nth-child(2n) {
    background-color: #f9f9f9
}

.news-list .news-item:nth-child(odd) {
    background-color: #fff
}

.no-news {
    color: #777;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.transfers-page .nrc-form {
    margin-bottom: 15px
}

.transfers-page .nrc-form .nrc-form-item {
    margin-bottom: 0
}

.transfers-page .nrc-form small {
    display: none
}

.transfers-page .nrc-form .nrc-form-label {
    width: auto!important
}

.transfers-page .nrc-form .nrc-form-label label:after {
    display: none
}

.transfers-page .nrc-form .nrc-form-input {
    margin-left: 0!important
}

.transfers-page .nrc-form .Select,.transfers-page .nrc-form input {
    margin-right: 10px!important
}

.transfers-page .walletTransfer {
    padding-bottom: 40px
}

.transfers-page .walletTransfer>div {
    height: 70px;
    width: calc(50% - 10px)
}

.transfers-page .walletTransfer>div:nth-child(odd) {
    margin-right: 10px
}

.transfers-page .walletTransfer>div:nth-child(2n) {
    margin-left: 10px
}

.transfers-page .walletTransfer>div p {
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transfers-page .walletTransfer>div p:first-child {
    color: #282828;
    margin-left: 24px
}

.transfers-page .walletTransfer>div p:last-child {
    color: #777;
    margin-right: 16px
}

.transfers-page .walletTransfer>div p:last-child button {
    background-color: #0000;
    border: 2px solid #777;
    border-radius: 5px;
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    padding: 0;
    width: 84.9px
}

.transfers-page .walletTransfer>div p:last-child span {
    padding-right: 14px
}

.transfers-page .walletTransfer>div.grey {
    background-color: #f5f5f5
}

.transfers-page .walletTransfer>div:first-child p:first-child {
    background-image: linear-gradient(180deg,#efbf59f5,#c72828);
    color: #fff;
    height: calc(100% - 10px);
    line-height: 1.44;
    margin-left: 0;
    padding-left: 21px;
    padding-top: 10px;
    position: relative;
    width: 88px
}

.transfers-page .walletTransfer>div:first-child p:first-child:after {
    border-color: #0000 #0000 #f5f5f5;
    border-style: solid;
    border-width: 0 0 70px 15px;
    height: 0;
    right: 0;
    top: 0;
    width: 0
}

.transfers-page .walletTransfer>div:first-child p:last-child button {
    border-color: #c72828;
    color: #c72828
}

.transfers-page .walletTransfer>div:first-child p:last-child span {
    color: #c72828;
    font-size: 46px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    padding-right: 0
}

.transfers-page .transfer-popup {
    height: 180px;
    width: 380px
}

.transfers-page .transfer-popup div p {
    color: #282828;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.75
}

.transfers-page .transfer-popup div i {
    margin: 0 10px
}

.transfers-page .transfer-popup .amount {
    color: #c72828;
    font-size: 46px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin: 12px 0
}

.transfers-page .transfer-popup .sure {
    color: #777;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 34px
}

.transfers-page .transfer-popup button {
    width: 150px
}

.transfers-page .transfer-popup button:first-child {
    margin-right: 38px
}

.app-body .signup {
    margin-top: 100px
}

.app-body .signup input::placeholder {
    color: #0000!important
}

.app-body .signup .nrc-form .nrc-form-item .nrc-form-input {
    flex: 1
}

.app-body .signup .nrc-form .nrc-form-input.secure input {
    margin-right: 0
}

.app-body .signup .nrc-form .nrc-file {
    background: #0000;
    border: 0 solid #ccc
}

.app-body .signup .nrc-form .nrc-file:before {
    background-color: #eee;
    border: 1px solid #ccc
}

.app-body .signup .nrc-form-password>div {
    position: relative
}

.app-body .signup .nrc-form-password>div i {
    color: #777;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    user-select: none
}

.app-body .signup .agree-policy label {
    color: #535353;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-right: 4px
}

.app-body .signup .agree-policy span {
    align-items: center;
    display: flex
}

.app-body .signup .agree-policy .policy-btn {
    color: #c72828;
    cursor: pointer;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.app-body .signup .validate-policy-tip {
    color: #d22323;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    text-align: center
}

.app-body .signup .policy-detail {
    height: 70vh;
    width: 50vw
}

.app-body .signup .policy-detail .header {
    background-color: #eee;
    height: 80px
}

.app-body .signup .policy-detail .header .title {
    color: #222;
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.app-body .signup .policy-detail .content {
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: calc(100% - 120px);
    line-height: 1.5;
    overflow: auto;
    padding: 20px 30px
}

.app-body .signup .policy-detail .content h4 {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.app-body .signup .policy-detail .content p {
    margin-bottom: 8px;
    white-space: pre-wrap
}

.app-body .signup .policy-detail .footer {
    background-color: #eee;
    height: 80px
}

.app-body .signup input#im1,.app-body .signup input#im2 {
    box-sizing: border-box;
    width: 220px
}

.app-body .signup .input-qq .nrc-form-input:before,.app-body .signup .input-wechat .nrc-form-input:before {
    color: #c72828;
    font-family: iconmps!important;
    font-size: 22px;
    position: absolute;
    text-align: center;
    width: 40px
}

.app-body .img-viewer {
    align-items: center;
    background-color: #000000d9;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.app-body .img-viewer img {
    max-height: 70vh;
    max-width: 70vw
}

.app-body .img-viewer span {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: 5px
}

.app-body .img-viewer-icon {
    background-color: #01b1f0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 2em;
    margin-left: .5em
}

.app-body .mobile-validate {
    align-items: center;
    display: flex
}

.app-body .mobile-validate .code-input {
    display: inline-block
}

.app-body .mobile-validate .validate-countdown {
    margin-left: 20px
}

.app-body .mobile-validate small.invalid-msg {
    margin-left: 10px;
    width: unset
}

.forget-password {
    margin-top: 100px
}

.forget-password .nrc-tab-pane {
    margin-top: 40px
}

.forget-password .nrc-tab-pane p {
    color: #c72828;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    text-align: center
}

.forget-password .modal.alert .container .message {
    line-height: 22px
}

.reset-password .nrc-form .nrc-form-item .nrc-form-label {
    width: 30%
}

.reset-password .nrc-form .nrc-form-item .nrc-form-input {
    width: 70%
}

.hover-container.force-reset-password,.hover-container.reset-info {
    z-index: 2000
}

.hover-container.force-reset-password>.container,.hover-container.reset-info>.container {
    max-width: 960px;
    overflow-y: auto;
    width: 80%
}

.hover-container.force-reset-password>.container .title-center,.hover-container.reset-info>.container .title-center {
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500
}

.hover-container.force-reset-password .label,.hover-container.reset-info .label {
    border-bottom: 1px dashed #999;
    color: #c72828;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 15px
}

.transfer-online-page {
    padding: 0!important
}

.transfer-online-page .description h2 {
    margin-bottom: 20px;
    margin-top: 50px
}

.transfer-online-page .tips {
    background-color: #eeeeee26;
    border: 1px solid #eee;
    color: #777;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.86;
    margin: 0 auto;
    padding: 32px 30px;
    width: 780px
}

.transfer-online-page .tips span {
    color: #222
}

.transfer-online-page>div {
    position: relative
}

.transfer-online-page .confirmation-deposit-popup .resume-details p img {
    height: auto;
    width: 200px
}

.announcement-list-wrap {
    height: calc(100% - 50px)
}

.announcement-list {
    width: 600px
}

.announcement-list .container {
    height: 420px
}

.announcement-list .announcement-list-menu {
    background-color: #f5f5f5;
    box-sizing: border-box;
    float: left;
    height: 100%;
    overflow-y: auto;
    position: relative;
    width: 30%
}

.announcement-list .announcement-list-menu .menu-item {
    word-wrap: break-word;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    color: #777;
    cursor: pointer;
    font-size: 13px;
    list-style: none;
    padding: 15px 20px;
    position: relative;
    transition: .2s
}

.announcement-list .announcement-list-menu .menu-item.active {
    background-color: #fff;
    border-right: 1px solid #fff
}

.announcement-list .announcement-list-content {
    box-sizing: border-box;
    float: left;
    height: 100%;
    overflow-y: auto;
    padding: 20px 30px;
    width: 70%
}

.announcement-list .announcement-list-content .announcement-title {
    word-wrap: break-word;
    color: #000;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left
}

.announcement-list .announcement-list-content .announcement-desc {
    word-wrap: break-word;
    color: #777;
    line-height: 1.6;
    white-space: pre-wrap
}

.announcement-list .announcement-list-content .announcement-time {
    color: #999;
    font-size: 12px;
    line-height: 1.6
}

.hover-container.player-info>.container {
    max-height: 500px;
    max-width: 960px;
    overflow-y: auto;
    width: 70%
}

.hover-container.player-info>.container>form {
    margin-top: 35px
}

.hover-container.player-info>.container>form .body {
    margin: 0
}

.hover-container.player-info .nrc-form .nrc-form-item .nrc-form-label {
    width: 280px
}

.hover-container.player-info .nrc-form-input small.info-msg,.hover-container.player-info .nrc-form-input small.invalid-msg {
    width: 400px
}

.info-menu {
    min-width: 220px
}

.info-content {
    width: 90%
}

.promo-selfselect-modal .nrc-table .nrc-table-row {
    padding: 0
}

.promo-selfselect-modal .nrc-table .nrc-table-row .nrc-table-column span {
    text-overflow: clip;
    white-space: normal
}

.promo-selfselect-modal .nrc-table .nrc-table-row.disabled {
    background-color: #f2f2f2
}

.promo-selfselect-modal .icon-info {
    font-size: 10px;
    margin-left: 5px
}

.promo-selfselect-modal .nrc-form .nrc-form-item .nrc-form-label label:after {
    display: none
}

.promo-selfselect-modal .nrc-form .nrc-form-item .nrc-form-input {
    margin-left: 0
}

.icon-info {
    speak: none;
    font-family: iconmps;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-info:before {
    content: ""
}

.container.game-record {
    width: 80%
}

.container.game-record .bet-result-iframe {
    height: 100%;
    margin-top: 10px;
    overflow: auto;
    width: 100%
}

.container.game-record .bet-result-iframe .iframe-wrapper {
    height: 620px;
    min-width: 1200px
}

.container.game-record h3 {
    margin-bottom: 16px
}

.container.game-record .close {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px
}

.container.game-record .bet-choice {
    background-color: #e1e1e1;
    box-sizing: border-box;
    color: #545658;
    margin-bottom: 16px;
    min-height: 46px;
    padding: 5px
}

.container.game-record .nrc-form-table {
    margin-bottom: 16px
}

.container.game-record .nrc-g {
    align-content: flex-start;
    display: flex;
    flex-flow: row wrap;
    letter-spacing: -.31em;
    text-rendering: optimizespeed;
    word-spacing: -.43em
}

.container.game-record .nrc-g .nrc-u-1-2,.container.game-record .nrc-g .nrc-u-1-3,.container.game-record .nrc-g .nrc-u-1-5,.container.game-record .nrc-g .nrc-u-2-3 {
    zoom:1;display: inline-block;
    display: inline;
    letter-spacing: normal;
    text-rendering: auto;
    vertical-align: top;
    word-spacing: normal
}

.container.game-record .nrc-g .nrc-u-1-5 {
    width: 20%;
    width: 19.969%
}

.container.game-record .nrc-g .nrc-u-1-3 {
    width: 33.3333%;
    width: 33.3023%
}

.container.game-record .nrc-g .nrc-u-2-3 {
    width: 66.6667%;
    width: 66.6357%
}

.container.game-record .nrc-g .nrc-u-1-2 {
    width: 50%;
    width: 49.969%
}

.container.game-record .top10 {
    margin-top: 10px
}

.container .mock-table-row .bet-type-dice,.container .mock-table-row .bet-type-poker {
    margin: 10px 0
}

.container .mock-table-row .bet-type-dice:not(:last-child),.container .mock-table-row .bet-type-poker:not(:last-child) {
    margin-right: 10px
}

.game-record .mock-table .mock-table-header>div {
    flex: none
}

.game-record .mock-table-row>div {
    align-items: center;
    flex: none;
    padding: 10px 5px 10px 0
}

.game-record .mock-table .game-event,.game-record .mock-table .mock-table-header>div.game-event {
    display: block;
    flex: 1
}

.game-record .mock-table .game-event>div:not(:first-child) {
    border-top: 1px dashed #e9e9e9;
    padding-top: 10px
}

.game-record .mock-table .live-bet-type {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0 10px 0 0
}

.bet-type-poker {
    background-image: url(https://img.alltocon.com/img/static/common/poker.png);
    background-repeat: no-repeat;
    height: 160px;
    width: 120px
}

.bet-type-poker.suitD {
    background-position-y: 0
}

.bet-type-poker.suitH {
    background-position-y: -160px
}

.bet-type-poker.suitS {
    background-position-y: -320px
}

.bet-type-poker.suitC {
    background-position-y: -480px
}

.bet-type-poker.rank1 {
    background-position-x: 0
}

.bet-type-poker.rank2 {
    background-position-x: -120px
}

.bet-type-poker.rank3 {
    background-position-x: -240px
}

.bet-type-poker.rank4 {
    background-position-x: -360px
}

.bet-type-poker.rank5 {
    background-position-x: -480px
}

.bet-type-poker.rank6 {
    background-position-x: -600px
}

.bet-type-poker.rank7 {
    background-position-x: -720px
}

.bet-type-poker.rank8 {
    background-position-x: -840px
}

.bet-type-poker.rank9 {
    background-position-x: -960px
}

.bet-type-poker.rank10 {
    background-position-x: -1080px
}

.bet-type-poker.rank11 {
    background-position-x: -1200px
}

.bet-type-poker.rank12 {
    background-position-x: -1320px
}

.bet-type-poker.rank13 {
    background-position-x: -1440px
}

.bet-type-dice {
    background-image: url(https://img.alltocon.com/img/static/common/dice.png);
    background-repeat: no-repeat;
    background-size: 300px;
    height: 50px;
    width: 50px
}

.bet-type-dice.dice-1 {
    background-position-x: 0
}

.bet-type-dice.dice-2 {
    background-position-x: -50px
}

.bet-type-dice.dice-3 {
    background-position-x: -100px
}

.bet-type-dice.dice-4 {
    background-position-x: -150px
}

.bet-type-dice.dice-5 {
    background-position-x: -200px
}

.bet-type-dice.dice-6 {
    background-position-x: -250px
}

.section-promo {
    background: #0e0f12 url(https://img.alltocon.com/img/static/vn/desktop/home-bg.jpg) top/100% auto no-repeat;
    min-height: calc(100vh - 375px);
    padding: 40px 0
}

.section-promo .banner-promotion {
    display: none
}

.section-promo .category {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-bottom: 20px
}

.section-promo .category .category-item {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    margin-right: 5px;
    margin-top: 15px;
    min-width: 135px;
    opacity: .6;
    padding: 0 15px;
    text-align: center
}

.section-promo .category .category-item.active,.section-promo .category .category-item:hover {
    background-color: #c72828;
    cursor: pointer;
    opacity: 1
}

.section-promo .promo-grid-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    transition: all .4s ease-out
}

.section-promo .promo-grid-container .promo-grid-item {
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 16px;
    min-height: 300px;
    width: 32%;
    width: calc(33% - 10px)
}

.section-promo .promo-grid-container .promo-grid-item.hide-promo-title {
    background-color: #0000;
    min-height: 100px
}

.section-promo .promo-grid-container .promo-grid-item img {
    width: 100%
}

.section-promo .promo-grid-container .promo-grid-item h3 {
    color: #46506c;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    padding: 0 20px;
    word-break: break-all
}

.section-promo .promo-grid-container .promo-grid-item p {
    font-size: 14px;
    padding: 0 20px
}

.section-promo .promo-grid-container .promo-grid-item p span {
    color: #d01919;
    margin-left: 8px
}

.section-promo .promo-grid-container .promo-grid-item.center {
    margin-left: 10px;
    margin-right: 10px
}

.section-promo .promo-grid-container .promo-grid-item .promo-end-date {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 20px
}

.section-promo .promo-grid-container .promo-grid-item .mps-alert {
    color: #c72828;
    font-size: 30px
}

.hover-container.promo-detail-modal .container {
    border-radius: 10px;
    box-shadow: 0 2px 10px #000c;
    height: 80vh;
    max-width: 1440px;
    position: relative;
    width: 70vw
}

.hover-container.promo-detail-modal .container .toggle-btn {
    align-items: center;
    display: block;
    display: flex;
    height: 80px;
    justify-content: center;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    z-index: 10
}

.hover-container.promo-detail-modal .container .toggle-btn:after {
    speak: none;
    align-items: center;
    background-color: #f2f2f2e6;
    border-radius: 50%;
    box-shadow: 0 1px 5px #00000080;
    color: #c72828;
    content: "";
    cursor: pointer;
    display: flex;
    font-family: iconmps!important;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 30px;
    justify-content: center;
    line-height: 1;
    text-indent: -2px;
    text-transform: none;
    transition: .3s ease;
    width: 30px
}

.hover-container.promo-detail-modal .container .toggle-btn:hover:after {
    background-color: #f2f2f2;
    transform: translateY(2px)
}

.hover-container.promo-detail-modal .container .toggle-btn.min:after {
    content: "";
    text-indent: 3px
}

.hover-container.promo-detail-modal .container .header {
    box-sizing: border-box;
    justify-content: flex-end;
    width: 100%
}

.hover-container.promo-detail-modal .container .fixed-pt {
    background-color: #cccccc1a;
    box-shadow: 1px 0 0 0 #cccccc4d;
    box-sizing: border-box;
    height: calc(100% - 50px);
    max-width: 350px;
    padding: 15px;
    position: absolute;
    top: 50px;
    transition: .2s ease;
    width: 35%;
    z-index: 1
}

.hover-container.promo-detail-modal .container .fixed-pt img {
    display: block;
    width: 100%
}

.hover-container.promo-detail-modal .container .fixed-pt h1.title {
    font-size: 21px;
    line-height: 1.4;
    margin: 15px 0
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress {
    bottom: 80px;
    position: absolute;
    width: calc(100% - 30px)
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress [class^=title] {
    color: #666;
    font-size: 13px;
    font-weight: 700;
    margin-top: 10px;
    text-indent: 10px
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-content {
    align-items: center;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 0 0 1px #cccccc4d;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    margin: 5px auto;
    padding: 5px
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-content>div {
    text-indent: 5px
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-pending {
    color: #817a7a;
    font-size: 13px;
    margin-top: 10px;
    text-indent: 10px
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-box .progress-text {
    font-size: 11px
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-box .progress-bar {
    background-color: #ffffff4d;
    height: 15px;
    justify-content: flex-end;
    margin-left: 5px;
    width: 150px
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward {
    display: flex;
    flex-direction: column;
    padding-top: 5px
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward.pending {
    display: block
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward .reward-row {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward .title-reward {
    text-indent: 10px
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward .reward-amount {
    font-size: 11px;
    text-align: right
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward .reward-amount b {
    font-size: 21px;
    font-weight: 700;
    margin-right: 3px
}

.hover-container.promo-detail-modal .container .fixed-pt .promo-progress .progress-reward .reward-amount span {
    color: #666
}

.hover-container.promo-detail-modal .container .body {
    box-sizing: border-box;
    height: calc(100% - 50px);
    margin: 0 0 0 35%;
    overflow: auto;
    padding: 15px;
    width: 65%
}

@media screen and (min-width: 1700px) {
    .hover-container.promo-detail-modal .container .body {
        margin:0 0 0 370px;
        width: calc(100% - 370px)
    }
}

.hover-container.promo-detail-modal .container .apply-btn {
    background: #0000;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    left: 0;
    max-width: 350px;
    padding: 20px;
    position: absolute;
    transition: .2s ease;
    width: 35%;
    z-index: 5
}

.hover-container.promo-detail-modal .container .apply-btn button {
    box-shadow: 0 2px 10px #0003;
    cursor: pointer;
    transition: .3s ease
}

.hover-container.promo-detail-modal .container .apply-btn button:hover {
    box-shadow: 0 0 0 #0003;
    transform: translateY(2px)
}

.hover-container.promo-detail-modal .container .body img,.hover-container.promo-detail-modal .container .body-scroll img {
    max-width: 100%
}

.hover-container.promo-detail-modal .container .body .nrc-editor-view-mode,.hover-container.promo-detail-modal .container .body-scroll .nrc-editor-view-mode {
    height: auto;
    line-height: 1.4
}

.hover-container.promo-detail-modal .container.min .fixed-pt {
    padding: 10px;
    width: 0
}

.hover-container.promo-detail-modal .container.min .fixed-pt h1.title,.hover-container.promo-detail-modal .container.min .fixed-pt img {
    display: none
}

.hover-container.promo-detail-modal .container.min .body {
    margin-left: 0;
    padding: 20px 50px 80px;
    width: 100%
}

.hover-container.promo-detail-modal .container.min .apply-btn {
    max-width: 100%;
    width: 100%
}

.hover-container.promo-detail-modal .promo-end-date {
    color: #c72828;
    justify-content: flex-end;
    padding: 5px 20px
}

.promo .nrc-collapse {
    word-break: break-all
}

.promo .promo-list-item {
    cursor: pointer;
    margin: 10px 0;
    transition: .3s ease
}

.promo .promo-list-item:hover {
    transform: translateY(2px)
}

.games-fishing .fishing-game-list {
    flex-wrap: wrap;
    font-size: 0;
    padding: 100px 0 120px;
    text-align: center
}

.games-fishing .fishing-game-list li {
    cursor: pointer;
    display: inline-block;
    margin: 10px 2% 45px;
    position: relative;
    vertical-align: top;
    width: 16%
}

.games-fishing .fishing-game-list li .cover {
    background-color: #0003;
    border-radius: 20px;
    box-shadow: 0 2px 5px #0000004d;
    display: block;
    overflow: hidden;
    position: relative;
    transition: .2s;
    width: 100%
}

.games-fishing .fishing-game-list li .cover img {
    display: block;
    width: 100%
}

.games-fishing .fishing-game-list li h2 {
    color: #fff;
    font-size: 18px;
    margin: 8px 0
}

.games-fishing .fishing-game-list li:hover .cover {
    border-radius: 10px;
    box-shadow: 0 0 15px #d0edff
}

.games-fishing .fishing-game-list li:hover h2 {
    text-shadow: 0 0 3px #d0edff
}

.games-fishing .fishing-game-list li.maintenance {
    cursor: not-allowed
}

.games-fishing .fishing-game-list li.maintenance .cover {
    filter: grayscale(100%)
}

.games-fishing .fishing-game-list li.maintenance .maintenance-block {
    left: 50%;
    padding: 10px 15px;
    top: 15%;
    transform: translateX(-50%);
    width: 90%
}

.games-fishing .fishing-game-list li.maintenance:after {
    background: #0000!important;
    height: 100%!important;
    margin: 0!important;
    width: 100%!important
}

body>* {
    font-family: Times New Roman!important
}

.app .quick-nav {
    background: #0000
}

.app .header-bg {
    align-items: center;
    background: linear-gradient(180deg,#c72828,#c31010);
    display: flex;
    height: 70px;
    justify-content: center;
    left: 0;
    min-width: 1200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.app .quick-nav .main-header {
    padding-right: 110px
}

.app .quick-nav .right {
    font-size: 14px;
    gap: 10px
}

.app .quick-nav .logo {
    width: 240px
}

.app .quick-nav .id {
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    gap: 5px
}

.app .quick-nav .id,.app .quick-nav .id .vip-badge {
    align-items: center;
    display: flex
}

.app .quick-nav .id .vip-badge img {
    height: 40px
}

.app .quick-nav .wallet {
    align-items: center;
    color: #ffe083;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 2px
}

.app .quick-nav .login-nav {
    font-weight: 700
}

.app .quick-nav .login-nav a {
    color: #fff;
    padding: 0 5px
}

.app .quick-nav .header-lang {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.app .quick-nav .header-lang .lang-toggle {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 40px;
    justify-content: flex-end;
    white-space: nowrap
}

.app .quick-nav .header-lang .lang-toggle .flag-icon {
    height: 13px;
    width: 13px
}

.app .quick-nav .header-lang .lang-toggle .mps-dropdown-arrow {
    align-items: center;
    display: flex;
    font-size: 22px;
    height: auto!important;
    justify-content: center;
    text-align: center;
    transition: .3s ease;
    width: 20px!important
}

.app .quick-nav .header-lang .lang-list-wrap {
    background: #fff;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 4px 10px 0 #00000080;
    color: #666;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(-15px);
    transition: .3s ease;
    width: 130px;
    z-index: 999
}

.app .quick-nav .header-lang .lang-list-wrap .lang-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    -webkit-user-select: none;
    user-select: none
}

.app .quick-nav .header-lang .lang-list-wrap .lang-item i {
    border-radius: 50%;
    height: 18px;
    margin-right: 10px;
    width: 18px
}

.app .quick-nav .header-lang .lang-list-wrap .lang-item:hover {
    background: #eee;
    color: #333
}

.app .quick-nav .header-lang:hover .lang-list-wrap {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.app header .nav {
    height: 65px
}

.app header .nav .nav-item a h3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    line-height: 1
}

.app header .nav .nav-item a h3:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #0000;
    color: #c72828;
    content: "";
    display: block;
    font-family: iconmps!important;
    font-size: 30px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 30px;
    line-height: 1;
    margin: 0;
    text-transform: none;
    width: 30px
}

.app header .nav li[data-content=ROOT] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=LIVE] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=SPORTS] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=LOTTERY] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=EGAME] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=ESPORTS] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=CHESS] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=ANIMAL] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=MPG] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=MINI_GAME] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content^=HOT_GAMES] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=PROMOTIONS] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=PAGE_QR] .submenu {
    display: none!important
}

.app header .nav li[data-content=PAGE_QR] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content="https://www.sv66ii.com/ulagent/apply"] .nav-item a h3:before,.app header .nav li[data-content=AFFILIATE] .nav-item a h3:before,.app header .nav li[data-content=ULAGENT_APPLY] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=MY_VIP] .nav-item a h3:before {
    content: ""
}

.app header .nav li[data-content=AFFILIATE] .nav-item a h3:before {
    background: url(https://img.alltocon.com/img/static/vg7prod/desktop/nav-partner.png) 50%/90% no-repeat;
    font-size: 0
}

.app header .wallet {
    display: none!important
}

.app .app-body .signup.agent-apply .section-block:first-of-type .header .titles h3 {
    font-size: 0
}

.app .app-body .signup.agent-apply .section-block:first-of-type .header .titles h3:after {
    color: #c72828;
    content: "Đăng ký đại lý";
    font-size: 24px;
    font-weight: 400
}

.app.root .marquee-block {
    top: 34vw
}

@media screen and (max-width: 1200px) {
    .app.root .marquee-block {
        top:412.5px
    }
}

.home-area .banner {
    height: 34vw!important
}

@media screen and (max-width: 1200px) {
    .home-area .banner {
        height:412.5px!important
    }
}

.home-area .home-scoreboard {
    margin-bottom: 40px;
    padding-top: 80px
}

.home-area .v88-home-title {
    align-items: center;
    background: url(https://img.alltocon.com/img/static/vg7prod/desktop/home-title.png) 0 0/100% auto no-repeat;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 50px;
    margin-bottom: 15px;
    padding: 10px 8px;
    position: relative;
    text-transform: capitalize;
    width: 1100px
}

.home-area .v88-home-title img {
    display: block;
    margin-right: 8px;
    width: 28px
}

.home-area .v88-home-title .btn-more {
    background: unset!important;
    border: unset!important;
    color: #1c1c1c;
    font-size: 16px;
    line-height: 50px;
    position: absolute;
    right: 0;
    text-decoration: underline;
    top: 0
}

.home-area .home-type {
    margin: 0 auto 40px;
    width: 1100px
}

.home-area .home-type .type-list .type-item {
    cursor: pointer
}

.home-area .home-type .type-list .type-item:hover {
    filter: brightness(110%)
}

.home-area .home-type .type-list .type-item img {
    display: block;
    width: 100%
}

.home-area .v88-home-hotgame {
    margin: 0 auto 40px;
    width: 1100px
}

.home-area .v88-home-hotgame .hotgame-list {
    padding-bottom: 20px
}

.home-area .v88-home-hotgame .hotgame-list .swiper-scrollbar {
    background: #eee;
    bottom: 0;
    height: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 574px
}

.home-area .v88-home-hotgame .hotgame-list .swiper-scrollbar .swiper-scrollbar-drag {
    background: #ff0001
}

.home-area .v88-home-hotgame .hotgame-list .hotgame-item {
    cursor: pointer;
    position: relative
}

.home-area .v88-home-hotgame .hotgame-list .hotgame-item:hover {
    filter: brightness(110%)
}

.home-area .v88-home-hotgame .hotgame-list .hotgame-item .maintenance-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3
}

.home-area .v88-home-hotgame .hotgame-list .hotgame-item .hotgame-img {
    display: block;
    width: 100%
}

.qr .main-block {
    background: url(https://img.alltocon.com/img/static/vg7prod/desktop/qr-bg.png) top/cover no-repeat!important;
    height: unset!important
}

.qr .main-block .main-wrap {
    max-width: 1080px;
    width: 100%!important
}

.qr .main-block .main-wrap>* {
    display: none!important
}

.qr .main-block .main-wrap:before {
    aspect-ratio: 1565/1189;
    background: url(https://img.alltocon.com/img/static/vg7prod/desktop/qr-cont2.png) 50%/contain no-repeat!important;
    content: "";
    display: block;
    height: 100%;
    margin: 40px auto
}

.deposit-payments .deposit-list .deposit-list-item.ONLINE_BANKING:before,.deposit-payments .deposit-list .deposit-list-item.QR_BANK:before,.deposit-payments .deposit-list .deposit-list-item.REMIT:before {
    background: url(https://img.alltocon.com/img/static/vg7prod/payicon.png) 50%/contain no-repeat!important;
    color: #0000!important
}

.ad-center .ad-center-content .left .logo {
    background: url(https://img.alltocon.com/img/static/vg7prod/side-logo.png) 50%/contain no-repeat!important
}

.ads.left-center {
    top: 137px!important
}

.side-menu {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    z-index: 25
}

.side-menu:not(.jun88-sidemenu) {
    display: none!important
}

.side-menu li {
    max-height: 999px;
    transition: .3s
}

.side-menu li a {
    background: url(https://img.alltocon.com/img/static/vg7prod/side-bg.png) 50%/contain no-repeat!important;
    border-radius: 50%!important;
    box-shadow: unset!important;
    color: #ffffffe6;
    display: block;
    font-size: 12px;
    height: 70px;
    line-height: 1.4;
    overflow: initial;
    padding: 0;
    text-decoration: none;
    transform: translateZ(0);
    transition: transform .3s linear;
    transition: .3s ease;
    width: 70px
}

.side-menu li a:hover {
    background-image: linear-gradient(90deg,#3eddff,#2386dd);
    box-shadow: inset 0 0 0 1px #55b7ed,0 0 3px 0 #0000004d;
    height: 70px;
    transform: translateX(0)
}

.side-menu li a:hover>p {
    display: block!important
}

.side-menu li a>i {
    display: block;
    float: none;
    font-size: 32px;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 70px
}

.side-menu li a>i.mps-coin-fill {
    font-size: 45px
}

.side-menu li a>img {
    display: block!important;
    float: none!important;
    height: 35px!important;
    left: 50%!important;
    top: 13px!important;
    transform: translateX(-50%)!important;
    width: 35px!important
}

.side-menu li a>h2 {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    font-weight: 400;
    height: 24px;
    justify-content: center;
    line-height: 1.2;
    padding: 63px 0 0;
    text-align: center;
    transform: scale(.75);
    width: 100%
}

.side-menu li a>p:not(:empty) {
    background: #000c;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 15px;
    height: auto;
    padding: 8px 10px;
    position: absolute;
    right: 85px;
    text-decoration: none;
    top: calc(50% + 10px);
    transform: translateY(-50%);
    white-space: nowrap;
    width: auto
}

.side-menu li a>p:not(:empty):before {
    border-color: #0000 #0000 #0000 #000c;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    content: "";
    height: 0;
    padding-right: 80px;
    position: absolute;
    right: -90px;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

.side-menu li a>p[data-cont*=QR] {
    font-size: 0
}

.side-menu li a>p[data-cont*=QR]:after {
    content: "";
    display: block;
    height: 110px;
    width: 110px
}

.side-menu li a>p[data-cont=QR1]:after {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/qr_zalo_1_5.png) 50%/contain no-repeat
}

.side-menu li a>p[data-cont=QR2]:after {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/qr_zalo_3.png) 50%/contain no-repeat
}

.side-menu li a img {
    left: 0;
    position: absolute
}

.side-menu li.jun88-sidemenu-toggle,.side-menu li.jun88-sidemenu-top {
    cursor: pointer
}

.side-menu li.jun88-sidemenu-toggle a,.side-menu li.jun88-sidemenu-top a {
    align-items: center;
    display: flex;
    justify-content: center
}

.side-menu li.jun88-sidemenu-toggle a:before,.side-menu li.jun88-sidemenu-top a:before {
    content: "";
    display: block;
    height: 50px;
    transition: .3s;
    width: 50px
}

.side-menu li.jun88-sidemenu-toggle a:before {
    background: url(https://img.alltocon.com/img/static/jun88/desktop/sidemenu-toggle-icon.png) 50%/contain no-repeat!important;
    transform: rotate(45deg)
}

.side-menu li.jun88-sidemenu-top a:before {
    background: url(https://img.alltocon.com/img/static/jun88/desktop/sidemenu-up-icon.png) 50%/contain no-repeat!important
}

.side-menu li.jun88-sidemenu-top {
    display: none!important
}

.side-menu.is-close li {
    max-height: 0;
    opacity: 0;
    pointer-events: none
}

.side-menu.is-close .jun88-sidemenu-toggle,.side-menu.is-close .jun88-sidemenu-top {
    max-height: 999px;
    opacity: 1;
    pointer-events: all
}

.side-menu.is-close .jun88-sidemenu-toggle a:before,.side-menu.is-close .jun88-sidemenu-top a:before {
    transform: unset
}

.side-menu.is-close .jun88-sidemenu-top {
    position: fixed;
    top: calc(50vh - 25px)
}

.float_box-right {
    display: none;
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3020
}

.float_shortcut-box {
    width: 70px
}

.float_shortcut-box_list {
    border-radius: 7px;
    height: 100%;
    padding: 1px;
    width: 100%
}

.float_shortcut-box_list .close {
    cursor: pointer;
    height: 22px;
    margin: 0 auto;
    width: 22px
}

.float_shortcut-box_item {
    height: 70px;
    margin: 0 0 2px;
    position: relative;
    width: 100%
}

.float_shortcut-box_item.cs {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/contact_service.png) 50%/contain no-repeat
}

.float_shortcut-box_item.fb {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/contact_fb.png) 50%/contain no-repeat
}

.float_shortcut-box_item.zalo {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/contact_zalo1.png) 50%/contain no-repeat
}

.float_shortcut-box_item.zalo2 {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/contact_zalo2.png) 50%/contain no-repeat
}

.float_shortcut-box_item.zalo3 {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/contact_zalo3.png) 50%/contain no-repeat
}

.float_shortcut-box_item.tel {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/contact_tel.png) 50%/contain no-repeat
}

.float_shortcut-box_item.mail {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/contact_email.png) 50%/contain no-repeat
}

.float_shortcut-box_item.tg {
    background: url(https://img.alltocon.com/img/static/jun88/mobile/contact_tg.png) 50%/contain no-repeat
}

.float_shortcut-box_item:hover {
    filter: brightness(120%)
}

.float_shortcut-box_item.qr-box-warp:hover .qr-box,.float_shortcut-box_item.qr-box-warp:hover .qr-box2 {
    display: block;
    opacity: 1
}

.float_shortcut-box_link {
    display: inline-block;
    height: 100%;
    width: 100%
}

.float_shortcut-box_link[href=""] {
    cursor: default!important
}

.float_shortcut-box .qr-box {
    display: none;
    opacity: 0;
    padding-right: 5px;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%)
}

.float_shortcut-box .qr-box.text {
    padding-right: 18px
}

.float_shortcut-box .qr-box.text a {
    background: #000c;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 15px;
    height: auto;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    width: auto
}

.float_shortcut-box .qr-box.text a:before {
    border-color: #0000 #0000 #0000 #000c;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    content: "";
    height: 0;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

.float_shortcut-box .qr-box2 {
    bottom: -34px;
    display: none;
    opacity: 0;
    padding-right: 5px;
    position: absolute;
    right: 0;
    width: 340px
}

.float_shortcut-box .qr-box2 a {
    background: url(https://img.alltocon.com/img/static/789bet/custom/float/float-qr-warp.png) no-repeat;
    display: inline-block;
    height: 132px;
    width: 132px
}

.float_shortcut-box .qr-box2 a img {
    display: block;
    height: 115px;
    margin-left: 4px;
    margin-top: 8px;
    width: 115px
}

.float_shortcut-box .qr-box2 a p {
    color: #fff;
    line-height: 1.5;
    padding-right: 10px;
    text-align: center
}

.float_shortcut-box .qr-box a {
    background: url(https://img.alltocon.com/img/static/789bet/custom/float/float-qr-warp.png) no-repeat;
    display: inline-block;
    height: 132px;
    width: 132px
}

.float_shortcut-box .qr-box a img {
    display: block;
    height: 110px;
    margin-left: 6px;
    margin-top: 11px;
    width: 110px
}

.float_shortcut-box .qr-box a p {
    color: #fff;
    line-height: 1.5;
    padding-right: 10px;
    text-align: center
}

.float_box-left {
    left: 10px;
    position: fixed;
    top: 240px;
    z-index: 3020
}

.float_aside-nav {
    height: 340px;
    position: relative;
    width: 280px
}

.float_aside-nav_menu {
    animation: rota 5s ease 1.4s infinite;
    background-size: contain!important;
    height: 130px;
    width: 130px;
    z-index: 1
}

.float_aside-nav_item,.float_aside-nav_menu {
    background-repeat: no-repeat;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #f9c369;
    left: -90px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: all .5s
}

.float_aside-nav_item {
    background-origin: border-box;
    background-position: 50% 50%;
    border: 50px dashed #ff00;
    display: inline-block;
    height: 120px;
    opacity: .8;
    transition: 1s ease;
    width: 125px
}

.float_aside-nav_item:hover {
    border-color: #8d6246;
    border-width: 0
}

.float_aside-nav_icon-download {
    background-image: url(https://img.alltocon.com/img/static/789bet/custom/float/aside-tai-app.png)
}

.float_aside-nav_icon-about {
    background-image: url(https://img.alltocon.com/img/static/789bet/custom/float/aside-dang-ky.png)
}

.float_aside-nav_icon-agent {
    background-image: url(https://img.alltocon.com/img/static/789bet/custom/float/aside-dai-ly.png)
}

.float_aside-nav_icon-activity {
    background-image: url(https://img.alltocon.com/img/static/789bet/custom/float/aside-khuyen-mai.png)
}

.float_aside-nav_icon-faq {
    background-image: url(https://img.alltocon.com/img/static/789bet/custom/float/aside-quy-dinh.png)
}

.float_aside-nav .close-button {
    background: url(https://img.alltocon.com/img/static/789bet/custom/float/icon-close.png) no-repeat 50% #0000006b;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    left: 10%;
    overflow: hidden;
    position: absolute;
    top: 67%;
    width: 23px
}

.float_aside-nav .close-button:hover:before {
    background: #0000004d;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.float_aside-nav:hover .float_aside-nav_item {
    opacity: 1
}

.float_aside-nav:hover .float_aside-nav_icon-download {
    transform: scale(1.1)
}

.float_aside-nav:hover .float_aside-nav_item-1 {
    transform: translate3d(10%,-125%,0)
}

.float_aside-nav:hover .float_aside-nav_item-2 {
    transform: translate3d(110%,-56%,0)
}

.float_aside-nav:hover .float_aside-nav_item-3 {
    transform: translate3d(105%,70%,0)
}

.float_aside-nav:hover .float_aside-nav_item-4 {
    transform: translate3d(-5%,125%,0)
}

.float_aside-nav_item:hover .float_aside-nav_menu {
    animation: jello 1s
}

@keyframes jello {
    0%,11.1%,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes rota {
    0%,50%,to {
        opacity: 1;
        transform: scale(1)
    }

    25%,75% {
        opacity: .8;
        transform: scale(.95)
    }
}

div.announcement-list {
    max-width: 900px;
    width: 100%
}

div.announcement-list .container {
    height: 550px;
    min-height: 0
}

div.announcement-list .container .announcement-list-menu {
    width: 200px
}

div.announcement-list .container .announcement-list-content {
    width: calc(100% - 200px)
}

.contact-tele {
    animation: at-ripple-blue .6s linear infinite;
    background: #fff;
    border-radius: 50%;
    border-radius: 100%;
    bottom: 60px;
    box-sizing: border-box;
    color: #fff;
    height: 55px;
    position: fixed;
    right: 100px;
    width: 55px;
    z-index: 10
}

.contact-tele a {
    text-decoration: none
}

.contact-tele img {
    display: block;
    width: 100%
}

.contact-tele .popover {
    background: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 8px;
    color: #000;
    filter: drop-shadow(0 4px 4px rgba(0,0,0,.2));
    font-size: 13px;
    opacity: 0;
    padding: 12px;
    pointer-events: none;
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 999
}

.contact-tele .popover:before {
    border-color: #0000 #0000 #0000 #fff;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    content: "";
    height: 0;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

.contact-tele:hover .popover {
    opacity: 1
}

@keyframes at-ripple-blue {
    0% {
        box-shadow: 0 4px 10px rgba(111,155,180,.774),0 0 0 0 rgba(72,126,161,.644),0 0 0 5px rgba(42,94,161,.788),0 0 0 10px rgba(47,120,153,.719)
    }

    to {
        box-shadow: 0 4px 10px rgba(91,162,209,.192),0 0 0 5px rgba(80,157,219,.274),0 0 0 10px hsla(202,75%,71%,.205),0 0 0 20px rgba(107,203,241,.192)
    }
}

.event-qmenu .cont .event-item[href="/red-envelope"] img {
    content: url(https://img.alltocon.com/img/static/jun88/event-redbag.gif)!important
}

.floating-redbag {
    cursor: pointer;
    height: 110px;
    left: 60px;
    position: fixed;
    top: 200px;
    width: 110px;
    z-index: 500
}

.floating-redbag.hide {
    visibility: hidden
}

.floating-redbag>.btn-close {
    align-items: center;
    background-color: #0000008c;
    border-radius: 50%;
    color: #ccc;
    display: flex;
    font-size: 21px;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: -2px;
    top: -2px;
    transition: background-color .3s,box-shadow .3s,transform .3s;
    width: 24px;
    z-index: 3
}

.floating-redbag .redbag-img img {
    animation: shine .8s ease-in-out infinite alternate;
    height: auto;
    width: 100%
}

@keyframes shine {
    0% {
        filter: drop-shadow(0 0 0 #ffe07f)
    }

    to {
        filter: drop-shadow(0 0 8px #ffe07f)
    }
}

.app.signup .signup .white-container {
    background: url(https://img.alltocon.com/img/static/vg7prod/desktop/signup-bg.png) top/100% 100% no-repeat;
    border-radius: unset;
    border-radius: 20px;
    box-shadow: unset;
    min-height: 609px;
    padding: unset;
    padding-bottom: 22px!important;
    position: relative;
    width: 1155px
}

.app.signup .signup .white-container .section-block .header {
    border-color: #fff6;
    border-width: 1px;
    margin: 0 auto;
    padding-left: 315px;
    width: calc(100% - 40px)
}

.app.signup .signup .white-container .section-block .header h3 {
    color: #fff;
    font-size: 24px
}

.app.signup .signup .white-container .section-block .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 0 auto;
    padding-left: 197px;
    padding-top: 23px;
    width: 100%
}

.app.signup .signup .white-container .section-block .container>br {
    display: none
}

.app.signup .signup .white-container .section-block .container .nrc-form-item {
    align-items: center;
    display: flex;
    gap: 23px;
    justify-content: center;
    margin: unset!important
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-label {
    text-align: left;
    width: unset
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-label label {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 15px;
    gap: 5px;
    line-height: 1.4;
    padding: 0;
    width: 105px
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-label label.form-require:before {
    color: #fff;
    position: unset!important
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input {
    align-items: flex-start;
    display: flex;
    gap: 23px;
    margin: unset!important
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input>div {
    width: 220px
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input input {
    background: linear-gradient(90deg,#f9edd3,#f8f6ef,#f9edd3);
    border: unset;
    border-radius: 6px;
    color: #730003;
    font-weight: 700;
    height: 35px;
    margin: unset;
    padding: 0 10px;
    width: 220px
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input input::-webkit-input-placeholder {
    color: #730003
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input.nrc-form-password>div i {
    align-items: center;
    display: flex;
    font-size: 30px;
    height: 44px;
    justify-content: center;
    right: 0;
    width: 44px
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .mps-readable,.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .mps-unreadable {
    background: url(https://img.alltocon.com/img/static/vg7prod/login/login-icon-eye.png) 50%/contain no-repeat;
    font-size: 0!important;
    height: 100%;
    height: 35px!important;
    margin-right: 10px;
    width: 20px!important
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .mps-unreadable {
    opacity: .5
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .react-tel-input {
    background: linear-gradient(90deg,#ffe8b3,#fefffd 55%,#ffe8b3);
    border-radius: 6px
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .react-tel-input .flag-dropdown {
    background: #fcde98;
    border: unset;
    border-radius: unset;
    border-radius: 6px 0 0 6px
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .react-tel-input .flag-dropdown .selected-flag {
    align-items: center;
    background: unset!important;
    border-radius: unset;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: unset!important;
    width: 50px
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .react-tel-input .flag-dropdown .selected-flag .flag {
    margin: unset;
    position: unset!important
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .react-tel-input .flag-dropdown .selected-flag .flag .arrow {
    left: 22px
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .react-tel-input .flag-dropdown .country-list {
    border-radius: 8px;
    top: calc(100% + 1px)!important
}

.app.signup .signup .white-container .section-block .container .nrc-form-item .nrc-form-input .react-tel-input>input {
    background: unset!important;
    padding-left: 60px!important
}

.app.signup .signup .white-container .section-block .container .nrc-form-item small {
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    width: unset
}

.app.signup .signup .white-container .section-block .container .nrc-form-item small.invalid-msg {
    color: #fff
}

.app.signup .signup .white-container .agree-policy {
    margin-top: 40px
}

.app.signup .signup .white-container .agree-policy>span {
    min-height: unset!important
}

.app.signup .signup .white-container .agree-policy .policy-btn,.app.signup .signup .white-container .agree-policy label {
    color: #8f0202;
    font-size: 14px;
    font-weight: 700
}

.app.signup .signup .white-container .validate-policy-tip {
    margin-top: 10px
}

.app.signup .signup .white-container .btn-group {
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: unset!important;
    margin-top: 30px
}

.app.signup .signup .white-container .btn-group>button {
    font-size: 16px;
    font-weight: 900;
    line-height: 45px;
    min-width: 166px;
    text-transform: uppercase
}

.app.signup .signup .white-container .btn-group>button.to-login-btn {
    display: none
}

.app.signup .signup .white-container .btn-group>button.btn-reset {
    background: linear-gradient(180deg,#fffffc,#ffd7a3 86%);
    box-shadow: inset 0 -2px 2px 1px #fff;
    color: #d90000
}

.app.signup .signup .white-container .btn-group>button.btn-submit {
    background: linear-gradient(180deg,red,#900);
    box-shadow: inset 0 -2px 2px 1px #e50000
}

.app.signup .custom-content2 {
    padding-top: 95px;
    position: relative
}

.app.signup .custom-content2 .login-logo {
    left: 35px;
    position: absolute;
    top: -24px;
    width: 316px
}

.app.signup .custom-content2 .login-title {
    left: 382px;
    position: absolute;
    top: -36px;
    width: 659px
}

.app.signup .custom-content6 {
    bottom: 20px;
    color: #fff;
    font-size: 16px;
    left: 15px;
    position: absolute
}

.app.signup .custom-content6 span:not(.stroke) {
    position: relative;
    z-index: 2
}

.app.signup .custom-content6 span.stroke {
    -webkit-text-stroke: 4px #d00000;
    left: 0;
    position: absolute;
    text-shadow: 0 4px 2px #000;
    top: 0;
    z-index: 1
}

.hover-container.login .container {
    background: url(https://img.alltocon.com/img/static/vg7prod/login/login-bg.png) top/100% 100% no-repeat;
    box-shadow: unset;
    overflow: unset;
    width: 500px!important
}

.hover-container.login .container .header {
    background: unset;
    height: unset;
    padding: unset
}

.hover-container.login .container .header .title-center {
    display: none!important
}

.hover-container.login .container .header .mps-close {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    margin: unset!important;
    position: absolute;
    right: 20px;
    text-shadow: 0 2px 2px #000;
    top: 10px
}

.hover-container.login .container .body {
    margin: 0 auto!important;
    width: 88.492%
}

.hover-container.login .container .body .nrc-form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 25px
}

.hover-container.login .container .body .nrc-form .nrc-form-item .nrc-form-input {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.hover-container.login .container .body .nrc-form .nrc-form-item .nrc-form-input input {
    background: linear-gradient(90deg,#f9edd3,#f8f6ef,#f9edd3);
    border-radius: 10px;
    color: #730003;
    font-weight: 700;
    height: 50px;
    padding: 0 45px
}

.hover-container.login .container .body .nrc-form .nrc-form-item .nrc-form-input input::-webkit-input-placeholder {
    color: #730003
}

.hover-container.login .container .body .nrc-form .nrc-form-item .nrc-form-input input#login {
    background: url(https://img.alltocon.com/img/static/vg7prod/login/login-icon-id.png) 12px/auto 55% no-repeat,linear-gradient(90deg,#f9edd3,#f8f6ef,#f9edd3)!important
}

.hover-container.login .container .body .nrc-form .nrc-form-item .nrc-form-input input#password {
    background: url(https://img.alltocon.com/img/static/vg7prod/login/login-icon-password.png) 12px/auto 55% no-repeat,linear-gradient(90deg,#f9edd3,#f8f6ef,#f9edd3)!important
}

.hover-container.login .container .body .nrc-form .nrc-form-item .nrc-form-input small {
    color: #fff;
    height: unset!important;
    line-height: 1!important;
    margin: unset!important
}

.hover-container.login .container .body .nrc-form .nrc-form-item .nrc-form-input .mps-readable,.hover-container.login .container .body .nrc-form .nrc-form-item .nrc-form-input .mps-unreadable {
    background: url(https://img.alltocon.com/img/static/vg7prod/login/login-icon-eye.png) 50%/contain no-repeat;
    font-size: 0;
    height: 100%;
    width: 25px
}

.hover-container.login .container .body .nrc-form .nrc-form-item .nrc-form-input .mps-unreadable {
    opacity: .5
}

.hover-container.login .container .body .nrc-form .nrc-button {
    display: none!important
}

.hover-container.login .container .body .signup-hint {
    font-weight: 700;
    margin: 0 0 25px!important
}

.hover-container.login .container .body .forget-options {
    display: flex;
    gap: 9px;
    justify-content: center;
    margin-bottom: 60px
}

.hover-container.login .container .body .forget-options>* {
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50px!important;
    color: #fff;
    cursor: pointer;
    display: block;
    display: flex;
    font-size: 13px!important;
    font-weight: 700!important;
    height: 36px!important;
    justify-content: center;
    margin: 0;
    min-width: 180px;
    padding: 0 10px!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
    -webkit-user-select: none;
    user-select: none
}

.hover-container.login .container .custom-content1 .login-logo {
    display: block;
    margin: -16px auto 0;
    width: 67.515%
}

.hover-container.login .container .custom-content1 .login-title {
    display: block;
    margin: 15px auto;
    width: 88.492%
}

.hover-container.login .container .custom-content6 {
    position: relative
}

.hover-container.login .container .custom-content6 .login-tip {
    color: #fff;
    line-height: 1.2;
    text-align: center
}

.hover-container.login .container .custom-content6 .login-btn {
    cursor: pointer;
    margin: 16px auto 0;
    width: 62.729%
}

.hover-container.login .container .custom-content6 .login-btn img {
    display: block;
    width: 100%
}

#root .announcement-list .announcement-list-content .announcement-time,#root .announcement-list .announcement-list-content .announcement-title {
    display: none
}

#root .event-qmenu .cont .event-item img[alt=event-mission] {
    content: url(https://img.alltocon.com/img/static/vg7prod/event-mission.gif)!important
}

#root .event-qmenu .cont .event-item img[alt=event-vip] {
    content: url(https://img.alltocon.com/img/static/vg7prod/event-vip.gif)!important
}

#root .event-qmenu .cont .event-item img[alt=event-rank] {
    content: url(https://img.alltocon.com/img/static/vg7prod/event-rank.gif)!important
}

#root .event-qmenu .cont .event-item img[alt=event-roulette] {
    content: url(https://img.alltocon.com/img/static/vg7prod/event-roulette.gif)!important
}

.app .quick-nav .header-video {
    height: 70px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.app .quick-nav .header-video video {
    object-fit: fill;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    user-select: none
}

.app .quick-nav .header-video video.pcv-bg {
    height: 100%;
    width: 100%
}

.app .quick-nav .main-wrap {
    z-index: 2
}

.quick-nav .btn-big.signup {
    position: relative
}

.quick-nav .btn-big.signup:after {
    aspect-ratio: 60/30;
    background: url(https://img.alltocon.com/img/static/vg7prod/promo-ani-icon.png) 50%/contain no-repeat;
    content: "";
    pointer-events: none;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 38px
}

.app.signup .signup .white-container .btn-group>button.btn-submit {
    position: relative
}

.app.signup .signup .white-container .btn-group>button.btn-submit:before {
    aspect-ratio: 281/52;
    background: url(https://img.alltocon.com/img/static/vg7prod/desktop/signup-ani.webp) 50%/contain no-repeat;
    content: "";
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%);
    -webkit-user-select: none;
    user-select: none;
    width: 107px
}

#root .app header .nav li:not([data-content=PAGE_QR]) .nav-item:hover+.submenu,#root .app header .nav li:not([data-content=PAGE_QR]) .submenu ul,#root .app header .nav li:not([data-content=PAGE_QR]) .submenu:hover {
    height: auto
}

#root .app header .nav .submenu ul {
    max-width: unset
}

#root .app header .nav .submenu ul li {
    display: inline-block!important
}

#root .app header .nav .submenu ul li a {
    height: 20vh;
    max-height: 300px;
    min-height: 200px
}