.tab-bar-ul {
    position: sticky;
    top: 0;
    left: 0;
    height: 111rpx;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 10px 20rpx;
    background-color: #fff;
    border-bottom: 2rpx solid #f6f6f6;

    .item-content {
        display: flex;
        height: 51rpx;
        background: #f8f8fa;
        width: 260rpx;
        font-size: 24rpx;
        border-radius: 64rpx;
        color: #999999;
    }

    .item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 130rpx;
        height: 51rpx;
        border-radius: 47rpx;
    }

    .item-act {
        background-color: #3385ff;
        color: #fff;
        font-weight: 500;
    }
}

.content-ul {
    padding: 0 30rpx;

    .user-li,
    .hot-li,
    .kol-li {
        padding: 30rpx 0 20rpx;
        border-bottom: 1px solid #f6f6f6;
    }

    .user-img {
        width: 38%;
        justify-content: space-between;

        .img-box {
            display: flex;
            align-items: center;
        }

        .user-pv {
            width: 21rpx;
            height: 16rpx;
        }
    }

    .kol-li {
        display: flex;
        align-items: center;
        padding-bottom: 30rpx;

        image {
            width: 120rpx;
            height: 120rpx;
            border-radius: 8rpx;
            margin: 0 20rpx 0 15rpx;
            overflow: hidden;
            flex-shrink: 0;
        }
    }

    .kol-item {
        display: flex;
        flex-wrap: wrap;
        width: 480rpx;
        height: 120rpx;
        align-items: baseline;
        margin-bottom: 20rpx;

        .item-top {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 29rpx;
            font-weight: 700;
        }

        .kol-text {
            width: 50%;
            margin-top: 10rpx;
            flex-shrink: 0;
        }
    }

    .li-serial {
        width: 26rpx;
        height: 26rpx;
        line-height: 26rpx;
        color: #fff;
        font-size: 20rpx;
        text-align: center;
        border-radius: 4rpx 4rpx 4rpx 4rpx;
        margin: 7rpx 10rpx 0 20rpx;
        flex-shrink: 0;
    }

    .li-type {
        padding: 0 15rpx;
        height: 29rpx;
        margin-top: 6rpx;
        display: flex;
        align-items: center;
        border-radius: 4rpx;
        color: #fff;
        font-size: 24rpx;
        flex-wrap: 500;
        background: linear-gradient(90deg, #fecd18 0%, #ffdc5b 100%);
    }

    .serial-number {
        margin-top: 0 !important;
    }

    .li-item {
        display: flex;

        .title {
            font-size: 28rpx;
            line-height: 39rpx;
            font-weight: 500;
            color: #333;
        }

        .li-industry {
            color: #3385ff;
            margin-left: 20rpx;
            display: inline-block;
            font-weight: 400;
        }

        .time-user {
            display: flex;
            align-items: center;
            font-size: 24rpx;
        }

        .li-user {
            display: flex;
            align-items: center;
            flex-shrink: 0;
            width: 170rpx;
            margin-left: 75rpx;
        }

        .li-title {
            display: flex;
        }
    }

    .li-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30rpx;
        width: 100%;

        image {
            width: 23rpx;
            height: 26rpx;
            margin-right: 10rpx;
        }
    }

    .read-more {
        margin-left: 30rpx;
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap;

        .text-box {
            margin-bottom: 27rpx;
            margin-right: 40rpx;
            padding: 0;
            font-size: 24rpx;
            color: #408fff;
            width: 170rpx;
            height: 46rpx;
            line-height: 46rpx;
            text-align: center !important;
            background: url(~@/static/img/report_bg.png) no-repeat;
            background-size: 100% 100%;
            text-indent: 0em;
        }
    }

    .attention {
        flex-shrink: 0;
        padding: 5rpx 28rpx;
        border-radius: 37rpx 37rpx 37rpx 37rpx;
        color: #fff;
        background: #3385ff;
        font-weight: 400;
        font-size: 24rpx;
    }

    .hot-item {
        justify-content: space-between;
        align-items: center;

        .hot-new {
            align-items: center;
            flex: 1;
            padding-right: 20rpx;
        }

        .new-img {
            width: 60rpx;
            height: 30rpx;
            margin-left: 15rpx;
            flex-shrink: 0;
        }
    }
}