wq-emp-search{
    display: block;
}
.search{
    position: relative;
}
.search .glyphicon-search{
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 16px;
    cursor: pointer;
    color: #ccc;
}
.search input[queryVal]{
    padding:0 20px 0 28px;
}
.search-lists::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}
.search-lists::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.search-lists::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.search-lists {
    position: absolute;
    min-width: 400px;
    /*top: 32px;*/
    /*left: 0;*/
    border: 1px solid #cdcdcd;
    /*border-top: none;*/
    padding: 0;
    margin: 0;
    overflow: auto;
    border-right: none;
    border-left: none;
    background-color: white;
    z-index: 1000;
    /*padding-top: 6px;*/
}
.search-lists li.search-list{
    padding: 9px 6px 9px 0;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    border-top: none;
    cursor: pointer;
}
.search-lists li.search-list[tips]{
    padding:10px 30px;
}
.search-lists li.search-list:hover{
    background-color: #f5fbff;
}
wq-emp-search .close-search[close]{
    position: absolute;
    right: 8px;
    top: 6px;
    font-size: 16px;
    cursor: pointer;
    color: #ccc;
    display: none;
    font-weight: 700;
}
wq-emp-search:hover .close-search[close]{
    display: block;
}
.search-list .item-icon{
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    vertical-align: top;
}
.search-list .item-cont{
    width: calc(100% - 65px);
    display: inline-block;
}
.search-list .item-cont .item-top{
    font-size: 14px;
    color: #666;
    line-height: 15px                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ;
}
.search-list .item-cont .item-top span{
    margin-right: 4px;
}
.search-list .item-cont .item-top span b{
    color: #3b9bf8;
}
.search-list .item-cont .item-top span:first-child{
    color: #333;
}
.search-list .item-cont .item-footer{
    font-size: 12px;
    color: #999;
}
.item-icon .item-radius{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: white;
    display: inline-block;
    overflow: hidden;
}
.dep .item-icon .item-radius{
    background-color: #3b9bf8;
}
.dep .item-icon .item-radius img[svg]{
    display: inline-block;
    width: 100%;
}
.emp .item-icon .item-radius img{
    width: 100%;
}
.emp .item-icon .item-radius.name-pic{
    background-color: #f9bc45;
}
.spinner[loading]{
    position: absolute;
    right: 35px;
    top: 10px;
    display: none;
}
.spinner[loading] .circ{
    background-color: #7e7e7e;
    height: 15px;
    width: 4px;
    margin-left: 3px;
    display: inline-block;
    -webkit-animation: stretchdelay 0.7s infinite ease-in-out;
    animation: stretchdelay 0.7s infinite ease-in-out;
}
.spinner[loading] .circ:nth-last-child(2){
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.spinner[loading] .circ:nth-last-child(1){
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}