<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.lhc01, .lhc02, .lhc07, .lhc08, .lhc12, .lhc13, .lhc18, .lhc19, .lhc23, .lhc24, .lhc29, .lhc30, .lhc34, .lhc35, .lhc40, .lhc45, .lhc46 {
    background: #fa3345 !important;
}

.lhc03, .lhc04, .lhc09, .lhc10, .lhc14, .lhc15, .lhc20, .lhc25, .lhc26, .lhc31, .lhc36, .lhc37, .lhc41, .lhc42, .lhc47, .lhc48 {
    background: #2eaae3 !important;
}

.lhc05, .lhc06, .lhc11, .lhc16, .lhc17, .lhc21, .lhc22, .lhc27, .lhc28, .lhc32, .lhc33, .lhc38, .lhc39, .lhc43, .lhc44, .lhc49 {
    background: #4fca66 !important;
}

.lhcnumber {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.lhcnumber &gt; div &gt; span:first-child {
    color: #fff;
    width: 35px;
    margin-left: .2rem;
    margin-right: .2rem;
    border-radius: 50%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    background: #f11717;
    display: block;
}

.lhcnumber &gt; div {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 0 2px;
    position: relative
}

.lhcnumbers {
    display: flex;
    height: 80px !important;
    align-items: center;
}

.lhcnumbers .sx {
    font-size: 18px;
    margin-top: 1px
}

.lhcnumber &gt; strong {
    font-size: 25px;
    margin: 0 5px;
}
.wx {
    justify-content: flex-end;
    height: 61px;
}</pre></body></html>