.content-box > .page-body {
    display: flex;
    gap: 2em;
}

.content-box > .page-body .left-catalog-list {
    width: 20%;
    position: sticky;
    top: 120px;
    overflow-y: auto;
    /*  隐藏滚动条 */
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-height: 800px;
    display: inline-block;
}

.content-box > .page-body .pin-type-new {
    flex: 1;
}

.left-catalog-list .item > h4 {
    font-weight: bold;
    cursor: pointer;
    padding: .5em;
    justify-content: space-between;
}

.left-catalog-list .item > h4 > svg {
    transition: transform .3s;
}

.left-catalog-list .item.open > h4 > svg {
    transform: rotate(-90deg);
}


.left-catalog-list .item > ul > li {
    padding: .5em 1.5em;
    font-size: 1.2em;
    font-weight: bold;
}

.left-catalog-list .item > ul > li > a {
    color: #7c7c7c;
}

.left-catalog-list .item > ul > li.active > a {
    color: #000;
}

.gallery-pagination {
    margin-top: 2em;
}

.gallery-pagination .pagination {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: .5em;
    width: 100%;
    margin: 0 auto;
}

.gallery-pagination .pagination > li:first-child {
    display: none;
}

.gallery-pagination .pagination > li:last-child {
    display: none;
}

.gallery-pagination .pagination > li > * {
    padding: .5em 1em;
    border: 1px solid #DBDBDB;
}

.gallery-pagination .pagination > li.active > * {
    background: #EC0F14;
    color: #fff;
}

@media (max-width: 1536px) {
    html, body {
        font-size: 14px;
    }
}

@media (max-width: 1280px) {
    html, body {
        font-size: 10px;
    }
}

@media (max-width: 960px) {
    html, body {
        font-size: 10px;
    }

    .goodslist {
        --columns: 2;
    }
    .goodslist .img {
        display: contents;
    }

    .pin-type-new .goodslist footer .quote-box {
        flex-direction: column;
    }

    .content-box > .page-body .left-catalog-list {
        display: none;
    }

}