.UnreadNumber{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{height:100%}.chat-panel{width:100%;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{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f8f8f8;flex-direction:column;position:relative}.chat-panel .chat-box,.chat-panel .chat-box-list{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{height:100%;width:352px;flex-direction:column}.chat-panel .chat-box-list .search-box{margin:1.5rem;width:19rem}.group-box{height:100%;overflow-y:scroll}.group-box .count{color:#aaa}.group-box li{list-style:none;position:relative;font-size:1.2rem;cursor:pointer;font-weight:200;margin-bottom:2rem}.group-box li h5{padding:.5rem 0;cursor:pointer;font-size:1.3rem;font-weight:200}.group-box li h5 i{vertical-align:baseline}.group-box li img{width:4.4rem;height:4.4rem;position:absolute;top:.4rem;left:2rem}.group-box li b{font-size:1.3rem;font-weight:600;top:.6rem}.group-box li b,.group-box li p{position:absolute;left:7.5rem;overflow:hidden;text-overflow:ellipsis}.group-box li p{bottom:.4rem;white-space:nowrap;width:75%;font-size:1.1rem;color:#aaa}.group-box .imuser{height:5.2rem;position:relative}.group-box .imuser a{display:block;width:100%;height:100%;color:#666;position:relative}.group-box .imuser a i{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{width:12rem}.group-box .imuser:hover{background-color:#ddd!important}.group-box .imuser:hover>i{color:#666;background-color:#fff}.group-box .imuser .active{background-color:#ddd!important}.group-box .imuser>i{position:absolute;right:1rem;bottom:1.6rem;cursor:pointer;border-radius:50%;padding:.2rem;text-align:center;color:#eee}.group-box .imuser>i:hover{color:#666;background-color:#fff}.v-im{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.v-im .left-bar{background-color:#1c2438;width:6rem;height:500px}.v-im .left-bar ul{padding:3rem 1.2rem 1.2rem 1.2rem;list-style:none;height:100%;position:relative}.v-im .left-bar ul li{-webkit-app-region:no-drag;display:block;width:3.6rem;height:3.6rem;text-align:center;margin-bottom:2rem;cursor:pointer}.v-im .left-bar ul li .ivu-icon{font-size:3rem!important;color:#666;margin:.3rem;cursor:pointer}.v-im .left-bar ul li .ivu-icon:hover,.v-im .left-bar ul li .router-link-active .ivu-icon{color:#fff}.v-im .left-bar ul .logout{bottom:0;position:absolute}.v-im .left-bar ul .userPhoto{margin-bottom:2rem}.v-im .left-bar ul .userPhoto img{width:3.6rem;height:3.6rem}.v-im .user-model ::v-deep .img{border-radius:50%;width:100px;height:100px}.v-im .content{-webkit-box-flex:1;-ms-flex:1;flex:1}