.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}.avatar-uploader>.ant-upload[data-v-ed1e2960]{width:104px;height:104px}.ant-upload-select-picture-card i[data-v-ed1e2960]{font-size:49px;color:#999}.ant-upload-select-picture-card .ant-upload-text[data-v-ed1e2960]{margin-top:8px;color:#666}.ant-table-tbody .ant-table-row td[data-v-ed1e2960]{padding-top:10px;padding-bottom:10px}.drawer-bootom-button[data-v-ed1e2960]{position:absolute;bottom:0;width:100%;border-top:1px solid #e8e8e8;padding:10px 16px;text-align:right;left:0;background:#fff;border-radius:0 0 2px 2px}[data-v-ed1e2960] .ant-drawer-body{padding-bottom:53px}.upload-tool[data-v-75effcc9]{display:inline-block}.imgupload[data-v-75effcc9] .ant-upload-list-picture-card .ant-upload-list-item,.imgupload[data-v-75effcc9] .ant-upload.ant-upload-select-picture-card{width:210px!important;height:160px!important}[data-v-75effcc9] .imgupload .iconp{padding:20px}[data-v-75effcc9] .image-upload-single-over .ant-upload-select{display:none}.im-chat{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:4rem;overflow:hidden}.im-chat-top{border-bottom:1px solid #ccc;color:#666;padding:0 0 .2rem 1rem;font-size:1.6rem;font-weight:700;height:40px}.im-chat-top .menu{color:#666;display:inline-block;padding:0 10px}.user-model .user-model-img{padding:15px;text-align:center}.user-model .user-model-img img{border-radius:50%}.user-model .user-model-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 0}.user-model .user-model-item label{-webkit-box-flex:2;-ms-flex:2;flex:2;font-weight:700;text-align:right}.user-model .user-model-item span{-webkit-box-flex:3;-ms-flex:3;flex:3}.im-chat-main{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:calc(100% - 40px)}.im-chat-main,.im-chat-main .im-chat-main-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.im-chat-main .im-chat-main-left{-webkit-box-flex:4;-ms-flex:4;flex:4;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.im-chat-main .im-chat-main-left .im-chat-main-box{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:1rem;overflow-x:hidden;overflow-y:auto}.im-chat-main .message-img{max-width:20rem}.im-chat-main .im-chat-users{width:180px;border-left:1px solid #ccc;overflow-y:scroll}.im-chat-main .im-chat-users ::-webkit-scrollbar{width:0}.im-chat-main .im-chat-users .chat-user-list{list-style:none;margin:0}.im-chat-main .im-chat-users .chat-user-list>li{margin-bottom:1rem;cursor:pointer;padding:5px 2px;position:relative}.im-chat-main .im-chat-users .chat-user-list>li:hover{background-color:#eee}.im-chat-main .im-chat-users .chat-user-list>li:hover:after{content:"...";position:absolute;right:10px;font-weight:700}.im-chat-main .im-chat-users .chat-user-list>li>.im-chat-avatar{width:3.2rem;height:3.2rem;display:inline-block;vertical-align:middle}.im-chat-main .im-chat-users .chat-user-list>li>.im-chat-avatar>img{width:100%;height:100%}.im-chat-main .messages{width:100%;height:calc(100% - 3rem);overflow-y:scroll}.im-chat-main .messages ul{width:100%}.im-chat-main .messages ul li{position:relative;font-size:0;margin-bottom:10px;padding-left:80px;min-height:68px}.im-chat-main .messages ul li .im-chat-text{position:relative;line-height:22px;margin-top:25px;padding:1rem;background-color:#e2e2e2;border-radius:3px;color:#333;word-break:break-all;display:inline-block;vertical-align:top;font-size:14px}.im-chat-main .messages ul li .im-chat-text:after{content:"";position:absolute;left:-10px;top:13px;width:0;height:0;border-style:solid dashed dashed;border-color:#e2e2e2 transparent transparent;overflow:hidden;border-width:10px}.im-chat-main .messages ul li .im-chat-text pre{width:100%;white-space:pre-wrap;word-break:break-all}.im-chat-main .messages ul li .im-chat-text pre img{display:block}.im-chat-main .messages .im-chat-user{width:296px;height:50px;position:absolute;display:inline-block;vertical-align:top;font-size:14px;left:3px;right:auto}.im-chat-main .messages .im-chat-user .message-info{position:absolute;left:60px;top:-2px;width:500px;line-height:24px;font-size:12px;white-space:nowrap;color:#999;text-align:left;font-style:normal}.im-chat-main .messages .im-chat-user .message-info i{font-style:normal;padding-left:15px}.im-chat-main .messages .im-chat-user .right{right:0;text-align:right;left:auto}.im-chat-main .messages .im-chat-user .right i{padding-right:15px}.im-chat-main .messages .im-chat-user img{width:4rem;height:4rem;border-radius:100%}.im-chat-main .messages .im-chat-mine{text-align:right;padding-left:0;padding-right:80px}.im-chat-main .messages .im-chat-mine .im-chat-text{margin-left:0;text-align:left;background-color:#5fb878;color:#fff;display:inline-block;vertical-align:top;font-size:14px}.im-chat-main .messages .im-chat-mine .im-chat-text:after{left:auto;right:-10px;border-top-color:#5fb878}.im-chat-main .messages .im-chat-mine .im-chat-user{left:auto;right:3px}.im-chat-main .messages .im-chat-mine .im-chat-user cite{left:auto;right:60px;text-align:right}.im-chat-main .messages .im-chat-mine .im-chat-user cite i{padding-left:0;padding-right:15px}.im-chat-main .messages .im-chat-mine .im-chat-user .message-info{right:60px!important}.im-chat-footer{border-top:1px solid #ddd;height:15rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.im-chat-footer .im-chat-tool{padding:.5rem 1rem;height:3.4rem;position:relative}.im-chat-footer .im-chat-tool i{font-size:2.4rem;cursor:pointer;margin-left:1rem}.im-chat-footer .im-chat-tool .faces-box{position:absolute;bottom:3.8rem}.im-chat-footer .im-chat-tool .ivu-upload{display:inline-block}.im-chat-footer .im-chat-tool .history-message-btn{float:right}.im-chat-footer textarea{border:0;padding:.5rem;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;resize:none;background-color:#f8f8f8!important}.im-chat-footer textarea:focus{border:0}.im-chat-footer .im-chat-send{height:4rem;text-align:right;padding:0 1rem 1rem 0}.ivu-scroll-wrapper{margin:0!important}.ivu-scroll-container{padding:15px 15px 5px;overflow-y:visible!important}@media (max-width:768px){.user-model .ivu-modal{width:30rem!important;margin:0 auto}}.history-message{width:80%;height:calc(100% - 30px)}.page{position:fixed;bottom:0;width:100%;margin:.5rem}.ivu-drawer-body{padding:0!important}.ivu-drawer-body .messages{height:calc(100% - 3rem)}.model-footer{text-align:right;margin:10px}.v-im[data-v-63cca138]{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[data-v-63cca138]{background-color:#1c2438;width:6rem;height:500px}.v-im .left-bar ul[data-v-63cca138]{padding:3rem 1.2rem 1.2rem 1.2rem;list-style:none;height:100%;position:relative}.v-im .left-bar ul li[data-v-63cca138]{-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[data-v-63cca138]{font-size:3rem!important;color:#666;margin:.3rem;cursor:pointer}.v-im .left-bar ul li .ivu-icon[data-v-63cca138]:hover,.v-im .left-bar ul li .router-link-active .ivu-icon[data-v-63cca138]{color:#fff}.v-im .left-bar ul .logout[data-v-63cca138]{bottom:0;position:absolute}.v-im .left-bar ul .userPhoto[data-v-63cca138]{margin-bottom:2rem}.v-im .left-bar ul .userPhoto img[data-v-63cca138]{width:3.6rem;height:3.6rem}.v-im .user-model[data-v-63cca138] .img{border-radius:50%;width:100px;height:100px}.v-im .content[data-v-63cca138]{-webkit-box-flex:1;-ms-flex:1;flex:1}.ivu-tabs-content[data-v-63cca138]{height:100%}.chat-panel[data-v-63cca138]{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[data-v-63cca138]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f8f8f8;flex-direction:column;position:relative}.chat-panel .chat-box-list[data-v-63cca138],.chat-panel .chat-box[data-v-63cca138]{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-63cca138]{height:100%;width:352px;flex-direction:column}.chat-panel .chat-box-list .search-box[data-v-63cca138]{margin:1.5rem;width:19rem}.group-box[data-v-63cca138]{height:100%;overflow-y:scroll}.group-box .count[data-v-63cca138]{color:#aaa}.group-box li[data-v-63cca138]{list-style:none;position:relative;font-size:1.2rem;cursor:pointer;font-weight:200;margin-bottom:2rem}.group-box li h5[data-v-63cca138]{padding:.5rem 0;cursor:pointer;font-size:1.3rem;font-weight:200}.group-box li h5 i[data-v-63cca138]{vertical-align:baseline}.group-box li img[data-v-63cca138]{width:4.4rem;height:4.4rem;position:absolute;top:.4rem;left:2rem}.group-box li b[data-v-63cca138]{font-size:1.3rem;font-weight:600;top:.6rem}.group-box li b[data-v-63cca138],.group-box li p[data-v-63cca138]{position:absolute;left:7.5rem;overflow:hidden;text-overflow:ellipsis}.group-box li p[data-v-63cca138]{bottom:.4rem;white-space:nowrap;width:75%;font-size:1.1rem;color:#aaa}.group-box .imuser[data-v-63cca138]{height:5.2rem;position:relative}.group-box .imuser a[data-v-63cca138]{display:block;width:100%;height:100%;color:#666;position:relative}.group-box .imuser a i[data-v-63cca138]{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-63cca138]{width:12rem}.group-box .imuser[data-v-63cca138]:hover{background-color:#ddd!important}.group-box .imuser:hover>i[data-v-63cca138]{color:#666;background-color:#fff}.group-box .imuser .active[data-v-63cca138]{background-color:#ddd!important}.group-box .imuser>i[data-v-63cca138]{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-63cca138]:hover{color:#666;background-color:#fff}