﻿
.clueDistribution_index {
    background: #F5F5F5;
    width: 100%;
    height: 100%;
}
* {
    padding:0;
    margin:0;
}
ul, ol {
    list-style: none;
}
.l{
    float:left;
}
.r {
    float: right;
}.clueDistribution_index .tab-list .tabActive {
    font-weight: 600;
    border-bottom: 2px solid #0883FD;
    color: #000;
}
.index-top {
    background: #fff;
    padding: 0 16px;
    padding-top: 1.8em;
}
    .index-top .top-box {
        background: #E2E2E2;
        border-radius: 3px;
        border: 1px solid rgba(226,226,226,1);
        padding:1em;
        display:flex;
        align-items:center;
    }
        .index-top .top-box .pic {
            width: 4em;
            height: 4em;
            border-radius: 50%;
            margin-right: 10px;
            margin-left: 0.5em;
        }
        .index-top .top-box .company {
            color: #2A343E;
            font-size: 1.4em;

        }
        
        .tab-list {
            overflow: hidden;
            cursor: pointer;
            background: #fff;
            line-height:5em;
            padding:0 1.6em;
            margin-bottom:1.5em;
            font-size:1.5em;
        }
            .tab-list li {
                float: left;
                margin-right: 1em;
                margin-right: 4em;
                color: #999999;
            }
.tab-content {
    background: #FFF;
    margin: 0 1.6em 1.6em 1.6em;
    border: 1px solid rgba(226,226,226,1);
    border-radius: 3px;
}
    .tab-content .content-top {
        padding:1.6em;

    }
        .tab-content .content-top p {
            margin-bottom: 0.8em;
            font-size: 1.6em;
        }
        .tab-content .content-top .title {
            display: flex;
            align-items:center;
        }

            .tab-content .content-top .title .text {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1; /* 限制在一个块元素显示的文本的行数 */
                -webkit-box-orient: vertical; /* 垂直排列 */
                          
                word-break: break-all; /* 内容自动换行 */
            }
            .tab-content .content-top .title img {
                vertical-align: middle;
                width:3.5em;
                margin-left:1em;
            }
            .tab-content .view {
                color: #999;
                font-size: 1.4em;
            }
    .tab-content .details {
        border-top: 1px solid rgba(226,226,226,1);
        line-height: 3em;
        background: #FBFBFB;
        overflow: hidden;
        padding: 0 1.2em;
        cursor: pointer;
    }
