.cp-syinfo {
    padding: 6px 10px;
    .sub-title {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        font-weight: 800;
        border-bottom: 1px solid var(--calendar-border);
        padding: 0 20px;
        .extra {
            right: 20px;
            font-weight: 400;
        }
    }
    &-head {
        padding: 8px 20px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
    }
    &-base {
        margin-top: 10px;
    }
    &-base-noweight-wraper {
        margin-top: 10px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
    }
    &-base-noweight {
        padding: 12px 20px;

        > div {
            display: flex;
            flex-flow: row;
        }
    }
    &-base-weight {
        height: 200px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
        &-item {
            display: flex;
            flex-wrap: wrap;
            padding: 10px 20px;
        }
    }
    &-base-chart {
        height: 200px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
    }
    &-table {
        margin-top: 10px;
        height: 350px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
    }
}
