@charset "utf-8";

:root {
    --xxc-emerald-900: #004b3a;
    --xxc-emerald-700: #006b50;
    --xxc-gold-500: #d7b35c;
    --xxc-gold-300: #e8d39a;
    --xxc-ivory-100: #fffaf0;
    --xxc-ivory-200: #fbf3df;
    --xxc-ink: #26352f;
}

html,
body {
    color: var(--xxc-ink) !important;
    background-color: var(--xxc-ivory-100) !important;
    font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
}

.KJ-TabBox li {
    color: var(--xxc-ink) !important;
    background-color: var(--xxc-ivory-200) !important;
    border-color: var(--xxc-gold-300) !important;
}

.KJ-TabBox li.cur {
    color: var(--xxc-ivory-100) !important;
    background-color: var(--xxc-emerald-700) !important;
    border-color: var(--xxc-gold-500) !important;
}

.KJ-TabBox div.cur {
    border-color: var(--xxc-gold-500) !important;
}

.kj-lotto {
    color: var(--xxc-ink) !important;
    background-color: var(--xxc-ivory-100) !important;
}

.kj-lotto .kj-lotto-tit {
    height: 42px !important;
    padding: 0 10px;
    color: #f7dc91 !important;
    background: var(--xxc-emerald-700) !important;
    border-bottom: 1px solid var(--xxc-gold-500);
    font-weight: 700;
}

.kj-lotto .kj-lotto-tit a {
    color: var(--xxc-ivory-100) !important;
}

.kj-lotto .kj-lotto-box {
    padding: 7px 6px 4px;
    background-color: var(--xxc-ivory-100) !important;
}

.kj-lotto .kj-lotto-box ul li {
    background: var(--xxc-ivory-100) !important;
    border-color: var(--xxc-gold-300) !important;
    box-shadow: 0 2px 7px rgba(0, 75, 58, 0.09) !important;
}

#q,
#nextQiShu {
    color: #c7352c !important;
}

@media (max-width: 450px) {
    .kj-lotto .kj-lotto-tit {
        height: 36px !important;
        padding: 0 6px;
        font-size: 12px;
    }
}