prsx-crm/packageA/contacts/modules/list/index.scss

.item-box {
    width: 750rpx;
    height: 130rpx;
    background: #FFFFFF;
    padding: 20rpx 30rpx 0 30rpx;
    box-sizing: border-box;

    .item {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-bottom: 2rpx solid #ddd;
        padding-bottom: 20rpx;

        .head-portrait {
            width: 64rpx;
            height: 64rpx;
            line-height: 64rpx;
            background: #3874F6;
            border-radius: 50%;
            text-align: center;
            font-size: 24rpx;
            color: #FFFFFF;
            margin-right: 30rpx;
        }

        .content {
            .name {
                height: 42rpx;
                line-height: 42rpx;
                font-size: 30rpx;
                font-family: PingFang SC, PingFang SC;
                color: #333333;

                text {
                    font-size: 24rpx;
                    font-family: PingFang SC, PingFang SC;
                    color: #666666;
                    margin-left: 20rpx;
                }
            }

            .tag-box {
                display: flex;
                height: 40rpx;
                margin-top: 8rpx;
                overflow: hidden;

                .tag {
                    height: 40rpx;
                    background: #FAAB16;
                    border-radius: 20rpx;
                    padding: 6rpx 10rpx;
                    box-sizing: border-box;
                    font-size: 20rpx;
                    color: #FFFFFF;
                    margin-right: 10rpx;
                }

                .tag:last-child {
                    margin-right: 0;
                }
            }

        }
    }


}

.total {
    height: 64rpx;
    line-height: 64rpx;
    font-size: 24rpx;
    font-family: PingFang SC-Regular, PingFang SC;
    color: #666666;
    background: #F4F5F7;
    padding-left: 30rpx;
}