footer {
    width: 100%;
    background: #2F2F2F;
    clear: both;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
}


/* 1 */

.f_top {
    border-bottom: 1px solid #6c6e79;
}

.top_box {
    height: var(--kSize);
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.top_box a {
    color: #fff;
}

.top_box li {
    font-size: var(--eSize);
}

.top_box li:nth-child(even) {
    width: 1px;
    height: var(--gSize);
    background: #FFFFFF;
    margin: 0 var(--oSize);
}


/* 2 */

.f_bottom {
    padding: var(--bbSize) 0;
}

.bottom_box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bottom_box li {
    font-size: var(--eSize);
    margin: var(--tSize) 0;
}