* {
    margin: 0;
    padding: 0;
}

.ft-text-scroll .box_sort {
    width: 10rem;
    height: 0.8rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin: 0.26666667rem 0 0 0;
}

    .ft-text-scroll .box_sort .title {
        height: 0.44rem;
        font-size: 0.32rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #303133;
        line-height: 0.44rem;
        width: 1.34666667rem;
        text-align: center;
        display: inline-block;
    }

    .ft-text-scroll .box_sort .ul_sort {
        /* width: 8.65333333rem; */
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-right: 0.2rem;
    }

        .ft-text-scroll .box_sort .ul_sort .item {
            display: inline-block;
            text-align: center;
            padding: 0 0.37333333rem;
            height: 0.8rem;
            background: #f8f8f8;
            border-radius: 0.05333333rem;
            font-size: 0.37333333rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
            line-height: 0.8rem;
            margin: 0 0.21333333rem 0 0;
            border: 1px solid #f8f8f8;
        }


            .ft-text-scroll .box_sort .ul_sort .item p {
                word-break: keep-all;
            }

        .ft-text-scroll .box_sort .ul_sort .active {
            background: rgba(206, 0, 12, 0.06);
            border-radius: 0.05333333rem;
            border: 1px solid #ce000c;
            color: #ce000c;
        }

    .ft-text-scroll .box_sort .active {
        height: 0.8rem;
        background: rgba(206, 0, 12, 0.06);
        border-radius: 0.05333333rem;
        border: 0.01333333rem solid #ce000c;
        color: #ce000c;
    }

.ft-text-scroll .box_sort2 {
    height: 5.28rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin: 0.16rem 0 0 0;
}

    .ft-text-scroll .box_sort2 .scroll-view_H2 {
        white-space: nowrap;
        width: 9.36rem;
    }

    .ft-text-scroll .box_sort2 .scroll-view-item_H2 {
        width: 3.73333333rem;
        height: 5.28rem;
        margin: 0 0.53333333rem 0 0;
        display: inline-block;
        text-align: center;
    }

        .ft-text-scroll .box_sort2 .scroll-view-item_H2:nth-child(1) {
            margin: 0 0.53333333rem 0 0.68rem;
        }

        .ft-text-scroll .box_sort2 .scroll-view-item_H2 image {
            box-sizing: border-box;
            width: 3.73333333rem;
            height: 5.28rem;
        }

.ft-text-scroll .box_sort3 {
    height: 2.85333333rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    margin: 0.16rem 0 0 0;
}

    .ft-text-scroll .box_sort3 .scroll-view_H3 {
        white-space: nowrap;
        width: 10rem;
    }

    .ft-text-scroll .box_sort3 .scroll-view-item_H3 {
        width: 3.28rem;
        height: 2.85333333rem;
        margin: 0 0.26666667rem 0 0;
        display: inline-block;
        text-align: center;
    }

        .ft-text-scroll .box_sort3 .scroll-view-item_H3:nth-child(1) {
            margin: 0 0.26666667rem 0 0.84rem;
        }

        .ft-text-scroll .box_sort3 .scroll-view-item_H3 image {
            box-sizing: border-box;
            width: 3.28rem;
            height: 2.2rem;
        }

        .ft-text-scroll .box_sort3 .scroll-view-item_H3 .txt01 {
            text-align: left;
            width: 3.28rem;
            height: 0.44rem;
            font-size: 0.32rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #c9c9cb;
            line-height: 0.44rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.ft-text-scroll .box_sort4 {
    height: 4.93333333rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    margin: 0.16rem 0 0 0;
}

    .ft-text-scroll .box_sort4 .scroll-view_H3 {
        white-space: nowrap;
        width: 10rem;
    }

    .ft-text-scroll .box_sort4 .scroll-view-item_H3 {
        width: 3.28rem;
        height: 4.93333333rem;
        margin: 0 0.26666667rem 0 0;
        display: inline-block;
        text-align: center;
        border-radius: 0.02666667rem;
        border: 0.01333333rem solid #979797;
    }

        .ft-text-scroll .box_sort4 .scroll-view-item_H3 image {
            box-sizing: border-box;
            width: 3.28rem;
            height: 3.28rem;
        }

        .ft-text-scroll .box_sort4 .scroll-view-item_H3 .txt01 {
            text-align: left;
            margin: auto;
            width: 2.85333333rem;
            height: 0.44rem;
            font-size: 0.32rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #c9c9cb;
            line-height: 0.44rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .ft-text-scroll .box_sort4 .scroll-view-item_H3 .txt02 {
            text-align: left;
            width: 2.85333333rem;
            height: 0.74666667rem;
            font-size: 0.26666667rem;
            color: #8c8c8d;
            margin: 0.06666667rem auto 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .ft-text-scroll .box_sort4 .scroll-view-item_H3:nth-child(1) {
            margin: 0 0.26666667rem 0 0.84rem;
        }