.kefu-con[data-v-2a6ba618]{width:100%;height:100%;border:1px solid #eee;border-radius:5px;overflow:hidden}.kefu-con .con[data-v-2a6ba618]{width:100%;max-width:960px;height:600px}.kefu-con .con .head[data-v-2a6ba618]{width:100%;padding:10px 20px;font-weight:500;font-size:16px;background:#fff}.kefu-con .con .head .head-logo[data-v-2a6ba618]{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.kefu-con .con .head .status[data-v-2a6ba618]{font-size:12px;font-weight:400}.kefu-con .con .head .status.online[data-v-2a6ba618]{color:#67c23a}.kefu-con .con .head .status.offline[data-v-2a6ba618]{color:#f56c6c}.kefu-con .con .center[data-v-2a6ba618]{width:100%;height:100%;background:#f7f7f7;overflow-x:hidden;overflow-y:auto}.kefu-con .con .center .history-tip[data-v-2a6ba618]{padding:8px 0}.kefu-con .con .msg-list[data-v-2a6ba618]{padding:10px}.kefu-con .con .msg-list .msg-item[data-v-2a6ba618]{display:flex;margin:20px auto}.kefu-con .con .msg-list .msg-item .avatar[data-v-2a6ba618]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.kefu-con .con .msg-list .msg-item .msg[data-v-2a6ba618]{max-width:300px;word-break:break-all;position:relative;vertical-align:top;display:inline-block;background:#fff;padding:10px;border-radius:5px}.kefu-con .con .msg-list .msg-item p[data-v-2a6ba618]{padding:0;margin:0}.kefu-con .con .msg-list .my[data-v-2a6ba618]{justify-content:flex-end}.kefu-con .con .msg-list .my .avatar[data-v-2a6ba618]{margin-left:15px}.kefu-con .con .msg-list .my .msg[data-v-2a6ba618]:after{content:"";position:absolute;top:15px;right:-10px;width:0;height:0;border-top:5px solid transparent;border-left:10px solid #fff;border-bottom:5px solid transparent}.kefu-con .con .msg-list .other .avatar[data-v-2a6ba618]{margin-right:15px}.kefu-con .con .msg-list .other .msg[data-v-2a6ba618]:before{content:"";position:absolute;top:15px;left:-10px;width:0;height:0;border-top:5px solid transparent;border-right:10px solid #fff;border-bottom:5px solid transparent}.kefu-con .con .foo[data-v-2a6ba618]{padding:10px;height:140px;background:#fff}.kefu-con .con .foo .textarea[data-v-2a6ba618]{width:100%;height:100%;border:none;outline:none;color:#666;resize:none}