.chat-container[data-v-817d6bcc]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 130px)}.chat-container .chat-user[data-v-817d6bcc]{width:20%;background:#fff;border-right:1px solid #ecf0f3}.chat-container .chat-user-list[data-v-817d6bcc]{height:calc(100vh - 220px);padding:20px 0;overflow-y:auto}.chat-container .chat-user-item[data-v-817d6bcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 10px;border-bottom:1px solid #ecf0f3;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.chat-container .chat-user-active[data-v-817d6bcc]{background:#e5e5e5}.chat-container .chat-user .chat-last-msg[data-v-817d6bcc]{width:230px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#999}.chat-container .chat-block_title[data-v-817d6bcc]{height:50px;line-height:50px;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ecf0f3;font-size:22px;font-weight:700}.chat-container .chat-content-wrapper[data-v-817d6bcc]{position:relative;width:69%;border-right:1px solid #ecf0f3;background:#fff}.chat-container .chat-content-wrapper .chat-msg-tip[data-v-817d6bcc]{position:absolute;width:200px;right:10px;bottom:186px;z-index:10;cursor:pointer}.chat-container .chat-content-wrapper .chatting-content[data-v-817d6bcc]{height:calc(100vh - 360px);padding:20px 10px 50px;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f5f5f5}.chat-container .chat-content-wrapper .chatting-content .load-more[data-v-817d6bcc]{padding-bottom:15px;font-size:13px;color:#999;text-align:center;cursor:pointer}.chat-container .chat-content-wrapper .chatting-content .chat-head[data-v-817d6bcc]{width:45px;height:45px;border-radius:50%}.chat-container .chat-content-wrapper .chatting-content .chatting-date[data-v-817d6bcc]{height:30px;text-align:center;margin-bottom:20px}.chat-container .chat-content-wrapper .chatting-content .chatting-date span[data-v-817d6bcc]{display:inline-block;width:100px;height:30px;line-height:30px;border-radius:6px;color:#fff;background-color:#d8d8d8}.chat-container .chat-content-wrapper .chatting-content .common-chat-content[data-v-817d6bcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;max-width:500px;white-space:pre-wrap;word-break:break-all;padding:5px;border:1px solid #ecf0f3;border-radius:5px;font-size:16px;background:#fff}.chat-container .chat-content-wrapper .chatting-content .chat-arrow[data-v-817d6bcc]{position:absolute;width:10px;height:10px;top:15px;background-color:#fff;border-radius:3px;border-top:2px solid #ecf0f3}.chat-container .chat-content-wrapper .chatting-content .chat-date-r[data-v-817d6bcc]{margin:5px 60px 10px 0;text-align:right;font-size:12px;color:#999}.chat-container .chat-content-wrapper .chatting-content .chat-date-l[data-v-817d6bcc]{margin:5px 0 10px 60px;font-size:12px;color:#999}.chat-container .chat-content-wrapper .chatting-content .customer-chat[data-v-817d6bcc]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.chat-container .chat-content-wrapper .chatting-content .customer-chat .chat-head[data-v-817d6bcc]{margin-right:10px}.chat-container .chat-content-wrapper .chatting-content .customer-chat .customer-chat-content[data-v-817d6bcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;max-width:500px;white-space:pre-wrap;word-break:break-all;padding:5px;border:1px solid #ecf0f3;border-radius:5px;font-size:16px;background:#fff}.chat-container .chat-content-wrapper .chatting-content .customer-chat .customer-chat-content[data-v-817d6bcc]:before{content:"";position:absolute;width:10px;height:10px;top:15px;background-color:#fff;border-radius:3px;border-top:2px solid #ecf0f3;left:-7px;border-left:2px solid #ecf0f3;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.chat-container .chat-content-wrapper .chatting-content .mine-chat[data-v-817d6bcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:20px}.chat-container .chat-content-wrapper .chatting-content .mine-chat .chat-head[data-v-817d6bcc]{margin-left:10px}.chat-container .chat-content-wrapper .chatting-content .mine-chat .mine-chat-content[data-v-817d6bcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;max-width:500px;white-space:pre-wrap;word-break:break-all;padding:5px;border:1px solid #ecf0f3;border-radius:5px;font-size:16px;background:#fff}.chat-container .chat-content-wrapper .chatting-content .mine-chat .mine-chat-content[data-v-817d6bcc]:after{content:"";position:absolute;width:10px;height:10px;top:15px;background-color:#fff;border-radius:3px;border-top:2px solid #ecf0f3;right:-7px;border-right:2px solid #ecf0f3;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.chat-container .chat-content-wrapper .chat-area[data-v-817d6bcc]{padding:5px 10px}.chat-container .chat-content-wrapper .send-btn[data-v-817d6bcc]{margin-top:10px;padding-right:30px;text-align:right}.chat-container .customer-info[data-v-817d6bcc]{width:19%;background:#fff}.chat-container .customer-info .info-block[data-v-817d6bcc]{margin-bottom:50px}.chat-container .customer-info .el-form-item[data-v-817d6bcc]{margin-bottom:0}.chat-container .customer-info[data-v-817d6bcc] .el-form-item__content{word-break:break-all}