.box2 .main {
    display: flex;
    height: 1.5rem;
    padding-top: 0.81rem;
    gap: 1.88rem;
    border-bottom: 0.01rem solid #DEDEDE;
}

.box2_a {
    width: fit-content;
    height: fit-content;
    padding-bottom: 0.22rem;
    position: relative;
    transition: 0.3s;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.35rem;
    color: #006980;
    cursor: pointer;
}

.box2_a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0.02rem;
    background-color: var(--hc);
    bottom: -0.01rem;
    right: 0;
    transition: 0.3s;
}

.box2_a:hover,
.box2_a_active {
    font-weight: bold;
    color: var(--hc);
}

.box2_a:hover::after,
.box2_a_active::after {
    left: 0;
    width: 100%;
}
@media (max-width: 1200px) {
    .box2 .main {
        /* 调整 flex 布局方向为垂直，让链接纵向排列 */
        flex-direction: row;
        /* 高度自适应 */
        height: auto;
        /* 减少顶部内边距 */
        padding-top: 0.4rem;
        /* 减少元素之间的间距 */
        gap: 0.5rem;
        /* 底部边框样式 */
        border-bottom: 0.01rem solid #DEDEDE;
    }

    .box2_a {
        text-align:center;
        /* 让链接宽度占满容器 */
        /*width: 100%;*/
        /* 减少底部内边距 */
        padding-bottom: 0.15rem;
        /* 调整字体大小 */
        font-size: 0.3rem;
        white-space: nowrap;
    }

    .box2_a::after {
        /* 调整下划线高度 */
        height: 0.015rem;
    }
}