.avatar-uploader .el-upload{border:1px dashed #c2c2c2;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:100px;height:100px;line-height:100px;text-align:center}.avatar{width:100px;height:100px;display:block}.item[data-v-4b373773]{height:40px;line-height:40px;padding-left:20px;cursor:pointer}.active[data-v-4b373773]{color:#53a8ff;background:#f6f6f6}.item span[data-v-4b373773]{padding-left:5px}.item[data-v-4b373773]:hover{color:#53a8ff;background:#f6f6f6}.list-search .el-input__inner{height:33px}.chat-list,.customer-info{background:#fff;height:calc(100vh - 100px)}.customer-info{border-left:1px solid #ececec}.chat-list{border-right:1px solid #ececec}.chat-header{text-align:left;line-height:60px;height:100%;background:#fff;border-bottom:1px solid #ececec}.chat-box{height:calc(100vh - 100px);background:#fff}.chat-list .chat-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 10px;height:74px;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:3px solid transparent;cursor:pointer}.chat-list .chat-item .avatar{position:relative;width:40px;height:40px}.chat-list .chat-item .avatar img{display:block;width:100%;height:100%;border-radius:50%}img{border-style:none}.chat-list .chat-item .avatar .status.off{background:#999}.chat-list .chat-item .avatar .status{position:absolute;right:3px;bottom:0;width:8px;height:8px;background:#48d452;border:1px solid #fff;border-radius:50%}.chat-list .chat-item .user-info{width:155px;margin-left:12px;margin-top:5px;font-size:16px}.chat-list .chat-item .user-info .hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,.65)}.chat-list .chat-item .user-info .hd .name{max-width:67%}.line1{white-space:nowrap}.chat-list .chat-item .user-info .hd .label.pc{background:rgba(100,64,194,.16);color:#6440c2}.chat-list .chat-item .user-info .hd .label{margin-left:5px;color:#3875ea;font-size:12px;background:#d8e5ff;border-radius:2px;padding:1px 5px}.chat-list .chat-item .user-info .bd{margin-top:3px;font-size:12px;color:#8e959e}.line1,.line2{overflow:hidden;text-overflow:ellipsis}.chat-list .chat-item .right-box{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;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-align:end;-ms-flex-align:end;align-items:flex-end;color:#8e959e}.chat-list .chat-item .right-box .num{margin-right:12px}.chat-list .chat-item.active{background:#eff0f1;border-left:3px solid #1890ff}.chat-list .time{font-size:12px}.chat-list .num{margin-top:10px}.chat-box .chat-item{margin-bottom:10px}.chat-box .chat-item .time{text-align:center;color:#999;font-size:14px;margin:18px 0}.chat-box .chat-item .flex-box{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-box .chat-item .avatar{width:40px;height:40px;margin-right:16px}.chat-box .chat-item .avatar img{display:block;width:100%;height:100%;border-radius:50%}.chat-box .chat-item .msg-wrapper{max-width:320px;background:#f5f5f5;border-radius:10px;color:#000;font-size:14px;overflow:hidden}.chat-box .chat-item .msg-wrapper .pad16{padding:12px}.chat-item .msg-wrapper .txt-wrapper{word-break:break-all}.chat-box .chat-item.right-box .flex-box{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chat-box .chat-item.right-box .flex-box .avatar{margin-right:0;margin-left:16px}.chat-textarea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:214px;border-top:1px solid #ececec}.chat-bar{height:50px;width:100%;line-height:50px;text-align:left}.chat-textarea .textarea-box{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0;position:relative}.chat-textarea .editable{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:4px 7px;overflow-x:hidden;overflow-y:auto;font-size:14px;line-height:1.5;color:#515a6e}.send-btn{position:absolute;right:0;bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:10px;margin-right:10px}.user-wrapper{padding:0 8px}.user-wrapper .user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 0;border-bottom:1px solid #ececec}.user-wrapper .user .avatar{width:42px;height:42px}.user-wrapper .user .avatar img{display:block;width:100%;height:100%;border-radius:50%}.user-wrapper .user .name{max-width:150px;margin-left:10px;font-size:16px;color:rgba(0,0,0,.65)}.user-wrapper .user .label.pc{background:rgba(100,64,194,.16);color:#6440c2}.user-wrapper .user .label{margin-left:5px;font-size:12px;border-radius:2px;padding:2px 5px}.user-info{padding-top:15px;padding-bottom:10px}.user-info .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:14px;color:#333}.user-info .item span{width:70px;font-size:13px;color:#666}.emotion-box-line{cursor:pointer}.textarea-box textarea{height:120px;resize:none;border:none;background:transparent;border-style:none;font-size:14px;outline:none;padding:0 15px}.emotion-box{border:1px solid #e2e2e2!important}.chat-item .msg-wrapper .img-wraper img{max-width:100%;height:auto;display:block}