.number-container {
    cursor: pointer;
    width: calc(25% - 19px);
    display: inline-block;
    margin: 8px;
    padding: 10px;
    vertical-align: top;
    transition: .3s;
    background-color: var(--body-bg-color);
    color: var(--main-color);
    position: relative;
    overflow: hidden;
}

.number-container>.common-number {
    padding: 5px;
    background: #fe5705;
    color: #ffffff;
    border-radius: 10px 0 10px 0;
    margin-right: 5px;
}

.number-container>.gold-number {
    padding: 5px;
    background: linear-gradient(317deg, #4d4c4c 30%, #878787 70%, #5f5c5c 100%);
    color: #fff400;
    border-radius: 10px 0 10px 0;
    margin-right: 5px;
}

.number-container>.xianding-number {
    padding: 5px;
    background: linear-gradient(135deg, #b6e6ff 10%, #198aff 100%);
    color: #ffffff;
    border-radius: 10px 0 10px 0;
    margin-right: 5px;
}

.number-container>.number,.number-container>.number {
    line-height: 25px;
    overflow: hidden;
    font-size: 15px;
    position: relative;
    font-weight: bold;
}