.im-right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;background:#fff;border-radius:10px;margin-left:10px}.im-right,.im-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.im-user{width:100%;height:80px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.im-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px;.im-upload{i{font-size:20px;margin-right:10px}}}.im-send-btn-box{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.im-send-btn-box,.send-btn{display:-webkit-box;display:-ms-flexbox;display:flex}.send-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;padding:10px 20px}.send-btn,.send-btn:focus,.send-btn:hover{background:#fff;color:#7dc647}.send-btn:active{border:1px solid #dcdfe6}.user-headpic{height:80px;width:80px;min-width:80px;min-height:80px;margin-right:10px;border:1px solid #ccc;border-radius:6px}.display-flex,.flex-col,.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-center,.justify-start{display:-webkit-box;display:-ms-flexbox;display:flex}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.im-btn{height:32px;width:100px;background:#077ebe;color:#fff;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;border-radius:4px;margin-right:10px;cursor:pointer}.im-msg{height:inherit}textarea{width:100%;height:160px;font-size:16px}textarea,textarea:active{border:none}.ws-im-dialog{height:calc(100vh - 390px);overflow-y:auto;overflow-x:hidden}.im-user-page::-webkit-scrollbar,.ws-im-dialog::-webkit-scrollbar{width:4px}.im-user-page::-webkit-scrollbar-thumb,.ws-im-dialog::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px #bababa;opacity:.2}.msg-box-text-left{border:1.5px solid #7dc647;border-radius:0 5px 5px 5px;color:#fff;background:#7dc647}.msg-box-text-left,.msg-box-text-right{width:auto;height:auto;padding:5px;word-break:break-word}.msg-box-text-right{border:1.5px solid #7dc647;color:#7dc647;border-radius:5px 0 5px 5px}.msg-box-files{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;word-break:break-word;padding:5px}.msg-box-files,.msg-box-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.msg-box-image{overflow:hidden}.msg-box-border-right{border-radius:5px 0 5px 5px}.msg-box-border-left{border-radius:0 5px 5px 5px}.test-input{position:absolute;bottom:-80px;right:200px}.im-left[data-v-2a914e70]{width:400px;min-width:400px;padding:20px;background:#fff;border-radius:10px}.im-left .im-title[data-v-2a914e70]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.im-left .im-title .el-icon-s-custom[data-v-2a914e70]{cursor:pointer}.im-user-page[data-v-2a914e70]{height:calc(100% - 100px);overflow-y:auto;margin-top:10px}.im-user-page .im-user[data-v-2a914e70]{height:80px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:10px}.im-user-page .im-user[data-v-2a914e70]:hover{background:#ecf5ff}.im-user-page .im-user .unread-badge[data-v-2a914e70]{position:relative;left:0}.im-user-page .im-user .unread-badge[data-v-2a914e70] .el-badge__content.is-fixed{top:6px;right:15px}.im-user-page .isSelect[data-v-2a914e70]{background-color:#ecf5ff}.im-user-page .user-header[data-v-2a914e70]{margin-right:10px}.im-user-page .user-headpic[data-v-2a914e70]{width:50px;height:50px;border:1px solid #000}.im-user-page .user-headpic .picFriends[data-v-2a914e70]{width:100%;height:100%;border-radius:4px}.ws-downfile[data-v-0427114b]{width:auto;height:auto;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ws-downfile[data-v-0427114b]:hover{opacity:.6}.right-im-box[data-v-32f4f7bd]{width:610px;margin-top:100px;position:relative}.head-wrap[data-v-32f4f7bd]{border-bottom:1px solid #ccc;padding-bottom:10px;position:relative}.head-wrap .user-wrap[data-v-32f4f7bd]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.head-wrap .user-header[data-v-32f4f7bd]{margin-right:10px}.head-wrap .head-close[data-v-32f4f7bd]{position:absolute;right:10px;top:0;font-size:30px;color:#bababa;cursor:pointer}.el-input--medium[data-v-32f4f7bd] .el-input__inner{border:none}.im-send-box[data-v-32f4f7bd]{height:100px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.im-send-box .im-send-input[data-v-32f4f7bd]{border:none}.im-send-box .im-send-input[data-v-32f4f7bd] .el-textarea__inner{padding:0 15px 5px 0;border:none;height:auto}.im-send-box .im-send-input[data-v-32f4f7bd] .el-textarea__inner::-webkit-scrollbar{width:4px}.im-send-box .im-send-input[data-v-32f4f7bd] .el-textarea__inner::-webkit-scrollbar-thumb{border-radius:10px;background-color:#bababa;opacity:.2}.im-msg[data-v-32f4f7bd]{background-color:#f3f3f3}.im-msg .im-headpic-left[data-v-32f4f7bd]{margin-right:5px}.im-msg .im-headpic-right[data-v-32f4f7bd]{margin-left:5px}.im-msg .msg-box-time[data-v-32f4f7bd]{padding:5px 0}.im-msg .msg-box-text-right[data-v-32f4f7bd]{border:1px solid #89d961;color:#000;background:#89d961}.im-msg .msg-box-text-left[data-v-32f4f7bd]{border:1px solid #fff;background-color:#fff;color:#000}.im-msg .ws-im-dialog[data-v-32f4f7bd]{padding:0 10px}.im-main[data-v-b6319fae]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:20px;background:#e1e1e1;height:calc(100vh - 119px)}.im-main .empty[data-v-b6319fae]{-webkit-box-flex:1;-ms-flex:1;flex:1}