.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}.welcome-message[data-v-6a061a00]{display:table-cell!important;height:100%;text-align:center;vertical-align:middle}.welcome-message>img[data-v-6a061a00]{width:12rem;margin-top:10rem}.user-info[data-v-21cc5e51]{font-size:16px;line-height:200%;color:#666}.user-info .text-right[data-v-21cc5e51]{text-align:right}.user-info .username[data-v-21cc5e51]{font-weight:700;font-size:20px}.user-info .label[data-v-21cc5e51]{text-align:justify;-moz-text-align-last:justify;text-align-last:justify;font-weight:700}.ivu-tabs-content[data-v-526c6daa]{height:100%}.user-box[data-v-526c6daa]{width:26rem;background-color:#eee;height:500px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.user-box .chat-box[data-v-526c6daa],.user-box[data-v-526c6daa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.user-box .chat-box[data-v-526c6daa]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f8f8f8;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;position:relative}.user-box .chat-box .user-box-view[data-v-526c6daa]{position:absolute;width:100%;top:40px;padding:100px}.user-box .user-box-list[data-v-526c6daa]{height:100%;width:22rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.user-box .user-box-list .search-box[data-v-526c6daa]{margin:1.5rem;width:19rem}.user-box .user-box-list .group-box[data-v-526c6daa]{overflow-y:scroll;-webkit-box-flex:1;-ms-flex:1;flex:1}.user-box .user-box-list .group-box .user-list .count[data-v-526c6daa]{color:#aaa}.user-box .user-box-list .group-box .user-list li[data-v-526c6daa]{list-style:none;position:relative;font-size:1.2rem;cursor:pointer;font-weight:200}.user-box .user-box-list .group-box .user-list li h5[data-v-526c6daa]{padding:.5rem 0;cursor:pointer;font-size:1.3rem;font-weight:200}.user-box .user-box-list .group-box .user-list li h5 i[data-v-526c6daa]{vertical-align:baseline}.user-box .user-box-list .group-box .user-list li img[data-v-526c6daa]{width:4.4rem;height:4.4rem;border-radius:50%;position:absolute;top:.4rem;left:1.5rem}.user-box .user-box-list .group-box .user-list li .outline[data-v-526c6daa]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.user-box .user-box-list .group-box .user-list li b[data-v-526c6daa]{position:absolute;font-size:1.3rem;left:7.5rem;overflow:hidden;text-overflow:ellipsis;font-weight:600;top:.6rem}.user-box .user-box-list .group-box .user-list li p[data-v-526c6daa]{position:absolute;left:7.5rem;bottom:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:75%;font-size:1.1rem;color:#aaa}.user-box .user-box-list .group-box .user-list .user[data-v-526c6daa]{padding-left:1.3rem;height:5.2rem}.user-box .user-box-list .group-box .user-list .user a[data-v-526c6daa]{display:block;width:100%;height:100%;color:#666}.user-box .user-box-list .group-box .user-list>li[data-v-526c6daa]:hover{background-color:#ddd}