.tree {
    font-size: 14px;
}

.cat-tree_body {
    display: flex;
    align-items: flex-start;
    margin-bottom: -6px;
    min-width: 300px;
    overflow: hidden;
    height: 23px;
    stroke-width: 0rem;
    fill: #e4e4e4
}

.cat-tree_body a {
    margin-left: 4px;
}

.T {
    width: 2.8rem;
    height: 28px;
    min-width: 2.8rem;
    min-height: 28px
}

.F {
    width: 2.7rem;
    height: 29px;
    min-width: 2.7rem;
    min-height: 29px;
}

.L {
    width: 2.9rem;
    height: 22px;
    min-width: 2.9rem;
    min-height: 22px
}

.I {
    width: 1.78rem;
    height: 25px;
    min-width: 1.78rem;
    min-height: 25px;
}


@media (min-width: 500px) {
    .cat-tree_body {
        height: 25px;
    }

    .T {
        width: 42px;
        height: 28px;
        min-width: 42px;
        min-height: 28px
    }

    .F {
        width: 42px;
        height: 29px;
        min-width: 42px;
        min-height: 29px1518
    }

    .L {
        width: 42px;
        height: 22px;
        min-width: 42px;
        min-height: 22px
    }

    .I {
        width: 1.78rem;
        height: 25px;
        min-width: 1.78rem;
        min-height: 25px;
    }
}