.group-list-cpn[data-v-0aabbab2]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.group-list-cpn .group-item[data-v-0aabbab2]{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 10px;border-bottom:1px dashed hsla(0,0%,39.2%,.9);color:#ccc;position:relative}.group-list-cpn .group-item .avatar[data-v-0aabbab2]{width:30px;height:30px;margin-right:8px}.group-list-cpn .group-item .avatar img[data-v-0aabbab2]{width:100%;height:100%}.group-list-cpn .group-item .name[data-v-0aabbab2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.group-list-cpn .group-item .unreadCount[data-v-0aabbab2]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px;font-size:12px;background:#ff4500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:25px;height:25px;border-radius:50%;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.group-list-cpn .group-item.active[data-v-0aabbab2],.group-list-cpn .group-item[data-v-0aabbab2]:hover{background:#2c3e50;color:#fff}