/* 筛选框 */
.container .filter{
    height:14px;
    padding:19px 30px 17px;
    border-radius:4px;
    font-size:14px; 
    background-color:#FAFAFA;
}
.filter .line{
    width:294px;
    height:14px;
}
.filter .line a{
    display:block;
    float:left;
    padding:0 25px;
    border-right:1px solid #ddd;
    color:#666;
}
.filter .line a:first-child{
    padding-left:0;
}
.filter .line .on{
    color:#FF8041;
}
.filter .line a:last-child{
    border-right:none;
}
.filter .fil {
    float: right;
    position: relative;
    margin-top: -14px;
    cursor: pointer;
}
.filter .fil div{
    float:left;
    color:#999;
}
.filter .fil .city{
    margin:0 10px 0 30px;
    color:#333;
}
.filter .fil .more-city{
    float:left;
    display:block;
    width:11px;
    height:6px;
    margin-top:5px;
    background:url("../../images/designer/designer-list/more-city.png") no-repeat;
}
.filter .fil .more{
    position: absolute;
    top:30px;
    right:-30px;
    z-index:21;
    width:290px;
    height:321px;
    border-top:2px solid #333;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow:0px 0px 10px rgba(33,33,33,0.1);
    background-color:#fff;
    display:none;
}
.filter .fil .more .tit{
    padding:25px 0 22px 17px;
    border-bottom:1px solid #eee;
    font-size:14px;
}
.filter .fil .more .ci{
    font-size:13px;
}
.filter .fil .more .ci .ci-left{
    width:84px;
    height:245px;
    overflow-y:auto; 
    overflow-x:hidden;
}
.filter .fil .more .ci .ci-left a{
    display:block;
    width:52px;
    margin-top:6px;
    padding:9px 16px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.filter .fil .more .ci .ci-left a.on{
    color:#FF8041;
    background-color:#F8F8F8;
}
.filter .fil .more .ci .ci-left a:hover{
    color:#FF8041;
    background-color:#F8F8F8;
}
.filter .fil .more .ci .ci-right{
    width:204px;
    height:235px;
    padding:9px 0 15px 0;
    border-left:1px solid #eee;
    overflow-y:scroll; 
    overflow-x:hidden;
}
.ci-left::-webkit-scrollbar,.ci-right::-webkit-scrollbar{
    width:3px;
    height:60px;
    border-radius:1px;
    background-color: #fff;
}
.ci-left::-webkit-scrollbar-track,.ci-right::-webkit-scrollbar-track{
    background-color: #fff;
}
.ci-left::-webkit-scrollbar-thumb,.ci-right::-webkit-scrollbar-thumb{
    border-radius: 1px;
    background-color: #bfbfbf;
} 
.filter .fil .more .ci .ci-right a{
    display:inline-block;
    float:left;
    max-width:100%;
    margin-left:14px;
    padding:6px 3px;
    text-align:center;   
}
.filter .fil .more .ci .ci-right a:hover{
    background-color: #f8f8f8;
    border-radius:4px;
}
/* 设计师列表 */
.designer .list{
    z-index: 8;
    height:150px;
    padding:40px 0;
    border-bottom:1px solid #eee;
    overflow:hidden;
}
.designer .list a img{
    float:left;
    width:100px;
    height:100px;
    border-radius:60%;
}
.designer .list .info{
    float:left;
    width:370px;
    height:150px;
    margin:0 20px 0 29px;
}
.designer .list .info .des{
    height:40px;
    margin-bottom:26px;
}
.designer .list .info .des .tit{
    float:left;
} 
.designer .list .info .des .tit .name{
    width:200px;
    margin-bottom:12px;
    font-size:16px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
} 
.designer .list .info .des .tit .add span{
   display:block;
   float:left;
   color:#999;
   padding-right:10px;
   border-right:1px solid #aaa;
}
.designer .list .info .des .tit .add span:last-child {
    width: 180px;
    margin-left: 10px;
    border-right: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.designer .list .info .des .attention{
    float:right;
    display:block;
    width:42px;
    height:16px;
    padding:11px 23px 9px;
    border:1px solid #FF8041;
    border-radius:4px;
    font-size:14px;
    text-align: center;
    color:#ff8041;
}
.designer .list .info .des .attention:hover{
    color:#fff;
    background-color:#FF8041;
}
.designer .list .info .des .already{
    float:right;
    width:42px;
    height:16px;
    padding:11px 23px 9px;
    border:1px solid #bbb;
    border-radius:4px;
    font-size:14px;
    text-align: center;
    color:#bbb; 
}
.designer .list .info .other .oth{
    height:12px;
    margin-bottom:12px;
}
.designer .list .info .other .oth p{
    float:left;
    margin-right:10px;
    padding-right:10px;
    border-right:1px solid #aaa;   
}
.designer .list .info .other .oth p:last-child{
    border-right:none;
}
.designer .list .info .other .oth span{
    margin-right:2px;
}
.designer .list .info .other .fas{
    line-height:18px;
    color:#999;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.designer .list ul{
    float:left;
    width:660px;
    height:150px;
}
.designer .list ul li{
    float:left;
    margin-left:20px;
}
.designer .list ul li img{
    z-index: 9;
    width:200px;
    height:150px;
    border-radius:4px;
}