.faces[data-v-02c439da]{width:30.5rem;list-style:none;background-color:#fff;border:1px solid #f0f5ff;display:block;height:25rem}.faces>li[data-v-02c439da]{width:3rem!important;height:3rem!important;display:inline-block;padding:4px;float:left;cursor:pointer}.faces>li>img[data-v-02c439da]{width:100%;height:100%}.upload-tool[data-v-9920d4f0]{display:inline-block}.im-chat{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-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:-ms-flexbox;display:flex;padding:5px 0}.user-model .user-model-item label{-ms-flex:2;flex:2;font-weight:700;text-align:right}.user-model .user-model-item span{-ms-flex:3;flex:3}.im-chat-main{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:calc(100% - 40px)}.im-chat-main .im-chat-main-left{-ms-flex:4;flex:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.im-chat-main .im-chat-main-left .im-chat-main-box{-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:60px;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:4rem;height:4rem;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:60px}.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:-ms-flexbox;display:flex;-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%;-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}