.im-top{height:500px;padding:.5rem;position:absolute;z-index:2;right:0;width:100%}.im-top a{display:inline-block;color:#fff;float:right}.im-top a i{color:#666;font-size:1.4rem;font-weight:bolder}.im-top a :hover{background-color:#ddd}.im-top a .text-right{float:right;width:2.4rem;height:2.4rem;display:inline-block;padding:.5rem;text-align:center}.UnreadNumber[data-v-af624ccc]{width:20px;height:20px;border-radius:50%;background-color:red;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;color:#fff;font-size:16px}.ivu-tabs-content[data-v-af624ccc]{height:100%}.chat-panel[data-v-af624ccc]{width:500px;background-color:#eee;height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chat-panel .chat-box[data-v-af624ccc]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f8f8f8;flex-direction:column;position:relative}.chat-panel .chat-box-list[data-v-af624ccc],.chat-panel .chat-box[data-v-af624ccc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.chat-panel .chat-box-list[data-v-af624ccc]{height:100%;width:352px;flex-direction:column}.chat-panel .chat-box-list .search-box[data-v-af624ccc]{margin:1.5rem;width:19rem}.group-box[data-v-af624ccc]{height:100%;overflow-y:scroll}.group-box .count[data-v-af624ccc]{color:#aaa}.group-box li[data-v-af624ccc]{list-style:none;position:relative;font-size:1.2rem;cursor:pointer;font-weight:200;margin-bottom:2rem}.group-box li h5[data-v-af624ccc]{padding:.5rem 0;cursor:pointer;font-size:1.3rem;font-weight:200}.group-box li h5 i[data-v-af624ccc]{vertical-align:baseline}.group-box li img[data-v-af624ccc]{width:4.4rem;height:4.4rem;position:absolute;top:.4rem;left:2rem}.group-box li b[data-v-af624ccc]{font-size:1.3rem;font-weight:600;top:.6rem}.group-box li b[data-v-af624ccc],.group-box li p[data-v-af624ccc]{position:absolute;left:7.5rem;overflow:hidden;text-overflow:ellipsis}.group-box li p[data-v-af624ccc]{bottom:.4rem;white-space:nowrap;width:75%;font-size:1.1rem;color:#aaa}.group-box .imuser[data-v-af624ccc]{height:5.2rem;position:relative}.group-box .imuser a[data-v-af624ccc]{display:block;width:100%;height:100%;color:#666;position:relative}.group-box .imuser a i[data-v-af624ccc]{display:inline-block;width:1.8rem;height:1.6rem;background-color:red;border-radius:50%;color:#fff;text-align:center;font-style:normal;position:absolute;left:1rem;top:0;z-index:99999999999}.group-box .imuser a p[data-v-af624ccc]{width:12rem}.group-box .imuser[data-v-af624ccc]:hover{background-color:#ddd!important}.group-box .imuser:hover>i[data-v-af624ccc]{color:#666;background-color:#fff}.group-box .imuser .active[data-v-af624ccc]{background-color:#ddd!important}.group-box .imuser>i[data-v-af624ccc]{position:absolute;right:1rem;bottom:1.6rem;cursor:pointer;border-radius:50%;padding:.2rem;text-align:center;color:#eee}.group-box .imuser>i[data-v-af624ccc]:hover{color:#666;background-color:#fff}