/* Law-firm black and white theme for the login and registration screens. */
.bg[data-v-bf4b0a22],
.bg[data-v-2e24c8ac] {
    background: #111 !important;
    background-image: none !important;
    overflow-y: auto;
}

.login[data-v-bf4b0a22],
.register[data-v-2e24c8ac] {
    width: min(92%, 420px) !important;
    height: auto !important;
    min-height: 0;
    margin: max(8vh, 32px) auto !important;
    padding: 24px 22px 30px !important;
    border-radius: 8px;
    background: #fff !important;
    background-image: none !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .28);
    color: #171717;
}

.login .head[data-v-bf4b0a22],
.register .head[data-v-2e24c8ac] {
    padding: 0 0 18px;
}

.login .head i[data-v-bf4b0a22],
.register .head i[data-v-2e24c8ac] {
    color: #171717 !important;
}

.login .head a[data-v-bf4b0a22],
.register .head a[data-v-2e24c8ac],
.login .res a[data-v-bf4b0a22],
.register .res a[data-v-2e24c8ac],
.login .forget a[data-v-bf4b0a22],
.register .forget a[data-v-2e24c8ac] {
    color: #303030 !important;
}

.login > img[data-v-bf4b0a22],
.register > img[data-v-2e24c8ac] {
    content: url("/assets/img/2023_04_cropped-IH-Logo_whitebg-192x192.png");
    display: block;
    width: 88px !important;
    height: 88px;
    max-height: none;
    object-fit: contain;
    padding: 0;
    margin: 4px auto 24px !important;
    border-radius: 8px;
    background: #fff;
}

.login .ipt[data-v-bf4b0a22],
.register .ipt[data-v-2e24c8ac] {
    width: 100%;
    height: 52px;
    margin: 12px auto;
    padding: 0 14px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    background: #f7f7f7;
}

.login .ipt input[data-v-bf4b0a22],
.register .ipt input[data-v-2e24c8ac] {
    color: #171717;
}

.login .ipt input[data-v-bf4b0a22]::placeholder,
.register .ipt input[data-v-2e24c8ac]::placeholder {
    color: #777;
}

.login .btn[data-v-bf4b0a22],
.login .btn.active[data-v-bf4b0a22],
.register .btn[data-v-2e24c8ac],
.register .btn.active[data-v-2e24c8ac] {
    width: 100%;
    height: 50px;
    margin: 22px auto 0;
    border: 1px solid #111;
    border-radius: 4px;
    background: #111;
    color: #fff;
    font-weight: 600;
}

.login .res[data-v-bf4b0a22],
.register .res[data-v-2e24c8ac] {
    padding: 12px 0 0;
}

@media (max-width: 500px) {
    .login[data-v-bf4b0a22],
    .register[data-v-2e24c8ac] {
        width: calc(100% - 32px) !important;
        margin: max(7vh, 24px) auto !important;
        padding: 20px 18px 26px !important;
    }
}

body[data-route-page="mine"] .mine .runtime-language-switch__menu {
    border: 1px solid #333 !important;
    background: #111 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .36) !important;
}

body[data-route-page="mine"] .mine .runtime-language-switch__option {
    background: transparent !important;
    color: #eee !important;
}

body[data-route-page="mine"] .mine .runtime-language-switch__option:hover,
body[data-route-page="mine"] .mine .runtime-language-switch__option:focus-visible {
    background: #292929 !important;
    color: #fff !important;
    outline: none;
}

body[data-route-page="mine"] .mine .runtime-language-switch__option.is-active {
    background: #333 !important;
    color: #fff !important;
    font-weight: 600;
}

.mine[data-v-50a7662a] {
    min-height: 100%;
    background: #f2f2f2;
    color: #171717;
}

.mine .top[data-v-50a7662a] {
    height: 13.33333rem;
    background: #111 !important;
    background-image: none !important;
}

.mine .top .avatar .van-image[data-v-50a7662a] {
    border: 2px solid #fff;
    border-radius: 50%;
    background: #fff url('/assets/img/2023_04_cropped-IH-Logo_whitebg-192x192.png') center / cover no-repeat;
    overflow: hidden;
    flex: 0 0 4.2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}

.mine .top .avatar .van-image__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mine .top .avatar .me .user p[data-v-50a7662a],
.mine .top .avatar .me .jf[data-v-50a7662a] {
    color: #fff;
}

.mine .top .avatar .me .ps > span[data-v-50a7662a] {
    color: #d0d0d0;
}

.mine .top .avatar .me .proess[data-v-50a7662a] {
    background: #555;
}

.mine .top .avatar .me .proess span[data-v-50a7662a] {
    background: #fff;
}

.mine .center[data-v-50a7662a] {
    margin-top: -1.25rem;
}

.mine .center .integral[data-v-50a7662a],
.mine .center .list[data-v-50a7662a] {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
}

.mine .center .integral[data-v-50a7662a]:before {
    background: #dedede;
}

.mine .center .integral > div span[data-v-50a7662a],
.mine .center .list > div span[data-v-50a7662a] {
    color: #222;
}

.mine .center .integral > div[data-v-50a7662a] {
    color: #171717 !important;
    cursor: pointer;
}

.mine .center .integral > div:active[data-v-50a7662a] {
    background: #f2f2f2;
}

.mine .center .integral > div > i[data-v-50a7662a] {
    color: #111 !important;
}

.mine .center .integral > div > i img[data-v-50a7662a] {
    filter: grayscale(1) brightness(.25) contrast(1.2);
}

.mine .center .list > div > i img[data-v-50a7662a] {
    filter: grayscale(1) brightness(.35);
}

.mine .center .mineJf[data-v-50a7662a] {
    border-radius: 4px;
    background: #171717;
    box-shadow: none;
}

.mine .center .mineJf .reload h1[data-v-50a7662a],
.mine .center .mineJf .reload > div[data-v-50a7662a],
.mine .center .mineJf .title p[data-v-50a7662a] {
    color: #fff;
}

.mine .center .mineJf .reload > div i[data-v-50a7662a] {
    color: #111 !important;
    background: #fff;
}

.mine .center .btns[data-v-50a7662a] {
    border: 1px solid #111;
    border-radius: 4px;
    background: #111;
    color: #fff;
}

/* Shared black-and-white treatment for account flows and feedback. */
.van-toast,
.van-toast--text,
.van-toast--html {
    background: #111 !important;
    color: #fff !important;
}

.van-toast__text,
.van-toast .van-icon,
.van-toast .van-icon::before {
    color: #fff !important;
}

.van-tabbar.runtime-footer-menu {
    border-top: 1px solid #e4e4e4;
    background: #fff !important;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, .06);
}

.van-tabbar.runtime-footer-menu .van-tabbar-item {
    color: #777 !important;
    background: #fff !important;
    flex: 1 1 33.333% !important;
    width: 33.333%;
    min-width: 0;
}

.van-tabbar.runtime-footer-menu .van-tabbar-item__icon {
    height: 22px;
    line-height: 22px;
}

.van-tabbar.runtime-footer-menu .van-tabbar-item__text {
    text-align: center;
    white-space: nowrap;
}

.van-tabbar.runtime-footer-menu .van-tabbar-item--active,
.van-tabbar.runtime-footer-menu .van-tabbar-item--active .van-tabbar-item__text,
.van-tabbar.runtime-footer-menu .van-tabbar-item--active .van-icon {
    color: #111 !important;
}

.van-tabbar.runtime-footer-menu .van-tabbar-item__icon img {
    filter: grayscale(1) brightness(.35);
}

.van-tabbar.runtime-footer-menu .van-tabbar-item--active .van-tabbar-item__icon img {
    filter: grayscale(1) brightness(.3);
}

.van-nav-bar[data-v-58e3feec],
.van-nav-bar[data-v-43d6845c],
.van-nav-bar[data-v-74bf35d7],
.van-nav-bar[data-v-3e44c4fa],
.van-nav-bar[data-v-7759f624],
.van-nav-bar[data-v-e35264f8],
.van-nav-bar[data-v-cfb08152],
.van-nav-bar[data-v-70ee80ba],
.van-nav-bar[data-v-e4bd4ba0],
.van-nav-bar[data-v-0e9e3d6d],
.van-nav-bar[data-v-df4008fc] {
    background: #fff !important;
    background-image: none !important;
    color: #171717 !important;
    box-shadow: 0 1px 0 #e6e6e6;
}

.van-nav-bar[data-v-58e3feec] .van-nav-bar__title,
.van-nav-bar[data-v-43d6845c] .van-nav-bar__title,
.van-nav-bar[data-v-74bf35d7] .van-nav-bar__title,
.van-nav-bar[data-v-3e44c4fa] .van-nav-bar__title,
.van-nav-bar[data-v-7759f624] .van-nav-bar__title,
.van-nav-bar[data-v-e35264f8] .van-nav-bar__title,
.van-nav-bar[data-v-cfb08152] .van-nav-bar__title,
.van-nav-bar[data-v-58e3feec] .van-icon,
.van-nav-bar[data-v-43d6845c] .van-icon,
.van-nav-bar[data-v-74bf35d7] .van-icon,
.van-nav-bar[data-v-3e44c4fa] .van-icon,
.van-nav-bar[data-v-7759f624] .van-icon,
.van-nav-bar[data-v-e35264f8] .van-icon,
.van-nav-bar[data-v-cfb08152] .van-icon,
.van-nav-bar[data-v-70ee80ba] .van-icon,
.van-nav-bar[data-v-e4bd4ba0] .van-icon,
.van-nav-bar[data-v-0e9e3d6d] .van-icon,
.van-nav-bar[data-v-df4008fc] .van-icon {
    color: #171717 !important;
}

.bind[data-v-58e3feec],
.bind[data-v-43d6845c],
.password[data-v-3e44c4fa],
.info[data-v-7759f624],
.name[data-v-e35264f8],
.name[data-v-cfb08152],
.history-content[data-v-52392740],
.container[data-v-5ac9f7e4],
.container[data-v-74bf35d7],
.container[data-v-df4008fc],
.message[data-v-0e9e3d6d] {
    color: #171717 !important;
    background: #f5f5f5 !important;
    background-image: none !important;
}

.bind .bank[data-v-58e3feec],
.bind .bank[data-v-43d6845c],
.bind .add-card[data-v-58e3feec],
.container .wrapper[data-v-74bf35d7] {
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff !important;
    color: #171717 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.bind .bank p[data-v-58e3feec],
.bind .bank p[data-v-43d6845c],
.bind .bank h1[data-v-58e3feec],
.bind .bank h1[data-v-43d6845c],
.bind .bank span[data-v-58e3feec],
.bind .bank span[data-v-43d6845c],
.bind .add-card[data-v-58e3feec] {
    color: #222 !important;
}

.bind .btn a[data-v-58e3feec],
.bind .btn a[data-v-43d6845c],
.password .btns[data-v-3e44c4fa],
.container .wrapper .sub-btn[data-v-74bf35d7],
.history-content .his .btn p[data-v-52392740]:last-child {
    border: 1px solid #111 !important;
    border-radius: 4px !important;
    background: #111 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.bind .van-cell[data-v-43d6845c],
.bind .van-cell[data-v-58e3feec],
.password .van-cell[data-v-3e44c4fa],
.info .van-cell[data-v-7759f624],
.name .van-cell[data-v-e35264f8],
.name .van-cell[data-v-cfb08152] {
    border-bottom: 1px solid #e5e5e5;
    background: #fff !important;
    color: #222 !important;
}

.bind .van-field__control[data-v-43d6845c],
.bind .van-field__control[data-v-58e3feec],
.password .van-field__control[data-v-3e44c4fa],
.van-cell__value[data-v-43d6845c],
.van-cell__value[data-v-58e3feec],
.van-cell__value[data-v-7759f624],
.van-cell__value[data-v-e35264f8],
.van-cell__value[data-v-cfb08152] {
    color: #222 !important;
}

.container .header[data-v-5ac9f7e4] {
    background: #171717 !important;
}

.container .content[data-v-5ac9f7e4] {
    background: #f5f5f5 !important;
}

.container .content .datalist[data-v-5ac9f7e4],
.container .content .datalist .datalistitem[data-v-5ac9f7e4] {
    border-color: #e2e2e2 !important;
    background: #fff !important;
}

.container .content .datalist .datalistitem .datalistitemValue[data-v-5ac9f7e4],
.name .van-cell .van-cell__value[data-v-e35264f8],
.name .van-cell .van-cell__value[data-v-cfb08152],
.info .van-cell .van-cell__value[data-v-7759f624],
.password .van-cell .van-cell__value[data-v-3e44c4fa] {
    color: #222 !important;
}

.history-content .his ul li[data-v-52392740],
.history-content .his ul li.active[data-v-52392740],
.history-content .his .btn p[data-v-52392740],
.history-content .van-tabs__line[data-v-52392740] {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
}

.history .van-cell[data-v-52392740],
.history-content .van-tabs__wrap[data-v-52392740] {
    background: #fff !important;
    color: #222 !important;
}

.history .van-cell__title>p[data-v-52392740] {
    background: #171717 !important;
}

.container .items[data-v-2ad02b5c],
.container .items .item[data-v-2ad02b5c],
.message .van-cell[data-v-0e9e3d6d],
.servicelistItem[data-v-e4bd4ba0] {
    border-color: #e3e3e3 !important;
    background: #fff !important;
    color: #222 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.container .sign-out[data-v-2ad02b5c],
.message .van-cell__value a[data-v-0e9e3d6d],
.servicelistItem .servicelistItemTop .servicelistItemBtn[data-v-e4bd4ba0] {
    border: 1px solid #111 !important;
    border-radius: 4px !important;
    background: #111 !important;
    color: #fff !important;
}

.container .item .desc[data-v-2ad02b5c],
.message .van-cell__title span[data-v-0e9e3d6d],
.servicelistItem .servicelistItemTop .servicelistItemText[data-v-e4bd4ba0],
.servicelistItem .servicelistItemBottom[data-v-e4bd4ba0] {
    color: #555 !important;
}

.routes[data-v-0e9e3d6d] {
    background: #171717 !important;
}

.password .van-nav-bar__title[data-v-3e44c4fa],
.info .van-nav-bar__title[data-v-7759f624],
.name .van-nav-bar__title[data-v-e35264f8],
.name .van-nav-bar__title[data-v-cfb08152],
.history-content .his p[data-v-52392740] {
    color: #171717 !important;
}

.jfdetail {
    color: #171717;
    background: #f5f5f5 !important;
}

.jfdetail .routes {
    background: #171717 !important;
    color: #fff !important;
}

.jfdetail .routes .van-icon,
.jfdetail .routes .van-nav-bar__title {
    color: #fff !important;
}

.jfdetail .van-cell-group {
    background: transparent !important;
}

.jfdetail .van-cell {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff !important;
    color: #222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.jfdetail .van-cell__title,
.jfdetail .van-cell__title p,
.jfdetail .van-cell__title .sp1,
.jfdetail .van-cell__title .sp2 {
    color: #555 !important;
}

.jfdetail .van-cell__title .box .left {
    border: 1px solid #111;
    background: #171717 !important;
    color: #fff !important;
}

.jfdetail .van-cell__value,
.jfdetail .van-cell__value span {
    color: #171717 !important;
}

.container .main[data-v-df4008fc] {
    background: #f5f5f5 !important;
    color: #171717 !important;
}

.item_list[data-v-df4008fc] {
    border: 1px solid #e5e5e5;
    border-radius: 4px !important;
    background: #fff !important;
    color: #222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.item_list .topInfo span[data-v-df4008fc],
.item_list .time span[data-v-df4008fc],
.item_list .desc span[data-v-df4008fc] {
    color: #555 !important;
}

.item_list .topInfo span[data-v-df4008fc] {
    color: #171717 !important;
}

.history-content .van-tabs__wrap,
.history-content .van-tabs__nav,
.history-content .van-tab {
    background: #fff !important;
    color: #555 !important;
}

.history-content .van-tab--active,
.history-content .van-tab--active .van-tab__text {
    color: #111 !important;
}

.history-content .van-tabs__line {
    background: #111 !important;
}

.history-content .van-cell,
.history-content .van-cell-group {
    border-color: #e5e5e5 !important;
    background: #fff !important;
    color: #222 !important;
}

.history-content .history .custom-title,
.history-content .history .van-cell__title,
.history-content .history .van-cell__title span,
.history-content .history .van-cell__value,
.history-content .history .van-cell__value span {
    color: #333 !important;
}

.history-content .history .van-cell__title p {
    background: #171717 !important;
    color: #fff !important;
}

.history-content .his ul li[data-v-52392740] {
    border: 1px solid #777 !important;
    background: #fff !important;
    color: #222 !important;
}

.history-content .his ul li.active[data-v-52392740] {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
}

.history-content .his .btn p[data-v-52392740] {
    border: 1px solid #777 !important;
    background: #fff !important;
    color: #222 !important;
}

.history-content .his .btn p:last-child[data-v-52392740] {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
}

.history-content .van-nav-bar[data-v-52392740] {
    background: #171717 !important;
    background-image: none !important;
    color: #fff !important;
}

.history-content .van-nav-bar__title[data-v-52392740],
.history-content .van-nav-bar .van-icon[data-v-52392740] {
    color: #fff !important;
}

.container.page[data-v-df4008fc] .header .van-nav-bar {
    background: #fff !important;
    background-image: none !important;
    color: #171717 !important;
}

.container.page[data-v-df4008fc] .header .van-nav-bar__title,
.container.page[data-v-df4008fc] .header .van-nav-bar .van-icon {
    color: #171717 !important;
}

.recharge {
    background: #f5f5f5 !important;
    color: #171717 !important;
}

.recharge .van-nav-bar {
    background: #fff !important;
    background-image: none !important;
    color: #171717 !important;
    box-shadow: 0 1px 0 #e5e5e5;
}

.recharge .van-nav-bar__title,
.recharge .van-nav-bar .van-icon {
    color: #171717 !important;
}

.recharge .top {
    background: #171717 !important;
}

.recharge .van-tabs__wrap,
.recharge .van-tabs__nav,
.recharge .van-tab,
.recharge .van-tab__panel {
    background: #fff !important;
    color: #333 !important;
}

.recharge .van-tab--active,
.recharge .van-tab--active .van-tab__text {
    color: #111 !important;
}

.recharge .van-tabs__line {
    background: #111 !important;
}

.recharge .van-tab__panel {
    border-color: #e5e5e5 !important;
}

.recharge .van-tab__panel .title {
    color: #222 !important;
}

.recharge .van-tab__panel nav a {
    border-color: #ccc !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #333 !important;
}

.recharge .van-tab__panel nav a span {
    color: #333 !important;
}

.recharge .van-tab__panel nav a.active,
.recharge .van-tab__panel nav a.active span {
    border-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
}

.recharge .kfsm {
    border: 1px solid #e1e1e1;
    border-radius: 6px !important;
    background: #fff !important;
}

.recharge .kfsm p {
    color: #444 !important;
}

.recharge .kfsm img {
    filter: grayscale(1) brightness(.35);
}

.recharge .kf .van-button--block {
    border: 1px solid #111 !important;
    border-radius: 4px !important;
    background: #111 !important;
    color: #fff !important;
}

.recharge .van-popup {
    background: #171717 !important;
}

@media (max-width: 500px) {
    .bind .bank[data-v-58e3feec],
    .bind .bank[data-v-43d6845c],
    .bind .add-card[data-v-58e3feec] {
        width: calc(100% - 32px);
        margin: 12px auto;
        min-height: 132px;
        height: auto;
        padding: 18px;
    }

    .van-tabbar.runtime-footer-menu {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* Withdrawal uses the same neutral surfaces as the account screens. */
.withdraw {
    min-height: 100%;
    height: auto !important;
    background: #f5f5f5 !important;
    color: #171717 !important;
}

.withdraw .van-nav-bar {
    background: #fff !important;
    box-shadow: 0 1px 0 #e5e5e5;
}

.withdraw .van-nav-bar__content {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 6px;
    padding: 0 12px;
}

.withdraw .van-nav-bar__left,
.withdraw .van-nav-bar__right,
.withdraw .van-nav-bar__title {
    position: static;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.withdraw .van-nav-bar__left { justify-self: start; }
.withdraw .van-nav-bar__title {
    justify-self: center;
    font-size: .95rem;
    white-space: nowrap;
}
.withdraw .van-nav-bar__right {
    justify-self: end;
    white-space: nowrap;
}
.withdraw .van-nav-bar__right span { font-size: .8rem !important; }

.withdraw .van-nav-bar__title,
.withdraw .van-nav-bar .van-icon,
.withdraw .van-nav-bar__right span {
    color: #171717 !important;
}

.withdraw .top {
    border: 1px solid #e2e2e2;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
}

.withdraw .top:not(.center) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .45rem;
}

.withdraw .top:not(.center) .types {
    position: static;
    order: -1;
    margin: 0;
    line-height: 1.4;
}

.withdraw .top .runtime-withdraw-bank-panel {
    width: 100%;
    padding-right: 0;
    min-width: 0;
}

.withdraw .top .runtime-withdraw-bank-label {
    margin-bottom: .4rem;
}

.withdraw .top.center > .ipt { min-width: 0; }
.withdraw .top.center > .ipt input { width: 0; min-width: 0; }
.withdraw .top.center > .ipt span { flex: 0 0 auto; }

.withdraw .top p,
.withdraw .top .van-icon,
.withdraw .top .sm,
.withdraw .top .sm .syjf,
.withdraw .top .sm .syjf span,
.withdraw .top .sm .tips .van-popover__wrapper,
.withdraw .top .ipt span,
.withdraw .runtime-withdraw-bank-label {
    color: #292929 !important;
}

.withdraw .runtime-withdraw-bank-input,
.withdraw .top .ipt input {
    min-width: 0;
    background: #f5f5f5 !important;
    color: #171717 !important;
}

.withdraw .runtime-withdraw-bank-input {
    border: 1px solid #dedede !important;
    border-radius: 4px !important;
}

.withdraw .top .sm { border-color: #e5e5e5 !important; }

.withdraw .top .sm .syjf {
    overflow-wrap: anywhere;
    line-height: 1.5;
}

.withdraw .btn a {
    border: 1px solid #111 !important;
    border-radius: 4px !important;
    background: #111 !important;
    color: #fff !important;
}

.withdraw .van-dialog { background: #fff !important; color: #171717 !important; }
.withdraw .van-dialog__header,
.withdraw .van-field__label,
.withdraw .van-field__control { color: #171717 !important; }
.withdraw .van-dialog__confirm { color: #111 !important; }
.withdraw .van-dialog__cancel { color: #555 !important; }
.withdraw .popover-body { color: #171717 !important; background: #fff !important; }

body[data-route-page="withdrawrecord"] .container.page .main {
    background: #f5f5f5 !important;
}

body[data-route-page="withdrawrecord"] .container.page .van-cell-group,
body[data-route-page="withdrawrecord"] .container.page .van-cell {
    background: #fff !important;
    border-color: #e5e5e5 !important;
    color: #222 !important;
}

body[data-route-page="withdrawrecord"] .container.page .van-cell__title,
body[data-route-page="withdrawrecord"] .container.page .van-cell__value,
body[data-route-page="withdrawrecord"] .container.page .van-cell__value span,
body[data-route-page="withdrawrecord"] .container.page .van-cell__label {
    color: #292929 !important;
}

body[data-route-page="withdrawrecord"] .van-dialog {
    background: #fff !important;
    color: #171717 !important;
}

body[data-route-page="withdrawrecord"] .van-dialog__confirm { color: #111 !important; }

body[data-route-page="lottery"] .lottery {
    background: #f5f5f5 !important;
    background-image: none !important;
    color: #171717 !important;
}

body[data-route-page="lottery"] .lottery .van-nav-bar,
body[data-route-page="lottery"] .lottery .top {
    background: #111 !important;
    background-image: none !important;
}

body[data-route-page="lottery"] .lottery .top .qs>span,
body[data-route-page="lottery"] .lottery .top .qs>span .van-count-down,
body[data-route-page="lottery"] .lottery .top .qs>div h1 { color: #fff !important; }

body[data-route-page="lottery"] .lottery .top .number { background: #292929 !important; }
body[data-route-page="lottery"] .lottery .top .number .right { background: #fff !important; }
body[data-route-page="lottery"] .lottery .top .number .right .res span,
body[data-route-page="lottery"] .lottery .history .right .res span {
    background: #333 !important;
    color: #fff !important;
}

body[data-route-page="lottery"] .lottery .lottery-content { background: #f5f5f5 !important; }
body[data-route-page="lottery"] .lottery .lottery-content .left .item span,
body[data-route-page="lottery"] .lottery .lottery-content .left .item>.slide.active {
    background: #333 !important;
    color: #fff !important;
}

body[data-route-page="lottery"] .lottery .lottery-content .right .ball>div .idx0 {
    border: 1px solid #dedede;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
}

body[data-route-page="lottery"] .lottery .lottery-content .right .ball>div .idx0 p,
body[data-route-page="lottery"] .lottery .lottery-content .right .ball>div .idx0 span {
    color: #222 !important;
}

body[data-route-page="lottery"] .lottery .lottery-content .right .ball>div .idx0 p {
    min-height: 2.4em;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.2;
    text-align: center;
}

body[data-route-page="lottery"] .lottery .lottery-content .right .ball>div .idx0.active {
    background: #111 !important;
    border-color: #111 !important;
}

body[data-route-page="lottery"] .lottery .lottery-content .right .ball>div .idx0.active p,
body[data-route-page="lottery"] .lottery .lottery-content .right .ball>div .idx0.active span { color: #fff !important; }

body[data-route-page="lottery"] .lottery .mask,
body[data-route-page="lottery"] .lottery .foot,
body[data-route-page="lottery"] .lottery .history>div {
    background: #fff !important;
    color: #171717 !important;
}

/* Keep the amount editor above the fixed action bar on mobile. */
body[data-route-page="lottery"] .lottery .mask {
    bottom: 3.25rem !important;
    z-index: 30 !important;
    pointer-events: auto !important;
    min-height: 9rem !important;
}

body[data-route-page="lottery"] .lottery .mask p,
body[data-route-page="lottery"] .lottery .mask p span,
body[data-route-page="lottery"] .lottery .mask .c1,
body[data-route-page="lottery"] .lottery .foot p,
body[data-route-page="lottery"] .lottery .foot p span { color: #222 !important; }

body[data-route-page="lottery"] .lottery .mask .c1 input {
    display: block !important;
    width: 8.33333rem !important;
    min-width: 8.33333rem !important;
    height: 2.2rem !important;
    padding: .33333rem 0 !important;
    margin: 0 .33333rem !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-size: 16px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 31 !important;
    background: #f5f5f5 !important;
    color: #111 !important;
}

body[data-route-page="lottery"] .lottery .mask .c1 {
    display: flex !important;
    align-items: center !important;
    min-height: 3rem !important;
}

body[data-route-page="lottery"] .lottery .foot a,
body[data-route-page="lottery"] .confirm-order-modal .sub-btn {
    border: 1px solid #111 !important;
    border-radius: 4px !important;
    background: #111 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body[data-route-page="lottery"] .confirm-order-modal,
body[data-route-page="lottery"] .confirm-order-modal .head,
body[data-route-page="lottery"] .van-popup {
    background: #fff !important;
    color: #171717 !important;
}

body[data-route-page="lottery"] .confirm-order-modal .cancel-btn {
    border: 1px solid #999 !important;
    background: #fff !important;
    color: #222 !important;
}

body[data-route-page="lottery"] .lottery .popups { background: #f5f5f5 !important; color: #222 !important; }

body[data-route-page="gamedetail"] {
    background: #f5f5f5 !important;
    color: #171717 !important;
}
body[data-route-page="gamedetail"] .van-nav-bar {
    background: #111 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}
body[data-route-page="gamedetail"] .van-nav-bar__title,
body[data-route-page="gamedetail"] .van-nav-bar__arrow { color: #fff !important; }
body[data-route-page="gamedetail"] .runtime-law-intro {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px 5%;
    background: #fff !important;
    border-bottom: 1px solid #dedede;
}
body[data-route-page="gamedetail"] .runtime-law-intro__avatar {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    object-fit: contain;
    border: 1px solid #222;
    border-radius: 50%;
    background: #fff;
}
body[data-route-page="gamedetail"] .runtime-law-intro__body { min-width: 0; }
body[data-route-page="gamedetail"] .runtime-law-intro h2 {
    margin: 0 0 6px;
    color: #111 !important;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}
body[data-route-page="gamedetail"] .runtime-law-intro p {
    margin: 0;
    color: #555 !important;
    font-size: 13px;
    line-height: 1.65;
    word-break: break-word;
}
body[data-route-page="gamedetail"] .top,
body[data-route-page="gamedetail"] .status,
body[data-route-page="gamedetail"] .ls { background: #fff !important; }
body[data-route-page="gamedetail"] .top { border-bottom-color: #dedede !important; }
body[data-route-page="gamedetail"] .top h1,
body[data-route-page="gamedetail"] .ls .title,
body[data-route-page="gamedetail"] .ls>p { color: #171717 !important; }
body[data-route-page="gamedetail"] .top span,
body[data-route-page="gamedetail"] .status>div span { color: #666 !important; }
body[data-route-page="gamedetail"] .status:before { background: #dedede !important; }
body[data-route-page="gamedetail"] .status .right h1 { color: #222 !important; }
body[data-route-page="gamedetail"] .ls { border-top-color: #f0f0f0 !important; }
body[data-route-page="gamedetail"] .tb { border-color: #d8d8d8 !important; }
body[data-route-page="gamedetail"] .tb td {
    border-color: #d8d8d8 !important;
    color: #222 !important;
    background: #fff !important;
}
body[data-route-page="gamedetail"] .tb tr:first-child td {
    background: #111 !important;
    color: #fff !important;
    font-weight: 600;
}