.truncate[data-v-307d52f5]{display:block;-moz-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-list[data-v-307d52f5]{width:240px;min-width:240px;border-right:1px solid var(--el-border-color);background:#fff}.chat-list .user-item[data-v-307d52f5]{display:flex;align-items:center;height:70px;padding:0 20px;border-top:1px solid var(--el-border-color);cursor:pointer;transition:background-color .2s}.chat-list .user-item[data-v-307d52f5]:first-child{border-top:none}.chat-list .user-item[data-v-307d52f5]:hover{background-color:var(--el-fill-color-light)}.chat-list .user-item.active[data-v-307d52f5]{background-color:var(--el-color-primary-light-3)}.chat-list .user-item.active .user-info-wrap .user-info-last .user-info-name[data-v-307d52f5],.chat-list .user-item.active .user-info-wrap .user-info-last .user-info-text[data-v-307d52f5],.chat-list .user-item.active .user-info-wrap .user-info-last .user-info-time[data-v-307d52f5]{color:#fff}.chat-list .user-item .user-avatar[data-v-307d52f5]{width:36px;height:36px;margin-right:8px}.chat-list .user-item .user-info-wrap[data-v-307d52f5]{flex:1 1 auto}.chat-list .user-item .user-info-wrap .user-info-last[data-v-307d52f5]{display:flex;align-items:center;justify-content:space-between}.chat-list .user-item .user-info-wrap .user-info-last .user-info-name[data-v-307d52f5]{width:86px;font-size:14px;color:var(--el-text-color-primary)}.chat-list .user-item .user-info-wrap .user-info-last .user-info-time[data-v-307d52f5]{font-size:12px;color:var(--el-text-color-secondary)}.chat-list .user-item .user-info-wrap .user-info-last .user-info-text[data-v-307d52f5]{width:122px;padding-top:4px;font-size:12px;color:var(--el-text-color-secondary)}.chat-list .user-item .user-info-wrap .user-info-last .user-info-count[data-v-307d52f5]{padding:0 4px;min-width:16px;height:16px;line-height:16px;text-align:center;font-size:12px;font-weight:700;color:#fff;background:var(--el-text-color-placeholder);border-radius:10px}.chat-title[data-v-b3f8f83a]{width:100%;height:50px;border-bottom:1px solid var(--el-border-color);display:flex;align-items:center;justify-content:space-between}.chat-title .chat-title-left[data-v-b3f8f83a]{padding-left:20px;display:flex;align-items:center}.chat-title .chat-title-left .edit-chat-title[data-v-b3f8f83a]{font-size:14px;color:var(--el-text-color-regular);display:flex;align-items:center;cursor:pointer}.chat-title .chat-title-left .edit-chat-title .el-icon[data-v-b3f8f83a]{margin:0 4px 0 8px;transition:all .2s}.chat-title .chat-title-left .edit-chat-title .edit-tips[data-v-b3f8f83a]{opacity:0;transition:all .2s}.chat-title .chat-title-left .edit-chat-title:hover .el-icon[data-v-b3f8f83a]{color:var(--el-color-primary)}.chat-title .chat-title-left .edit-chat-title:hover .edit-tips[data-v-b3f8f83a]{opacity:1;color:var(--el-color-primary)}.chat-title .chat-title-right[data-v-b3f8f83a]{padding:0 20px;font-size:18px;cursor:pointer}.chat-title .chat-title-right[data-v-b3f8f83a]:hover{color:var(--el-color-danger)}.chat-content-wrap[data-v-b3f8f83a]{width:100%}.chat-content-wrap .chat-show-time[data-v-b3f8f83a]{width:100%;text-align:center;color:var(--el-text-color-secondary);font-size:12px;padding:10px 0}.chat-content-wrap .chat-content[data-v-b3f8f83a]{width:100%;padding:16px;display:flex}.chat-content-wrap .chat-content .chat-content-left[data-v-b3f8f83a],.chat-content-wrap .chat-content .chat-content-right[data-v-b3f8f83a]{display:flex;position:relative}.chat-content-wrap .chat-content .chat-content-left:hover .chat-item-time[data-v-b3f8f83a],.chat-content-wrap .chat-content .chat-content-right:hover .chat-item-time[data-v-b3f8f83a]{opacity:1}.chat-content-wrap .chat-content .chat-content-left .chat-item-text[data-v-b3f8f83a]{color:var(--el-text-color-primary);background:#fff}.chat-content-wrap .chat-content .chat-content-left .chat-item-time[data-v-b3f8f83a]{left:44px}.chat-content-wrap .chat-content .chat-content-right .chat-item-text[data-v-b3f8f83a]{color:#fff;background:var(--el-color-primary-light-3)}.chat-content-wrap .chat-content .chat-content-right .chat-item-time[data-v-b3f8f83a]{right:44px}.chat-content-wrap .chat-content .chat-avatar[data-v-b3f8f83a]{width:36px;height:36px}.chat-content-wrap .chat-content .chat-item-wrap[data-v-b3f8f83a]{margin:0 8px;display:flex;flex-direction:column;align-items:flex-start}.chat-content-wrap .chat-content .chat-item-time[data-v-b3f8f83a]{opacity:0;position:absolute;bottom:-18px;width:120px;color:var(--el-text-color-secondary);font-size:12px;transition:opacity .2s}.chat-content-wrap .chat-content .chat-item-title[data-v-b3f8f83a]{padding-bottom:4px;color:var(--el-text-color-secondary);font-size:12px}.chat-content-wrap .chat-content .chat-item-text[data-v-b3f8f83a]{padding:10px 12px;font-size:14px;border-radius:6px;overflow:hidden;word-break:break-all}.chat-content-wrap .chat-content .chat-item-text.is-image[data-v-b3f8f83a]{display:flex;padding:0;background:transparent;cursor:pointer}.chat-content-wrap .chat-content .chat-item-text.is-image .el-image[data-v-b3f8f83a]{display:block;width:350px;height:200px}.chat-textarea-wrap[data-v-b3f8f83a]{padding:10px;width:100%;height:180px;border-top:1px solid var(--el-border-color)}.chat-textarea-wrap .chat-toolbar[data-v-b3f8f83a]{padding:0 10px;display:flex;justify-content:flex-start;align-items:center;height:24px;font-size:20px}.chat-textarea-wrap .chat-toolbar .el-icon[data-v-b3f8f83a]{cursor:pointer;transition:color .2s}.chat-textarea-wrap .chat-toolbar .el-icon[data-v-b3f8f83a]:hover{color:var(--el-color-primary)}.chat-textarea-wrap .chat-textarea[data-v-b3f8f83a] textarea{font-size:14px;height:90px;resize:none;box-shadow:none;background:transparent;color:#000;padding:0 10px}.chat-textarea-wrap .chat-button[data-v-b3f8f83a]{padding:0 10px;height:54px;display:flex;align-items:center;justify-content:flex-end}.chat-wrap[data-v-46ef72b8]{display:flex;border-radius:var(--global-card-radius);overflow:hidden}.chat-wrap .chat-body[data-v-46ef72b8]{flex:1 1 auto;background:var(--el-fill-color-light);display:flex;flex-direction:column;align-items:center;justify-content:center}