.content {
    padding-top: 45px;

    .bread {
        display: flex;
        align-items: center;

        &-text {
            font-family: Alibaba PuHuiTi 2;
            font-weight: normal;
            font-size: 18px;
            color: #0b4aec;

            &.in {
                color: #888888;
            }
        }
    }
}

.tabs {
    width: 100%;
    background-image: url("https://panda-cars2.oss-cn-chengdu.aliyuncs.com/coicc_prod/2025-11-27/images/question/tabBanner.png");
    background-size: 1920px 135px;
    background-repeat: no-repeat;
    background-position: center;
    height: 135px;

    &-main {
        padding: 0 0px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
    }

    &-item {
        // width: 201px;
        min-width: 150px;
        padding: 0 10px;
        height: 79px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        flex-shrink: 0;

        &.active {
            background: linear-gradient(110deg, #c0d638, #89c63e);
        }

        &:hover {
            background: linear-gradient(110deg, #c0d638, #89c63e);
        }

        // &:not(:last-child) {
        //     margin-right: 12px;
        // }
        &-title {
            font-family: Alibaba PuHuiTi 2;
            font-weight: normal;
            font-size: 20px;
            color: #ffffff;

        }

        &-titleEn {
            font-family: Alibaba PuHuiTi 2;
            font-weight: normal;
            font-size: 10px;
            color: #ffffff;
            text-align: center;
        }
    }
}

.supply {
    // margin-top: 60px;
}

.list {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    // justify-content: space-between;

    &-item {
        width: 250px;
        height: 405px;
        margin-bottom: 16px;

        &-image {
            width: 250px;
            height: 250px;

            &>img {
                width: 100%;
                height: 100%;
            }
        }

        &-content {
            padding: 25px 11px 0px;
            box-sizing: border-box;
        }

        &-title {
            font-family: Alibaba PuHuiTi 2.0;
            font-weight: normal;
            font-size: 22px;
            color: #222222;
            width: 228px;
            // line-height: 22px;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            -moz-text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        &-tags {
            display: flex;

            margin-top: 11px;

            &-item {
                padding: 0px 12px;
                height: 26px;
                background: #F6F6F6;
                border-radius: 13px;
                color: #0B4AEC;
                font-size: 12px;
                line-height: 26px;

                &:not(:last-child) {
                    margin-right: 5px;
                }
            }
        }

        &-company {
            margin-top: 7px;
            font-family: Alibaba PuHuiTi 2.0;
            font-weight: normal;
            font-size: 14px;
            color: #222222;
            line-height: 14px;
        }

        &-adds {

            margin-top: 10px;
            display: flex;
            align-items: center;

            .addsIcon {
                width: 12px;
                height: 12px;
                margin-right: 4px;
            }

            .addsText {
                font-family: Alibaba PuHuiTi 2.0;
                font-weight: normal;
                color: #888888;
                font-size: 14px;
                line-height: 14px;
            }
        }

        &:hover {
            background: #3169F7;

            .list-item-content {
                background: #3169F7;

            }

            .list-item-title {
                color: #fff;
            }

            .list-item-company {
                color: #fff;
            }

            .addsText {
                color: #A8C1FF;
            }

            .list-item-tag {
                background: #fff;
                // color: #fff;
            }
        }

        &:not(:nth-child(5n)) {
            margin-right: 12.5px;
        }
    }
}