#navGroupChat{width:240px;height:30px;}
#navGroupChat li{
  display: inline-block;
  width:120px;float:left;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  font-weight:bold;
  border-bottom: 1px solid #c3d4e7;
}
#navGroupChat .active{background-image: linear-gradient(#fff, #b2f9f8);color:#1e50a2;}
.iconsgropuchat{padding-left: 2px;display: inline-block;}
.yati{margin-top:20px;width:240px;border: 1px solid #ccc;}
.yati>h3{background-color:#e1eef7; margin-bottom:10px;padding-left:10px; }
.yati>h3>a{float:right;margin:5px 10px 5px 0;font-size:12px;text-decoration: none;}
.yati_list{display:inline-block;width:100%;margin-bottom:10px;}
.yati_list>img{display: block;width:50px;float:left;}
.yati_list>li{width:190px;float:right;}
.yati_list>li>p{width:100%;line-height:18px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.yati_list>li>p>img{width:15px;}
.yati_details{height:18px;margin-top: 3px;color:#9598a2;}
.yati_xiangqing{display:inline-block;margin-right:5%;width:40px;height:15px;line-height: 15px;text-align:center;border:1px solid #649CF0;border-radius:5px;color:#649CF0;float:right;}