.lists{padding:8px; border-bottom:0px #f1f1f1 solid;cursor:pointer;}
.lists img{height:34px;width:34px;border-radius:5px}
.lists .close{position:absolute;right:3px;top:5px;display:none;color:#aaaaaa}
.lists .bqs{position:absolute;right:3px;top:5px;}
.lists.active{background-color:rgba(0,0,0,0.1)}
.lists:hover{background-color:rgba(0,0,0,0.05)}
.lists:hover .close{display:block}
.lists:hover .bqs{display:none}

.lists .name{height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:135px;}
.huicont{color:#aaaaaa;font-size:12px;height:20px;line-height:20px; overflow:hidden;word-wrap:break-word;word-break:break-all;white-space:normal;}
.listsoff{color:#aaaaaa;}
.qipaoface{border-radius:6px}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color:red;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}

.content{width:100%;height:100%;border:none;overflow:auto;padding:0px;font-size:14px;}
.content:focus{border:0px #dddddd solid}

.chattitbtn{color:#aaaaaa;cursor:pointer}
.toolsliao{height:34px;overflow:hidden;border-top:#dddddd solid 1px;color:#aaaaaa;line-height:34px;font-size:16px;padding:0px 10px}
.toolsliao span{margin-right:15px}
.toolsliao span:hover,.chattitbtn:hover{color:#99cc66;color:var(--main-color)}


.progresscls{height:12px;overflow:hidden;line-height:12px;border:0px #eeeeee solid; position:relative;;width:99%;background-color:#f1f1f1;margin-top:3px}
.progressclssse{background-color:#B0D6FC;height:12px;overflow:hidden;width:5%;position:absolute;z-index:0;left:0px;top:0px}
.progressclstext{font-size:10px;color:#0556A8;height:12px;overflow:hidden;line-height:12px;text-align:left;position:absolute;z-index:1;left:5px;top:0px}

.badgezixun{background:#f4f077;border-radius:5px;font-size:10px;color:white;padding:2px 3px}
.badgeuser{background:#ff6600;border-radius:5px;font-size:10px;color:white;padding:2px 3px}
.badgeonline{background:green;border-radius:5px;font-size:10px;color:white;padding:2px 3px}

.showblanks{padding:10px;color:#aaaaaa;font-size:12px;text-align:center}
.emtsclass{overflow-y:auto;border:1px #cccccc solid;background:white;box-shadow:0px 0px 5px rgba(0,0,0,0.3);left:3px;top:5px;position:absolute;display:none;z-index:6}
.kuailist{padding:8px 10px;border-bottom:1px #eeeeee solid;cursor:pointer}
.kuailist:hover{background:#f2f2f2}