.product-class.nav-list {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.product-class.nav-list > div {
    display: grid;
    grid-template-rows: 1fr;
    transition: 0.2s;
    transition-timing-function: linear;
}

.product-class.nav-list > div > ul {
    padding: 0;
    margin: 0;
}

.product-class.nav-list > div > ul > li {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.product-class.nav-list > div > ul > li.title {
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.product-class.nav-list > div > ul > li > a {
    text-decoration: none;
    color: inherit;
}

.product-class.nav-list {
    flex-direction: column;
}

.product-class.nav-list > div {
    grid-template-rows: 0fr;
    margin-bottom: 10px;
    overflow: hidden;
}

.product-class.nav-list > div.active {
    grid-template-rows: 1fr;
}

.product-class.nav-list > div > ul {
    min-height: 24px;
}

.product-class.nav-list > div > ul > li.title:has(+ li)::after {
    content: '';
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.product-class.nav-list > div.active > ul > li.title::after {
    transform: rotate(180deg);
}

/* 当前选中分类高亮 */
.product-class.nav-list .nav-item li.active > a {
    color: #5899d4;
}