.mps-login:before {
    content: ""
}

.mps-logout:before {
    content: ""
}

.mps-menu:before {
    content: ""
}

.mps-home-outline:before {
    content: ""
}

.mps-account:before {
    content: ""
}

.mps-more:before {
    content: ""
}

.mps-mymoney:before {
    content: ""
}

.mps-inbox:before {
    content: ""
}

.mps-gamehistory:before {
    content: ""
}

.mps-history:before {
    content: ""
}

.mps-search:before {
    content: ""
}

.mps-service-outline:before {
    content: ""
}

.mps-coin-fill:before {
    content: ""
}

.mps-coin-outline:before {
    content: ""
}

.mps-withdraw:before {
    content: ""
}

.mps-transfer:before {
    content: ""
}

.mps-deposit:before {
    content: ""
}

.mps-help-booking:before {
    content: ""
}

.mps-help-mail:before {
    content: ""
}

.mps-help-phone:before {
    content: ""
}

.mps-help-qq:before {
    content: ""
}

.mps-help-wechat:before {
    content: ""
}

.mps-about:before {
    content: ""
}

.mps-chat:before {
    content: ""
}

.mps-e-Games:before {
    content: ""
}

.mps-home:before {
    content: ""
}

.mps-live:before {
    content: ""
}

.mps-lottery:before {
    content: ""
}

.mps-partner:before {
    content: ""
}

.mps-phone:before {
    content: ""
}

.mps-promotions:before {
    content: ""
}

.mps-sports:before {
    content: ""
}

.mps-service:before {
    content: ""
}

.mps-star:before {
    content: ""
}

.mps-profile:before {
    content: ""
}

.mps-download:before {
    content: ""
}

.mps-webcopy:before {
    content: ""
}

.mps-help:before {
    content: ""
}

.mps-update:before {
    content: ""
}

.mps-autorefresh:before {
    content: ""
}

.mps-delete:before {
    content: ""
}

.mps-edit:before {
    content: ""
}

.mps-close:before {
    content: ""
}

.mps-next:before {
    content: ""
}

.mps-back:before {
    content: ""
}

.mps-right-arrow:before {
    content: ""
}

.mps-dropdown-arrow:before {
    content: ""
}

.mps-next-arrow:before {
    content: ""
}

.mps-input-error:before {
    content: ""
}

.mps-input-ok:before {
    content: ""
}

.mps-plus:before {
    content: ""
}

.mps-plus-round:before {
    content: ""
}

.mps-search-list:before {
    content: ""
}

.mps-recover:before {
    content: ""
}

.mps-info:before {
    content: ""
}

.mps-promotion:before {
    content: ""
}

.mps-rect:before {
    content: ""
}

.mps-fishing:before {
    content: ""
}

.mps-help-man:before {
    content: ""
}

.mps-quiz:before {
    content: ""
}

.mps-news:before {
    content: ""
}

.mps-keyboard:before {
    content: ""
}

.mps-bunny:before {
    content: ""
}

.mps-bnav-home:before {
    content: ""
}

.mps-bnav-game:before {
    content: ""
}

.mps-bnav-clock:before {
    content: ""
}

.mps-bnav-mail:before {
    content: ""
}

.mps-bnav-user:before {
    content: ""
}

.mps-arrow-left:before {
    content: ""
}

.mps-arrow-right:before {
    content: ""
}

.mps-copied:before {
    content: ""
}

.mps-alipay:before {
    content: ""
}

.mps-corp-deposit:before {
    content: ""
}

.mps-debit-card:before {
    content: ""
}

.mps-onlinebank:before {
    content: ""
}

.mps-bank-history:before {
    content: ""
}

.mps-bn-game:before {
    content: ""
}

.mps-bn-deposit:before {
    content: ""
}

.mps-bn-withdraw:before {
    content: ""
}

.mps-gift:before {
    content: ""
}

.mps-gameicon-sport:before {
    content: ""
}

.mps-gameicon-live:before {
    content: ""
}

.mps-gameicon-egame:before {
    content: ""
}

.mps-gameicon-game:before {
    content: ""
}

.mps-gameicon-lottery:before {
    content: ""
}

.mps-unlock:before {
    content: ""
}

.mps-userpic:before {
    content: ""
}

.mps-user-full:before {
    content: ""
}

.mps-money-dw:before {
    content: ""
}

.mps-award:before {
    content: ""
}

.mps-history-bid:before {
    content: ""
}

.mps-calendar:before {
    content: ""
}

.mps-nav-home:before {
    content: ""
}

.mps-nav-result:before {
    content: ""
}

.mps-nav-lobby:before {
    content: ""
}

.mps-nav-money:before {
    content: ""
}

.mps-nav-account:before {
    content: ""
}

.mps-cart:before {
    content: ""
}

.mps-alert:before {
    content: ""
}

.mps-timer:before {
    content: ""
}

.mps-cservice:before {
    content: ""
}

.mps-icon-help:before {
    content: ""
}

.mps-account-history:before {
    content: ""
}

.mps-lock:before {
    content: ""
}

.mps-account-money:before {
    content: ""
}

.mps-qq:before {
    content: ""
}

.mps-qrids:before {
    content: ""
}

.mps-lists:before {
    content: ""
}

.mps-warning:before {
    content: ""
}

.mps-help-line:before {
    content: ""
}

.mps-help-viber:before {
    content: ""
}

.mps-help-zalo:before {
    content: ""
}

.mps-help-skype:before {
    content: ""
}

.mps-jdpay:before {
    content: ""
}

.mps-egame-line:before {
    content: ""
}

.mps-lotto-line:before {
    content: ""
}

.mps-live-line:before {
    content: ""
}

.mps-sport-line:before {
    content: ""
}

.mps-fish-line:before {
    content: ""
}

.mps-woman-line:before {
    content: ""
}

.mps-animal-line:before {
    content: ""
}

.mps-nav-list:before {
    content: ""
}

.mps-help-whatsapp:before {
    content: ""
}

.mps-upay:before {
    content: ""
}

.mps-qj:before {
    content: ""
}

.mps-preport:before {
    content: ""
}

.mps-reward-p:before {
    content: ""
}

.mps-deposit-p:before {
    content: ""
}

.mps-withdrawal-p:before {
    content: ""
}

.mps-money-p:before {
    content: ""
}

.mps-help-fb:before {
    content: ""
}

.mps-ico-btc:before {
    content: ""
}

.mps-ico-eth:before {
    content: ""
}

.mps-ico-ltc:before {
    content: ""
}

.mps-mobile:before {
    content: ""
}

.mps-ico-eos:before {
    content: ""
}

.mps-qrcode:before {
    content: ""
}

.mps-ios:before {
    content: ""
}

.mps-android:before {
    content: ""
}

.mps-ie:before {
    content: ""
}

.mps-star-s:before {
    content: ""
}

.mps-lottery2:before {
    content: ""
}

.mps-gear:before {
    content: ""
}

.mps-announce:before {
    content: ""
}

.mps-telegram:before {
    content: ""
}

.mps-agent:before {
    content: ""
}

.mps-friend:before {
    content: ""
}

.mps-store:before {
    content: ""
}

.mps-cgp:before {
    content: ""
}

.mps-card-b:before {
    content: ""
}

.mps-agent-b:before {
    content: ""
}

.mps-lightning:before {
    content: ""
}

.mps-wheel:before {
    content: ""
}

.mps-mx2-user:before {
    content: ""
}

.mps-mx2-report:before {
    content: ""
}

.mps-mx2-coin:before {
    content: ""
}

.mps-mx2-transaction:before {
    content: ""
}

.mps-mx2-msg:before {
    content: ""
}

.mps-mx2-music:before {
    content: ""
}

.mps-mx2-history:before {
    content: ""
}

.mps-mx2-lottery:before {
    content: ""
}

.mps-mx2-cart:before {
    content: ""
}

.mps-mx2-trash:before {
    content: ""
}

.mps-mx2-dice:before {
    content: ""
}

.mps-mx2-dropdown:before {
    content: ""
}

.mps-mx2-delete:before {
    content: ""
}

.mps-mx2-info:before {
    content: ""
}

.mps-mx2-bonus:before {
    content: ""
}

.mps-mx2-money:before {
    content: ""
}

.mps-thai-dice:before {
    content: ""
}

.mps-thai-dice2:before {
    content: ""
}

.mps-thai-dice3:before {
    content: ""
}

.mps-thai-gv:before {
    content: ""
}

.mps-thai-random:before {
    content: ""
}

.mps-thai-search:before {
    content: ""
}

.mps-thai-stock:before {
    content: ""
}

.mps-thai-yeekee:before {
    content: ""
}

.mps-thai-clock:before {
    content: ""
}

.mps-thai-timeup:before {
    content: ""
}

.mps-desktop:before {
    content: ""
}

.mps-thai-watch:before {
    content: ""
}

.mps-video-play:before {
    content: ""
}

.mps-video-stop:before {
    content: ""
}

.mps-video-zoomout:before {
    content: ""
}

.mps-video-zoomin:before {
    content: ""
}

.d20_account_account:before {
    content: ""
}

.d20_account_cooperation:before {
    content: ""
}

.d20_account_deposit:before {
    content: ""
}

.d20_account_gift:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_account_home:before {
    content: ""
}

.d20_account_money:before {
    content: ""
}

.d20_account_mail:before {
    content: ""
}

.d20_account_recommand:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_account_setting:before {
    content: ""
}

.d20_account_speaker:before {
    content: ""
}

.d20_account_winning:before {
    content: ""
}

.d20_account_withdrawal:before {
    content: ""
}

.d20_contact_cs:before {
    content: ""
}

.d20_contact_fb:before {
    content: ""
}

.d20_contact_line:before {
    content: ""
}

.d20_contact_phone:before {
    content: ""
}

.d20_contact_qq:before {
    content: ""
}

.d20_contact_skype:before {
    content: ""
}

.d20_contact_speed:before {
    content: ""
}

.d20_contact_telegram:before {
    content: ""
}

.d20_contact_wechat:before {
    content: ""
}

.d20_contact_zaro:before {
    content: ""
}

.d20_game_cock:before {
    content: ""
}

.d20_game_esport:before {
    content: ""
}

.d20_game_live:before {
    content: ""
}

.d20_game_lottery:before {
    content: ""
}

.d20_game_poker:before {
    content: ""
}

.d20_game_fishing:before {
    content: ""
}

.d20_game_sexy:before {
    content: ""
}

.d20_game_slot:before {
    content: ""
}

.d20_game_sports:before {
    content: ""
}

.d20_system_back:before {
    content: ""
}

.d20_system_cancel:before {
    content: ""
}

.d20_system_circle-cancle:before {
    content: ""
}

.d20_system_delete:before {
    content: ""
}

.d20_system_edit:before {
    content: ""
}

.d20_system_info:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_system_login:before {
    content: ""
}

.d20_system_logout:before {
    content: ""
}

.d20_system_menu:before {
    content: ""
}

.d20_system_search-data:before {
    content: ""
}

.d20_system_search:before {
    content: ""
}

.d20_system_upload:before {
    content: ""
}

.d20_system_cellphone:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_contact_whatsapp:before {
    content: ""
}

.d20_contact_viber:before {
    content: ""
}

.d20_game_mini:before {
    content: ""
}

.mps-mission:before {
    content: ""
}

.d20_game_hot:before {
    content: ""
}

.mps-hyperlink:before {
    content: ""
}

.mps-readable:before {
    content: ""
}

.mps-unreadable:before {
    content: ""
}

.mps-heart:before {
    content: ""
}

.mps-vip:before {
    content: ""
}

.mps-deposit2:before {
    content: ""
}

.mps-withdraw2:before {
    content: ""
}

.d20_account_app-down:before {
    content: ""
}

.d20_account_bankcard:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_account_deposit2:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_account_hyperlink:before {
    content: ""
}

.d20_account_mission:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_account_money2:before {
    content: ""
}

.d20_account_vip:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_account_wallet:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_game_finance:before {
    content: ""
}

.d20_system_help:before {
    content: ""
}

.d20_small_autorenew:before {
    content: ""
}

.d20_small_checkbox-active:before {
    content: ""
}

.d20_small_checkbox-default:before {
    content: ""
}

.d20_small_copy:before {
    content: ""
}

.d20_small_date:before {
    content: ""
}

.d20_small_delete:before {
    content: ""
}

.d20_small_download:before {
    content: ""
}

.d20_small_edit:before {
    content: ""
}

.d20_small_help_center_terms:before {
    content: ""
}

.d20_small_help-contactus:before {
    content: ""
}

.d20_small_help-deposit:before {
    content: ""
}

.d20_small_help-duty:before {
    content: ""
}

.d20_small_help-howtoplay:before {
    content: ""
}

.d20_small_help-security:before {
    content: ""
}

.d20_small_help-withdraw:before {
    content: ""
}

.d20_small_hide:before {
    content: ""
}

.d20_small_show:before {
    content: ""
}

.d20_small_time:before {
    content: ""
}

.d20_small_upload:before {
    content: ""
}

.lottores_ssc:before {
    content: ""
}

.lottores_k3:before {
    content: ""
}

.lottores_6hc:before {
    content: ""
}

.lottores_115:before {
    content: ""
}

.lottores_pk10:before {
    content: ""
}

.mps-arrow-up:before {
    content: ""
}

.mps-arrow-down:before {
    content: ""
}

.d20_account_add:before {
    content: ""
}

.d20_account_alarm:before {
    content: ""
}

.d20_account_game-history:before {
    content: ""
}

.d20_account_kyc:before {
    content: ""
}

.d20_account_record:before {
    content: ""
}

.d20_account_account_solid:before {
    content: ""
}

.d20_account_add_solid:before {
    content: ""
}

.d20_account_alarm_solid:before {
    content: ""
}

.d20_account_app-download_solid:before {
    content: ""
}

.d20_account_bankcard_solid:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_account_cooperation_solid:before {
    content: ""
}

.d20_account_deposit_solid:before {
    content: ""
}

.d20_account_game-history_solid:before {
    content: ""
}

.d20_account_gift_solid:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_account_home_solid:before {
    content: ""
}

.d20_account_hyperlink_solid:before {
    content: ""
}

.d20_account_kyc_solid:before {
    content: ""
}

.d20_account_mail_solid:before {
    content: ""
}

.d20_account_mission_solid:before {
    content: ""
}

.d20_account_money_solid:before {
    content: ""
}

.d20_account_recommand_solid:before {
    content: url("https://dr88.ai/images/mem-transaction.svg");
}

.d20_account_record_solid:before {
    content: ""
}

.d20_account_setting_solid:before {
    content: ""
}

.d20_account_speaker_solid:before {
    content: ""
}

.d20_account_vip_solid:before {
    content: ""
}

.d20_account_wallet_solid:before {
    content: ""
}

.d20_account_withdrawal_solid:before {
    content: ""
}

.d20_contact_QQ_solid:before {
    content: ""
}

.d20_contact_cellphone_solid:before {
    content: ""
}

.d20_contact_customer-service_solid:before {
    content: ""
}

.d20_contact_fb_solid:before {
    content: ""
}

.d20_contact_line_solid:before {
    content: ""
}

.d20_contact_messenger_solid:before {
    content: ""
}

.d20_contact_phone_solid:before {
    content: ""
}

.d20_contact_skype_solid:before {
    content: ""
}

.d20_contact_speed_solid:before {
    content: ""
}

.d20_contact_telegram_solid:before {
    content: ""
}

.d20_contact_tiwtter_solid:before {
    content: ""
}

.d20_contact_viber_solid:before {
    content: ""
}

.d20_contact_wechat_solid:before {
    content: ""
}

.d20_contact_whatsapp_solid:before {
    content: ""
}

.d20_contact_zalo_solid:before {
    content: ""
}

.d20_game_cock_solid:before {
    content: ""
}

.d20_game_demo_solid:before {
    content: ""
}

.d20_game_esport_solid:before {
    content: ""
}

.d20_game_finance_solid:before {
    content: ""
}

.d20_game_fishing_solid:before {
    content: ""
}

.d20_game_hot_solid:before {
    content: ""
}

.d20_game_live_solid:before {
    content: ""
}

.d20_game_lottery_solid:before {
    content: ""
}

.d20_game_poker_solid:before {
    content: ""
}

.d20_game_sexy_solid:before {
    content: ""
}

.d20_game_slot_solid:before {
    content: ""
}

.d20_game_sports_solid:before {
    content: ""
}

.d20_system_back_solid:before {
    content: ""
}

.d20_system_cancel_solid:before {
    content: ""
}

.d20_system_circle-cancel_solid:before {
    content: ""
}

.d20_system_delete_solid:before {
    content: ""
}

.d20_system_download_solid:before {
    content: ""
}

.d20_system_edit_solid:before {
    content: ""
}

.d20_system_help_solid:before {
    content: ""
}

.d20_system_info_solid:before {
    content: ""
}

.d20_system_login_solid:before {
    content: ""
}

.d20_system_logout_solid:before {
    content: ""
}

.d20_system_menu_solid:before {
    content: ""
}

.d20_system_search-data_solid:before {
    content: ""
}

.d20_system_search_solid:before {
    content: ""
}

.d20_system_share_solid:before {
    content: ""
}

.d20_system_upload_solid:before {
    content: ""
}

.d20_game_mini_solid:before {
    content: ""
}

.d20_small_add:before {
    content: ""
}

.d20_small_delete:before {
    content: ""
}

.d20_small_line_arrow_down:before {
    content: ""
}

.d20_small_ok:before {
    content: ""
}

.d20_small_radio_active:before {
    content: ""
}

.d20_small_radio_default:before {
    content: ""
}

.d20_small_soild_arrow_down:before {
    content: ""
}

.d20_small_tip:before {
    content: ""
}

.d20_account_withdrawal1:before {
    content: ""
}

.d20_small_account:before {
    content: ""
}

.d20_small_login:before {
    content: ""
}

.er_ic_app:before {
    content: ""
}

.er_ic_deposit:before {
    content: ""
}

.er_ic_vip:before {
    content: ""
}

.er_ic_withdraw:before {
    content: ""
}

.mps-pen:before {
    content: ""
}

.mps-chatbubble:before {
    content: ""
}

.d20_account_lang:before {
    content: ""
}

.mps-csh5:before {
    content: ""
}

.mps-cspc:before {
    content: ""
}

.mps-csvip:before {
    content: ""
}

.add-main {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    background-color: rgba(0, 0, 0, .7);
    z-index: 9999999999
}

.add-main,
.add-main .close-mask {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.add-main.ios .add-main-tips {
    border-radius: 10px;
    bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .8);
    left: 2%;
    width: 96%
}

.add-main.ios .add-main-tips .des span {
    display: none
}

.add-main.ios .add-main-tips .des span+img {
    display: inline-block
}

.add-main.ios .add-main-tips:after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -13px;
    content: "";
    height: 0;
    left: calc(50% - 15px);
    position: absolute;
    width: 0
}

.add-main .add-main-tips {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .8);
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    left: 0;
    padding: 10px;
    position: fixed;
    width: 100%;
    z-index: 1
}

.add-main .add-main-tips .appicon {
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    display: block;
    flex: 50px 0 0;
    height: 50px;
    margin-right: 10px;
    width: 50px
}

.add-main .add-main-tips .icon-share {
    height: 20px;
    transform: translateY(-3px);
    width: 20px
}

.add-main .add-main-tips .dontshow {
    background-color: #efefef;
    border-radius: 10px;
    color: #128ae0;
    padding: 8px 5px;
    white-space: nowrap
}

.add-main .add-main-tips .des {
    color: #777
}

.add-main .add-main-tips .des span+img {
    display: none
}

.not-found {
    background-image: linear-gradient(0deg, #182848, #2980b9);
    display: flex;
    min-height: calc(100vh - 50px);
    padding: 40px 20px
}

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

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

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

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

    to {
        transform: rotate(13deg)
    }
}

.not-found .not-found-content .not-found-title {
    font-size: 10vw;
    line-height: 1.2
}

.not-found .not-found-content .not-found-desc {
    font-size: 4vw;
    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: 0;
    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
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    margin: 0
}

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

h1 {
    font-size: 100%
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

a {
    -webkit-text-decoration-skip: objects;
    text-decoration-skip: objects;
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

*,
:after,
:before {
    box-sizing: border-box
}

body,
html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    min-height: 100%;
    position: relative;
    width: 100%
}

iframe,
img {
    vertical-align: top
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none
}

a:active,
a:focus,
a:hover {
    outline-width: 0
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

button,
input,
select,
textarea {

    outline: none
}

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

td,
th {
    padding: 8px
}

.content-page {
    line-height: 1.6;
    padding: 15px
}

.content-page ul {
    -webkit-padding-start: 40px;
    list-style-type: disc
}

.content-page h1 {
    color: #128ae0;
    margin: 8px 0 5px
}

.content-page img {
    max-width: 100%
}

html {
    height: -webkit-fill-available
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: -webkit-fill-available
}

body>#root {
    flex: 1
}

.back {
    color: #212121;
    font-size: 12px
}

.back i {
    font-size: 30px;
    margin-right: 5px
}

.back>* {
    vertical-align: middle
}

button.style-1 {
    border: none;
    border-radius: 5px;
    padding: 10px 27px
}

button.style-1,
button.style-2 {
    background-color: #128ae0;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 14px
}

button.style-2 {
    border: none;
    border-radius: 50px;
    padding: 10px 20px
}

button.center {
    display: block;
    margin: 0 auto
}

.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;
    position: relative;
    transition: transform ease-in-out;
    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;
    transform: translateZ(0)
}

.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.next .icon,
.nrc-carousel .carousel-control.prev .icon {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    padding: 17px;
    width: 20px
}

.nrc-carousel .carousel-control.next .icon i,
.nrc-carousel .carousel-control.prev .icon i {
    font-weight: 700
}

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

.nrc-carousel .carousel-indicators li {
    background-clip: padding-box;
    background-color: #b3b3b3;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    box-sizing: content-box;
    cursor: pointer;
    filter: grayscale(1.5) brightness(.6);
    flex: 0 1 auto;
    height: 3px;
    margin: 0 3px;
    text-indent: -999px;
    transition: .6s ease;
    width: 15px
}

.nrc-carousel .carousel-indicators li.active {
    filter: none
}

.collection-block {
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: 110px;
    padding: 20px 15px
}

.collection-block div p {
    padding-bottom: 10px;
    vertical-align: top
}

.collection-block div p:first-child {
    color: #282828;
    width: 38%
}

.collection-block div p:last-child {
    color: #666;
    width: 62%
}

.collection-block div:last-child p {
    padding-bottom: 0
}

.content-modal {
    background-color: rgba(0, 0, 0, .5);
    color: #222;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.content-modal>div {
    background-color: #fff;
    border-radius: 5px;
    max-height: 90%;
    overflow-y: auto;
    position: relative;
    width: 90%
}

.content-modal>div h4 {
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 45px
}

.content-modal>div .close {
    position: absolute;
    right: 14px;
    top: 14px
}

.content-modal>div p {
    padding: 0 31px 10px
}

.content-modal>div button {
    display: block;
    margin: 26px auto;
    width: calc(100% - 62px)
}

.countdown {
    background-color: rgba(255, 255, 255, .8);
    border: .9px solid rgba(204, 204, 204, .5);
    border-radius: 6px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
    height: 118px;
    margin: 15px auto;
    width: 256px
}

.countdown p span:first-child {
    color: #128ae0;
    font-size: 63px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.countdown p span:last-child {
    color: #989898;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.finan-func {
    background-color: #fff;
    padding-bottom: 1px
}

.wallet {
    color: #535353;
    font-size: 16px;
    line-height: 2;
    padding-top: 15px
}

.wallet h1 {
    color: #128ae0;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3
}

.account-nav {
    font-size: 0;
    margin: 20px 0;
    position: relative
}

.account-nav li {
    color: #666;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    text-align: center;
    width: 50%
}

.account-nav li.small {
    font-size: 14px
}

.account-nav li.small:after {
    top: 0
}

.account-nav li:after {
    background-color: #ccc;
    content: "";
    height: 30px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px
}

.account-nav li:last-child:after {
    display: none
}

.account-nav li i {
    color: #128ae0;
    font-size: 40px
}

.account-nav li i.small {
    font-size: 28px;
    margin-right: 8px
}

.account-nav li a {
    color: #666
}

label {
    color: #545658;
    font-family: Microsoft YaHei, Microsoft JhengHei, PingFangTC, Helvetica;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.25
}

.submit {
    background-color: #128ae0;
    border-radius: 3px;
    color: #fff;
    height: 44px
}

.secure-code i {
    background: no-repeat url(https://img.alltocon.com/img/static/ic-autorenew.png);
    display: block;
    height: 25px;
    width: 25px
}

.form-datetime>div {
    width: 50%
}

.form-datetime>div:last-child label {
    text-indent: -1000px
}

.text-security {
    -webkit-text-security: disc
}

.text-security small {
    -webkit-text-security: none
}

.invisible,
.nrc-invisible {
    background: transparent;
    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
}

.anchor {
    color: #01b1f0;
    cursor: pointer
}

.app .formik-label,
.app .info-msg,
.app .invalid-msg {
    font-size: 16px
}

.app input.formik-input:focus {
    background-color: #fff;
    border-color: rgba(18, 138, 224, .5);
    box-shadow: 0 0 0 2px rgba(18, 138, 224, .1)
}

.app .nrc-u-1-1 .formik-item>* {
    width: 100%
}

.formik-item .formik-checkbox:after {
    bottom: auto;
    left: 8px;
    top: 4px
}

.game-search {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.game-search .title {
    color: #555;
    font-size: 22px;
    text-align: center
}

.game-search .function-area {
    background-color: #f0eff5
}

.game-search .function-area input[type=text]:focus {
    outline: none
}

.function-area {
    padding: 12px 10px
}

.search-input-wrap {
    background-color: #fff;
    border-radius: 3px;
    height: 44px;
    position: relative
}

.search-input-wrap input {
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #128ae0;
    display: block;
    font-size: 16px;
    height: 100%;
    opacity: 1;
    padding-left: 50px;
    width: 100%;
    z-index: 1
}

.search-input-wrap .arrow-icon {
    left: 15px;
    position: absolute;
    top: 12px
}

.search-input-wrap .cancel-icon {
    position: absolute;
    right: 15px;
    top: 12px
}

.search-result {
    display: flex;
    flex-direction: column;
    height: 90%;
    text-align: center
}

.search-result ul {
    box-sizing: border-box;
    height: 90%;
    overflow-y: auto;
    padding-bottom: 120px;
    width: 98%
}

.search-result li {
    color: #aaa
}

.highlight-banner {
    background-color: #ccc;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 5px;
    height: 250px;
    margin: auto;
    position: relative;
    top: 15px;
    width: 90%
}

.highlight-banner.hl-sb {
    background-image: url(https://img.alltocon.com/img/static/desktop/live-screen/hl-sb.jpg)
}

.highlight-banner.hl-sb:before {
    background-image: url(https://img.alltocon.com/img/static/desktop/live-screen/hl-sb-tit.png)
}

.highlight-banner.hl-venus {
    background-image: url(https://img.alltocon.com/img/static/desktop/live-screen/hl-venus.jpg)
}

.highlight-banner.hl-venus:before {
    background-image: url(https://img.alltocon.com/img/static/desktop/live-screen/hl-venus-tit.png)
}

.highlight-banner:before {
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    height: 95%;
    left: 15px;
    position: absolute;
    top: 0;
    width: 80%
}

@media screen and (max-width:375px) {
    .highlight-banner {
        height: 220px
    }
}

@media screen and (max-width:320px) {
    .highlight-banner {
        height: 200px
    }
}

.game-list .sub-gp {
    margin: auto;
    padding: 20px 0;
    position: relative;
    width: 100%
}

.game-list .sub-gp ul {
    font-size: 0;
    padding: 10px 0 0
}

.game-list .sub-gp ul li {
    box-sizing: border-box;
    display: inline-block;
    height: 120px;
    padding: 25px 10px 35px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 33%;
    width: 33.33333%
}

.game-list .sub-gp ul li img {
    display: block;
    margin: auto;
    max-height: 60px;
    max-width: 95%;
    position: relative;
    width: auto
}

.game-list .sub-gp ul li h3 {
    bottom: 0;
    font-size: 13px;
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (max-width:375px) {
    .game-list .sub-gp ul li h3 {
        font-size: 12px
    }
}

.hover-container {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 22px
}

.hover-container .container .nrc-form-input.nrc-file .info-msg,
.hover-container .container .nrc-form-input.nrc-file .invalid-msg {
    bottom: 0;
    top: auto
}

.hover-container .description {
    color: #666;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.63
}

.hover-container .bottom-button {
    background-color: #fff;
    bottom: 0;
    padding-bottom: 30px;
    padding-top: 20px;
    position: absolute;
    width: calc(100% - 44px)
}

.hover-container .bottom-button.relative {
    margin-top: 20px;
    position: relative;
    width: 100%
}

.hover-container .header-actions {
    height: 30px;
    position: relative
}

.hover-container .header-actions .btn-back {
    left: 0
}

.hover-container .header-actions .btn-close {
    right: 0
}

.hover-container .header-actions .btn-back,
.hover-container .header-actions .btn-close {
    position: absolute;
    top: 0
}

.hover-container .header-actions .btn-back i,
.hover-container .header-actions .btn-close i {
    display: inline-block;
    font-size: 35px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    vertical-align: middle
}

.hover-container .header-actions .close {
    position: absolute;
    right: 0;
    top: 0
}

.hover-container .bottom-text {
    color: #aaa;
    font-size: 14px !important;
    text-align: center
}

.hover-container .bottom-text a {
    color: #128ae0;
    padding-left: 10px;
    position: relative
}

.hover-container .bottom-text a.signup-hint.account-link {
    font-size: 14px;
    padding-left: 0
}

.app.ulagent.apply .hover-container {
    background: #f1f1f1;
    min-height: var(--window-inner-height)
}

.hover-container.player-info form {
    margin-top: 20px
}

.input-group {
    margin: 10px 0;
    position: relative
}

.input-group .secure input {
    border: 2px solid transparent !important
}

.input-group input[type=date],
.input-group input[type=datetime-local],
.input-group input[type=datetime],
.input-group input[type=email],
.input-group input[type=number],
.input-group input[type=password],
.input-group input[type=tel],
.input-group input[type=text],
.input-group input[type=time] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #ccc;
    color: #535353;
    display: block;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    padding: 10px
}

.input-group input[type=date]:focus,
.input-group input[type=datetime-local]:focus,
.input-group input[type=datetime]:focus,
.input-group input[type=email]:focus,
.input-group input[type=number]:focus,
.input-group input[type=password]:focus,
.input-group input[type=tel]:focus,
.input-group input[type=text]:focus,
.input-group input[type=time]:focus {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #128ae0;
    -webkit-box-shadow: inset 0 0 0 1px #128ae0;
    color: #128ae0;
    outline: none
}

.input-group input[type=date]::-webkit-input-placeholder,
.input-group input[type=datetime-local]::-webkit-input-placeholder,
.input-group input[type=datetime]::-webkit-input-placeholder,
.input-group input[type=email]::-webkit-input-placeholder,
.input-group input[type=number]::-webkit-input-placeholder,
.input-group input[type=password]::-webkit-input-placeholder,
.input-group input[type=tel]::-webkit-input-placeholder,
.input-group input[type=text]::-webkit-input-placeholder,
.input-group input[type=time]::-webkit-input-placeholder {
    color: #aaa;
    font-size: 12px
}

@media only screen and (max-width:320px) {

    .input-group input[type=date],
    .input-group input[type=datetime-local],
    .input-group input[type=datetime],
    .input-group input[type=email],
    .input-group input[type=number],
    .input-group input[type=password],
    .input-group input[type=tel],
    .input-group input[type=text],
    .input-group input[type=time] {
        font-size: 13px
    }
}

.input-group input[type=date].invalid,
.input-group input[type=datetime-local].invalid,
.input-group input[type=datetime].invalid,
.input-group input[type=email].invalid,
.input-group input[type=number].invalid,
.input-group input[type=password].invalid,
.input-group input[type=tel].invalid,
.input-group input[type=text].invalid,
.input-group input[type=time].invalid {
    background-color: rgba(255, 223, 223, .4);
    box-shadow: inset 0 0 0 1px #e94951;
    color: #e94951
}

.input-group.range-date-picker {
    width: 48%
}

.input-group.range-date-picker input {
    font-size: 14px
}

@media only screen and (max-width:320px) {
    .input-group.range-date-picker input {
        font-size: 12px
    }
}

.input-group label {
    color: #535353;
    display: block;
    font-size: 13px;
    line-height: 30px
}

.input-group label span {
    color: #dd9c4b;
    margin-right: 3px
}

.input-group+.tips {
    color: #666;
    font-size: 12px;
    line-height: 1.4
}

.input-group.flex-left .nrc-form-label,
.nrc-tabs .input-group.nrc-tabs-nav .nrc-form-label,
.service-online-add .input-group.helps .nrc-form-label,
.withdrawal-processing-block .input-group.total-deduction .nrc-form-label {
    margin-right: 24px
}

.input-group.flex-left .nrc-form-input small,
.nrc-tabs .input-group.nrc-tabs-nav .nrc-form-input small,
.service-online-add .input-group.helps .nrc-form-input small,
.withdrawal-processing-block .input-group.total-deduction .nrc-form-input small {
    color: #666;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    margin-top: 0
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label {
    background-color: #535353;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 16px;
    margin: 0 3px 0 0;
    position: relative;
    transition: .3s;
    vertical-align: middle;
    width: 16px
}

input[type=checkbox]:checked+label {
    background-color: #8fc31f
}

input[type=checkbox]:checked+label:after {
    content: "";
    font-family: iconmps !important;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    width: 100%
}

.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;
    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: #128ae0 #128ae0 #128ae0 #cacaca;
    outline: 0
}

.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 {
    align-items: center;
    background-color: #eaeaea;
    border: 1px solid #cacaca;
    border-radius: 3px 0 0 3px;
    bottom: 0;
    display: flex;
    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: transparent
}

.react-tel-input .selected-flag {
    border-radius: 3px 0 0 3px;
    height: 33px;
    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;
    margin-top: 0;
    position: absolute;
    top: calc(50% - 5px);
    width: 16px
}

.react-tel-input .selected-flag .arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    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 rgba(0, 0, 0, .2);
    height: auto !important;
    list-style: none;
    margin: -1px 0 0 -1px;
    max-height: 200px;
    max-width: 265px;
    min-width: 250px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    top: 33px !important;
    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;
    height: 11px;
    width: 16px
}

.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 {
    margin-right: 6px;
    margin-top: 2px
}

.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: transparent;
    border: 0
}

.nrc-form-input .react-tel-input.readOnly .flag-dropdown .arrow {
    display: none
}

.react-tel-input input {
    font-size: 14px
}

.react-tel-input.readOnly input {
    background: transparent;
    height: 20px !important
}

.react-tel-input.readOnly .selected-flag {
    background-color: transparent
}

.react-tel-input.readOnly .selected-flag:hover {
    background-color: transparent;
    cursor: default
}

.react-tel-input .country-list .country .country-name {
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-details {
    background-color: #f0eff5
}

.list-details>div {
    border-bottom: 1px solid #ccc;
    margin: 0 6px;
    padding: 10px
}

.list-details>div p {
    color: #535353;
    display: inline-block;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 15px;
    line-height: 15px;
    margin: 0;
    width: 50%
}

.list-details>div:last-child {
    border: none
}

.lottery-maintenance:after,
.maintenance:after {
    content: "";
    cursor: not-allowed;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.maintenance-block {
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 8px;
    box-shadow: inset 0 0 0 4px gold, 0 2px 6px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 100% !important;
    justify-content: center;
    left: 0;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100% !important;
    z-index: 5
}

.maintenance-block>* {
    transform: scale(.8)
}

.maintenance-block .time {
    color: gold;
    display: block;
    font-weight: 100;
    padding: 0
}

.maintenance-block .time .duration {
    display: block;
    font-weight: 400
}

.game-list .maintenance {
    min-height: 60vh;
    position: relative
}

.game-list .maintenance a,
.game-list .maintenance li {
    position: relative
}

.game-list .maintenance a button,
.game-list .maintenance a img,
.game-list .maintenance li button,
.game-list .maintenance li img {
    filter: grayscale(90%);
    opacity: .2
}

.game-list .maintenance a .desc,
.game-list .maintenance a .text-wrap,
.game-list .maintenance li .desc,
.game-list .maintenance li .text-wrap {
    color: #ccc
}

.game-list .maintenance .maintenance-block {
    z-index: 1
}

.game-list .maintenance .maintenance-block~li {
    opacity: .3
}

.game-list .lottery-maintenance {
    position: relative
}

.game-list .lottery-maintenance a {
    filter: grayscale(90%);
    opacity: .2
}

.game-list .lottery-maintenance:after {
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: 70% auto
}

.game-list .lottery-maintenance .maintenance-block {
    display: none
}

.app.hot_games .egame .style-2 .egame-list .egame-item .maintenance-block,
.app.hot_games .game-list.style-2 .maintenance-block {
    align-content: center;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 8px;
    box-shadow: inset 0 0 0 4px gold, 0 2px 6px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(0);
    width: 100%
}

.app.hot_games .egame .style-2 .egame-list .egame-item .maintenance-block .time,
.app.hot_games .game-list.style-2 .maintenance-block .time {
    display: block !important;
    font-size: 11px;
    margin: -10px auto auto;
    max-width: 98%;
    order: 2;
    padding: 5px 0;
    position: relative;
    text-align: center
}

.app.hot_games .egame .style-2 .egame-list .egame-item .maintenance-block:after,
.app.hot_games .game-list.style-2 .maintenance-block:after {
    background: transparent !important;
    font-size: 35px !important;
    height: 40px !important;
    left: auto;
    order: 1;
    position: relative;
    text-shadow: 0 0 3px #000, 0 1px 25px rgba(0, 0, 0, .9);
    transform: translateX(0)
}

.highlight-banner.maintenance {
    min-height: auto;
    overflow: hidden
}

.highlight-banner.maintenance:before {
    background: rgba(40, 40, 40, .8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.highlight-banner.maintenance:after {
    background-position: center 20px;
    background-size: 45% auto
}

.highlight-banner.maintenance .maintenance-block {
    top: 115px
}

.sub-gp .lottery-maintenance {
    min-height: auto
}

.sub-gp .lottery-maintenance img {
    filter: grayscale(90%);
    opacity: .2
}

.sub-gp .lottery-maintenance h3 {
    color: #ccc
}

.home-gamelobby .game-block .home-list .game-item.is-disabled,
.home-gamelobby .game-block .home-list .game-item.maintenance {
    pointer-events: none !important;
    position: relative
}

.home-gamelobby .game-block .home-list .game-item.is-disabled .game-content,
.home-gamelobby .game-block .home-list .game-item.is-disabled:before,
.home-gamelobby .game-block .home-list .game-item.is-disabled h3,
.home-gamelobby .game-block .home-list .game-item.maintenance .game-content,
.home-gamelobby .game-block .home-list .game-item.maintenance:before,
.home-gamelobby .game-block .home-list .game-item.maintenance h3 {
    filter: brightness(.6) grayscale(.5);
    opacity: .6
}

.home-gamelobby .game-block .home-list .game-item.is-disabled .maintenance-block,
.home-gamelobby .game-block .home-list .game-item.maintenance .maintenance-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 50%;
    padding: 5px 15px;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 10
}

.home-gamelobby .game-block .home-list .game-item.is-disabled .maintenance-block .time,
.home-gamelobby .game-block .home-list .game-item.maintenance .maintenance-block .time {
    line-height: 1.4;
    padding: 5px 0
}

.home-gamelobby .game-block .home-list .game-item.is-disabled .maintenance-block .message,
.home-gamelobby .game-block .home-list .game-item.maintenance .maintenance-block .message {
    line-height: 1.4
}

.home-gamelobby .game-block .game-wrap .egame-item .maintenance-block {
    align-items: center;
    display: flex;
    height: 80%;
    justify-content: center;
    left: 10%;
    padding: 0;
    top: 10%;
    width: 80%;
    z-index: 1
}

.home-gamelobby .game-block .game-wrap .egame-item .maintenance-block .time {
    font-size: 12px
}

.home-gamelobby .game-block .game-wrap .egame-item .maintenance-block .message {
    display: none
}

.marquee-wrap {
    background: #128ae0;
    color: #fff;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    width: 100%
}

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

.marquee-wrap .marquee-content {
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 100%;
    position: absolute;
    white-space: nowrap
}

.marquee-wrap .marquee-content.scrollLeft {
    animation: scrollLeft linear infinite
}

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

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

.side-menu {
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    width: 86%
}

.side-menu .bottom-nav {
    display: none
}

.menubutton {
    line-height: 50px;
    padding-left: 10px;
    position: relative
}

.menubutton,
.menubutton a {
    color: #535353;
    font-size: 16px
}

.menubutton a {
    display: block;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 100%;
    text-decoration: none;
    width: calc(100% - 10px)
}

.menubutton .menuicon {
    color: #666;
    display: inline-block;
    font-size: 30px;
    line-height: 45px;
    margin: 0 15px;
    vertical-align: middle
}

.menubutton .unread-amount {
    margin: 26px 0 0 -26px
}

.modal {
    background-color: rgba(0, 0, 0, .8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 600
}

.modal>.container {
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    color: #666;
    padding: 14px 14px 20px;
    position: relative;
    width: 85%
}

.modal>.container .close {
    position: absolute;
    right: 14px;
    top: 14px
}

.modal>.container .close-btn {
    display: block;
    margin-top: 40px
}

.modal>.container .title {
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 14px;
    margin-top: 46px
}

.modal>.container p {
    text-align: center
}

.modal.alert .container .icon {
    display: block;
    margin-bottom: 10px;
    margin-top: 40px
}

.modal.alert .container .icon img {
    height: 96px;
    width: 96px
}

.modal.alert .container .message {
    color: #666;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
    padding: 0 33px
}

.modal.alert .container .withdrawal {
    height: auto;
    margin: 20px 0
}

.modal.alert .container .withdrawal .withdrawal-btn {
    border: 1px solid #128ae0;
    border-radius: 100px;
    color: #128ae0;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 96px
}

.modal.alert .container .withdrawal .withdrawal-btn.notyet {
    border: 1px solid #666;
    color: #666
}

.modal.alert .container .withdrawal .hr {
    background-color: #ccc;
    height: 2px;
    margin: 17px 0
}

.modal.alert .container .deduction-comment {
    color: #999;
    font-size: 14px;
    margin: 20px 0;
    text-align: left
}

.modal.alert.mission-reward-error {
    z-index: 1061
}

.modal.confirmation .container .title {
    color: #383838;
    font-size: 21px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 20px;
    margin-top: 40px
}

.modal.confirmation .container .body {
    margin-bottom: 25px
}

.modal.confirmation .container .button-group {
    align-items: flex-end;
    display: flex
}

.modal.confirmation .container .button-group button {
    margin-right: 10%;
    width: 45%
}

.modal.confirmation .container .button-group button:last-child {
    margin-right: inherit
}

.modal .pre-line {
    white-space: pre-line
}

input[type=date] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.selector {
    background-color: #fff;
    border-radius: 3px;
    display: block;
    position: relative;
    width: 100%
}

.selector:after {
    color: #535353;
    content: "";
    font-family: iconmps !important;
    font-size: 24px;
    line-height: 45px;
    position: absolute;
    right: 3px;
    top: 0
}

.selector select {
    -webkit-padding-end: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    box-shadow: inset 0 0 0 1px #ccc;
    color: #535353;
    font-size: 16px;
    height: 100%;
    line-height: 45px;
    margin: 0;
    padding-inline-end: 30px;
    text-indent: 10px;
    width: 100%
}

.selector select:focus {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #128ae0;
    color: #128ae0;
    outline: none
}

@media only screen and (max-width:320px) {
    .selector select {
        font-size: 13px
    }
}

.nrc-form-input.invalid .selector select {
    background-color: rgba(255, 223, 223, .4);
    box-shadow: inset 0 0 0 1px #e94951;
    color: #e94951
}

.navbar {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.navbar .title {
    flex: 1;
    font-size: 22px;
    line-height: 30px;
    text-align: center
}

.navbar .left {
    cursor: pointer;
    flex: 1;
    line-height: 35px
}

.navbar .left i {
    display: inline-block;
    font-size: 35px;
    vertical-align: middle
}

.navbar .right {
    cursor: pointer;
    flex: 1;
    line-height: 35px;
    min-width: 35px;
    text-align: right
}

.navbar .right i {
    display: inline-block;
    font-size: 35px;
    vertical-align: middle
}

.nrc-button {
    background-color: #128ae0;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 44px;
    width: 100%
}

.nrc-button.grey {
    background-color: #666
}

.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-form-label label.form-require:before {
    color: #dd9c4b;
    content: "*";
    margin: 0 3px
}

.nrc-form-input input {
    box-sizing: border-box;
    height: 45px !important;
    width: 100%
}

.nrc-form-input input::placeholder {
    font-size: 14px !important
}

.nrc-form-input.secure {
    position: relative
}

.nrc-form-input.secure input {
    width: 150px !important
}

.nrc-form-input.secure>div {
    height: 33px;
    left: 80px;
    letter-spacing: 2px;
    line-height: 33px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 64px
}

.nrc-form-input.secure>div img {
    height: inherit;
    width: inherit
}

.nrc-form-input.secure>div span {
    color: #fff;
    display: block;
    position: absolute;
    top: 0
}

.nrc-form-input.secure>div span:first-child {
    left: 13px;
    top: -2px
}

.nrc-form-input.secure>div span:nth-child(2) {
    left: 23px;
    top: 4px
}

.nrc-form-input.secure>div span:nth-child(3) {
    left: 33px;
    top: -2px
}

.nrc-form-input.secure>div span:nth-child(4) {
    left: 43px;
    top: -1px
}

.nrc-form-input.secure i {
    display: block;
    font-size: 25px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    left: 160px;
    position: absolute;
    top: 12px
}

.nrc-form-input.nrc-file {
    background-size: 20px;
    cursor: pointer;
    height: 100px;
    position: relative;
    text-indent: -10000px
}

.nrc-form-input.nrc-file label {
    background-size: cover;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: block;
    height: 100%;
    height: 100px;
    margin-right: 0;
    position: absolute;
    top: 0;
    width: 100px
}

.nrc-form-input.nrc-file label .icon-delete {
    background: 50% no-repeat url(https://img.alltocon.com/img/static/ic-cancel.svg);
    display: block;
    height: 30px;
    position: absolute;
    right: -40px;
    width: 30px
}

.nrc-form-input.nrc-file label .icon-upload {
    display: block;
    font-size: 40px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 30px;
    left: 35px;
    position: absolute;
    text-indent: 0 !important;
    top: 35px;
    width: 30px
}

.nrc-form-input.nrc-file label .icon-upload:before {
    content: "";
    font-family: iconmps !important;
    left: -5px;
    position: absolute;
    top: 0;
    transform: rotate(90deg)
}

.nrc-form-input.nrc-file:hover .icon-delete {
    opacity: .6
}

.nrc-form-input.nrc-file small {
    margin-left: 145px;
    margin-top: 0;
    position: absolute;
    text-indent: 0;
    top: 0
}

.nrc-form-input.nrc-file.file-uploaded label {
    background-color: #f9f9f9;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: 0
}

.nrc-form-input small {
    color: #666;
    display: block;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4;
    margin-top: 5px
}

.nrc-form-input small.invalid-msg {
    color: #e94951
}

@media only screen and (max-width:320px) {
    .nrc-form-input small {
        font-size: 12px;
        font-stretch: normal;
        font-style: normal;
        font-weight: 300
    }
}

.nrc-collapse {
    border: 1px solid #f5f5f5;
    border-radius: 2px;
    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: #fff;
    overflow-y: hidden;
    padding: 0 10px;
    transition: height .3s ease-out, padding .3s ease-out
}

.nrc-collapse .body.show {
    overflow-y: auto;
    padding: 10px
}

.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab {
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    min-width: 65px;
    padding: 8px
}

.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active {
    border-bottom: 2px solid #128ae0;
    color: #128ae0
}

.nrc-tabs.game-tab {
    background-color: #fff;
    padding-top: 140px
}

.nrc-tabs.game-tab .nrc-tabs-nav {
    box-shadow: 0 1px 1px rgba(200, 200, 200, .3);
    display: flex;
    overflow-x: scroll;
    position: relative;
    white-space: nowrap
}

.nrc-tabs.game-tab .nrc-tabs-nav.fixed {
    background-color: #fff;
    left: 0;
    position: fixed;
    top: 49px;
    width: 100%;
    z-index: 5
}

.nrc-tabs.game-tab .nrc-tabs-nav:after {
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 100%
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab {
    color: #535353;
    cursor: pointer;
    font-size: 11px;
    height: 90px;
    position: relative;
    width: 20%;
    z-index: 1
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab:before {
    border-radius: 50%;
    color: #666;
    display: block;
    font-family: iconmps !important;
    font-size: 34px;
    height: 40px;
    line-height: 40px;
    margin: 5px auto;
    text-align: center;
    width: 40px
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.active {
    border-bottom: 2px solid #128ae0;
    color: #128ae0
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.active:before {
    color: #128ae0
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.SPORTS:before {
    content: ""
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.LIVE:before {
    content: ""
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.EGAME:before {
    content: ""
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.LOTTERY:before {
    content: ""
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.MPG:before {
    content: ""
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.CHESS:before {
    content: ""
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.ANIMAL:before {
    content: ""
}

.nrc-tabs.game-tab .nrc-tabs-nav .nrc-tabs-tab.APPDOWNLOAD:before {
    content: ""
}

.nrc-tabs.inbox-tab {
    background-color: #fff
}

.nrc-tabs.inbox-tab .nrc-tabs-nav {
    position: relative
}

.nrc-tabs.inbox-tab .nrc-tabs-nav:after {
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 100%
}

.nrc-tabs.inbox-tab .nrc-tabs-nav .nrc-tabs-tab {
    color: #aaa;
    cursor: pointer;
    padding: 8px;
    width: 50%;
    z-index: 1
}

.nrc-tabs.tabs-2 .nrc-tabs-tab {
    width: 50%
}

.nrc-tabs.tabs-3 .nrc-tabs-tab {
    width: 33.33%
}

.nrc-tabs.tabs-4 .nrc-tabs-tab {
    width: 25%
}

.nrc-tabs.withdrawal-tab {
    margin: 0 20px
}

.nrc-tabs.withdrawal-tab .nrc-tabs-tab {
    border-bottom: 1px solid transparent;
    color: #c3c3c3
}

.nrc-tabs.withdrawal-tab .nrc-tabs-tab.active {
    border-color: #128ae0;
    color: #128ae0
}

.rdw-editor-toolbar.nrc-editor-hidetoolbar,
input[type=radio] {
    display: none
}

.nrc-radio span {
    display: inline-block;
    font-size: 15px
}

.nrc-radio label {
    margin-right: 50px;
    padding-left: 20px;
    position: relative
}

input[type=radio]:checked+label:after {
    border: 5px solid #128ae0
}

.nrc-checkbox label:after,
.nrc-radio label:after {
    background-color: #fff;
    border: 2px solid #ccc;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s linear;
    width: 15px
}

.nrc-checkbox label:after {
    border-radius: 4px;
    color: #ccc;
    content: "";
    font-family: cms-icons !important;
    font-size: 10px;
    height: 18px;
    line-height: 15px;
    text-align: center;
    text-indent: 0;
    width: 18px
}

.nrc-radio label:after {
    border-radius: 50%
}

input[type=radio][disabled]+label {
    cursor: not-allowed
}

input[type=radio][disabled]+label:after {
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

input[type=radio]:focus:invalid:focus {
    outline-color: #128ae0
}

.nrc-loading {
    animation: loading-spinner 1s linear infinite;
    border-color: #666 transparent transparent #666;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    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)
    }
}

.promo-editor-view {
    border: none
}

.nrc-editor-view-mode {
    border: none !important;
    border-radius: 2px;
    height: 100%;
    padding: 5px
}

.nrc-editor-view-mode strong {
    font-weight: 700
}

.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 * {
    word-wrap: break-word;
    word-break: break-word
}

.nrc-editor-view-mode p {
    margin: 1em 0
}

.nrc-editor-view-mode>p:empty {
    height: 16px
}

.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;
    color: #000;
    cursor: text;
    padding: 5px;
    width: 150px
}

.editor-table-input {
    height: 25px;
    width: 95%
}

.editor-table-active-td {
    border: 1px double #1eaae5
}

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

.nrc-editor-view-mode figure {
    margin: 0
}

.popup {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.popup.loading {
    background-color: transparent
}

.popup .sk-fade-in {
    animation: "sk-fade-in" 0s
}

.popup .btn-back,
.popup .btn-close {
    cursor: pointer;
    line-height: 35px;
    position: absolute;
    top: 10px
}

.popup .btn-back i,
.popup .btn-close i {
    display: inline-block;
    font-size: 35px;
    vertical-align: middle
}

.popup .btn-close {
    right: 10px
}

.popup .btn-back {
    left: 10px
}

.popup .popup-cont {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%
}

.popup .popup-cont.loading {
    height: 15vw;
    width: 15vw
}

.popup .popup-cont.align-top {
    top: 48px;
    transform: translateX(-50%);
    width: 95%
}

.popup .popup-cont h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center
}

.popup .popup-cont h5 {
    color: #aaa;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 10px;
    text-align: center
}

.popup .popup-cont .input-group {
    margin: 10px 0
}

.popup .popup-cont .input-group input[type=email],
.popup .popup-cont .input-group input[type=password],
.popup .popup-cont .input-group input[type=text] {
    width: calc(100% - 20px)
}

.popup .popup-cont .btn-main {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    margin: 25px auto 15px;
    width: 100%
}

.resume-details {
    border-top: 1px solid #ccc;
    padding: 25px 15px
}

.resume-details>div {
    margin-bottom: 10px;
    vertical-align: top
}

.resume-details>div>div {
    box-sizing: border-box;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.resume-details>div:last-child {
    margin-bottom: 0
}

.resume-details>div div:first-child {
    color: #282828;
    width: 30%
}

.resume-details>div div:last-child {
    color: #aaa;
    padding-left: 8px;
    width: 70%
}

.resume-details>div div:last-child button[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: #aaa;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    min-height: 20px;
    position: relative
}

.resume-details .copy-text {
    position: relative
}

.resume-details .copy-text i {
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -10000px;
    top: 0;
    width: 100%
}

.steps-wrapper h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center
}

.steps-wrapper h5 {
    color: #aaa;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 10px;
    text-align: center
}

.steps-wrapper h6 {
    color: #666;
    margin-top: 10px
}

.steps-wrapper .steps {
    font-size: 0;
    margin: 20px auto;
    text-align: center;
    white-space: nowrap
}

.steps-wrapper .steps li {
    color: #fff;
    display: inline-block;
    padding-left: 20%;
    position: relative
}

.steps-wrapper .steps li:after {
    border-bottom: 1px solid #128ae0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 12.5px;
    width: 100%
}

.steps-wrapper .steps li:first-of-type {
    padding-left: 0
}

.steps-wrapper .steps li:first-of-type:after {
    display: none
}

.steps-wrapper .steps li span {
    border-radius: 50%;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-left: -12.5px;
    position: relative;
    text-align: center;
    width: 25px;
    z-index: 1
}

.steps-wrapper .steps li.current span,
.steps-wrapper .steps li span {
    background-color: #128ae0;
    border: 1px solid #128ae0
}

.steps-wrapper .steps li.current~li span {
    background-color: #fff;
    border: 1px solid #aaa;
    color: #535353
}

.steps-wrapper .steps li.current~li:after {
    border-bottom: 1px solid #ccc
}

.transaction-block {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px #ccc;
    margin-bottom: 12px;
    min-height: 90px
}

.transaction-block .header {
    padding-top: 10px;
    position: relative
}

.transaction-block .header .description {
    margin-top: 0
}

.transaction-block .resume-details {
    border: none
}

.transaction-block .description {
    margin: 10px;
    position: relative
}

.transaction-block .description p {
    color: #383838;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transaction-block .description p span {
    color: #666;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transaction-block .description .status {
    border: 1px solid transparent;
    border-radius: 100px;
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 25px;
    line-height: 25px;
    min-width: 48px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.transaction-block .description .status.success {
    background-color: #fff;
    background-color: #f0f0f0;
    color: #535353
}

.transaction-block .description .status.failed {
    border-color: #e94951;
    color: #e94951
}

.transaction-block .description .status.not-reviewed {
    border-color: #535353;
    color: #535353
}

.transaction-block .description .condition-status {
    display: block;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100px;
    word-break: break-all
}

.transaction-block .description .condition-status.success {
    color: #8fc31f
}

.transaction-block .description .condition-status.failed {
    color: #e94951
}

.transaction-block .doposit-info {
    color: #383838;
    font-size: 16px;
    margin: 5px 10px
}

.transaction-block .amount {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    margin: 10px;
    position: absolute;
    width: calc(100% - 20px)
}

.transaction-block .amount p {
    color: #383838
}

.transaction-block .amount p:first-child {
    color: #aaa;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 3px
}

.transaction-block .amount p:last-child {
    font-size: 28px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transaction-block .order-number {
    background-color: #535353;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-sizing: border-box;
    color: #aaa;
    display: flex;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.transaction-block .order-number .text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%
}

.transaction-block .order-number .copy-text {
    font-size: 16px
}

.transaction-block .list-details div {
    margin: 0 10px
}

.transaction-block .list-details div p {
    color: #aaa;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transaction-block .list-details .condition {
    border: 0;
    padding: 5px 0 0
}

.transaction-block .list-details .condition p {
    color: #383838;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 20px
}

.resume-details>div div:last-child .transaction-block .list-details .condition button[type=button],
.transaction-block .list-details .condition .resume-details>div div:last-child button[type=button],
.transaction-block .list-details .condition .text-left {
    vertical-align: top;
    width: 30%
}

.transaction-block .list-details .condition .text-right,
.transaction-block .list-details .condition .transfer-block .transfer-amount p:last-child,
.transaction-block .list-details .condition div p:last-child,
.transaction-block .list-details div .condition p:last-child,
.transfer-block .transfer-amount .transaction-block .list-details .condition p:last-child,
.withdrawal-processing-block .resume-details>div .transaction-block .list-details .condition p:last-child {
    text-align: left;
    width: 70%
}

.transaction-block .list-details .condition:first-child {
    padding: 10px 0 0
}

.transaction-block .list-details .condition:last-child {
    padding-bottom: 10px
}

.transaction-block .deposit-block {
    height: 178px
}

.transaction-block .deposit-block .header .description {
    align-items: center;
    display: flex;
    height: 27px;
    justify-content: space-between
}

.transaction-block .deposit-block .header .amount {
    margin: 10px 10px 0;
    position: relative
}

.transaction-block .deposit-block .header .amount .list-details div p:last-child,
.transaction-block .deposit-block .header .amount .transfer-block .transfer-amount p:last-child,
.transaction-block .deposit-block .header .amount .withdrawal-processing-block .resume-details>div p:last-child,
.transaction-block .deposit-block .header .amount p.text-right,
.transaction-block .list-details div .deposit-block .header .amount p:last-child,
.transfer-block .transfer-amount .transaction-block .deposit-block .header .amount p:last-child,
.withdrawal-processing-block .resume-details>div .transaction-block .deposit-block .header .amount p:last-child {
    font-weight: 400;
    position: absolute;
    right: 0;
    top: -25px
}

.transaction-block .deposit-block .header .ec-remarks {
    background-color: #e7e7e7;
    border-radius: 3px;
    color: #535353;
    font-size: 12px;
    font-weight: 400;
    height: 38px;
    line-height: 14px;
    margin: 5px;
    overflow: scroll;
    padding: 5px;
    white-space: pre-line
}

.transaction-block .deposit-block .header .ec-remarks.hidden {
    visibility: hidden
}

.transaction-block .withdrawal-block {
    height: 170px
}

.transaction-block .withdrawal-block .header {
    height: 100%;
    overflow: hidden;
    position: relative
}

.transaction-block .withdrawal-block .header p span {
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    font-weight: 400
}

.transaction-block .withdrawal-block .header p span:last-child {
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transaction-block .withdrawal-block .header .amount {
    position: relative;
    width: calc(100% - 20px)
}

.transaction-block .withdrawal-block .header .amount p {
    margin-bottom: 0
}

.transaction-block .withdrawal-block .header .amount p:first-child {
    color: #535353;
    line-height: 1.42;
    text-align: left
}

.transaction-block .withdrawal-block .header .amount p:last-child {
    color: #383838;
    font-family: HelveticaNeue;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: .6px;
    text-align: right
}

.transaction-block .withdrawal-block .header .realamount {
    margin: 0 10px;
    width: calc(100% - 20px)
}

.transaction-block .withdrawal-block .header .realamount p {
    margin-bottom: 0
}

.transaction-block .withdrawal-block .header .realamount p:first-child {
    color: #535353;
    font-size: 12px;
    text-align: left
}

.transaction-block .withdrawal-block .header .realamount .ec-remarks {
    background-color: #e7e7e7;
    border-radius: 3px;
    color: #535353;
    font-size: 12px;
    font-weight: 400;
    height: 38px;
    line-height: 14px;
    margin-top: 5px;
    overflow: scroll;
    padding: 5px;
    white-space: pre-line
}

.transaction-block .withdrawal-block .header .realamount .ec-remarks.hidden {
    visibility: hidden
}

.transaction-block .promo-block {
    min-height: 134px
}

.transaction-block .promo-block .header {
    height: 100%;
    position: relative
}

.transaction-block .promo-block .header p span {
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transaction-block .promo-block .header p span:first-child {
    font-family: HelveticaNeue;
    font-weight: 400
}

.transaction-block .promo-block .header p span:last-child {
    color: #383838;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    font-weight: 400
}

.transaction-block .promo-block .header .amount {
    margin: 0 10px 5px;
    position: relative;
    width: calc(100% - 20px)
}

.transaction-block .promo-block .header .amount p {
    margin-bottom: 0
}

.transaction-block .promo-block .header .amount p:first-child {
    color: #666;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    text-align: left
}

.transaction-block .promo-block .header .amount p:last-child {
    color: #383838;
    font-family: HelveticaNeue;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .6px;
    text-align: right
}

.transaction-block .promo-block .header .description {
    margin-bottom: 0
}

.transaction-block .promo-block .header .ecremarks {
    background-color: #e7e7e7;
    border-radius: 3px;
    color: #535353;
    font-size: 12px;
    height: 20px;
    margin: 0 10px 10px;
    overflow: scroll;
    padding: 3px 5px;
    text-align: right;
    white-space: pre-line
}

.transaction-block .rebate-block {
    height: 102px
}

.transaction-block .rebate-block .header {
    height: 100%
}

.transaction-block .rebate-block .header .description p {
    margin-bottom: 10px
}

.transaction-block .manual-adjustment-block {
    height: 102px
}

.transaction-block .manual-adjustment-block .header {
    height: 100%;
    position: relative
}

.transaction-block .manual-adjustment-block .header p span {
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    font-weight: 400
}

.transaction-block .manual-adjustment-block .header p span:last-child {
    color: #383838;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    font-weight: 400
}

.transaction-block .manual-adjustment-block .header .amount {
    bottom: 20px;
    margin-top: 0;
    position: absolute;
    width: calc(100% - 20px)
}

.transaction-block .manual-adjustment-block .header .amount p {
    margin-bottom: 0
}

.transaction-block .manual-adjustment-block .header .amount p:first-child {
    color: #666
}

.transaction-block .manual-adjustment-block .header .amount p:last-child {
    color: #383838;
    font-family: HelveticaNeue;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: .6px;
    text-align: right
}

.transaction-block .manual-adjustment-block .header .amount p:last-child.red {
    color: #c12323
}

.transaction-block .manual-adjustment-block .header .description {
    margin: 0 10px
}

.transaction-block .manual-adjustment-block .header .ecremarks {
    background-color: #e7e7e7;
    border-radius: 3px;
    color: #535353;
    font-size: 12px;
    height: 20px;
    margin: 23px 10px 10px;
    overflow: scroll;
    padding: 3px 5px;
    text-align: right;
    white-space: pre-line
}

.transaction-block .affiliate-block {
    height: 122px
}

.transaction-block .affiliate-block .header {
    height: 100%;
    position: relative
}

.transaction-block .affiliate-block .header .description {
    height: 55px;
    margin: 0 10px
}

.transaction-block .affiliate-block .header .amount {
    align-items: center;
    margin: 0 10px 28px
}

.transaction-block .affiliate-block .header .amount p {
    margin-bottom: 0
}

.transaction-block .affiliate-block .header .amount p:first-child {
    color: #666
}

.transaction-block .affiliate-block .header .amount p:last-child {
    color: #383838;
    font-family: HelveticaNeue;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .6px;
    text-align: right
}

.transaction-block .affiliate-block .header .amount p:last-child.red {
    color: #c12323
}

.transaction-block .affiliate-block .header .ecremarks {
    background-color: #e7e7e7;
    border-radius: 3px;
    color: #535353;
    font-size: 12px;
    height: 20px;
    margin: 26px 10px 10px;
    overflow: scroll;
    padding: 3px 5px;
    text-align: right;
    white-space: pre-line
}

.transaction-block .activity-points-block .ecremarks,
.transaction-block .activity-points-block .point {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 10px 5px
}

.transaction-block .activity-points-block .ecremarks p,
.transaction-block .activity-points-block .point p {
    margin-bottom: 0
}

.transaction-block .activity-points-block .ecremarks p:first-child,
.transaction-block .activity-points-block .point p:first-child {
    color: #585858
}

.transaction-block .activity-points-block .ecremarks .list-details div p:last-child,
.transaction-block .activity-points-block .ecremarks .transfer-block .transfer-amount p:last-child,
.transaction-block .activity-points-block .ecremarks .withdrawal-processing-block .resume-details>div p:last-child,
.transaction-block .activity-points-block .ecremarks p.text-right,
.transaction-block .activity-points-block .point .list-details div p:last-child,
.transaction-block .activity-points-block .point .transfer-block .transfer-amount p:last-child,
.transaction-block .activity-points-block .point .withdrawal-processing-block .resume-details>div p:last-child,
.transaction-block .activity-points-block .point p.text-right,
.transaction-block .list-details div .activity-points-block .ecremarks p:last-child,
.transaction-block .list-details div .activity-points-block .point p:last-child,
.transfer-block .transfer-amount .transaction-block .activity-points-block .ecremarks p:last-child,
.transfer-block .transfer-amount .transaction-block .activity-points-block .point p:last-child,
.withdrawal-processing-block .resume-details>div .transaction-block .activity-points-block .ecremarks p:last-child,
.withdrawal-processing-block .resume-details>div .transaction-block .activity-points-block .point p:last-child {
    color: #353535;
    font-family: HelveticaNeue;
    font-size: 16px;
    font-weight: 500;
    text-align: right
}

.transaction-block .activity-points-block .ecremarks .list-details div p.increase:last-child,
.transaction-block .activity-points-block .ecremarks .transfer-block .transfer-amount p.increase:last-child,
.transaction-block .activity-points-block .ecremarks .withdrawal-processing-block .resume-details>div p.increase:last-child,
.transaction-block .activity-points-block .ecremarks p.text-right.increase,
.transaction-block .activity-points-block .point .list-details div p.increase:last-child,
.transaction-block .activity-points-block .point .transfer-block .transfer-amount p.increase:last-child,
.transaction-block .activity-points-block .point .withdrawal-processing-block .resume-details>div p.increase:last-child,
.transaction-block .activity-points-block .point p.text-right.increase,
.transaction-block .list-details div .activity-points-block .ecremarks p.increase:last-child,
.transaction-block .list-details div .activity-points-block .point p.increase:last-child,
.transfer-block .transfer-amount .transaction-block .activity-points-block .ecremarks p.increase:last-child,
.transfer-block .transfer-amount .transaction-block .activity-points-block .point p.increase:last-child,
.withdrawal-processing-block .resume-details>div .transaction-block .activity-points-block .ecremarks p.increase:last-child,
.withdrawal-processing-block .resume-details>div .transaction-block .activity-points-block .point p.increase:last-child {
    color: #8fc31f
}

.transaction-block .activity-points-block .ecremarks .list-details div p.decrease:last-child,
.transaction-block .activity-points-block .ecremarks .transfer-block .transfer-amount p.decrease:last-child,
.transaction-block .activity-points-block .ecremarks .withdrawal-processing-block .resume-details>div p.decrease:last-child,
.transaction-block .activity-points-block .ecremarks p.text-right.decrease,
.transaction-block .activity-points-block .point .list-details div p.decrease:last-child,
.transaction-block .activity-points-block .point .transfer-block .transfer-amount p.decrease:last-child,
.transaction-block .activity-points-block .point .withdrawal-processing-block .resume-details>div p.decrease:last-child,
.transaction-block .activity-points-block .point p.text-right.decrease,
.transaction-block .list-details div .activity-points-block .ecremarks p.decrease:last-child,
.transaction-block .list-details div .activity-points-block .point p.decrease:last-child,
.transfer-block .transfer-amount .transaction-block .activity-points-block .ecremarks p.decrease:last-child,
.transfer-block .transfer-amount .transaction-block .activity-points-block .point p.decrease:last-child,
.withdrawal-processing-block .resume-details>div .transaction-block .activity-points-block .ecremarks p.decrease:last-child,
.withdrawal-processing-block .resume-details>div .transaction-block .activity-points-block .point p.decrease:last-child {
    color: #e94951
}

.transaction-block .activity-points-block .ecremarks {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 10px 5px
}

.transaction-block .activity-points-block .ecremarks p {
    margin-bottom: 0
}

.transaction-block .activity-points-block .ecremarks p:first-child {
    color: #585858;
    flex-shrink: 0
}

.transaction-block .activity-points-block .ecremarks .list-details div p:last-child,
.transaction-block .activity-points-block .ecremarks .transfer-block .transfer-amount p:last-child,
.transaction-block .activity-points-block .ecremarks .withdrawal-processing-block .resume-details>div p:last-child,
.transaction-block .activity-points-block .ecremarks p.text-right,
.transaction-block .list-details div .activity-points-block .ecremarks p:last-child,
.transfer-block .transfer-amount .transaction-block .activity-points-block .ecremarks p:last-child,
.withdrawal-processing-block .resume-details>div .transaction-block .activity-points-block .ecremarks p:last-child {
    color: #353535;
    font-size: 12px;
    font-weight: 300;
    overflow: hidden;
    padding: 0 0 0 10px;
    text-align: right
}

.transaction-block .activity-points-block .ecremarks .list-details div p:last-child p,
.transaction-block .activity-points-block .ecremarks .transfer-block .transfer-amount p:last-child p,
.transaction-block .activity-points-block .ecremarks .withdrawal-processing-block .resume-details>div p:last-child p,
.transaction-block .activity-points-block .ecremarks p.text-right p,
.transaction-block .list-details div .activity-points-block .ecremarks p:last-child p,
.transfer-block .transfer-amount .transaction-block .activity-points-block .ecremarks p:last-child p,
.withdrawal-processing-block .resume-details>div .transaction-block .activity-points-block .ecremarks p:last-child p {
    overflow-wrap: break-word;
    text-align: left;
    width: 100%
}

.transaction-block .activity-points-block .header {
    color: #585858;
    font-size: 12px;
    height: 87px;
    padding: 15px 15px 7px
}

.transaction-block .activity-points-block .header .description {
    margin: 0 10px 5px
}

.transaction-block .activity-points-block .activity-points-detail {
    font-size: 12px
}

.transaction-block .activity-points-block .activity-points-detail.more {
    background-color: #707070;
    border-radius: 0 0 5px 5px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.transaction-block .activity-points-block .activity-points-detail.unlock {
    border-top: 1px solid #e7e7e7;
    padding: 12px 15px 7px
}

.transaction-block .reward-common-block.mission-block {
    height: 134px
}

.transaction-block .reward-common-block.activity-block {
    height: 110px
}

.transaction-block .reward-common-block .header {
    height: 100%;
    position: relative
}

.transaction-block .reward-common-block .header .description>div {
    font-size: 12px;
    margin-bottom: 3px
}

.transaction-block .reward-common-block .header .amount p {
    margin-bottom: 0
}

.transaction-block .reward-common-block .header .amount p:first-child {
    color: #666
}

.transaction-block .reward-common-block .header .amount p:last-child {
    color: #383838;
    font-family: HelveticaNeue;
    font-size: 24px;
    font-weight: 400;
    text-align: right
}

.transaction-block .condition-block .header {
    height: 123px
}

.transaction-block .disabled,
.transaction-block .disabled .description p,
.transaction-block .disabled .description p span,
.transaction-block .disabled .resume-details div div:first-child,
.transaction-block .disabled .resume-details div div:last-child {
    color: #ccc
}

.separate-line {
    border-top: 1px solid #ccc
}

.transaction-rebate-block {
    border-bottom: 1px solid #f2f4f6;
    border-radius: 0;
    margin-bottom: 0
}

.transfer-block {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 20px 22px
}

.transfer-block .header {
    margin-bottom: 20px;
    position: relative
}

.transfer-block .header p:first-child {
    color: #666;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 5px
}

.transfer-block .header p:last-child {
    color: #383838;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transfer-block .header span {
    border: 1px solid transparent;
    border-radius: 100px;
    display: block;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

.transfer-block .header span.failure {
    border-color: #128ae0;
    color: #128ae0
}

.transfer-block .header span.success {
    border-color: #535353;
    color: #535353
}

.transfer-block .header span.pending {
    background-color: #fff;
    color: #535353
}

.transfer-block .transfer-amount p {
    display: inline-block
}

.transfer-block .transfer-amount p:first-child {
    color: #ccc;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    width: 30%
}

.transfer-block .transfer-amount p:last-child {
    color: #383838;
    font-size: 28px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .6px;
    width: 70%
}

.transfer-block .footer {
    color: #aaa;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.widthdrawal-processing-list .withdrawal-processing-block:last-child {
    border: none
}

.withdrawal-processing-block {
    border-bottom: 1px solid #ccc;
    height: 138px;
    margin: 15px 0;
    padding-bottom: 10px;
    position: relative
}

.withdrawal-processing-block h6 {
    color: #383838;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.withdrawal-processing-block .status {
    border: 1px solid #128ae0;
    border-radius: 50px;
    color: #128ae0;
    display: block;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    padding: 2px 10px;
    position: absolute;
    right: 0;
    top: 0
}

.withdrawal-processing-block .resume-details {
    border: none;
    margin: 15px 0;
    padding: 0
}

.withdrawal-processing-block .resume-details>div p:first-child {
    color: #aaa;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.withdrawal-processing-block .resume-details>div p:last-child {
    color: #989898;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.withdrawal-processing-block .total-deduction p:first-child {
    color: #535353;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    width: 30%
}

.withdrawal-processing-block .total-deduction p:last-child {
    color: #383838;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    width: 70%
}

.withdrawal-processing-block .total-deduction p:last-child span {
    color: #535353;
    font-size: 28px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .6px;
    margin-left: 5px
}

.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 transparent;
    height: 22px;
    outline: 0;
    padding: 0
}

.rc-calendar-time-picker-wrap .rc-time-picker-icon {
    display: none
}

.rc-calendar-input {
    border: 1px solid transparent;
    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: 1000
}

.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 rgba(0, 0, 0, .06);
    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: #128ae0;
    color: #fff;
    height: 34px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none
}

.rc-calendar-header a {
    color: #fff
}

.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: 217px;
    padding: 9px 10px 10px
}

.rc-calendar table {
    background-color: transparent;
    border-collapse: collapse;
    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: transparent;
    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 #128ae0;
    color: #128ae0;
    font-weight: 700
}

.rc-calendar-selected-day .rc-calendar-date {
    background: #128ae0;
    color: #fff
}

.rc-calendar-selected-day .rc-calendar-date:hover {
    background: #128ae0
}

.rc-calendar-disabled-cell .rc-calendar-date {
    border-radius: 50%;
    color: #f5f5f5;
    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: separate;
    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: #128ae0;
    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 {
    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: separate;
    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: transparent;
    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: #128ae0;
    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 {
    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: separate;
    height: 255px;
    table-layout: fixed;
    width: 100%
}

.rc-calendar-year-panel-cell {
    text-align: center
}

.rc-calendar-year-panel-year {
    background: transparent;
    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: #128ae0;
    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: separate;
    height: 255px;
    table-layout: fixed;
    width: 100%
}

.rc-calendar-decade-panel-cell {
    text-align: center
}

.rc-calendar-decade-panel-decade {
    background: transparent;
    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: #128ae0;
    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: #128ae0
}

.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 rgba(45, 183, 245, .8);
    cursor: pointer
}

.rc-calendar-full-header-switcher-focus {
    background-color: #128ae0;
    border-color: #128ae0;
    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: #128ae0;
    color: #128ae0
}

.nrc-form-item .nrc-calendar {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 16px;
    padding: 10px
}

.rc-calendar .rc-calendar-year-panel-cell:not(.rc-calendar-year-panel-selected-cell) a,
.rc-calendar .rc-calendar-year-panel-header a {
    color: #666
}

.Select {
    cursor: pointer;
    position: relative
}

.Select .Select-control {
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #ccc;
    height: 38px;
    position: relative;
    width: 100%
}

.Select.is-open,
.Select:focus {
    z-index: 100
}

.Select.is-open .Select-control,
.Select:focus .Select-control {
    background-color: #fff;
    border-color: #128ae0
}

.Select .Select-placeholder {
    line-height: 40px
}

.Select .Select-input input {
    opacity: 0
}

.Select .Select-value {
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Select .Select-value span {
    line-height: 36px
}

.Select .Select-menu-outer {
    border: 1px solid #128ae0;
    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: calc(100% - 2px);
    padding: 10px 15px;
    width: calc(100% - 2px)
}

.Select .Select-option:hover {
    background-color: #f5f5f5;
    color: #128ae0
}

.Select .Select-option.is-selected {
    background-color: #128ae0;
    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 transparent transparent;
    border-style: solid;
    border-width: 7px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.nrc-input-switch .nrc-switch label {
    background-color: #ccc;
    border-radius: 11px;
    display: block;
    height: 22px;
    position: relative;
    transition: .2s;
    width: 40px
}

.nrc-input-switch .nrc-switch label:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 16px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: .2s;
    width: 16px
}

.nrc-input-switch .nrc-switch input[type=checkbox]:checked+label {
    background-color: #128ae0
}

.nrc-input-switch .nrc-switch input[type=checkbox]:checked+label:after {
    background-color: #fff;
    border: 0;
    margin-left: 18px;
    width: 16px
}

@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: content-box;
    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, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.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;
    -moz-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: rgba(0, 0, 0, .25);
    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: rgba(0, 0, 0, .1);
    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: rgba(0, 0, 0, .5);
    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 transparent;
    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
}

.bank-body {
    display: flex;
    flex-direction: column;
    height: 100vh
}

.bank-body>.back {
    padding: 16px
}

.bank-body section {
    background-color: #f0eff5
}

.bank-body .transaction-list {
    flex: 1;
    padding: 0 16px
}

.account-link {
    color: #aaa;
    font-size: 12px;
    line-height: 2;
    position: absolute
}

.customer-service-link {
    color: #128ae0;
    cursor: pointer
}

.customer-service-link:hover {
    color: #128ae0
}

.account {
    position: relative
}

.account>.back {
    padding: 16px 16px 0
}

.account-main {
    border-bottom: 1px solid #ccc;
    display: block;
    height: 190px;
    position: relative;
    text-align: center
}

.account-main.account-header {
    border-bottom: 0 solid #666;
    height: 60px
}

.account-main.account-header h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 60px
}

.account-main.account-header .account-summary,
.account-main.account-header .account-summary .bottom-btns,
.account-main .white-background {
    background-color: #fff
}

.account-main .account-link {
    right: 10px;
    top: 65px
}

.account-main .back {
    color: #383838;
    font-size: 40px;
    left: 10px;
    position: absolute;
    top: 12px
}

.white-background {
    background-color: #fff
}

.account-summary {
    position: relative
}

.account-summary .account-summary-item {
    border-bottom: 1px solid #ccc;
    color: #aaa;
    margin: auto;
    min-height: 40px;
    padding: 10px 0;
    position: relative;
    width: 90%
}

.account-summary .account-summary-item:last-child {
    border-bottom: 0 solid #535353
}

.account-summary .account-summary-item h2 {
    color: #383838;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0
}

.account-summary .account-summary-item .msg {
    font-size: 14px;
    line-height: 1.5
}

.account-summary .account-summary-item .msg .user {
    color: #383838;
    font-weight: 700
}

.account-summary .account-summary-item .bank-account,
.account-summary .account-summary-item .recent-play {
    color: #383838;
    font-size: 12px
}

.account-summary .account-summary-item .bank-account .card,
.account-summary .account-summary-item .recent-play .card {
    color: #535353;
    font-size: 20px;
    font-weight: 700;
    line-height: 2
}

.account-summary .account-summary-item .bank-account h3,
.account-summary .account-summary-item .recent-play h3 {
    font-size: 16px
}

.account-summary .account-summary-item .bank-account .date,
.account-summary .account-summary-item .recent-play .date {
    font-size: 10px
}

.account-summary .account-summary-item .money-list {
    color: #535353;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    position: relative
}

.account-summary .account-summary-item .money-list .money {
    color: #989898;
    font-size: 16px;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0
}

.account-summary .account-summary-item .money-list .money button {
    top: -7px
}

.account-summary .account-summary-item .money-list .date {
    font-size: 12px;
    margin-top: -5px
}

.account-summary .account-summary-item .profile {
    color: #535353
}

.account-summary .account-summary-item .profile .title {
    color: #666;
    font-size: 12px
}

.account-summary .account-summary-item .profile .value {
    font-size: 16px;
    margin: 15px 0
}

.account-summary .account-summary-item .account-link {
    bottom: 10px;
    right: 0
}

.account-summary .account-summary-item .bottom-btns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
    padding: 0
}

.account-summary .account-summary-item .btn-main {
    margin: 0;
    width: 46%
}

.account-summary .account-summary-item .profile-third-party-item {
    margin-right: 10px
}

.account-summary .account-summary-item .profile-third-party-item.bound {
    position: relative
}

.account-summary .account-summary-item .profile-third-party-item.bound img {
    border-radius: 50%
}

.account-summary .account-summary-item .profile-third-party-item.bound img.third-party-icon-prefix {
    left: -8px;
    position: absolute;
    top: 0;
    width: 22px
}

.account-summary .floatl {
    display: inline-block;
    width: 80%;
    word-break: break-all
}

.account-summary .floatr {
    display: inline-block;
    text-align: right;
    width: 20%
}

.btn-play-game {
    background-color: #fff;
    border: 2px solid #128ae0;
    border-radius: 5px;
    color: #128ae0;
    font-size: 14px;
    height: 40px;
    margin-top: -10px;
    width: 110px
}

.bottom-btns {
    bottom: 0;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    text-align: center;
    width: 100%
}

.bottom-btns>* {
    vertical-align: top
}

.bottom-btns .btn-border {
    margin: 0 2%;
    width: 46%
}

.bottom-btns .logout i {
    font-size: 24px;
    margin-right: 5px
}

.bottom-btns .logout span {
    display: inline-block;
    vertical-align: top
}

.delete-bank-card {
    bottom: 0;
    color: #535353;
    margin-bottom: 10px;
    margin-left: 30px;
    position: relative;
    text-align: center
}

.delete-bank-card i {
    font-size: 24px;
    line-height: 45px;
    margin-top: 20px
}

.delete-bank-card span {
    margin-left: 10px;
    position: relative;
    top: -5px
}

.bank-title h2 {
    font-size: 22px;
    line-height: 60px
}

.bank-title h3 {
    font-size: 16px;
    padding-bottom: 25px;
    text-align: center
}

.bank-title .back {
    color: #383838;
    font-size: 40px;
    left: 10px;
    position: absolute;
    top: 12px
}

.bank-card-item {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ccc;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 16px;
    position: relative
}

.bank-card-item .number {
    color: #383838;
    font-size: 24px;
    font-weight: 500;
    padding-top: 15px;
    text-align: center;
    word-break: break-all
}

.bank-card-item .name {
    color: #383838;
    font-size: 18px;
    margin-top: 16px
}

.bank-card-item .bank-name {
    color: #383838;
    display: inline-block;
    font-size: 14px;
    margin-top: 6px;
    width: 70%
}

.bank-card-item .status {
    color: #8fc31f;
    display: inline-block;
    font-size: 14px;
    margin-top: 6px;
    text-align: right;
    width: 30%
}

.bank-card-item .status.disabled {
    color: #ea4650
}

.bank-card-item .status .mps-input-ok {
    border: 1px solid #8fc31f;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle
}

.bank-card-item .status .mps-input-ok+span {
    margin-left: 5px
}

.bank-card-item.default-card {
    border: 2px solid #128ae0
}

.bank-card-item.default-card .isDefault {
    background-color: #128ae0;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    left: 8px;
    line-height: 20px;
    padding: 2px 8px;
    position: absolute;
    top: 8px
}

.bank-card-item.default-card .isDefault i {
    margin: 0 2px;
    vertical-align: middle
}

.bank-card-item.disable .bank-name,
.bank-card-item.disable .name,
.bank-card-item.disable .number {
    color: #ccc
}

.bank-card-item.disable .icon-check {
    background: url(https://img.alltocon.com/img/static/icon-check-y-off-s.png)
}

.bank-card-item.add-new {
    background-color: transparent;
    border: 1px dashed #535353;
    color: #535353;
    font-size: 14px;
    padding: 30px 0;
    text-align: center
}

.bank-card-item.add-new i {
    display: block;
    font-size: 30px;
    line-height: 45px;
    margin-top: 20px
}

.bank-card-status label {
    color: #535353
}

.new-account .account-header {
    background-image: linear-gradient(180deg, #128ae0, #128ae0);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    height: 209px;
    padding: 20px 16px;
    position: relative
}

.new-account .account-header .account-header-func {
    display: flex;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.new-account .account-header .logout {
    align-items: center;
    display: flex;
    margin-right: 16px;
    margin-top: 20px
}

.new-account .account-header .logout i {
    font-size: 24px
}

.new-account .account-header .player {
    height: 20px;
    margin-top: 5px;
    width: 50%
}

.new-account .account-header .money {
    align-items: flex-end;
    display: flex;
    font-size: 34px;
    height: 40px;
    margin: 12px 0 6px
}

.new-account .account-header .money span {
    line-height: 1
}

.new-account .account-header .money span.total-num {
    font-weight: 500;
    margin-bottom: -4px
}

.new-account .account-header .money span.currency-name {
    font-size: 16px;
    padding-left: 2px
}

.new-account .account-header .money i {
    font-size: 21px;
    margin-left: 5px
}

.new-account .account-header .money .nrc-loading {
    border-color: #fff transparent transparent #fff
}

.new-account .account-header .currency-block {
    display: flex;
    justify-content: space-between
}

.new-account .account-header .currency-block .currency {
    color: #c3c3c3;
    font-size: 12px;
    white-space: nowrap
}

.new-account .account-header .currency-block .currency+a {
    text-align: right;
    white-space: nowrap
}

.new-account .account-header .currency-block .currency+a .wallet {
    width: 100%
}

.new-account .account-header .tools {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 #aaa;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 106px;
    justify-content: space-evenly;
    margin-top: 20px;
    width: 100%
}

.new-account .account-header .tools>a {
    color: #212121;
    margin-top: 20px;
    position: relative;
    text-align: center;
    width: 33.33%
}

.new-account .account-header .tools>a>div {
    font-size: 13px;
    padding-top: 5px
}

.new-account .account-header .tools .unreadBadge {
    background-color: #e94951;
    border-radius: 12px;
    color: #fff;
    font-size: 10px;
    padding: 2px 6px;
    position: absolute;
    right: 28%;
    top: -2%
}

.new-account .main {
    padding: 50px 16px 20px
}

.new-account .main .card-info {
    box-shadow: inset 0 -1px 0 0 #e7e7e7;
    box-sizing: border-box;
    padding-bottom: 15px
}

.new-account .main .card-info .title {
    display: inline-block;
    width: 50%
}

.new-account .main .card-info .numbers {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .4px;
    margin: 15px 0
}

.new-account .main .card-info .name {
    color: #666
}

.new-account .main .card-info .bank {
    color: #666;
    font-size: 12px
}

.new-account .main ul li {
    height: 64px;
    line-height: 64px;
    list-style: none
}

.new-account .main ul li:not(:last-child) {
    box-shadow: inset 0 -1px 0 0 #e7e7e7
}

.new-account .main ul li.item-mobile {
    display: none
}

.new-account .main ul li a {
    align-items: center;
    color: #000;
    display: flex
}

.new-account .main ul li i {
    align-items: center;
    background: #128ae0;
    border-radius: 20px;
    color: #fff;
    display: flex;
    filter: brightness(140%);
    font-size: 23px;
    height: 40px;
    justify-content: center;
    margin-right: 15px;
    text-align: center;
    width: 40px
}

.new-account .main ul li i[class^=d20_] {
    font-size: 28px
}

.new-account .main .item-mission {
    position: relative
}

.new-account .main .item-mission .msg-notification {
    animation: anidot 2s linear infinite both;
    background-color: #f40;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
    color: #ca1b2c;
    display: block;
    height: 12px !important;
    left: 30px;
    position: absolute;
    top: 8px;
    width: 12px !important;
    z-index: 1
}

.my-wallet .header {
    padding: 16px 16px 8px
}

.my-wallet .currency {
    color: #535353;
    margin: 30px 0 15px 10px
}

.my-wallet .money {
    height: 39px;
    position: relative;
    text-align: right
}

.my-wallet .money span {
    display: inline-block;
    font-size: 34px;
    font-weight: 500;
    vertical-align: middle
}

.my-wallet .money i {
    font-size: 21px;
    margin-left: 5px;
    vertical-align: middle
}

.my-wallet .money .nrc-loading {
    position: absolute
}

.my-wallet .list-details {
    margin-top: 10px
}

.my-wallet .list-details .text-right,
.my-wallet .list-details .transfer-block .transfer-amount p:last-child,
.my-wallet .list-details .withdrawal-processing-block .resume-details>div p:last-child,
.my-wallet .transaction-block .list-details div p:last-child,
.transaction-block .my-wallet .list-details div p:last-child,
.transfer-block .transfer-amount .my-wallet .list-details p:last-child,
.withdrawal-processing-block .resume-details>div .my-wallet .list-details p:last-child {
    position: relative
}

.my-wallet .list-details .text-right .nrc-loading,
.my-wallet .list-details .transfer-block .transfer-amount p:last-child .nrc-loading,
.my-wallet .list-details .withdrawal-processing-block .resume-details>div p:last-child .nrc-loading,
.my-wallet .transaction-block .list-details div p:last-child .nrc-loading,
.transaction-block .my-wallet .list-details div p:last-child .nrc-loading,
.transfer-block .transfer-amount .my-wallet .list-details p:last-child .nrc-loading,
.withdrawal-processing-block .resume-details>div .my-wallet .list-details p:last-child .nrc-loading {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.my-wallet .list-details .warning .resume-details>div div:last-child button[type=button],
.my-wallet .list-details .warning .text-left,
.resume-details>div div:last-child .my-wallet .list-details .warning button[type=button] {
    color: #e94951
}

.my-wallet .list-details .warning .text-right,
.my-wallet .list-details .warning .transfer-block .transfer-amount p:last-child,
.my-wallet .list-details .warning .withdrawal-processing-block .resume-details>div p:last-child,
.my-wallet .transaction-block .list-details .warning div p:last-child,
.my-wallet .transaction-block .list-details div .warning p:last-child,
.transaction-block .my-wallet .list-details .warning div p:last-child,
.transaction-block .my-wallet .list-details div .warning p:last-child,
.transfer-block .transfer-amount .my-wallet .list-details .warning p:last-child,
.withdrawal-processing-block .resume-details>div .my-wallet .list-details .warning p:last-child {
    display: none
}

.activate-account .container {
    height: auto;
    width: 100%
}

.activate-account .container h2 {
    margin-bottom: 50px
}

.adddeposit h3 {
    color: #535353;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 35px
}

.adddeposit .rules p {
    color: #535353;
    margin-bottom: 25px
}

.adddeposit .step0 {
    height: 230px;
    margin: 120px auto 0
}

.adddeposit .deposit-des {
    color: #535353;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.adddeposit .deposit-des.highlight,
.adddeposit .deposit-des a {
    color: #128ae0
}

.adddeposit .deposit-order-no {
    margin-top: 15px
}

.adddeposit .deposit-order-no p {
    display: inline-block
}

.adddeposit .deposit-order-no p label {
    color: #383838;
    font-weight: 700;
    margin-right: 3px
}

.adddeposit .quota {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    height: 85px;
    justify-content: center;
    margin: 20px auto 0;
    width: calc(100% - 2px)
}

.adddeposit .quota .quota-block {
    border-right: 1px solid #ccc;
    height: 100%;
    text-align: center;
    width: 50%
}

.adddeposit .quota .quota-block h4 {
    color: #535353;
    font-size: 14px;
    margin-top: 13px
}

.adddeposit .quota .quota-block .quota-amount {
    color: #000;
    font-size: 26px;
    line-height: 1.6
}

.adddeposit .quota .quota-block:last-of-type {
    border-right: 0 solid #ccc
}

.adddeposit .header h3 {
    margin-bottom: 20px
}

.adddeposit .description {
    color: #aaa;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: .94
}

.adddeposit .player-info {
    margin-top: 10px
}

.adddeposit .player-info p:first-child {
    color: #aaa;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 15px;
    line-height: 15px;
    margin-bottom: 5px
}

.adddeposit .player-info p:last-child {
    background-color: #ccc;
    border-radius: 100px;
    height: 28px;
    line-height: 28px;
    margin: 0 auto;
    width: 81px
}

.addwithdrawal h3 {
    color: #535353;
    font-size: 22px;
    margin-bottom: 35px
}

.addwithdrawal .description,
.addwithdrawal h3 {
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.addwithdrawal .description {
    color: #aaa;
    font-size: 16px;
    line-height: .94
}

.addwithdrawal .wallet-amount {
    border-bottom: 1px solid #ccc;
    padding-bottom: 18px
}

.addwithdrawal .wallet-amount .currency {
    color: #aaa;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 10px
}

.addwithdrawal .wallet-amount .currency span {
    color: #535353;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-left: 15px
}

.addwithdrawal .wallet-amount .amount {
    font-size: 34px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 5px
}

.addwithdrawal .wallet-amount .possibilities {
    color: #666;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.addwithdrawal .details {
    align-items: flex-start;
    display: flex;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    justify-content: space-between
}

.addwithdrawal .details .detail-left p:first-child {
    color: #128ae0
}

.addwithdrawal .details .detail-left p:first-child i {
    font-weight: 900;
    margin-left: 7px
}

.announcement-popup {
    box-sizing: border-box;
    color: #333;
    max-height: 200px;
    overflow: auto;
    padding: 0
}

.announcement-popup .announcement-item {
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    height: auto;
    list-style: none;
    overflow: hidden;
    padding: 10px 30px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.announcement-popup .announcement-item:last-of-type {
    border-bottom: 0 solid #f0f0f0
}

.announcement-popup .announcement-date {
    color: #128ae0;
    font-size: 12px;
    margin-bottom: 5px
}

.confirmation-page .titles {
    margin-bottom: 22px
}

.confirmation-page .titles img {
    height: 96px;
    width: 96px
}

.confirmation-page .titles h3 {
    color: #444;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 22px
}

.confirmation-page .titles h4 {
    color: #aaa;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.account-nav li.small .confirmation-page a h3,
.confirmation-page .account-nav h3,
.confirmation-page .account-nav li.small a h3,
.confirmation-page .actions h3,
.confirmation-page .activate-account h3,
.confirmation-page .content-modal h3,
.confirmation-page .countdown h3,
.confirmation-page .flex-center h3,
.confirmation-page .modal h3,
.confirmation-page .popup .popup-cont.loading h3,
.confirmation-page .service-online-add .step2 p.warning h3,
.confirmation-page .transfers-list .infos h3,
.confirmation-page .transfers-list .search .wallet-to-wallet h3,
.popup .confirmation-page .popup-cont.loading h3,
.service-online-add .step2 .confirmation-page p.warning h3,
.transfers-list .confirmation-page .infos h3,
.transfers-list .search .confirmation-page .wallet-to-wallet h3 {
    margin-bottom: 15px
}

.confirmation-page .actions {
    margin: 20px 0
}

.confirmation-page .actions button:first-child {
    margin-right: 20px
}

.confirmation-page .resume-details {
    background-color: #fff;
    border: 1px solid #ccc !important;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.confirmation-page .details-header {
    background-color: #aaa;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    padding: 12px
}

.confirmation-page .details-header p.title {
    font-size: 34px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.confirmation-page .footer p {
    color: #666;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.deposit-list {
    min-height: calc(100vh - 96px)
}

.deposit-list .navbar {
    color: #353535;
    padding: 16px 20px 0
}

.deposit-list .navbar .title {
    font-size: 16px;
    line-height: .94
}

.deposit-list .navbar .right {
    font-size: 14px;
    line-height: 1.07
}

.deposit-list .info-block {
    background-image: linear-gradient(180deg, #fff, #f0eff5);
    width: 100%
}

.deposit-list .info-block .content {
    background: linear-gradient(135deg, #128ae0, #128ae0 45%, #2399ed 0, #128ae0);
    border-radius: 10px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .25), inset 0 -5px 15px #0f73ba;
    margin: 5px 20px 0;
    padding: 10px 15px 10px 0;
    position: relative;
    z-index: 1
}

.deposit-list .info-block .content .row {
    color: #fff;
    display: flex
}

.deposit-list .info-block .content .row:first-child {
    justify-content: space-between
}

.deposit-list .info-block .content .row:nth-child(2) {
    justify-content: flex-end
}

.deposit-list .info-block .content .row .account {
    align-items: center;
    background-color: #0e6db1;
    border-radius: 0 100px 100px 0;
    display: flex;
    height: 30px;
    padding: 3px 15px
}

.deposit-list .info-block .content .row .account,
.deposit-list .info-block .content .row .balance-label {
    align-items: center;
    display: flex;
    font-size: 14px
}

.deposit-list .info-block .content .row .account i,
.deposit-list .info-block .content .row .balance-label i {
    font-size: 22px;
    margin-right: 3px
}

.deposit-list .info-block .content .row .balance-value {
    font-size: 24px;
    font-weight: 600
}

.deposit-options {
    align-content: flex-start;
    align-items: flex-start;
    background-color: #f0eff5;
    display: flex;
    flex-wrap: wrap;
    min-height: calc(100vh - 190px);
    overflow: hidden;
    padding: 5px 10px 15px
}

.deposit-options h4 {
    color: #444;
    font-size: 16px
}

.deposit-options .option-item {
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    box-sizing: border-box;
    display: flex;
    height: auto;
    margin: 5px auto;
    min-height: 50px;
    padding: 5px 10px;
    position: relative;
    width: 95%
}

.deposit-options .option-item.nulldes {
    height: 70px;
    width: 31%
}

.deposit-options .option-item.nulldes .option-item-cont {
    padding-left: 0
}

.deposit-options .option-item.nulldes .option-item-cont:before {
    left: 50%;
    top: 5px;
    transform: translateX(-50%)
}

.deposit-options .option-item.nulldes .option-item-cont h3 {
    font-size: 13px;
    margin: 40px auto 10px;
    text-align: center
}

.deposit-options .option-item.nulldes small {
    display: none
}

.deposit-options .option-item .option-item-cont {
    box-sizing: border-box;
    height: auto;
    margin: auto;
    padding-left: 70px;
    width: 100%
}

.deposit-options .option-item .option-item-cont h3 {
    color: #353535;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: -2px;
    padding-top: 0;
    white-space: nowrap
}

.deposit-options .option-item .option-item-cont small {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 14px;
    text-transform: uppercase
}

.deposit-options .option-item .option-item-cont:before {
    font-family: iconmps !important;
    font-size: 35px;
    left: 20px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

.deposit-options .option-item .option-item-cont.WEIXIN:before {
    color: #00b049;
    content: ""
}

.deposit-options .option-item .option-item-cont.QQ:before {
    background: url(https://img.alltocon.com/img/static/payment/qq.svg) 50%/auto 40px no-repeat;
    color: #201c2a;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.MOMOPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/momo.svg) 50%/auto 40px no-repeat;
    color: #b30f73;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.PROMPTPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/prompt.png) 50%/auto 30px no-repeat;
    color: #1aa797;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.ZALOPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/zalopay.svg) 50%/auto 40px no-repeat;
    color: #118acb;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.QR_BANK:before {
    background: url(https://img.alltocon.com/img/static/payment/icon-wbscan.svg) 50%/auto 40px no-repeat;
    color: #118acb;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.VIETTELPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/viettelpay.svg) 50%/auto 40px no-repeat;
    color: #0e8682;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.ALIPAY:before {
    color: #00a8f1;
    content: ""
}

.deposit-options .option-item .option-item-cont.JDPAY:before {
    color: #222;
    content: ""
}

.deposit-options .option-item .option-item-cont.ONLINE_BANKING:before {
    color: #21d1a2;
    content: ""
}

.deposit-options .option-item .option-item-cont.DEBIT_CARD:before {
    color: #2867aa;
    content: ""
}

.deposit-options .option-item .option-item-cont.COMPANY_DEPOSIT:before {
    color: #ec7d00;
    content: ""
}

.deposit-options .option-item .option-item-cont.CREDIT_CARD:before {
    color: #00468e;
    content: ""
}

.deposit-options .option-item .option-item-cont.UNIONPAY_SCAN:before {
    background: url(https://img.alltocon.com/img/static/payment/unionpay.svg) 50%/50px auto no-repeat;
    color: #183074;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.EXPRESSPAY:before {
    color: #eb5e1d;
    content: ""
}

.deposit-options .option-item .option-item-cont.baidu:before {
    background: url(https://img.alltocon.com/img/static/payment/baidu.png) 50%/40px auto no-repeat;
    color: #c90302;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.huabei:before {
    background: url(https://img.alltocon.com/img/static/payment/huabei.png) 50%/45px auto no-repeat;
    color: #009bdf;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.YIYOU:before {
    color: #f60;
    content: ""
}

.deposit-options .option-item .option-item-cont.CRYPTO:before {
    color: #f90;
    content: ""
}

.deposit-options .option-item .option-item-cont.QUICKPASS:before {
    background: url(https://img.alltocon.com/img/static/payment/qpass.png) 50%/45px auto no-repeat;
    color: #f7261e;
    content: "";
    height: 40px;
    width: 40px
}

.deposit-options .option-item .option-item-cont.PAYTM:before {
    background: url(https://img.alltocon.com/img/static/payment/paytm.png) 50%/auto 40px no-repeat;
    color: #1b386c;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.NETELLER:before {
    background: url(https://img.alltocon.com/img/static/payment/neteller.png) 50%/auto 40px no-repeat;
    color: #88b801;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.SCRATCHCARD:before {
    background: url(https://img.alltocon.com/img/static/payment/scratch.png) 50%/auto 48px no-repeat;
    color: #ff570d;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.MPURSE:before {
    background: url(https://img.alltocon.com/img/static/payment/mpurse.png) 50%/auto 48px no-repeat;
    color: #118613;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.SKRILL:before {
    background: url(https://img.alltocon.com/img/static/payment/skrill.png) 50%/auto 40px no-repeat;
    color: #7f2371;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.UPI:before {
    background: url(https://img.alltocon.com/img/static/payment/upi.png) 50%/auto 40px no-repeat;
    color: #eb7207;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.BHIM:before {
    background: url(https://img.alltocon.com/img/static/payment/bhim.png) 50%/auto 40px no-repeat;
    color: #eb7207;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.GPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/gpay.png) 50%/auto 40px no-repeat;
    color: #ea4335;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.PHONEPE:before {
    background: url(https://img.alltocon.com/img/static/payment/phonepe.png) 50%/auto 40px no-repeat;
    color: #6739b7;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.GCASH:before,
.deposit-options .option-item .option-item-cont.GCASH small {
    color: #115faf
}

.deposit-options .option-item .option-item-cont.GCASH:before {
    background: url(https://img.alltocon.com/img/static/payment/gcash.png) 50%/40px auto no-repeat;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.TRUEMONEY:before {
    background: url(https://img.alltocon.com/img/static/payment/truemoney.png) 50%/40px auto no-repeat;
    color: #ed1c24;
    color: transparent;
    content: ""
}

.deposit-options .option-item .option-item-cont.CRYPTOH5:before {
    background: url(https://img.alltocon.com/img/static/payment/crypto.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-options .option-item .option-item-cont.USDT:before {
    background: url(https://img.alltocon.com/img/static/payment/usdt.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-options .option-item .option-item-cont.GRABPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/grabpay.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-options .option-item .option-item-cont.PAYMAYA:before {
    background: url(https://img.alltocon.com/img/static/payment/paymaya.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-options .option-item .option-item-cont.REMIT:before {
    background: url(https://img.alltocon.com/img/static/payment/remit.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-options .option-item .option-item-cont.PAYLORO:before {
    background: url(https://img.alltocon.com/img/static/payment/payloro.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-options .option-item .option-item-cont.NAGAD:before {
    background: url(https://img.alltocon.com/img/static/payment/nagad.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-options .option-item .option-item-cont.BKASH:before {
    background: url(https://img.alltocon.com/img/static/payment/bkash.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-options .option-item .option-item-cont.ROCKET:before {
    background: url(https://img.alltocon.com/img/static/payment/rocket.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.deposit-options .option-item .option-item-cont.UPAY:before {
    background: url(https://img.alltocon.com/img/static/payment/upay.png) 50%/auto 36px no-repeat;
    content: "";
    height: 36px;
    width: 36px
}

.game-history .form-tips {
    color: red;
    font-size: 12px;
    letter-spacing: .5px
}

.finan-history {
    padding: 16px
}

.finan-history.activity-points {
    background-color: #f0eff5;
    padding: 0
}

.finan-history.activity-points .app-body {
    height: 100%
}

.finan-history.activity-points .navbar {
    font-size: 16px;
    margin: 0;
    padding: 20px 15px 25px;
    white-space: nowrap
}

.finan-history.activity-points .navbar .title {
    font-size: 18px;
    margin: 0
}

.finan-history.activity-points .search-form,
.finan-history.activity-points .search-result-summary {
    background-color: #fff;
    margin: 0;
    padding: 0 20px 15px
}

.finan-history.activity-points .activity-points-history {
    display: flex;
    flex-direction: column;
    height: 100%
}

.finan-history.activity-points .finan-history-list {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 12px 20px 0
}

.finan-history.activity-points .activity-points-history-list {
    flex-grow: 1
}

.finan-history.activity-points .activity-points-filter {
    display: flex;
    justify-content: space-between;
    margin: 0 0 12px
}

.finan-history.activity-points .activity-points-filter .nrc-button {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    color: #707070;
    flex-grow: 1;
    font-size: 14px;
    height: 30px;
    margin: 0 5px 0 0;
    width: 32%
}

.finan-history.activity-points .activity-points-filter .nrc-button:last-of-type {
    margin: 0
}

.finan-history.activity-points .activity-points-filter .nrc-button.active {
    border-color: #128ae0;
    color: #128ae0
}

.finan-history.activity-points .activity-points-reset {
    color: #e94951;
    font-size: 14px;
    margin: 0 0 12px;
    text-align: center
}

.finan-history .search-form {
    box-shadow: inset 0 -1px 0 0 #e7e7e7;
    padding-bottom: 16px
}

.finan-history .search-form .form-tips {
    color: red;
    font-size: 12px;
    letter-spacing: .5px;
    margin: 11px 0 -11px
}

.finan-history .search-form .form-content {
    display: flex;
    justify-content: space-between
}

.finan-history .search-form .btn-main {
    margin-top: 10px;
    width: 100%
}

.finan-history .search-result-summary {
    align-items: center;
    color: #535353;
    display: flex;
    margin: 16px 0 10px
}

.finan-history .search-result-summary i {
    font-size: 24px;
    margin-right: 24px
}

.finan-history .search-result-summary .detail {
    font-size: 14px
}

.finan-history .search-result-summary .detail div {
    margin: 4px 0
}

.finan-history .time-span {
    background-color: #f0eff5;
    color: #535353;
    font-size: 14px;
    padding: 5px 0 5px 10px
}

.finan-history .finan-summary .summary-half-items {
    border-bottom: 1px solid #f2f4f6;
    display: flex
}

.finan-history .finan-summary .summary-half-items .item-box {
    box-sizing: border-box;
    margin: 20px 0;
    width: 50%
}

.finan-history .finan-summary .summary-half-items .item-box:first-child {
    border-right: 1px solid #ededed
}

.finan-history .finan-summary .summary-half-items .item-box .item {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.finan-history .finan-summary .summary-half-items .item-box .item .icon {
    align-items: center;
    box-sizing: border-box;
    color: #666;
    display: flex;
    font-size: 36px;
    font-weight: 600;
    justify-content: center;
    margin-right: 5px
}

.finan-history .finan-summary .summary-half-items .item-box .item .infos {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px
}

.finan-history .finan-summary .summary-half-items .item-box .item .infos .amt {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal
}

.finan-history .finan-summary .summary-half-items .item-box .item .infos .title {
    color: #555;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    margin-top: 2px
}

.finan-history .finan-summary .summary-item {
    align-items: center;
    border-bottom: 1px solid #f2f4f6;
    cursor: pointer;
    display: flex;
    height: 70px;
    justify-content: space-between;
    padding: 10px 20px
}

.finan-history .finan-summary .summary-item .summary-title {
    color: #535353;
    font-size: 18px
}

.finan-history .finan-summary .summary-item .summary-content {
    align-items: center;
    display: flex
}

.finan-history .finan-summary .summary-item .summary-content .numbers {
    text-align: right
}

.finan-history .finan-summary .summary-item .summary-content .numbers .amt-total {
    color: #383838;
    font-size: 28px
}

.finan-history .finan-summary .summary-item .summary-content i {
    font-size: 18px;
    margin: 0 0 0 10px
}

.finan-history .deposit-history .navbar .title {
    flex: 2
}

.finan-history .deposit-history .transaction-block,
.finan-history .withdrawal-history .transaction-block {
    margin: 10px
}

.finan-history .transfer-history {
    margin-top: 16px
}

.finan-history .finan-history-list {
    background-color: #f0eff5;
    border-top: 1px solid #ccc
}

.finan-history .finan-history-nodata-block {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 60% 0;
    width: 100%
}

.finan-history .activity-reward-history .transaction-block,
.finan-history .affiliate-history .transaction-block,
.finan-history .manual-adjustment-history .transaction-block,
.finan-history .mission-reward-history .transaction-block,
.finan-history .promo-history .transaction-block,
.finan-history .rebate-history .transaction-block {
    margin: 10px
}

.finan-history .activity-reward-history .transaction-block .amount p:first-child,
.finan-history .affiliate-history .transaction-block .amount p:first-child,
.finan-history .manual-adjustment-history .transaction-block .amount p:first-child,
.finan-history .mission-reward-history .transaction-block .amount p:first-child,
.finan-history .promo-history .transaction-block .amount p:first-child,
.finan-history .rebate-history .transaction-block .amount p:first-child {
    width: 40%
}

.finan-history .activity-reward-history .transaction-block .amount p:last-child,
.finan-history .affiliate-history .transaction-block .amount p:last-child,
.finan-history .manual-adjustment-history .transaction-block .amount p:last-child,
.finan-history .mission-reward-history .transaction-block .amount p:last-child,
.finan-history .promo-history .transaction-block .amount p:last-child,
.finan-history .rebate-history .transaction-block .amount p:last-child {
    width: 60%
}

.finan-history .manual-adjustment-history .navbar .title {
    flex: 2
}

.finan-history .activity-reward-history .navbar,
.finan-history .mission-reward-history .navbar {
    display: inherit
}

.finan-history .navbar .title {
    margin-top: 16px
}

.history {
    padding: 16px 16px 0
}

.history.history-header {
    border-bottom: 0 solid #666
}

.history.history-header h2 {
    font-size: 22px;
    line-height: 60px
}

.history .search {
    background-color: #fff;
    padding-bottom: 10px
}

.history .search .selector {
    margin: auto
}

.history .search .game-selector {
    margin-top: 15px
}

.history .search .time {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px 0
}

.history .search .time .input-group {
    margin: 0
}

.history .search .time .input-group.range-date-picker {
    display: flex;
    flex-wrap: wrap;
    width: auto
}

.history .search .time .input-group.range-date-picker .nrc-form-label {
    width: 100%
}

.history .search .time .input-group.range-date-picker .nrc-form-input {
    width: 49%
}

.history .summary .search-result-summary {
    align-items: center;
    color: #535353;
    display: flex;
    padding: 16px 0
}

.history .summary .search-result-summary .show-search-form,
.history .summary .search-result-summary .summary-text {
    display: inline-block;
    line-height: 20px
}

.history .summary .search-result-summary .show-search-form {
    font-size: 28px;
    text-align: center;
    width: 20%
}

.history .summary .search-result-summary .summary-text {
    margin-left: 30px;
    width: 70%
}

.history .summary .search-result-summary .summary-text .text {
    margin-top: 5px
}

.gamehistory-card {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    min-height: 160px
}

.gamehistory-card .bet-detail-btn {
    font-size: 15px;
    height: 30px;
    margin-top: 5px;
    padding: 0 10px;
    width: auto
}

.gamehistory-card .header {
    margin-left: 10px;
    margin-top: 18px
}

.gamehistory-card .header .status {
    border: 2px solid #128ae0;
    border-radius: 100px;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    min-width: 48px;
    padding: 0 5px;
    position: absolute;
    right: 10px
}

.gamehistory-card .header .status.success {
    color: #128ae0
}

.gamehistory-card .body {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 17px
}

.gamehistory-card .body .description {
    width: 50%
}

.gamehistory-card .body .description .game-type {
    font-size: 14px
}

.gamehistory-card .body .description .game-name {
    font-size: 20px;
    margin-top: 5px
}

.gamehistory-card .body .description .currency {
    color: #989898;
    margin-top: 5px
}

.gamehistory-card .body .money {
    margin-right: 10px;
    text-align: right;
    width: 50%
}

.gamehistory-card .body .money .winloss {
    font-size: 28px
}

.gamehistory-card .body .money .winloss.red {
    color: #128ae0
}

.gamehistory-card .footer {
    margin: 3px 0 0 10px
}

.gamehistory-card .footer .txn-id {
    color: #989898;
    font-size: 12px
}

.game-record-detail {
    padding: 0 10px
}

.game-record-detail .column {
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    padding: 10px 0 5px
}

.game-record-detail .column .column-title {
    width: 30%;
    word-break: break-word
}

.game-record-detail .column .column-content {
    width: 70%;
    word-break: break-word
}

.game-record-detail .column .column-content .game-event:not(:first-child) {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 5px
}

.game-record-detail .bet-result-iframe {
    height: 100%;
    margin-top: 10px;
    overflow: auto;
    width: 100%
}

.game-record-detail .bet-result-iframe .iframe-wrapper {
    height: 620px;
    min-width: 1200px
}

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

.m-poker {
    background-image: url(https://img.alltocon.com/img/static/common/m-poker.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 30px
}

.m-poker.suitD {
    background-position-y: 0
}

.m-poker.suitH {
    background-position-y: -40px
}

.m-poker.suitS {
    background-position-y: -80px
}

.m-poker.suitC {
    background-position-y: -120px
}

.m-poker.rank1 {
    background-position-x: 0
}

.m-poker.rank2 {
    background-position-x: -30px
}

.m-poker.rank3 {
    background-position-x: -60px
}

.m-poker.rank4 {
    background-position-x: -90px
}

.m-poker.rank5 {
    background-position-x: -120px
}

.m-poker.rank6 {
    background-position-x: -150px
}

.m-poker.rank7 {
    background-position-x: -180px
}

.m-poker.rank8 {
    background-position-x: -210px
}

.m-poker.rank9 {
    background-position-x: -240px
}

.m-poker.rank10 {
    background-position-x: -270px
}

.m-poker.rank11 {
    background-position-x: -300px
}

.m-poker.rank12 {
    background-position-x: -330px
}

.m-poker.rank13 {
    background-position-x: -360px
}

.inbox .inbox-nav {
    margin: 16px
}

.inbox .inbox-nav .navbar {
    margin-top: 10px
}

.inbox .inbox-nav .navbar .left,
.inbox .inbox-nav .navbar .right {
    display: none
}

.inbox .inbox-list {
    background-color: #fff
}

.inbox .inbox-list ul {
    margin: auto;
    position: relative
}

.inbox .inbox-list ul li {
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    color: #aaa;
    font-size: 12px;
    line-height: 20px;
    list-style: none;
    margin: 0 7.5%;
    padding: 15px 0;
    position: relative
}

.inbox .inbox-list ul li .date {
    color: #989898;
    font-size: 12px
}

.inbox .inbox-list ul li .from {
    color: #383838;
    font-size: 14px;
    line-height: 1.8
}

.inbox .inbox-list ul li h1 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    display: block;
    display: -webkit-box;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%
}

.inbox .inbox-list ul li p {
    display: block;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%
}

.inbox .inbox-list ul li .mps-rect {
    color: #383838;
    font-size: 16px;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%)
}

.inbox .inbox-list ul li input[type=checkbox]+label {
    left: -10px;
    position: absolute;
    top: 50%
}

.inbox .inbox-list ul li.unread {
    font-weight: 700
}

.inbox .inbox-list ul li.unread h1 {
    color: #383838
}

.inbox .inbox-list ul li.unread:before {
    background-color: #dd9c4b;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: -15px;
    position: absolute;
    top: 19px;
    width: 10px
}

.inbox .inbox-list ul li.edit {
    padding: 15px
}

.inbox .inbox-list ul li.edit.unread:before {
    left: 0;
    top: 22px
}

.inbox .inbox-detail {
    box-sizing: border-box;
    padding: 16px
}

.inbox .inbox-detail>.navbar {
    background-color: #fff;
    box-sizing: border-box;
    height: 44px
}

.inbox .inbox-detail .popup-cont {
    background-color: #fff;
    height: 100%;
    padding: 0 5%;
    width: 90%
}

.inbox .inbox-detail .header {
    padding-bottom: 10px
}

.inbox .inbox-detail .header .date {
    color: #989898;
    font-size: 12px
}

.inbox .inbox-detail .header .from {
    color: #383838;
    font-size: 14px
}

.inbox .inbox-detail .title {
    color: #383838;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    padding-bottom: 22px;
    word-break: break-all
}

.inbox .inbox-detail .content {
    line-height: 1.5;
    word-break: break-all
}

.inbox .inbox-detail .content img {
    max-width: 100%
}

.news {
    background: #fff
}

.news .newslist .header {
    padding: 16px 16px 0
}

.news .newslist .navbar {
    margin-top: 10px
}

.news .newslist .navbar .left,
.news .newslist .navbar .right {
    display: none
}

.news .newslist .content {
    margin-top: 20px;
    overflow: auto
}

.news .newslist .content .news-item {
    border-bottom: 1px solid #ccc;
    color: #666;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 100px;
    padding: 16px
}

.news .newslist .content .news-item .des,
.news .newslist .content .news-item .time {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news .newslist .content .news-item .des {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin: 5px 0;
    position: relative
}

.news .newslist .content .news-item .more-btn {
    color: #128ae0;
    cursor: pointer;
    text-align: right
}

.news .news-detail {
    min-height: var(--window-inner-height, 100vh);
    overflow: auto
}

.news .news-detail i {
    font-size: 35px
}

.news .news-detail h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center
}

.news .news-detail .time {
    color: #aaa;
    font-size: 12px
}

.news .news-detail .content {
    color: #535353;
    line-height: 20px;
    margin-top: 20px;
    white-space: pre-wrap;
    word-break: break-word
}

.promo-history-container {
    padding: 10px
}

.promo-history-container h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 60px;
    text-align: center
}

.promo-history-container .promo-item {
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    min-height: 90px;
    padding: 16px 0
}

.promo-history-container .promo-item * {
    box-sizing: border-box;
    word-break: break-word
}

.promo-history-container .promo-item .left {
    border-right: 1px dashed #e7e7e7;
    text-align: center;
    width: 110px
}

.promo-history-container .promo-item .left .price {
    color: #3c3b3b;
    font-size: 20px;
    font-weight: 500;
    padding-right: 5px
}

.promo-history-container .promo-item .left .status {
    background-color: #f0f0f0;
    border-radius: 100px;
    color: #6b6b6b;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    margin-top: 10px;
    padding: 0 10px
}

.promo-history-container .promo-item .left .status.color-failed {
    background-color: transparent;
    border: 1px solid #e94951;
    color: #e94951
}

.promo-history-container .promo-item .right {
    flex: 1;
    padding-left: 5px
}

.promo-history-container .promo-item .right .date {
    color: #666;
    font-size: 12px
}

.promo-history-container .promo-item .right .wait-for-claim {
    padding: 10px 0 0 10px
}

.promo-history-container .promo-item .right .wait-for-claim .button {
    background-color: #128ae0;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 101px
}

.promo-history-container .promo-item .right .wait-for-claim .timer {
    color: #128ae0;
    font-size: 12px;
    margin-top: 5px
}

.promo-history-container .promo-item .right .wait-for-claim .timer .count-down-timer {
    margin-left: 5px
}

.claimed-modal {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 280px;
    position: relative;
    width: 90%
}

.claimed-modal .icon {
    background: url(https://img.alltocon.com/img/static/mobile/promotion-sucessful-icon.png) 50%/100% no-repeat;
    height: 82px;
    width: 82px
}

.claimed-modal .price {
    color: #128ae0;
    font-size: 34px;
    font-weight: 500
}

.claimed-modal .title {
    color: #383838;
    font-size: 22px
}

.claimed-modal .close {
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 10px
}

.service-online-add h3 {
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.service-online-add form {
    display: block;
    margin-bottom: 30px;
    margin-top: 40px
}

.service-online-add .helps {
    line-height: 25px;
    margin: 8px 0 16px
}

.service-online-add .helps a {
    color: #128ae0 !important;
    text-decoration: none
}

.service-online-add .helps a:hover {
    text-decoration: underline
}

.service-online-add .helps i.mps-info {
    color: #128ae0;
    margin-left: 3px;
    margin-top: -5px;
    vertical-align: middle
}

.service-online-add .non-selected-bank {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 14px
}

.service-online-add .step2 {
    margin-bottom: 60px;
    margin-top: 22px
}

.adddeposit .service-online-add .step2 p.deposit-des,
.addwithdrawal .wallet-amount .service-online-add .step2 p.amount,
.addwithdrawal .wallet-amount .service-online-add .step2 p.possibilities,
.modal.confirmation .container .service-online-add .step2 p.title,
.modal>.container .service-online-add .step2 p.title,
.nrc-tabs .nrc-tabs-nav .service-online-add .step2 p.nrc-tabs-tab,
.promo .service-online-add .step2 p.confirm-body,
.service-online-add .step2 .adddeposit p.deposit-des,
.service-online-add .step2 .addwithdrawal .wallet-amount p.amount,
.service-online-add .step2 .addwithdrawal .wallet-amount p.possibilities,
.service-online-add .step2 .modal.confirmation .container p.title,
.service-online-add .step2 .modal>.container p.title,
.service-online-add .step2 .nrc-tabs .nrc-tabs-nav p.nrc-tabs-tab,
.service-online-add .step2 .promo p.confirm-body,
.service-online-add .step2 .signup p.confirm-body,
.service-online-add .step2 .transfers-list p.body-confirm,
.service-online-add .step2 p.text-center,
.signup .service-online-add .step2 p.confirm-body,
.transfers-list .service-online-add .step2 p.body-confirm {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.adddeposit .service-online-add .step2 p.deposit-des:first-child,
.addwithdrawal .wallet-amount .service-online-add .step2 p.amount:first-child,
.addwithdrawal .wallet-amount .service-online-add .step2 p.possibilities:first-child,
.modal.confirmation .container .service-online-add .step2 p.title:first-child,
.modal>.container .service-online-add .step2 p.title:first-child,
.nrc-tabs .nrc-tabs-nav .service-online-add .step2 p.nrc-tabs-tab:first-child,
.promo .service-online-add .step2 p.confirm-body:first-child,
.service-online-add .step2 .adddeposit p.deposit-des:first-child,
.service-online-add .step2 .addwithdrawal .wallet-amount p.amount:first-child,
.service-online-add .step2 .addwithdrawal .wallet-amount p.possibilities:first-child,
.service-online-add .step2 .modal.confirmation .container p.title:first-child,
.service-online-add .step2 .modal>.container p.title:first-child,
.service-online-add .step2 .nrc-tabs .nrc-tabs-nav p.nrc-tabs-tab:first-child,
.service-online-add .step2 .promo p.confirm-body:first-child,
.service-online-add .step2 .signup p.confirm-body:first-child,
.service-online-add .step2 .transfers-list p.body-confirm:first-child,
.service-online-add .step2 p.text-center:first-child,
.signup .service-online-add .step2 p.confirm-body:first-child,
.transfers-list .service-online-add .step2 p.body-confirm:first-child {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.adddeposit .service-online-add .step2 p.deposit-des:first-child span,
.addwithdrawal .wallet-amount .service-online-add .step2 p.amount:first-child span,
.addwithdrawal .wallet-amount .service-online-add .step2 p.possibilities:first-child span,
.modal.confirmation .container .service-online-add .step2 p.title:first-child span,
.modal>.container .service-online-add .step2 p.title:first-child span,
.nrc-tabs .nrc-tabs-nav .service-online-add .step2 p.nrc-tabs-tab:first-child span,
.promo .service-online-add .step2 p.confirm-body:first-child span,
.service-online-add .step2 .adddeposit p.deposit-des:first-child span,
.service-online-add .step2 .addwithdrawal .wallet-amount p.amount:first-child span,
.service-online-add .step2 .addwithdrawal .wallet-amount p.possibilities:first-child span,
.service-online-add .step2 .modal.confirmation .container p.title:first-child span,
.service-online-add .step2 .modal>.container p.title:first-child span,
.service-online-add .step2 .nrc-tabs .nrc-tabs-nav p.nrc-tabs-tab:first-child span,
.service-online-add .step2 .promo p.confirm-body:first-child span,
.service-online-add .step2 .signup p.confirm-body:first-child span,
.service-online-add .step2 .transfers-list p.body-confirm:first-child span,
.service-online-add .step2 p.text-center:first-child span,
.signup .service-online-add .step2 p.confirm-body:first-child span,
.transfers-list .service-online-add .step2 p.body-confirm:first-child span {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500
}

.adddeposit .service-online-add .step2 p.highlight.deposit-des,
.addwithdrawal .wallet-amount .service-online-add .step2 p.highlight.amount,
.addwithdrawal .wallet-amount .service-online-add .step2 p.highlight.possibilities,
.modal.confirmation .container .service-online-add .step2 p.highlight.title,
.modal>.container .service-online-add .step2 p.highlight.title,
.nrc-tabs .nrc-tabs-nav .service-online-add .step2 p.highlight.nrc-tabs-tab,
.promo .service-online-add .step2 p.highlight.confirm-body,
.service-online-add .step2 .adddeposit p.highlight.deposit-des,
.service-online-add .step2 .addwithdrawal .wallet-amount p.highlight.amount,
.service-online-add .step2 .addwithdrawal .wallet-amount p.highlight.possibilities,
.service-online-add .step2 .modal.confirmation .container p.highlight.title,
.service-online-add .step2 .modal>.container p.highlight.title,
.service-online-add .step2 .nrc-tabs .nrc-tabs-nav p.highlight.nrc-tabs-tab,
.service-online-add .step2 .promo p.highlight.confirm-body,
.service-online-add .step2 .signup p.highlight.confirm-body,
.service-online-add .step2 .transfers-list p.highlight.body-confirm,
.service-online-add .step2 p.highlight.text-center,
.signup .service-online-add .step2 p.highlight.confirm-body,
.transfers-list .service-online-add .step2 p.highlight.body-confirm {
    margin-top: 22px
}

.service-online-add .step2 p.warning img {
    margin-right: 5px;
    width: 20px
}

.service-online-add .amount-button .button-group-wrapper {
    display: flex;
    flex-wrap: wrap
}

.service-online-add .amount-button .button-group-wrapper button {
    flex: 0 0 22%;
    margin: 1.5%
}

.mobile-top-ad-wrapper {
    width: 100%
}

.mobile-top-ad-wrapper .top-ad-close-button {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 2;
    z-index: 102
}

.mobile-top-ad-wrapper .top-ad-close-button .mps-close {
    background-color: rgba(51, 51, 51, .9);
    border-radius: 12px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .9);
    color: #fff;
    font-size: 16px;
    padding: 4px
}

.mobile-top-ad-wrapper>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.signup .container {
    overflow-x: hidden;
    overflow-y: auto
}

.signup .nrc-form-password>div {
    position: relative
}

.signup .nrc-form-password>div i {
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    user-select: none
}

.signup .confirm-body {
    color: #aaa
}

.signup .policy-btn {
    color: #128ae0;
    cursor: pointer;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin-left: 4px
}

.signup .policy-modal {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .7);
    display: flex;
    flex-direction: column;
    height: calc(100% - 20px);
    left: 10px;
    position: fixed;
    top: 10px;
    width: calc(100% - 20px);
    z-index: 102
}

.signup .policy-modal .policy-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 16px;
    overflow: auto
}

.signup .policy-modal .policy-container .content {
    color: #666;
    flex: 1;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5
}

.signup .policy-modal .policy-container .content h4 {
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.signup .policy-modal .policy-container .content p {
    margin-bottom: 8px;
    white-space: pre-wrap
}

.signup .policy-modal .policy-container .content img {
    width: 100%
}

.signup .policy-modal .policy-container button.nrc-button {
    min-height: 44px
}

.signup .policy-modal.sign-popup .policy-container .content {
    margin-bottom: 30px;
    overflow: scroll
}

.signup .img-viewer {
    align-items: center;
    background-color: rgba(0, 0, 0, .85);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.signup .img-viewer img {
    max-height: 70vh;
    max-width: 70vw
}

.signup .img-viewer span {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: 5px
}

.signup .nrc-file {
    display: inline-block;
    width: 150px
}

.signup .nrc-file label .icon-upload {
    top: 25px
}

.signup .nrc-file i.icon-delete {
    right: -45px
}

.signup .nrc-file small.info-msg,
.signup .nrc-file small.invalid-msg {
    width: calc(100vw - 160px)
}

.signup .img-viewer-icon {
    background-color: #01b1f0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 1.5em;
    margin-left: .5em;
    position: relative;
    top: 10px
}

.signup small.info-msg,
.signup small.invalid-msg {
    bottom: 0;
    top: auto
}

.signup .top25 {
    margin-bottom: 25px
}

.signup.agent-apply .nrc-form-password>div i {
    color: #777
}

.login .stagingversion {
    color: #bbb
}

.login .forget-options a {
    display: inline
}

.login .forget-options span {
    color: #128ae0;
    font-size: 12px
}

.login .nrc-form-password>div {
    position: relative
}

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

.forget-user-name .main {
    color: #222
}

.forget-user-name .main h2 {
    margin-bottom: 50px
}

.forget-user-name .main a {
    display: inline
}

.transfers-list .infos {
    background-color: #fff;
    padding: 10px 22px
}

.transfers-list .infos div:first-child {
    width: 55%
}

.transfers-list .infos div:first-child p:first-child {
    color: #535353;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transfers-list .infos div:first-child p:last-child {
    color: #383838;
    font-size: 34px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transfers-list .infos div:last-child {
    width: 45%
}

.transfers-list .infos div:last-child .recovery {
    border: 1px solid #128ae0;
    border-radius: 3px;
    height: 50px;
    padding: 0 10px;
    width: 126px
}

.transfers-list .infos div:last-child .recovery span {
    color: #128ae0;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transfers-list .infos div:last-child .recovery span small {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.transfers-list .infos div:last-child .recovery i {
    color: #128ae0;
    font-size: 30px;
    height: 30px;
    width: 30px
}

.transfers-list .search {
    border-bottom: 1px solid #ccc;
    padding: 20px
}

.transfers-list .search .wallet-to-wallet>div {
    display: inline-block;
    width: 50%
}

.transfers-list .search .wallet-to-wallet>div:first-child {
    margin-right: 40px
}

.transfers-list .body-confirm p:first-child {
    color: #383838;
    font-size: 30px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .6px
}

.transfers-list .body-confirm p:last-child {
    color: #aaa;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.withdrawal-page {
    min-height: calc(100vh - 49px)
}

.withdrawal-page .block.transaction-list {
    padding-bottom: 65px
}

.withdrawal-list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-top: 16px
}

.withdrawal-list>* {
    box-sizing: border-box;
    padding: 0 16px
}

.withdrawal-list .block.title {
    background-color: #fff
}

.withdrawal-list .withdrawal-methods {
    background-color: #fff;
    margin-bottom: 16px
}

.withdrawal-list .transaction-list {
    background-color: #f0eff5;
    flex: 1
}

.withdrawal-list .disallowed-message {
    margin: 0 0 16px;
    text-align: center;
    white-space: pre-wrap
}

.promo .promo-content {
    padding: 60px 2px 20px
}

.promo .promo-content .promo-list {
    margin-top: 20px;
    max-height: calc(var(--window-inner-height, 100vh) - 185px);
    overflow: auto
}

.promo .promo-content .promo-list .promo-item h2 {
    border-bottom: 1px solid #128ae0;
    color: #128ae0;
    font-size: 16px;
    font-weight: bolder;
    padding-bottom: 8px
}

.promo .promo-content .promo-list .promo-item .promo-detail {
    margin-bottom: 60px;
    margin-top: 10px
}

.promo .promo-content .promo-list .apply-btn {
    background-color: #fff;
    padding: 8px 0;
    text-align: center
}

.promo .promo-content .promo-list .apply-btn button {
    border-radius: 20px;
    width: 110px
}

.promo .confirm-body {
    color: #aaa
}

.promo .navbar .back-icon {
    font-size: 26px
}

.promo .navbar .country-selector-wrapper {
    min-width: 36px
}

.promo .navbar .country-selector-wrapper>.country-select {
    text-align: center
}

.promo-selfselect-model {
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0
}

.promo-selfselect-model .title {
    white-space: nowrap
}

.promo-selfselect-model .deposit-wallet {
    padding: 20px 0
}

.promo-selfselect-model .deposit-wallet .text-right,
.promo-selfselect-model .deposit-wallet .transaction-block .list-details div p:last-child,
.promo-selfselect-model .deposit-wallet .transfer-block .transfer-amount p:last-child,
.promo-selfselect-model .deposit-wallet .withdrawal-processing-block .resume-details>div p:last-child,
.transaction-block .list-details div .promo-selfselect-model .deposit-wallet p:last-child,
.transfer-block .transfer-amount .promo-selfselect-model .deposit-wallet p:last-child,
.withdrawal-processing-block .resume-details>div .promo-selfselect-model .deposit-wallet p:last-child {
    font-size: 24px;
    font-weight: 700;
    margin-top: 20px
}

.promo-selfselect-model .selfselect-item {
    background-color: #e1e1e1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    min-height: 110px;
    padding: 15px 15px 0
}

.promo-selfselect-model .selfselect-item>* {
    flex: 1
}

.promo-selfselect-model .selfselect-item .bold {
    font-weight: 700
}

.promo-selfselect-model .selfselect-item .size24 {
    font-size: 24px
}

.promo-selfselect-model .selfselect-item .top15 {
    margin-top: 15px
}

.promo-selfselect-model .selfselect-item-body input {
    font-size: 16px;
    padding-left: 10px
}

.promo-selfselect-model .selfselect-item-body .bottom5 {
    margin-bottom: 5px
}

.promo-selfselect-model .selfselect-item-body .bottom15 {
    margin-bottom: 15px
}

.promo-selfselect-model .show {
    background: #e1e1e1
}

.promo-content .category {
    margin-top: 15px
}

.promo-content .promo-banner-item {
    background-color: rgba(102, 102, 102, .2);
    min-height: 30px;
    position: relative
}

.promo-content .promo-banner-item img {
    position: relative
}

.promo-content .promo-banner-item:before {
    align-items: center;
    color: rgba(136, 136, 136, .9);
    content: attr(data-promo);
    display: flex;
    font-size: 11px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.promo-content .promo-banner-item,
.promo-content .promo-grid-item {
    margin-bottom: 15px
}

.promo-content .promo-banner-item .mps-alert,
.promo-content .promo-grid-item .mps-alert {
    color: #128ae0;
    font-size: 30px
}

.promo-content .promo-banner-item img,
.promo-content .promo-grid-item img {
    width: 100%
}

.promo-content .promo-banner-item h3,
.promo-content .promo-grid-item h3 {
    font-size: 20px;
    line-height: 20px;
    padding: 5px 0;
    word-break: break-all
}

.promo-content .promo-banner-item p,
.promo-content .promo-grid-item p {
    font-size: 12px
}

.promo-detail-modal {
    bottom: 0;
    left: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.promo-detail-modal .modal.confirmation .body {
    background: transparent;
    height: auto;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%
}

.promo-detail-modal .modal.confirmation .button-group {
    position: relative;
    z-index: 10
}

.promo-detail-modal>.container {
    --promo-progress-height: 210px;
    --promo-progress-height-short: 180px
}

.promo-detail-modal>.container .promo-name-header {
    background: #fff;
    border-bottom: 1px solid #ececec;
    color: #545658;
    height: 75px;
    left: 0;
    padding: 0 10px;
    position: fixed;
    top: 0;
    width: 100%
}

.promo-detail-modal>.container .promo-name-header .back {
    color: rgba(84, 86, 88, .7);
    margin-left: -10px
}

.promo-detail-modal>.container .promo-name-header h2 {
    font-size: 19px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.promo-detail-modal>.container .promo-name-header .promo-period {
    font-size: 12px
}

.promo-detail-modal>.container .body {
    background-color: #f9f9f9;
    color: #545658;
    height: calc(var(--window-inner-height) - 75px);
    overflow: auto;
    padding: 10px;
    position: absolute;
    top: 75px;
    width: 100%
}

.promo-detail-modal>.container .body .nrc-editor-view-mode {
    height: auto
}

.promo-detail-modal>.container .body h2 {
    word-wrap: break-word
}

.promo-detail-modal>.container .body .promo-period {
    font-size: 12px
}

.promo-detail-modal>.container .footer+.body {
    height: calc(var(--window-inner-height) - 135px)
}

.promo-detail-modal>.container .footer.promo-progress-init {
    border-radius: 10px 10px 0 0;
    border-top: 0 solid #fff !important;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .2), 0 -2px 10px rgba(0, 0, 0, .1);
    z-index: 1
}

.promo-detail-modal>.container .footer.promo-progress-init+.body {
    height: calc(var(--window-inner-height) - 173px)
}

.promo-detail-modal>.container .footer.promo-progress-open+.body {
    height: calc(var(--window-inner-height) - var(--promo-progress-height) - 135px)
}

.promo-detail-modal>.container .footer.promo-progress-open.short+.body {
    height: calc(var(--window-inner-height) - var(--promo-progress-height-short) - 135px)
}

.promo-detail-modal>.container .footer.promo-progress-open .promo-progress {
    height: var(--promo-progress-height)
}

.promo-detail-modal>.container .footer.promo-progress-open.short .promo-progress {
    height: var(--promo-progress-height-short)
}

.promo-detail-modal>.container .footer:not(:empty) {
    background: #fff;
    border-top: 1px solid #ececec;
    bottom: 0;
    left: 0;
    padding: 10px;
    position: fixed;
    width: 100vw
}

.promo-detail-modal>.container .promo-progress {
    padding-top: 5px;
    width: 100%
}

.promo-detail-modal>.container .promo-progress .promo-progress-content .progress-pending,
.promo-detail-modal>.container .promo-progress .promo-progress-reward .progress-pending {
    font-size: 12px;
    margin-top: 8px;
    text-indent: 10px
}

.promo-detail-modal>.container .promo-progress .reward-content {
    position: relative
}

.promo-detail-modal>.container .promo-progress .reward-content i {
    background: #fff;
    background-color: rgba(240, 240, 240, .9);
    border-radius: 50%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
    color: #128ae0;
    font-size: 15px;
    font-weight: 700;
    left: 50%;
    padding: 5px;
    position: absolute;
    top: -20px;
    transform: translateX(-50%)
}

.promo-detail-modal>.container .promo-progress .reward-content .progress-pending {
    font-size: 13.5px;
    margin-top: -5px;
    padding-bottom: 10px;
    text-align: right
}

.promo-detail-modal>.container .promo-progress .reward-content .reward-amount {
    font-size: 11px;
    margin-top: -5px;
    padding-bottom: 10px;
    text-align: right
}

.promo-detail-modal>.container .promo-progress .reward-content .reward-amount .reward {
    font-size: 14px;
    margin-right: 4px
}

.promo-detail-modal>.container .promo-progress .reward-content .reward-amount b {
    font-size: 21px;
    font-weight: 700;
    margin-right: 3px
}

.promo-detail-modal>.container .promo-progress [class^=title] {
    font-size: 13px;
    font-weight: 700;
    margin-top: 10px;
    text-indent: 10px
}

.promo-detail-modal>.container .promo-progress .progress-content {
    align-items: center;
    background: rgba(204, 204, 204, .1);
    border-radius: 100px;
    box-shadow: 0 0 0 1px rgba(153, 153, 153, .2);
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    margin: 5px auto;
    padding: 5px
}

.promo-detail-modal>.container .promo-progress .progress-content>div {
    text-indent: 5px
}

.promo-detail-modal>.container .promo-progress .progress-box .progress-text {
    font-size: 11px
}

.promo-detail-modal>.container .promo-progress .progress-box .progress-bar {
    background-color: rgba(255, 255, 255, .3);
    height: 15px;
    justify-content: flex-end;
    margin-left: 5px;
    width: 150px
}

.promo-detail-modal>.container .promo-progress .promo-progress-reward {
    align-items: flex-end;
    display: flex;
    font-size: 11px;
    justify-content: space-between;
    padding-top: 5px
}

.promo-detail-modal>.container .promo-progress .promo-progress-reward.pending {
    display: block
}

.promo-detail-modal>.container .promo-progress .promo-progress-reward .title-reward {
    text-indent: 10px
}

.promo-detail-modal>.container .promo-progress .promo-progress-reward b {
    font-size: 21px;
    font-weight: 700;
    margin-right: 3px
}

.promo-detail-modal>.container .promo-progress .promo-progress-reward span {
    padding-right: 10px
}

.promo-detail-modal>.container .promo-end-date {
    align-items: center;
    color: #128ae0;
    display: flex;
    font-size: 15px;
    height: 30px;
    justify-content: flex-end;
    line-height: 30px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 0;
    width: 60%
}

.promo-detail-modal>.container .promo-end-date .mps-alert {
    font-size: 21px;
    margin-right: 3px
}

.egame .style-2 .egame-list,
.lottery .style-2 .egame-list {
    min-width: 320px;
    overflow: hidden;
    padding: 0 10px 50px
}

.egame .style-2 .egame-list>div,
.lottery .style-2 .egame-list>div {
    margin-top: 6%
}

.egame .style-2 .egame-list .game-group,
.lottery .style-2 .egame-list .game-group {
    display: flex;
    width: 100%
}

.egame .style-2 .egame-list .egame-item,
.lottery .style-2 .egame-list .egame-item {
    height: auto;
    margin-bottom: 10px;
    position: relative;
    width: 33.333%
}

.egame .style-2 .egame-list .egame-item a,
.lottery .style-2 .egame-list .egame-item a {
    margin: 0 auto;
    position: relative;
    width: 90%
}

.egame .style-2 .egame-list .egame-item span,
.lottery .style-2 .egame-list .egame-item span {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.egame .style-2 .egame-list .egame-item span:after,
.egame .style-2 .egame-list .egame-item span:before,
.lottery .style-2 .egame-list .egame-item span:after,
.lottery .style-2 .egame-list .egame-item span:before {
    z-index: 1
}

.egame .style-2 .egame-list .egame-item span:before,
.lottery .style-2 .egame-list .egame-item span:before {
    height: 15px;
    width: 100%
}

.egame .style-2 .egame-list .egame-item span:after,
.lottery .style-2 .egame-list .egame-item span:after {
    background: transparent !important;
    content: "";
    display: block !important;
    float: left;
    padding-bottom: 100%;
    position: static !important;
    width: 100%
}

.egame .style-2 .egame-list .egame-item img,
.lottery .style-2 .egame-list .egame-item img {
    display: block;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.egame .style-2 .egame-list .egame-item h3,
.lottery .style-2 .egame-list .egame-item h3 {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.24;
    margin-top: 5px;
    min-height: 36px;
    position: relative;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    white-space: normal;
    width: calc(100% - 25px);
    word-break: break-word
}

.egame .style-2 .egame-list .egame-item h3 div,
.lottery .style-2 .egame-list .egame-item h3 div {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis
}

.egame .style-2 .egame-list .egame-item .maintenance-block,
.lottery .style-2 .egame-list .egame-item .maintenance-block {
    align-items: center;
    background: rgba(0, 0, 0, .85) !important;
    box-shadow: inset 0 0 0 3px gold, 0 2px 6px rgba(0, 0, 0, .2) !important;
    box-sizing: border-box !important;
    display: flex;
    flex-direction: column;
    height: 100% !important;
    justify-content: center;
    left: 3% !important;
    padding: 8px !important;
    position: absolute !important;
    text-align: center;
    top: -2px !important;
    transform: none !important;
    width: 98% !important;
    z-index: 5 !important
}

.egame .style-2 .egame-list .egame-item .maintenance-block:after,
.lottery .style-2 .egame-list .egame-item .maintenance-block:after {
    display: none !important
}

.egame .style-2 .egame-list .egame-item .maintenance-block>*,
.lottery .style-2 .egame-list .egame-item .maintenance-block>* {
    display: block !important;
    font-size: 13px;
    font-weight: 400
}

.egame .style-1 .egame-list .egame-item,
.lottery .style-1 .egame-list .egame-item {
    position: relative
}

.egame .style-1 .egame-list .egame-item a,
.lottery .style-1 .egame-list .egame-item a {
    display: flex;
    height: 64px
}

.egame .style-1 .egame-list .egame-item a span img,
.lottery .style-1 .egame-list .egame-item a span img {
    width: 48px
}

.egame .style-1 .egame-list .egame-item a span:before,
.lottery .style-1 .egame-list .egame-item a span:before {
    width: 48px;
    z-index: 2
}

.egame .style-1 .egame-list .egame-item a h3,
.lottery .style-1 .egame-list .egame-item a h3 {
    letter-spacing: 0;
    width: calc(100% - 48px)
}

.egame .style-1 .egame-list .egame-item h3,
.lottery .style-1 .egame-list .egame-item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.egame .style-1 .egame-list .egame-item .maintenance-block,
.lottery .style-1 .egame-list .egame-item .maintenance-block {
    align-items: center;
    background: rgba(0, 0, 0, .85) !important;
    box-shadow: inset 0 0 0 3px gold, 0 2px 6px rgba(0, 0, 0, .2) !important;
    box-sizing: border-box !important;
    display: flex;
    flex-direction: column;
    height: 100% !important;
    justify-content: center;
    left: 0 !important;
    padding: 8px !important;
    position: absolute !important;
    text-align: center;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
    z-index: 5 !important
}

.egame .style-1 .egame-list .egame-item .maintenance-block:after,
.lottery .style-1 .egame-list .egame-item .maintenance-block:after {
    display: none !important
}

.egame .style-1 .egame-list .egame-item .maintenance-block>*,
.lottery .style-1 .egame-list .egame-item .maintenance-block>* {
    display: block !important;
    font-size: 13px;
    font-weight: 400
}

.egame .egame-list,
.lottery .egame-list {
    padding: 10px 0
}

.egame .egame-list .egame-item .fav-btn,
.egame .egame-list .egame-item .fav-icon,
.lottery .egame-list .egame-item .fav-btn,
.lottery .egame-list .egame-item .fav-icon {
    bottom: 0;
    color: transparent;
    display: flex;
    font-size: 15px;
    height: 35px;
    justify-content: flex-end;
    position: absolute;
    right: 5%;
    transition: .3s ease;
    width: 35px;
    z-index: 1
}

.egame .egame-list .egame-item .fav-btn:after,
.egame .egame-list .egame-item .fav-icon:after,
.lottery .egame-list .egame-item .fav-btn:after,
.lottery .egame-list .egame-item .fav-icon:after {
    speak: none;
    -webkit-text-stroke: 1.5px #999;
    text-stroke: 1.5px #999;
    content: "";
    font-family: iconmps !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: .3s ease
}

.egame .egame-list .egame-item .fav-icon,
.lottery .egame-list .egame-item .fav-icon {
    color: #e94951;
    opacity: 1
}

.egame .egame-list .egame-item .fav-icon:after,
.lottery .egame-list .egame-item .fav-icon:after {
    -webkit-text-stroke: 1.5px #c00;
    text-stroke: 1.5px #c00;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .9);
    transform: scale(1.1) translateY(1px)
}

.egame .egame-list .egame-item .fav-icon+.fav-btn,
.lottery .egame-list .egame-item .fav-icon+.fav-btn {
    opacity: 0
}

.egame .egame-list .egame-item[data-new=new] a:before,
.egame .egame-list .egame-item[data-pop=pop] a:before,
.lottery .egame-list .egame-item[data-new=new] a:before,
.lottery .egame-list .egame-item[data-pop=pop] a:before {
    border-style: solid;
    border-width: 0 35px 35px;
    color: #fff;
    font-size: 11px;
    height: 0;
    left: 0;
    line-height: 47px;
    position: absolute;
    text-indent: -14px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    top: 0;
    transform: rotate(-45deg) translateX(-12px) translateY(-24px) scale(.8);
    width: 0;
    z-index: 3
}

.egame .egame-list .egame-item[data-pop=pop] a:before,
.lottery .egame-list .egame-item[data-pop=pop] a:before {
    border-color: transparent transparent #ff8a00;
    content: "HOT"
}

.egame .egame-list .egame-item[data-new=new] a:before,
.lottery .egame-list .egame-item[data-new=new] a:before {
    border-color: transparent transparent #d01919;
    content: "NEW"
}

.hotgames .game-list {
    margin: 20px auto
}

.hotgames .game-list .game-group {
    height: auto !important;
    margin-top: 0 !important
}

.hotgames .game-list .game-group .egame-item {
    height: auto !important;
    margin-bottom: 15px !important;
    padding: 0;
    position: relative;
    width: 48%
}

.hotgames .game-list .game-group .egame-item a {
    display: block;
    flex-direction: row !important;
    flex-wrap: wrap;
    position: relative;
    width: 85% !important
}

.hotgames .game-list .game-group .egame-item a span {
    align-items: center;
    background: rgba(34, 34, 34, .9);
    display: flex;
    height: auto !important;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100% !important
}

.hotgames .game-list .game-group .egame-item a span:after {
    background: transparent !important;
    content: "";
    display: block !important;
    float: left;
    height: auto !important;
    padding-bottom: 100%;
    position: static !important;
    width: 100%
}

.hotgames .game-list .game-group .egame-item a img {
    border-radius: 0;
    display: block;
    height: auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    position: absolute;
    width: auto !important;
    z-index: 2
}

.hotgames .game-list .game-group .egame-item a h3 {
    width: 100% !important
}

@keyframes new-ani {
    0% {
        filter: brightness(1);
        transform: translateY(0) scale(.8)
    }

    70% {
        filter: brightness(1.2);
        transform: translateY(-3px) scale(.8)
    }

    to {
        filter: brightness(1);
        transform: translateY(0) scale(.8)
    }
}

@keyframes game-show {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

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

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

    to {
        transform: rotate(1turn)
    }
}

@keyframes sports-ball {
    0% {
        transform: rotate(0deg)
    }

    35% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    85% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(1turn)
    }
}

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

.sports-ball {
    animation: sports-ball 2.5s linear infinite
}

@keyframes preload-ani {
    0% {
        opacity: 1
    }

    60% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@keyframes preload-hide {
    0% {
        filter: blur(0);
        opacity: 1
    }

    to {
        filter: blur(3px);
        opacity: 0
    }
}

.red {
    color: #128ae0
}

.grey-font {
    color: #535353
}

.semi-grey-font {
    color: #aaa
}

.status.active {
    color: #8fc31f
}

.status.disabled {
    color: #ea4650
}

.is-active {
    color: #128ae0
}

.title-center {
    color: #444;
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-align: center
}

.resume-details>div div:last-child button[type=button],
.text-left {
    text-align: left
}

.adddeposit .deposit-des,
.addwithdrawal .wallet-amount .amount,
.addwithdrawal .wallet-amount .possibilities,
.content-modal>div h4,
.modal.confirmation .container .title,
.modal>.container .title,
.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab,
.promo .confirm-body,
.signup .confirm-body,
.text-center,
.transfer-block .header span,
.transfers-list .body-confirm {
    text-align: center
}

.text-right,
.transaction-block .list-details div p:last-child,
.transfer-block .transfer-amount p:last-child,
.withdrawal-processing-block .resume-details>div p:last-child {
    text-align: right
}

.bold {
    font-weight: 700
}

.weight300 {
    font-weight: 300
}

.weight500 {
    font-weight: 500
}

.size12 {
    font-size: 12px
}

.size12,
.size14 {
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.size14 {
    font-size: 14px
}

.size16 {
    font-size: 16px
}

.size16,
.size28 {
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.size28 {
    font-size: 28px
}

.size34 {
    font-size: 34px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300
}

.account-nav,
.account-nav li.small a,
.activate-account,
.confirmation-page .actions,
.content-modal,
.countdown,
.flex-center,
.modal,
.popup .popup-cont.loading,
.service-online-add .step2 p.warning,
.transfers-list .infos,
.transfers-list .search .wallet-to-wallet {
    align-items: center;
    display: flex;
    justify-content: center
}

.flex-left,
.nrc-tabs .nrc-tabs-nav,
.service-online-add .helps,
.withdrawal-processing-block .total-deduction {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.collection-block div,
.flex-left-top,
.form-datetime,
.resume-details>div {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.flex-between,
.inbox .inbox-detail .header,
.transfers-list .infos div:last-child .recovery {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.flex-around {
    align-items: center;
    display: flex;
    justify-content: space-around
}

.countdown p,
.flex-center-column {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.flex-strech {
    align-items: stretch;
    display: flex
}

.inline-block,
.w50p {
    display: inline-block
}

.w50p {
    width: 50%
}

.top5 {
    margin-top: 5px
}

.top10 {
    margin-top: 10px
}

.top25 {
    margin-top: 25px
}

.top30 {
    margin-top: 30px
}

.before-after {
    content: "";
    position: absolute
}

body {
    color: #777;
    font-family: Microsoft YaHei, Microsoft JhengHei, PingFangTC, Helvetica;
    font-weight: 300;
    min-width: 320px
}

.app-body.nav-bar {
    padding-bottom: calc(50px + env(safe-area-inset-bottom))
}

.app .app-home {
    background-color: #fff;
    margin-bottom: -50px;
    min-height: calc(var(--window-inner-height, 100vh) - var(--top-ad-height, 0px) - env(safe-area-inset-bottom));
    padding-bottom: 50px;
    padding-top: 50px
}

.app .app-home .home-header {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 50px;
    justify-content: space-between;
    left: 0;
    min-width: 320px;
    padding: 0 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8
}

.app .app-home .home-header .logo {
    align-items: center;
    display: flex;
    max-width: 50%
}

.app .app-home .home-header .logo img {
    height: auto;
    max-height: 35px;
    max-width: calc(100% - 5px);
    width: auto
}

.app .app-home .home-header .tools {
    align-items: center;
    display: flex;
    text-align: right
}

.app .app-home .home-header .tools>* {
    margin-left: 10px
}

.app .app-home .home-header .tools .tools-item[href="/deposit"],
.app .app-home .home-header .tools .tools-item[href="/login"],
.app .app-home .home-header .tools .tools-item[href="/signup"] {
    align-items: center;
    cursor: pointer;
    display: flex
}

.app .app-home .home-header .tools .tools-item[href="/deposit"] i,
.app .app-home .home-header .tools .tools-item[href="/login"] i,
.app .app-home .home-header .tools .tools-item[href="/signup"] i {
    align-items: center;
    background: radial-gradient(ellipse farthest-corner at right bottom, #ecd4b9 0, #ecd4b9 8%, #fadfbf 30%, #d2b494 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #fff 0, #ecd4b9 8%, #fadfbf 25%, #d2b494 62.5%, #5d4a1f 100%);
    border-radius: 50%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1), inset 0 0 4px #d2b79b;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 24px;
    justify-content: center;
    text-align: center;
    width: 24px
}

.app .app-home .home-header .tools .tools-item[href="/deposit"] span,
.app .app-home .home-header .tools .tools-item[href="/login"] span,
.app .app-home .home-header .tools .tools-item[href="/signup"] span {
    color: #222;
    font-size: 13px;
    padding-left: 5px;
    white-space: nowrap
}

.app .app-home .home-header .tools .tools-item.header-account {
    align-items: center;
    display: flex;
    font-weight: 700
}

.app .app-home .home-header .tools .tools-item.header-account i {
    height: 32px;
    width: 32px
}

.app .app-home .home-header .tools .tools-item.header-account i:before {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: radial-gradient(ellipse farthest-corner at right bottom, #ecd4b9 0, #ecd4b9 8%, #fadfbf 30%, #d2b494 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #fff 0, #ecd4b9 8%, #fadfbf 25%, #d2b494 62.5%, #5d4a1f 100%);
    font-size: 32px
}

.app .app-home .home-header .tools .tools-item.header-account span {
    color: #222
}

.app .app-home .home-header .tools .tools-item[href="/inbox"] {
    position: relative
}

.app .app-home .home-header .tools .tools-item[href="/inbox"] img {
    display: block;
    height: 20px
}

.app .app-home .home-header .tools .tools-item[href="/inbox"] .unreadBadge {
    background-color: #e94951;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    position: absolute;
    right: -9px;
    top: -7px;
    transform: scale(.8);
    width: auto
}

.app .app-home .home-header .tools .country-select {
    height: 20px;
    line-height: 1;
    width: 20px
}

.app .app-home .home-banner-top {
    background: #fff url(https://img.alltocon.com/img/static/loading-ani.svg) 50%/20% no-repeat;
    height: 34.375vw;
    min-height: 110px;
    overflow: hidden;
    z-index: 3
}

.app .app-home .home-banner-top .home-banner-img {
    border-radius: 5px;
    display: block;
    height: auto;
    margin: auto;
    width: 95%
}

.app .app-home .home-news {
    color: #666;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3
}

.app .app-home .home-news,
.app .app-home .home-news .marquee-wrap {
    background-color: #fff;
    height: 25px;
    line-height: 25px
}

.app .app-home .home-news .marquee-wrap .marquee-item {
    color: #9aa4c2
}

.app .app-home .home-news .news {
    font-size: 12px;
    padding: 0
}

.app .app-home .home-news .news-title {
    align-items: center;
    background: #fff url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/lobby_speaker.png) 50%/65% no-repeat;
    display: flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 25px
}

.app .app-home .home-news .news-title i {
    display: none
}

.app .app-home .home-news .news-title i:before {
    content: "";
    font-size: 22px
}

.app .app-home .home-news .news.marquee-wrap .marquee-item {
    margin: 0 50px 0 0
}

.app .app-home .home-news .news.marquee-wrap .marquee-item:before {
    content: "•";
    margin-right: 5px
}

.app .app-home .wallet-item {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%
}

.app .app-home .wallet-item .notlogin {
    align-items: center;
    color: #7f7f7f;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px
}

.app .app-home .wallet-item .notlogin>* {
    white-space: nowrap
}

.app .app-home .wallet-item .notlogin>:not(:last-child) {
    margin-right: 2px
}

.app .app-home .wallet-item .wallet-amount {
    align-items: center;
    display: flex;
    gap: 2px
}

.app .app-home .wallet-item .wallet-amount i {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: radial-gradient(ellipse farthest-corner at right bottom, #ecd4b9 0, #ecd4b9 8%, #fadfbf 30%, #d2b494 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #fff 0, #ecd4b9 8%, #fadfbf 25%, #d2b494 62.5%, #5d4a1f 100%);
    font-size: 18px
}

.app .app-home .wallet-item .wallet-amount b {
    color: #222;
    font-size: 18px
}

.app .app-home .wallet-item .wallet-func {
    display: flex;
    height: 50px
}

.app .app-home .wallet-item .wallet-func .wallet-func-item {
    min-width: 70px;
    text-align: center
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.affiliate h3:before {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_tab_sponsorship_sel.png) 50%/cover no-repeat
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.vip h3:before {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_wallet_vip.png) 50%/cover no-repeat
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.mobile h3:before {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_mobile_download.png) 50%/cover no-repeat
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.deposit h3:before {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_wallet_deposit.png) 50%/cover no-repeat
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.withdrawal h3:before {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_wallet_withdraw.png) 50%/cover no-repeat
}

.app .app-home .wallet-item .wallet-func h3 {
    color: #a88766;
    font-size: 11px;
    font-weight: 300;
    white-space: nowrap
}

.app .app-home .wallet-item .wallet-func h3:before {
    content: "";
    display: block;
    height: 30px;
    margin: auto;
    width: 35px
}

.app .app-home .home-quick-item {
    flex-shrink: 0;
    position: relative;
    text-align: center
}

.app .app-home .home-quick-item:after,
.app .app-home .home-quick-item:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 180%;
    content: "";
    display: block;
    height: 30px;
    margin: 3px auto 0;
    width: 100%
}

.app .app-home .home-quick-item:after {
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(1);
    transition: .3s ease
}

.app .app-home .home-quick-item:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_link.png)
}

.app .app-home .home-quick-item[data-code=LIVE]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_live.png)
}

.app .app-home .home-quick-item[data-code=SPORTS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_sports.png)
}

.app .app-home .home-quick-item[data-code=LOTTERY]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_lottery.png)
}

.app .app-home .home-quick-item[data-code=EGAME]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_egame.png)
}

.app .app-home .home-quick-item[data-code=ESPORTS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_esports.png)
}

.app .app-home .home-quick-item[data-code=CHESS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_chess.png)
}

.app .app-home .home-quick-item[data-code=ANIMAL]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_animal.png)
}

.app .app-home .home-quick-item[data-code=MPG]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_mpg.png)
}

.app .app-home .home-quick-item[data-code=MINI_GAME]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_minigame.png)
}

.app .app-home .home-quick-item[data-code^=HOT_GAMES]:before,
.app .app-home .home-quick-item[data-code^=HOT_GAMES_2]:before,
.app .app-home .home-quick-item[data-code^=HOT_GAMES_3]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_hot.png)
}

.app .app-home .home-quick-item[data-code=PROMOTIONS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_discount.png)
}

.app .app-home .home-quick-item[data-code=PAGE_QR]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_app.png)
}

.app .app-home .home-quick-item i {
    color: #aebcdd;
    display: block;
    font-size: 35px;
    height: 40px;
    margin: 2px auto 0;
    width: 40px
}

.app .app-home .home-quick-item h3 {
    color: #9aa4c2;
    font-size: 11px;
    font-weight: 300;
    margin: 1px 0 3px;
    transform: scale(.8)
}

.app .app-home .home-quick-item.active:before {
    opacity: 0
}

.app .app-home .home-quick-item.active:after {
    background-size: contain;
    opacity: 1;
    transform: scale(1.6)
}

.app .app-home .home-quick-item.active[data-code=LIVE]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_live_on.png)
}

.app .app-home .home-quick-item.active[data-code=SPORTS]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_sports_on.png)
}

.app .app-home .home-quick-item.active[data-code=LOTTERY]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_lottery_on.png)
}

.app .app-home .home-quick-item.active[data-code=EGAME]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_egame_on.png)
}

.app .app-home .home-quick-item.active[data-code=ESPORTS]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_esports_on.png)
}

.app .app-home .home-quick-item.active[data-code=CHESS]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_chess_on.png)
}

.app .app-home .home-quick-item.active[data-code=ANIMAL]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_animal_on.png)
}

.app .app-home .home-quick-item.active[data-code=MPG]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_mpg_on.png)
}

.app .app-home .home-quick-item.active[data-code=MINI_GAME]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_minigame_on.png)
}

.app .app-home .home-quick-item.active[data-code=HOT_GAMES]:after,
.app .app-home .home-quick-item.active[data-code=HOT_GAMES_2]:after,
.app .app-home .home-quick-item.active[data-code=HOT_GAMES_3]:after {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icon_hot_on.png) !important
}

.app .app-home .home-quick-item.active h3 {
    color: #fff
}

.app .app-home .home-quick-item.active i {
    color: #a6856a
}

.app .app-home .home-gamelobby {
    position: relative
}

.app .app-home .money-overview {
    background-color: rgba(0, 0, 0, .7);
    box-shadow: inset 0 -24px 120px 2px rgba(0, 0, 0, .6);
    height: 100%;
    left: 0;
    padding-bottom: 48px;
    position: fixed;
    top: calc(50px + var(--top-ad-height, 0px));
    width: 100%
}

.app .app-home .money-overview>.overview-content {
    background-color: #fff;
    border-radius: 0 0 0 10px;
    border-top: 1px solid #eee;
    position: absolute;
    right: 0;
    top: 0;
    width: 260px
}

.app .app-home .money-overview>.overview-content .money-overview-header .header {
    display: flex;
    justify-content: space-between;
    margin: 15px
}

.app .app-home .money-overview>.overview-content .money-overview-header .header .refresh {
    color: #666;
    display: inline-block;
    font-size: 18px;
    margin-left: 10px
}

.app .app-home .money-overview>.overview-content .money-overview-header .header h1 {
    color: #383838;
    font-size: 26px;
    white-space: nowrap
}

.app .app-home .money-overview>.overview-content .money-overview-header .account-nav {
    display: flex;
    justify-content: space-between;
    margin: 15px 0
}

.app .app-home .money-overview>.overview-content .money-overview-header .account-nav li {
    flex: 1;
    padding: 0 15px;
    width: auto
}

.app .app-home .money-overview>.overview-content .money-overview-header .account-nav li i.small {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: radial-gradient(ellipse farthest-corner at right bottom, #ecd4b9 0, #ecd4b9 8%, #fadfbf 30%, #d2b494 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #fff 0, #ecd4b9 8%, #fadfbf 25%, #d2b494 62.5%, #5d4a1f 100%);
    margin-right: 4px
}

.app .app-home .money-overview>.overview-content .money-overview-header .account-nav li h2 {
    font-size: 15px;
    font-weight: 400
}

.landscape-notification {
    align-items: center;
    background-color: #000;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000
}

.landscape-notification p {
    background: top url(https://img.alltocon.com/img/static/rotation.png) no-repeat;
    background-size: 100px;
    color: #fff;
    height: 25px;
    padding-top: 120px;
    text-align: center;
    width: 200px
}

.sub-menu-box {
    color: #7a85a5
}

.sub-menu-box .sub-menu {
    height: 30px
}

.sub-menu-box .sub-menu .sub-menu-item {
    border: 1px solid #d5ddf4;
    border-radius: 50px;
    flex: 1;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin-right: 5px;
    padding: 0 12px;
    text-align: center;
    white-space: nowrap;
    width: auto
}

.sub-menu-box .sub-menu .sub-menu-item.current {
    background: #bb9c80;
    border-color: #bb9c80;
    color: #fff
}

.game-providers {
    color: #7a85a5;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.game-providers>li {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: inline-flex;
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    position: relative
}

.game-providers>li:after {
    background: #bb9c80;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%
}

.game-providers>li:first-of-type {
    display: none
}

.game-providers>li:first-of-type>div:first-of-type {
    height: 30px
}

.game-providers>li .game-provider-icon {
    background-position: 50%;
    background-size: cover;
    height: 30px;
    margin-right: 2px;
    width: 30px
}

.game-providers>li.active {
    color: #bb9c80
}

.game-providers>li.active:after {
    opacity: 1
}

.search-bar-box {
    display: flex
}

.search-bar-box>:not(:last-child) {
    margin-right: 10px
}

.search-bar-box:before {
    speak: none;
    color: #7a85a5;
    content: "";
    font-family: iconmps !important;
    font-size: 28px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 32px;
    margin-left: 5px;
    position: absolute;
    text-transform: none
}

.search-bar-box>.input {
    background-color: #f0f1f5;
    border-radius: 20px;
    color: rgba(0, 0, 0, .7);
    height: 32px;
    padding-left: 10px;
    text-indent: 25px;
    width: 100%
}

.search-bar-box .grids-style,
.search-bar-box .list-style {
    flex-shrink: 0;
    height: 32px;
    position: relative;
    width: 32px
}

.search-bar-box .grids-style>span,
.search-bar-box .list-style>span {
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

.search-bar-box .grids-style.active>span,
.search-bar-box .list-style.active>span {
    opacity: 1
}

.search-bar-box .grids-style>span {
    background-color: #7a85a5;
    border-radius: 2px;
    box-shadow: 9px 0 #7a85a5, 9px 9px #7a85a5, 0 9px #7a85a5, -9px 9px #7a85a5, -9px 0 #7a85a5, -9px -9px #7a85a5, 0 -9px #7a85a5, 9px -9px #7a85a5;
    height: 5px;
    width: 5px
}

.search-bar-box .list-style {
    margin-right: 10px
}

.search-bar-box .list-style>span {
    height: 4px;
    width: 24px
}

.search-bar-box .list-style>span:after,
.search-bar-box .list-style>span:before {
    background-color: #7a85a5;
    border-radius: 2px;
    content: "";
    position: absolute;
    top: 0
}

.search-bar-box .list-style>span:before {
    box-shadow: 0 8px #7a85a5, 0 -8px #7a85a5;
    height: 4px;
    left: 0;
    width: 4px
}

.search-bar-box .list-style>span:after {
    box-shadow: 0 8px #7a85a5, 0 -8px #7a85a5;
    height: 4px;
    right: 0;
    width: 17px
}

.home-gamelobby>.game-wrap>.game-block .home-list .game-item {
    position: relative
}

.home-gamelobby>.game-wrap>.game-block .egame-list {
    padding: 0 5px 60px 0
}

.home-gamelobby>.game-wrap>.game-block .egame-list .egame-item[data-new=new] span:before,
.home-gamelobby>.game-wrap>.game-block .egame-list .egame-item[data-pop=pop] span:before {
    border-style: solid;
    border-width: 0 35px 35px;
    color: #fff;
    font-size: 11px;
    height: 0;
    left: 0;
    line-height: 47px;
    position: absolute;
    text-indent: -14px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    top: 0;
    transform: rotate(-45deg) translateX(-12px) translateY(-24px) scale(.8);
    width: 0;
    z-index: 3
}

.home-gamelobby>.game-wrap>.game-block .egame-list .egame-item[data-pop=pop] span:before {
    border-color: transparent transparent #ff8a00;
    content: "HOT"
}

.home-gamelobby>.game-wrap>.game-block .egame-list .egame-item[data-new=new] span:before {
    border-color: transparent transparent #d01919;
    content: "NEW"
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list {
    min-width: 0
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list>div {
    margin: 0
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group {
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item {
    height: auto;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 0;
    width: calc(33.333% - 5px)
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item span {
    background: #ebecf1;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(65, 70, 92, .25);
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item span:after {
    content: "";
    float: left;
    padding-bottom: 100%;
    width: 100%
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item span img {
    border-radius: 5px;
    height: auto;
    left: 50%;
    max-height: calc(100% - 6px);
    max-width: calc(100% - 6px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item span>.gp-logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    font-size: 0;
    left: 1%;
    overflow: hidden;
    position: absolute;
    top: 1%;
    width: 38%;
    z-index: 2
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item span>.gp-logo:before {
    content: "";
    float: left;
    padding-bottom: 100%;
    width: 100%
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item .name-block {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding-top: 4px
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item h3 {
    cursor: pointer;
    display: block !important;
    font-size: 12px;
    margin: 0;
    text-align: left;
    text-shadow: none;
    width: calc(100% - 25px)
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item .fav-btn,
.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item .fav-icon {
    bottom: auto;
    display: flex;
    justify-content: flex-end;
    min-height: 30px;
    top: auto;
    width: 30px
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item .fav-icon:after {
    -webkit-text-stroke: 1px #c00;
    text-shadow: none;
    transform: scale(1.1) translateY(-1px)
}

.home-gamelobby>.game-wrap>.game-block .style-2 .egame-list .game-group .maintenance-block {
    border-radius: 5px !important;
    height: 100% !important;
    left: 0 !important;
    overflow: scroll;
    top: 0 !important;
    width: 100% !important
}

.home-gamelobby>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item {
    border-bottom: 1px solid #eee;
    display: flex;
    height: auto !important;
    min-height: 40px;
    padding: 3px 0;
    width: 100% !important
}

.home-gamelobby>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item span {
    background: #ebecf1;
    border-radius: 5px;
    flex-shrink: 0;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px
}

.home-gamelobby>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item span img {
    border-radius: 5px;
    height: auto;
    max-height: 50px;
    width: 50px
}

.home-gamelobby>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item span:before {
    left: -3px;
    top: -3px;
    transform: rotate(-45deg) translateX(-12px) translateY(-24px) scale(.5)
}

.home-gamelobby>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item .name-block {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.home-gamelobby>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item h3 {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    padding: 0 10px;
    text-overflow: inherit;
    white-space: inherit
}

.home-gamelobby>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item .fav-btn,
.home-gamelobby>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item .fav-icon {
    align-items: center;
    bottom: auto;
    display: flex;
    font-size: 18px;
    height: 100%;
    justify-content: center;
    right: 0;
    top: auto;
    transition: .3s;
    width: 40px
}

.home-gamelobby>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item .fav-icon:after {
    -webkit-text-stroke: 1px #c00;
    text-shadow: none;
    transform: scale(1.1)
}

.home-gamelobby>.game-wrap>.game-block .maintenance-block {
    align-items: center;
    background: rgba(0, 0, 0, .85) !important;
    box-shadow: inset 0 0 0 3px gold, 0 2px 6px rgba(0, 0, 0, .2) !important;
    display: flex;
    flex-direction: column;
    height: 100% !important;
    justify-content: center;
    left: 0 !important;
    padding: 8px !important;
    position: absolute !important;
    text-align: center;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
    z-index: 5 !important
}

.home-gamelobby>.game-wrap>.game-block .maintenance-block:after {
    display: none !important
}

.home-gamelobby>.game-wrap>.game-block .maintenance-block>* {
    display: block !important;
    font-size: 13px;
    font-weight: 400;
    margin: 0
}

.home-gamelobby.egame>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item h3 {
    width: calc(100% - 25px)
}

.home-gamelobby.egame>.game-wrap>.game-block .style-1 .egame-list .game-group .egame-item h3 {
    width: calc(100% - 40px) !important
}

.home-gamelobby.hot_games .game-providers,
.home-gamelobby.hot_games .search-bar-box,
.home-gamelobby.hot_games .sub-menu-box,
.home-gamelobby.hot_games_2 .game-providers,
.home-gamelobby.hot_games_2 .search-bar-box,
.home-gamelobby.hot_games_2 .sub-menu-box,
.home-gamelobby.hot_games_3 .game-providers,
.home-gamelobby.hot_games_3 .search-bar-box,
.home-gamelobby.hot_games_3 .sub-menu-box,
.home-gamelobby.mini_game .game-providers,
.home-gamelobby.mini_game .search-bar-box,
.home-gamelobby.mini_game .sub-menu-box {
    display: none !important
}

.home-gamelobby.hot_games>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item,
.home-gamelobby.hot_games_2>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item,
.home-gamelobby.hot_games_3>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item,
.home-gamelobby.mini_game>.game-wrap>.game-block .style-2 .egame-list .game-group .egame-item {
    margin-right: 10px;
    width: calc(50% - 10px)
}

.bottom-nav {
    bottom: 0;
    color: #535353;
    left: 0;
    position: fixed;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 7
}

.bottom-nav ul {
    box-shadow: 0 -2px 10px rgba(65, 70, 92, .2);
    display: flex;
    gap: 6px;
    height: calc(50px + env(safe-area-inset-bottom));
    min-height: 50px;
    padding-bottom: env(safe-area-inset-bottom);
    width: 100%
}

.bottom-nav ul li {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative
}

.bottom-nav ul li>i {
    color: #7a85a5;
    display: block;
    font-size: 24px;
    height: 24px;
    width: 24px
}

.bottom-nav ul li>h3 {
    color: #7a85a5;
    font-size: 12px;
    font-weight: 300;
    text-transform: capitalize;
    white-space: nowrap
}

.bottom-nav ul li .unreadBadge {
    animation: anidot 2s linear infinite both;
    background-color: #e94951;
    border-radius: 50%;
    color: #fff;
    font-size: 0;
    height: 8px;
    left: 50%;
    margin-left: 16px;
    padding: 0;
    position: absolute;
    top: 5px;
    width: auto;
    width: 8px
}

.bottom-nav .current>h3,
.bottom-nav .current>i {
    color: #bb9c80
}

.app.promotions {
    max-width: 100vw;
    overflow-x: hidden
}

.app.promotions .promo {
    background-color: #f8f8f8;
    color: #777;
    margin: 0;
    max-height: calc(var(--window-inner-height) - 50px);
    min-height: calc(var(--window-inner-height) - 50px);
    padding: 0
}

.app.promotions .promo .banner {
    display: none
}

.app.promotions .promo .promo-content {
    padding: 20px 10px
}

.app.promotions .promo .promo-content .navbar {
    text-align: center
}

.app.promotions .promo .promo-content .navbar .right {
    display: none
}

.app.login,
.app.promotions .hover-container,
.app.signup {
    height: auto !important
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp),
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) {
    align-items: center;
    background: url(https://img.alltocon.com/img/static/vipvnd/via-bg.jpg) bottom/cover no-repeat fixed;
    display: flex;
    height: auto;
    justify-content: center;
    min-height: 100vh
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container {
    background-color: initial;
    border-radius: 20px;
    line-height: 40px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 90%;
    z-index: 0
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container:before,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container:before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, .4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .header-actions,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .text-right,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .transaction-block .list-details div p:last-child,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .transfer-block .transfer-amount p:last-child,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .withdrawal-processing-block .resume-details>div p:last-child,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .header-actions,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .text-right,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .transaction-block .list-details div p:last-child,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .transfer-block .transfer-amount p:last-child,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .withdrawal-processing-block .resume-details>div p:last-child,
.transaction-block .list-details div .app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child,
.transaction-block .list-details div .app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child,
.transfer-block .transfer-amount .app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child,
.transfer-block .transfer-amount .app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child,
.withdrawal-processing-block .resume-details>div .app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child,
.withdrawal-processing-block .resume-details>div .app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child {
    background-color: #62707c;
    border: 1px solid #fff;
    border-radius: 100px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .6);
    color: #ba9979;
    font-size: 12px;
    height: 27px;
    line-height: 25px;
    padding: 0;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 7px;
    width: 27px;
    z-index: 5
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .header-actions img,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .text-right img,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .transaction-block .list-details div p:last-child img,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .transfer-block .transfer-amount p:last-child img,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .withdrawal-processing-block .resume-details>div p:last-child img,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .header-actions img,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .text-right img,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .transaction-block .list-details div p:last-child img,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .transfer-block .transfer-amount p:last-child img,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .withdrawal-processing-block .resume-details>div p:last-child img,
.transaction-block .list-details div .app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child img,
.transaction-block .list-details div .app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child img,
.transfer-block .transfer-amount .app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child img,
.transfer-block .transfer-amount .app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child img,
.withdrawal-processing-block .resume-details>div .app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child img,
.withdrawal-processing-block .resume-details>div .app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container p:last-child img {
    display: block;
    filter: brightness(100);
    transform: scale(.7)
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .steps-wrapper h2,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container h2.title-center,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .steps-wrapper h2,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container h2.title-center {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .steps-wrapper h2,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .steps-wrapper h2 {
    border-bottom: 0 solid rgba(0, 0, 0, .1);
    margin: -10px 0 10px
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form {
    background: transparent;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    transform: scale(.95);
    z-index: 1
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group {
    margin: 0
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group label,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group label {
    color: #fff
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group input[type=email],
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group input[type=password],
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group input[type=tel],
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group input[type=text],
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group input[type=email],
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group input[type=password],
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group input[type=tel],
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group input[type=text] {
    background-color: rgba(0, 0, 0, .5);
    border: 0 solid #000;
    border-radius: 100px;
    box-shadow: inset 0 0 0 0 #ccc;
    color: #fff;
    text-indent: 10px
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group .react-tel-input .flag-dropdown,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group .react-tel-input .flag-dropdown {
    background: transparent;
    border: 0 solid #000
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group .react-tel-input .flag-dropdown button,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group .react-tel-input .flag-dropdown button {
    background: transparent;
    border: 0 solid #000;
    margin: 6px 10px
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group .validate-countdown,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group .validate-countdown {
    color: #dadada
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .login-btn-group,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .login-btn-group {
    margin-top: 40px
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input.secure input,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input.secure input {
    width: 100% !important
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input.secure>div,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input.secure>div {
    left: auto;
    right: 50px;
    top: 9px
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input.secure>div img,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input.secure>div img {
    display: block
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input.secure i,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input.secure i {
    left: auto;
    right: 10px;
    top: 10px
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input small,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input small {
    color: #dadada
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input small.invalid-msg,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .nrc-form-input small.invalid-msg {
    color: #e94951
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .tips,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .tips {
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    padding-top: 10px
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container form .invalid-msg,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .invalid-msg {
    font-size: 12px;
    line-height: 1.4
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .top25,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .top25 {
    margin: 0 auto 20px;
    position: relative;
    width: 90%
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container button.nrc-button,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container button.nrc-button {
    border-radius: 100px;
    position: relative
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container button.nrc-button.nrc-button-disabled,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container button.nrc-button.nrc-button-disabled {
    background-color: rgba(51, 51, 51, .7);
    color: #999;
    opacity: .6
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .bottom-text,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .forget-options,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .bottom-text,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .forget-options {
    font-size: 0
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .bottom-text a,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .forget-options a,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .bottom-text a,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .forget-options a {
    color: #222;
    margin-top: -40px
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .bottom-text a span,
.app.login .hover-container:not(.mission-calendar):not(.custom-temp) .container .forget-options a span,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .bottom-text a span,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .forget-options a span {
    color: #222;
    padding: 0 10px;
    white-space: nowrap
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp).fast-bind-modal .container,
.app.signup .hover-container:not(.mission-calendar):not(.custom-temp).fast-bind-modal .container {
    color: #fff !important;
    height: auto
}

.home-contact.is-toggle {
    background-color: #128ae0;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    position: fixed;
    right: -60%;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s ease;
    transition-delay: .3s;
    width: 60%;
    z-index: 100
}

.home-contact.is-toggle .home-contact-content {
    position: relative
}

.home-contact.is-toggle .home-contact-content .home-contact-toggle {
    align-items: center;
    background-color: #128ae0;
    border-radius: 10px 0 0 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    height: auto;
    justify-content: center;
    left: -50px;
    padding: 20px 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    z-index: 1
}

.home-contact.is-toggle .home-contact-content .home-contact-toggle span {
    line-height: 50px;
    -webkit-text-orientation: mixed;
    text-orientation: mixed;
    writing-mode: vertical-rl
}

.home-contact.is-toggle .home-contact-content .home-contact-toggle i {
    align-items: center;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 50%;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    margin: 5px 0 -5px;
    transform: scale(.7);
    transition: all .3s;
    width: 30px
}

.home-contact.is-toggle .home-contact-content ul {
    margin: 10px 15px;
    max-height: 70vh;
    min-height: 200px;
    overflow: auto
}

.home-contact.is-toggle .home-contact-content ul li {
    font-size: 12px;
    padding: 8px 0
}

.home-contact.is-toggle .home-contact-content ul li a {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    height: 40px;
    padding: 10px 5px
}

.home-contact.is-toggle .home-contact-content ul li a i {
    display: block;
    font-size: 26px;
    margin-right: 5px;
    width: 30px
}

.home-contact.is-toggle .home-contact-content ul li a img {
    display: block;
    height: 35px;
    margin-right: 5px;
    width: 35px
}

.home-contact.is-toggle .home-contact-content ul li img {
    margin-right: 5px;
    width: 30px
}

.home-contact.is-toggle .home-contact-content ul li h4 {
    font-size: 13px
}

.home-contact.is-toggle .home-contact-content ul li p {
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    padding-top: 2px
}

.home-contact.is-toggle.is-open {
    right: 0
}

.home-contact.is-toggle.is-open .home-contact-toggle i {
    transform: scale(.7) scaleX(-1)
}

.app-home {
    overflow: hidden
}

.app-home>.home-swiper-nav {
    display: flex;
    flex-direction: column;
    float: left;
    height: calc(var(--window-inner-height) - var(--top-ad-height, 0px) - 175px - 34.375vw - env(safe-area-inset-bottom));
    padding: 0 10px 10px;
    width: 85px
}

.app-home>.home-swiper-nav>:not(:last-child) {
    margin-bottom: 6px
}

.app-home>.home-swiper-nav .home-quick-item {
    align-items: center;
    background: linear-gradient(200deg, #f0f1f5, #ebecf1 48%, #ebecf1 50%, #fafafc 80%, #eff0f5);
    border: 1px solid #d5ddf4;
    border-radius: 15px;
    box-shadow: 0 3px 5px 0 rgba(65, 70, 92, .2);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    margin-bottom: 5px;
    min-height: 60px;
    padding: 5px 0
}

.app-home>.home-swiper-nav .home-quick-item.active {
    background: linear-gradient(200deg, #f9ecdc, #e1cbb5 50%, #cfb498);
    border-color: #d9bfa7;
    box-shadow: 0 3px 5px 0 rgba(168, 135, 102, .5)
}

.app-home>.home-swiper-nav .home-quick-item:before {
    margin: 0 auto
}

.app-home>.home-swiper-nav .home-quick-item h3 {
    line-height: 1;
    margin: 0
}

.app-home .home-gamelobby {
    float: left;
    height: calc(var(--window-inner-height) - var(--top-ad-height, 0px) - 175px - 34.375vw - env(safe-area-inset-bottom));
    overflow: hidden;
    width: calc(100% - 85px)
}

.app-home .home-gamelobby>.game-wrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.app-home .home-gamelobby>.game-wrap>.game-block {
    display: flex;
    flex-direction: column;
    height: 100%
}

.app-home .home-gamelobby>.game-wrap>.game-block>:not(:last-child):not(.home-cate) {
    margin-bottom: 10px
}

.app-home .home-gamelobby>.game-wrap>.game-block>:not(.game-wrap) {
    flex-shrink: 0
}

.app-home .home-gamelobby>.game-wrap>.game-block .home-list {
    animation: game-show .5s ease forwards
}

.app-home .home-gamelobby>.game-wrap>.game-block .egame-list {
    animation: game-show .5s ease forwards;
    min-width: 0
}

.app-home.root .home-gamelobby {
    width: 100%
}

.bottom-nav ul li>i.d20_account_home {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_home_normal.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_account_gift {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_guide_normal.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_contact_cs {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_service_normal.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_account_account {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_mine_normal.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_account_withdrawal1 {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_withdraw_normal.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_account_deposit2 {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_deposit_normal.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_game_sports {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_sports_normal.png) 50%/contain no-repeat
}

.bottom-nav .current>i.d20_account_home {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_home_sel.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_account_gift {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_guide_sel.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_contact_cs {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_service_sel.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_account_account {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_mine_sel.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_account_withdrawal1 {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_withdraw_sel.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_account_deposit2 {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_deposit_sel.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_game_sports {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app22/icons/lobby_tab_sports_sel.png) 50%/contain no-repeat
}

.app .app-home .home-header .tools .tools-item[href="/login"] i,
.app .app-home .home-header .tools .tools-item[href="/signup"] i {
    background: linear-gradient(180deg, #62b3ff 5%, #4078fa) !important;
    box-shadow: none
}

.app .app-home .home-header .tools .tools-item.header-account span,
.app .app-home .home-header .tools .tools-item[href="/login"] span,
.app .app-home .home-header .tools .tools-item[href="/signup"] span {
    color: #23282e
}

.app .app-home .home-header .tools .tools-item[href="/inbox"] img {
    content: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_msg.png)
}

.app .app-home .home-banner-top .home-banner-img {
    border-radius: 0;
    width: 100%
}

.app .app-home .money-overview>.overview-content .money-overview-header .account-nav li i {
    background-image: linear-gradient(180deg, #62b3ff 5%, #4078fa) !important
}

.app .app-home .home-news .news-title {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_notice.png)
}

.app .app-home .wallet-item .notlogin,
.app .app-home .wallet-item .wallet-amount b,
.app .app-home .wallet-item .wallet-func h3 {
    color: #23282e
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.mobile h3:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/lobby_center_mobile.png)
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.deposit h3:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/lobby_center_deposit.png)
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.withdrawal h3:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/lobby_center_withdraw.png)
}

.app .app-home>.home-quick-nav .home-quick-item,
.app .app-home>.home-swiper-nav .home-quick-item {
    background: linear-gradient(200deg, #fefeff, #edf2ff 48%, #ebf0ff 50%, #e4ebff 80%, #fafbff);
    border: 1px solid #e0e6ff;
    box-shadow: 0 3px 5px 0 rgba(65, 70, 92, .3);
    color: #9aa4c2
}

.app .app-home>.home-quick-nav .home-quick-item:before,
.app .app-home>.home-swiper-nav .home-quick-item:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon-link.png)
}

.app .app-home>.home-quick-nav .home-quick-item h3,
.app .app-home>.home-swiper-nav .home-quick-item h3 {
    color: #9aa4c2
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=LIVE]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=LIVE]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_live.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=SPORTS]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=SPORTS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_sports.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=LOTTERY]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=LOTTERY]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_lottery.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=EGAME]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=EGAME]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_egame.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=ESPORTS]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=ESPORTS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_esports.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=CHESS]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=CHESS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_chess.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=ANIMAL]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=ANIMAL]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_animal.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=MPG]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=MPG]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_mpg.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=MINI_GAME]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=MINI_GAME]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_minigame.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=FINANCE]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=FINANCE]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_finance.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=PROMOTIONS]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=PROMOTIONS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_discount.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=PAGE_QR]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=PAGE_QR]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_app.png)
}

.app .app-home>.home-quick-nav .home-quick-item[data-code=HOT_GAMES]:before,
.app .app-home>.home-quick-nav .home-quick-item[data-code=HOT_GAMES_2]:before,
.app .app-home>.home-quick-nav .home-quick-item[data-code=HOT_GAMES_3]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=HOT_GAMES]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=HOT_GAMES_2]:before,
.app .app-home>.home-swiper-nav .home-quick-item[data-code=HOT_GAMES_3]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_hot.png)
}

.app .app-home>.home-quick-nav .home-quick-item.active,
.app .app-home>.home-swiper-nav .home-quick-item.active {
    background: linear-gradient(180deg, #62b3ff, #4078fa);
    border: 0
}

.app .app-home>.home-quick-nav .home-quick-item.active h3,
.app .app-home>.home-swiper-nav .home-quick-item.active h3 {
    color: #fff
}

.app .app-home .home-gamelobby .game-wrap .home-list .game-item {
    background: linear-gradient(90deg, #f4f7ff, #e1e4fc) !important;
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .6), 0 1px 5px rgba(187, 197, 240, .6) !important
}

.app .app-home .home-gamelobby .game-wrap .home-list .game-item .game-info {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    left: 5% !important;
    top: 10% !important;
    transform: none !important
}

.app .app-home .home-gamelobby .game-wrap .home-list .game-item .game-info h3 {
    display: none !important
}

.app .app-home .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name {
    color: #4d4f5e;
    display: block !important;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 1
}

.app .app-home .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name:after {
    color: #727484;
    content: attr(data-type);
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.app .app-home .home-gamelobby .game-wrap .home-list .game-item .game-info:after {
    background-color: #3c70ff;
    border-radius: 50px;
    content: "";
    display: block;
    height: 3px;
    margin-top: 10px;
    width: 28px
}

.app .app-home .home-gamelobby .game-wrap .home-list .game-item:after {
    background: linear-gradient(180deg, #dee2f7, #cfd4e9);
    -webkit-background-clip: text;
    color: transparent;
    content: attr(data-type);
    font-size: 50px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotateY(50deg) translate(20px, -2px);
    z-index: 1
}

.app .app-home .home-gamelobby .game-wrap .game-providers li.active {
    color: #23282e
}

.app .app-home .home-gamelobby .game-wrap .game-providers li.active:after {
    background: #4577f1
}

.app .app-home .home-gamelobby .game-wrap .sub-menu-box .sub-menu .sub-menu-item {
    border: 1px solid #e0e6ff;
    color: #444
}

.app .app-home .home-gamelobby .game-wrap .sub-menu-box .sub-menu .sub-menu-item.current {
    background: linear-gradient(180deg, #62b3ff, #4078fa);
    border: 0;
    color: #fff
}

.app .app-home.template-col2 .home-gamelobby .game-wrap .home-list .game-item .game-info,
.app .app-home.template-col2-full .home-gamelobby .game-wrap .home-list .game-item .game-info,
.app .app-home.template-col2-gpk .home-gamelobby .game-wrap .home-list .game-item .game-info {
    left: 1% !important;
    top: 2% !important;
    transform: scale(.75) !important
}

.app .app-home.template-col2 .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name,
.app .app-home.template-col2 .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name:after,
.app .app-home.template-col2-full .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name,
.app .app-home.template-col2-full .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name:after,
.app .app-home.template-col2-gpk .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name,
.app .app-home.template-col2-gpk .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name:after {
    margin-top: 2px
}

.app .app-home.template-col2 .home-gamelobby .game-wrap .home-list .game-item:after,
.app .app-home.template-col2-full .home-gamelobby .game-wrap .home-list .game-item:after,
.app .app-home.template-col2-gpk .home-gamelobby .game-wrap .home-list .game-item:after {
    font-size: 32px
}

.bottom-nav ul {
    background-color: #fefefe;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .2)
}

.bottom-nav ul li.nav-withdrawal,
.bottom-nav ul li>i:before {
    display: none
}

.bottom-nav ul li>i.d20_account_home {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_home.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_account_gift {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_promo.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_contact_cs {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_cs.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_account_account {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_account.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_account_withdrawal1 {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_cs_withdraw.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_account_deposit2 {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_deposit.png) 50%/contain no-repeat
}

.bottom-nav ul li>i.d20_game_sports {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/lobby_tab_sports_normal.png) 50%/contain no-repeat
}

.bottom-nav ul li>h3 {
    color: #9aa4c2
}

.bottom-nav .current>i.d20_account_home {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_home_active.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_account_gift {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_promo_active.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_contact_cs {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_cs_active.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_account_account {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_account_active.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_account_withdrawal1 {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_cs_withdraw_active.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_account_deposit2 {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/navbar_icon_deposit_active.png) 50%/auto 100% no-repeat
}

.bottom-nav .current>i.d20_game_sports {
    background: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/lobby_tab_sports_sel.png) 50%/contain no-repeat
}

.bottom-nav .current>h3 {
    color: #3d72fa
}

.nrc-button {
    background: linear-gradient(90deg, #62b3ff, #3d72fa)
}

.app-home.root .home-gamelobby .homepage .homepage-title {
    color: #23282e
}

.app-home.root .home-gamelobby .homepage .homepage-title .title-icon:before {
    background-image: linear-gradient(180deg, #62b3ff, #4078fa)
}

.app-home.root .home-gamelobby .homepage .homepage-title .more-btn {
    border-color: #e0e6ff;
    color: #444
}

.app-home.root .home-gamelobby .homepage .homepage-sports .home-sports {
    background: linear-gradient(180deg, #f4f7ff, #e1e4fc) !important;
    border: 1px solid #e0e6ff;
    color: #23282e
}

.app-home.root .home-gamelobby .homepage .homepage-sports .home-sports .livescore-block .btn-func>* {
    background: rgba(0, 0, 0, .2)
}

.app-home.root .home-gamelobby .homepage .homepage-sports .home-sports .livescore-block .livescore-footer .act-btn {
    background: linear-gradient(180deg, #62b3ff 5%, #4078fa)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item:after {
    background: linear-gradient(200deg, #fefeff, #edf2ff 48%, #ebf0ff 50%, #e4ebff 80%, #fafbff) !important;
    border: 1px solid #e0e6ff
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_link.png);
    background-size: auto 45px !important
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=LIVE]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_live.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=SPORTS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_sports.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=LOTTERY]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_lottery.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=EGAME]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_egame.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=ESPORTS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_esports.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=CHESS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_chess.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=ANIMAL]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_animal.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=MPG]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_mpg.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=MINI_GAME]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_minigame.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=FINANCE]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_finance.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=PROMOTIONS]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_discount.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=PAGE_QR]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_app.png)
}

.app-home.root .home-gamelobby .homepage .homepage-navigation .home-swiper-nav .home-quick-item[data-code=HOT_GAMES]:before {
    background-image: url(https://img.alltocon.com/img/static/mobile/temp/app/h5app31/icon_hot.png)
}

.app-home.root .home-gamelobby .homepage .homepage-type ul li .home-provider-list .provider-item .provider-cover {
    background: linear-gradient(90deg, #f4f7ff, #e1e4fc) !important;
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .6), 0 1px 5px rgba(187, 197, 240, .6) !important
}

.app-home.root .home-gamelobby .homepage .homepage-type ul li .home-provider-list .provider-item .provider-cover>* {
    position: relative;
    z-index: 2
}

.app-home.root .home-gamelobby .homepage .homepage-type ul li .home-provider-list .provider-item .provider-cover:after {
    background: linear-gradient(180deg, #dee2f7, #cfd4e9);
    -webkit-background-clip: text;
    color: transparent;
    content: attr(data-type);
    font-size: 30px;
    font-weight: 700;
    left: 0;
    position: absolute;
    text-align: center;
    top: 5%;
    width: 100%;
    z-index: 1
}

.app-home.root .home-gamelobby .homepage .homepage-type ul li .home-provider-list .provider-item .provider-title {
    color: #666
}

.app-home.root .home-gamelobby .homepage .homepage-jackpot {
    background: linear-gradient(90deg, #62b3ff, #4078fa);
    color: #fff
}

.app-home.root .home-gamelobby .homepage .homepage-jackpot .jackpot-bg {
    filter: grayscale(100%);
    mix-blend-mode: overlay;
    opacity: 1
}

.app-home.root .home-gamelobby .homepage .homepage-jackpot .home-jp-gp h2 {
    color: #fff
}

.app-home.root .home-gamelobby .homepage .homepage-contact .home-contact-content ul li a {
    border-color: #e0e6ff
}

.app-home.root .home-gamelobby .homepage .homepage-contact .home-contact-content ul li a>div h4 {
    color: #23282e
}

.app-home.root .home-gamelobby .homepage .homepage-contact .home-contact-content ul li a>div p {
    color: #666
}

.app-home.root .home-gamelobby .homepage .homepage-copy {
    border-color: #e0e6ff
}

.app div.app-home.template-classic-full .home-gamelobby.game-list-open .game-wrap>.game-block .sub-menu-box .sub-menu .sub-menu-item.current,
.app div.app-home.template-col1-full .home-gamelobby.game-list-open .game-wrap>.game-block .sub-menu-box .sub-menu .sub-menu-item.current,
.app div.app-home.template-col2-full .home-gamelobby.game-list-open .game-wrap>.game-block .sub-menu-box .sub-menu .sub-menu-item.current,
.app div.app-home.template-submenu-full .home-gamelobby.game-list-open .game-wrap>.game-block .sub-menu-box .sub-menu .sub-menu-item.current {
    color: #4078fa
}

.app div.app-home.template-classic-full .home-gamelobby.game-list-open .game-wrap>.game-block .sub-menu-box .sub-menu .sub-menu-item.current:after,
.app div.app-home.template-col1-full .home-gamelobby.game-list-open .game-wrap>.game-block .sub-menu-box .sub-menu .sub-menu-item.current:after,
.app div.app-home.template-col2-full .home-gamelobby.game-list-open .game-wrap>.game-block .sub-menu-box .sub-menu .sub-menu-item.current:after,
.app div.app-home.template-submenu-full .home-gamelobby.game-list-open .game-wrap>.game-block .sub-menu-box .sub-menu .sub-menu-item.current:after {
    background: linear-gradient(180deg, #62b3ff, #4078fa)
}

.app div.app-home.template-classic-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-nav .gpk-swiper-nav .home-quick-item.active,
.app div.app-home.template-col1-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-nav .gpk-swiper-nav .home-quick-item.active,
.app div.app-home.template-col2-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-nav .gpk-swiper-nav .home-quick-item.active {
    background: transparent
}

.app div.app-home.template-classic-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-nav .gpk-swiper-nav .home-quick-item.active h3,
.app div.app-home.template-col1-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-nav .gpk-swiper-nav .home-quick-item.active h3,
.app div.app-home.template-col2-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-nav .gpk-swiper-nav .home-quick-item.active h3 {
    color: #4078fa
}

.app div.app-home.template-classic-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-main .game-providers>li,
.app div.app-home.template-col1-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-main .game-providers>li,
.app div.app-home.template-col2-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-main .game-providers>li {
    background: #e1e4eb
}

.app div.app-home.template-classic-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-main .game-providers>li.active,
.app div.app-home.template-col1-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-main .game-providers>li.active,
.app div.app-home.template-col2-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-main .game-providers>li.active {
    background: linear-gradient(90deg, #a7cfff, #4078fa)
}

.app div.app-home.template-classic-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-main .game-providers>li.active:after,
.app div.app-home.template-col1-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-main .game-providers>li.active:after,
.app div.app-home.template-col2-gpk .home-gamelobby.game-list-open .game-wrap>.game-block .gpk-main .game-providers>li.active:after {
    border-color: transparent transparent transparent #4078fa
}

.app .app-home,
.app .app-home .home-header .tools .tools-item.header-account span,
.app .app-home .home-header .tools .tools-item[href="/login"] span,
.app .app-home .home-header .tools .tools-item[href="/signup"] span,
.app .app-home .wallet-item .notlogin,
.app .app-home .wallet-item .wallet-amount b,
.app .app-home .wallet-item .wallet-func h3 {
    color: #128ae0
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.mobile h3:before {
    background-image: url(https://img.alltocon.com/img/static/vf7prod/mobile/func-mobile.png) !important
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.deposit h3:before {
    background-image: url(https://img.alltocon.com/img/static/vf7prod/mobile/func-deposit.png) !important
}

.app .app-home .wallet-item .wallet-func .wallet-func-item.withdrawal h3:before {
    background-image: url(https://img.alltocon.com/img/static/vf7prod/mobile/func-withdraw.png) !important
}

.app .app-home .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name,
.app .app-home .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name:after,
.app .app-home>.home-quick-nav .home-quick-item h3,
.app .app-home>.home-swiper-nav .home-quick-item h3 {
    color: #128ae0
}

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

.lobby-footer {
    padding: 10px 5px 20px;
    position: relative
}

.lobby-footer .home-footer-title {
    color: #128ae0;
    font-size: 4.2vw;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}

.app .score-board .himalaya-dashboard>div>div {
    background: linear-gradient(180deg, #62b3ff 5%, #4078fa) !important;
    box-shadow: inset 0 0 0 1px #128ae0 !important
}

.app .score-board .himalaya-dashboard>div>div .css-15koq8y {
    color: rgba(255, 255, 255, .8)
}

.app .score-board .himalaya-dashboard>div>div .css-5jq37g {
    border-color: rgba(255, 255, 255, .6)
}

.app.login .hover-container:not(.mission-calendar):not(.custom-temp) {
    background: url(https://media.giphy.com/media/KeVrkAp90gkMwr31rQ/giphy.gif) 50%/cover no-repeat fixed
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) {
    background: url(https://img.alltocon.com/img/static/vf7prod/mobile/login-bg-top.png) top/100% auto no-repeat, url(https://img.alltocon.com/img/static/vf7prod/mobile/login-bg-bottom.png) 0 100%/66.933% auto no-repeat, #fff;
    justify-content: flex-start;
    padding: 28px
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container {
    width: 100%
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container:before {
    display: none !important
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form {
    color: #000;
    padding: 0
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .steps-wrapper {
    background: url(https://img.alltocon.com/img/static/vf7prod/mobile/login-title.png) 0/auto 100% no-repeat;
    height: 120px;
    margin-bottom: 25px
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .steps-wrapper h2 {
    display: none
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group {
    letter-spacing: 1px;
    margin-bottom: 20px
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group label {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group input {
    background: #f2f2f2 !important;
    border: unset !important;
    box-shadow: unset !important;
    color: #000 !important;
    font-size: 14px;
    height: 35px !important
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group small {
    color: #888;
    font-size: 12px;
    font-weight: 400;
    padding: 0 15px
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group .nrc-form-password>div i {
    color: #c7c7c7
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .input-group .react-tel-input {
    width: 100%
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .tips {
    color: #888;
    font-size: 12px;
    font-weight: 400
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .tips input[type=checkbox]:checked+label {
    background: #026bdf !important
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container form .tips .policy-btn {
    color: #459bff;
    font-weight: 400
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .top25 {
    margin-top: 40px
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .top25 button {
    background: linear-gradient(180deg, #0b77ef, #0068db);
    font-weight: 400;
    height: 40px
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .top25 .have-account {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    gap: 5px;
    justify-content: center
}

.app.signup .hover-container:not(.mission-calendar):not(.custom-temp) .container .top25 .have-account>div {
    color: #056fe4;
    cursor: pointer
}

.app-home.root>.lobby-footer {
    display: none !important
}

.app-home.root .home-gamelobby .homepage .homepage-title>img {
    display: block;
    margin-right: 5px;
    width: 32px
}

.app-home.root .home-gamelobby .homepage .video-wrap {
    border-radius: 10px;
    margin: 10px auto;
    overflow: hidden;
    position: relative;
    width: calc(100vw - 10px)
}

.app-home.root .home-gamelobby .homepage .video-wrap:before {
    content: "";
    float: left;
    padding-bottom: 55.94%;
    width: 100%
}

.app-home.root .home-gamelobby .homepage .video-wrap .video-block {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.app-home.root .home-gamelobby .homepage .latest-bet-race {
    color: #666 !important
}

.app-home.root .home-gamelobby .homepage .latest-bet-race .nrc-tabs .nrc-tabs-nav .nrc-tabs-tab {
    background: #eaeefd !important;
    color: #666 !important
}

.app-home.root .home-gamelobby .homepage .latest-bet-race .nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active {
    background: linear-gradient(180deg, #62b3ff 5%, #4078fa) !important;
    color: #fff !important
}

.app-home.root .home-gamelobby .homepage .latest-bet-race .winner-table {
    background: #eaeefd !important
}

.app-home.root .home-gamelobby .homepage .latest-bet-race .winner-table .winner-list,
.app-home.root .home-gamelobby .homepage .latest-bet-race .winner-table .winner-list .item-name {
    color: #666 !important
}

.app-home.root .home-gamelobby .homepage .latest-bet-race .winner-table .winner-list .item-name i {
    color: #4078fa !important
}

.app-home.root .home-gamelobby .homepage .homepage-jackpot .jackpot-countup .content .infinite-countup>div,
.app-home.root .home-gamelobby .homepage .homepage-jackpot .jackpot-countup h3.jp-tit {
    color: #fff
}

.app-home.root .home-gamelobby .homepage .homepage-providerlist {
    display: none !important
}

.app-home.root .home-gamelobby .homepage .home-swiper-nav .home-quick-item h3 {
    color: #666;
    font-size: 12px
}

.app.promotions .m-promo-center-promo-nav .nav-item.active .label,
.app.promotions .m-promo-nav .nav-item.active .label {
    background: linear-gradient(90deg, #62b3ff, #3d72fa);
    border-radius: 5px;
    color: #fff;
    height: 24px;
    line-height: 24px;
    padding: 0 15px
}

.app.red-envelope .getRedBag .sectionWrap__title {
    font-size: 16px
}

.app .app-home.live .game-block .home-list .game-item.VIA_CASINO .game-info .pd-name {
    font-size: 0 !important
}

.app .app-home.live .game-block .home-list .game-item.VIA_CASINO .game-info .pd-name:before {
    content: "DR88";
    font-size: 18px
}

.app .app-home.lottery .home-gamelobby .game-wrap .home-list .game-item .game-info .pd-name:after {
    content: "Xổ Số" !important
}

* {
    font-family: Arial, sans-serif !important
}

.app-home.root .home-gamelobby .homepage .homepage-type ul li .home-provider-list .provider-item .provider-cover img[alt=DR88_Casino],
.app-home.root .home-gamelobby .homepage .homepage-type ul li .home-provider-list .provider-item .provider-cover img[alt=VIA_CASINO] {
    content: url(https://img.alltocon.com/img/static/vf7prod/sub-live-dr_casino.png)
}