.chat-box[data-v-30e4d9b6]{background:#fff}.chat-box .chat-menu[data-v-30e4d9b6]{border-right:1px solid #d9d9d9;height:850px;width:260px;background-color:#fefefe}.chat-box .chat-menu .chat-loading[data-v-30e4d9b6]{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;height:80px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(145,203,224,.8)),to(rgba(162,227,251,0)));background-image:linear-gradient(rgba(145,203,224,.8),rgba(162,227,251,0));position:absolute;width:260px;z-index:100}.chat-box .chat-menu .chat-item[data-v-30e4d9b6]{background-color:#f0f0f0;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex}.chat-box .chat-menu .chat-item.active[data-v-30e4d9b6]{background-color:#dcdcdc}.chat-box .chat-menu .chat-item.hov[data-v-30e4d9b6]:hover{background-color:#ebebeb}.chat-box .chat-menu .chat-item .chat-item-desp[data-v-30e4d9b6]{font-size:12px;color:#aaa;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-box .chat-menu .chat-item .chat-item-point[data-v-30e4d9b6]{color:#fff;background-color:red;padding:0 6px;border-radius:20px;font-size:12px}.chat-window[data-v-30e4d9b6]{width:100%}.chat-window .message-box[data-v-30e4d9b6],.chat-window[data-v-30e4d9b6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chat-window .message-box[data-v-30e4d9b6]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:16px;overflow:auto;height:600px}.chat-window .message-box .message-item[data-v-30e4d9b6]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:3px 0}.chat-window .message-box .message-item .item-avatar[data-v-30e4d9b6]{margin:0 4px}.chat-window .message-box .message-item .item-content[data-v-30e4d9b6]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:6px 12px;border-radius:16px;margin:16px 4px 4px 4px;background-color:#eee;max-width:420px;-webkit-box-shadow:1px 1px 10px #e8e8e8;box-shadow:1px 1px 10px #e8e8e8}.chat-window .message-box .message-item .item-time[data-v-30e4d9b6]{margin:0 5px;padding-bottom:2px;color:#bbb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chat-window .message-box .message-item.left .item-content[data-v-30e4d9b6]{border-top-left-radius:0}.chat-window .message-box .message-item.right[data-v-30e4d9b6]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chat-window .message-box .message-item.right .item-content[data-v-30e4d9b6]{border-top-right-radius:0;background-color:#cae8ff}.chat-window .input-box[data-v-30e4d9b6]{padding:6px 16px 12px 16px;border-top:1px solid #d9d9d9;height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chat-window .input-box .tools a[data-v-30e4d9b6]{font-size:18px;margin-right:10px}.chat-window .input-box .input-area[data-v-30e4d9b6]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:6px 0}.chat-window .input-box .input-area textarea[data-v-30e4d9b6]{width:100%;height:100%}.chat-window .input-box .sent-botton[data-v-30e4d9b6]{width:100%}