.layout-seach input {
        border: 1px solid #dcdee2;
        border-radius: 4px;
        line-height: 30px;
        width: 100%;
        padding: 0 24px 0 8px;
        font-size: 13px;
        color: #606060;
        height: 33px;
    }

    .layout-grouping-content {
        max-height: 370px;
        background: #fff;
        padding: 4px;
        border: 1px solid #dcdee2;
        overflow-y: scroll;
        display: none;
    }

    .layout-history-content li {
        padding: 6px;
        max-width: 100%;
        line-height: 18px;
        background: #f6f6f6;
        margin-left: 8px;
        margin-bottom: 6px;
        float: left;
    }

    .history-icon-bkg {
        height: 18px;
        width: 18px;
        border-radius: 10px;
        background: #4A99EC;
        line-height: 18px;
        text-align: center;
    }

    .history-icon-bkg i {
        height: 11px;
        width: 12px;
        background: url(/osp2016/agent/img/service-history-icon.svg?v=a4cada63) no-repeat;
        display: inline-block;
        background-size: 100% 100%;

    }

    .history-top-content {
        overflow: hidden;

    }

    .history-haeder {
        padding: 8px;
        overflow: hidden;
        font-size: 13px;
    }

    .history-left {
        color: #515A6E;
    }

    .history-right-btn {
        color: #c0c4cc;
        font-size: 12px;
        cursor: pointer;
    }

    .hist-name-group {
        margin-left: 5px;
        height: 18px;
        cursor: pointer;
    }

    .group-name {
        border-right: 1px solid #ccced3;
        padding-right: 5px;
        max-width: 99px;
    }

    .person-name {
        max-width: 99px;
    }

    .layout-history-content .person-name {
        max-width: 198px;
    }
    
    .group-name, .person-name, .group-person-icon ~ span.pull-left {
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        height: 18px;
        text-overflow: ellipsis;
        color: #808695;
        font-size: 12px;
    }

    .layout-bottom-grouping {
        padding: 7px 6px;
        overflow: hidden;
    }

    .layout-bottom-grouping ul {
        border-top: 1px dashed #ccc;
        padding-top: 5px;
    }

    .group-person-icon {
        height: 18px;
        width: 18px;
        background: url(/osp2016/agent/img/g-service-icon.svg?v=a75c2c3e) no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        float: left;
        margin-left: 7px;
    }

    .group-person-icon ~ span.pull-left {
        /*max-width: 200px;*/
        max-width: 172px;
        margin-left: 5px;
        line-height: 18px;
    }

    .layout-grouping-ul li {
        width: 100%;
        /*padding: 7px 0;*/
    }

    .group-header {
        overflow: hidden;
        padding: 7px 0;
        cursor: pointer;
    }

    .layout-grouping-ul li .group-header:hover, .group-person-all dd:hover {
        background: #fafafa;
    }

    .group-person-all, .group-person-all dd {
        width: 100%;
        overflow: hidden;
    }

    .group-person-all dd, .group-person-all dt {
        padding: 6px 0;
        max-width: 100%;
        line-height: 18px;
        /*margin-bottom: 6px;*/
        margin-left: 7px;
    }

    .triangle_top {
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid;
        border-color: #c0c4cc transparent transparent transparent;
        margin-top: 5px;
        margin-right: 5px;
    }

    .member-icon {
        border-radius: 20px;
    }

    .group-person-all {
        /*display: none;*/
    }

    .group-person-all dt {
        margin-bottom: 0;
    }

    .group-header-a a:hover {
        text-decoration: none;
    }

    .group-header-a a {
        color: #4A99EC;
        font-size: 13px;
        text-decoration: none;
        font-weight: normal;
        padding-left: 7px;
        line-height: 18px;
        display: inline-block;
        padding-bottom: 8px;
    }

    .group-person-all dd:last-child {
        margin-bottom: 0;
    }

    .ul_first_last li .layout-history-content li{
         width:auto;
     }
    .ul_first_last li .layout-grouping-ul li{
        padding:0;
    }
    .group-list-back{
        color: #4A99EC;
    }