[data-v-4baa4a94]:root{--globalFontSize:14px;--titleFontSize:14px;--onColor:#00d509;--sosColor:#c00505;--sosBg:#3e1212;--noticeColor:#ee4e4e;--menuWidth:68px;--gap:8px;--tagBlue:#0865d9;--tagYellow:#d97907;--tagGreen:#0a744d;--headerToolBarHeight:0px;--colorTitle:#fff;--colorFill:#6f6f6f;--colorErr:#ff7373;--colorErrDark:#ff6767;--colorDanger:#4a2733;--colorDangerRGB:74,39,51;--colorErrLight:#ed5151;--colorErrLightRGB:237,81,81;--colorErrRGB:255,115,115;--colorErrDarkRGB:255,103,103;--colorOpacity5:0.5;--colorOpacity8:0.8;--colorOpacity75:0.75;--colorOpacity7:0.7;--colorOpacity3:0.3;--colorOpacity25:0.25;--colorOpacity2:0.2;--colorOpacity6:0.6;--folderWidth:18px;--headerHeight:60px;--asideToTop:calc(var(--headerHeight) + 3px);--asideToBottom:8px;--asideLeft:10px;--asideWidth:380px;--bottomContentHeight:238px;--unfoldAsideWidth:calc(var(--asideWidth) + var(--asideLeft) + var(--folderWidth));--tableHeightWithMenu:calc(100% - 92px);--pagenationToBottom:26px;--cardLinearColor:linear-gradient(180deg,rgba(0,133,138,0),#00858a);--placeholderTextColor:rgba(255,255,255,var(--colorOpacity5));--checkBoxBorderColor:#3e4957;--primaryColorRGB:0,18,19;--deviceTabColor:#00858a;--deviceTabColorRGB:0,133,138;--primaryColor:#022c2e;--textColor:#d4feff;--pannelBgColor:#0e305c;--tagBg:#056e74;--scrollBarColor:#06d8e1;--activeStatusColor:#00f2fb;--activeStatusColorRGB:0,242,251;--dropDownBg:#001213;--dialogBg:#014345;--dropDownBgRGB:0,18,19;--chatLeftColor:#017276;--chatBorderColor:#03797e;--chatHeaderBg:#037276;--chatTextColor:#2a3e58;--chatInputColor:#034344;--pageBg:#003032;--disableColor:#c2c2c2;--borderColor:#00494c;--readColor:#8a9797;--tableHeaderBg:#065f62;--checkedColor:#001a1c;--codeBg:#006c71;--checkBoxColor:#a7a7a7;--loginBtnColor:#21b7c5;--gridBgColor:#005d61;--dashedColor:#a3adad;--glayColor:#a6a6a6;--grayColor5:#9c9d9b;--selectStatusColor:#00f2fb;--selectStatusColorRGB:0,242,251;--primaryConsoleWithOpacity:rgba(var(--primaryColorRGB),var(--colorOpacity75));--cardBorder3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--inputBorder5:rgba(var(--activeStatusColorRGB),var(--colorOpacity5));--tabBg25:rgba(var(--deviceTabColorRGB),var(--colorOpacity25));--tabBg5:rgba(var(--deviceTabColorRGB),var(--colorOpacity5));--tabBg6:rgba(var(--deviceTabColorRGB),var(--colorOpacity6));--tabBg8:rgba(var(--deviceTabColorRGB),var(--colorOpacity8));--tabBg7:rgba(var(--deviceTabColorRGB),var(--colorOpacity7));--activeStatusColor2:rgba(var(--activeStatusColorRGB),var(--colorOpacity2));--activeStatusColor3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--activeStatusColor6:rgba(var(--activeStatusColorRGB),var(--colorOpacity6));--activeStatusColor75:rgba(var(--activeStatusColorRGB),var(--colorOpacity75));--dropDownBg7:rgba(var(--dropDownBgRGB),var(--colorOpacity7));--dropDownBg75:rgba(var(--dropDownBgRGB),var(--colorOpacity75));--dangerColor5:rgba(var(--colorDangerRGB),var(--colorOpacity5));--dangerColorLight5:rgba(var(--colorErrLightRGB),var(--colorOpacity5))}.chat-item[data-v-4baa4a94]{margin-bottom:15px;position:relative}.chat-item .time[data-v-4baa4a94]{text-align:center;font-size:var(--globalFontSize);margin:5px 0;color:var(--disableColor)}.chat-item .bubble[data-v-4baa4a94]{width:100%;overflow:hidden;position:relative}.chat-item .bubble[data-v-4baa4a94]:after{clear:both;content:""}.chat-item .bubble .avatar[data-v-4baa4a94],.chat-item .bubble .custom-avatar[data-v-4baa4a94]{display:block;height:32px;width:32px;position:absolute}.chat-item .bubble .custom-avatar[data-v-4baa4a94]{border-radius:50%;overflow:hidden}.chat-item .bubble .content[data-v-4baa4a94]{box-sizing:border-box;position:relative;width:auto;min-height:30px;line-height:1.4;word-break:break-all;border-radius:2px;border:none;display:inline-block;font-weight:400;color:var(--chatTextColor)}.chat-item .bubble .content .img-content[data-v-4baa4a94]{width:100%}.chat-item .bubble .content .img-content .imageFile[data-v-4baa4a94]{padding:1px;border-radius:2px;background:#fff}.chat-item .bubble .content .img-content .videoModFile[data-v-4baa4a94]{padding:2px;border-radius:2px;background:#fff}.chat-item .bubble .content .img-content .img-info[data-v-4baa4a94]{font-size:var(--globalFontSize);display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff}.chat-item .bubble .content .img-content .img-info .info[data-v-4baa4a94]{margin-right:10px}.chat-item .bubble .content .img-content .img-info p[data-v-4baa4a94]{margin:0}.chat-item .bubble .content .img-content .red[data-v-4baa4a94]{color:var(--activeStatusColor)}.chat-item .bubble .content .voice-content .voice-message[data-v-4baa4a94]{padding:5px 10px;border-radius:2px;background:var(--chatLeftColor);color:#fff}.chat-item .bubble .content .voice-content .voice-message .voice-icon[data-v-4baa4a94]{font-size:14px;margin-right:4px}.chat-item .bubble .content .voice-content .voice-message .voice-icon.is-playing[data-v-4baa4a94]{animation:voice-pulse-4baa4a94 .6s ease-in-out infinite alternate}.chat-item .bubble .content .voice-content .voice-message .voice-icon[data-v-4baa4a94]:hover{color:#000}@keyframes voice-pulse-4baa4a94{0%{opacity:1}to{opacity:.3}}.chat-item .bubble .content .voice-content .voice-detail[data-v-4baa4a94]{display:flex;flex-direction:row;align-items:center}.chat-item .bubble .content .voice-content .voice-detail span[data-v-4baa4a94]{display:inline-block;white-space:nowrap}.chat-item .bubble .content .voice-status[data-v-4baa4a94]{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:4px;font-size:11px}.chat-item .bubble .content .voice-status .sending-text[data-v-4baa4a94],.chat-item .bubble .content .voice-status .success[data-v-4baa4a94]{color:var(--onColor)}.chat-item .bubble .content .voice-status .error[data-v-4baa4a94]{color:var(--colorErr)}.chat-item .bubble .content .text-content[data-v-4baa4a94]{border-radius:2px;box-sizing:border-box;max-width:100%}.chat-item .bubble .content .text-content .text[data-v-4baa4a94]{display:inline-block;background:#fff;color:var(--chatTextColor);padding:5px 10px;border-radius:2px;margin:0;max-width:100%;word-break:break-all}.chat-item .bubble .content .text-content .sendStatus[data-v-4baa4a94]{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:4px;margin-top:4px;font-size:11px}.chat-item .bubble .content .text-content .sendStatus .success[data-v-4baa4a94]{color:var(--onColor)}.chat-item .bubble .content .text-content .sendStatus .error[data-v-4baa4a94]{color:var(--colorErr)}.chat-item .bubble .content .text-content .sendStatus .sending[data-v-4baa4a94]{display:flex;flex-direction:row;align-items:center;gap:4px}.chat-item .bubble .content[data-v-4baa4a94]:before{content:"";display:inline-block;box-sizing:border-box;width:12px;height:12px;border:1px solid transparent;border-radius:3px;position:absolute;background:var(--chatLeftColor)}.chat-item .left[data-v-4baa4a94]{text-align:left;display:flex;flex-direction:row;justify-content:flex-start}.chat-item .left .wrap[data-v-4baa4a94]{margin-left:42px;width:calc(100% - 82px)}.chat-item .left .content[data-v-4baa4a94]:before{left:-6px;top:9px;transform:rotate(135deg);background:#fff}.chat-item .left .content .text-content .text[data-v-4baa4a94]{color:#333}.chat-item .left .content .voice-content .voice-message[data-v-4baa4a94]{background:#fff;color:#333}.chat-item .right[data-v-4baa4a94]{text-align:right;display:flex;flex-direction:row-reverse;justify-content:flex-start}.chat-item .right .wrap[data-v-4baa4a94]{margin-right:42px;width:calc(100% - 82px)}.chat-item .right .content[data-v-4baa4a94]{text-align:left}.chat-item .right .content .text[data-v-4baa4a94]{background-color:var(--chatLeftColor)!important;color:#fff!important}.chat-item .right .content .voice-content[data-v-4baa4a94]{margin-left:auto}.chat-item .right .content .text-content[data-v-4baa4a94]{text-align:right}.chat-item .right .content .text-content .text[data-v-4baa4a94]{text-align:left}.chat-item .right .content .sendStatus[data-v-4baa4a94],.chat-item .right .content .sos-delivery-status[data-v-4baa4a94],.chat-item .right .content .voice-detail[data-v-4baa4a94],.chat-item .right .content .voice-status[data-v-4baa4a94]{justify-content:flex-end;text-align:right}.chat-item .right .content[data-v-4baa4a94]:before{right:-6px;top:6px;transform:rotate(-45deg);background-color:var(--chatLeftColor)!important}.chat-item .sos-bubble[data-v-4baa4a94]{align-items:flex-start}.chat-item .sos-bubble.left .wrap[data-v-4baa4a94]{margin-left:8px;width:calc(100% - 72px)}.chat-item .sos-bubble.left .content[data-v-4baa4a94]:before{left:-6px;top:6px;transform:rotate(135deg);background:#fff}.chat-item .sos-bubble.right .wrap[data-v-4baa4a94]{margin-right:8px;width:calc(100% - 72px)}.chat-item .sos-bubble.right .content[data-v-4baa4a94]:before{right:-6px;top:6px;transform:rotate(-45deg);background-color:var(--chatLeftColor)!important}.icon-loading[data-v-4baa4a94]{font-size:14px;color:#fff;margin-left:5px}@keyframes rotation-4baa4a94{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.addImage[data-v-4baa4a94]{font-size:18px;color:#fff;margin-left:8px;cursor:pointer}.ok_tit[data-v-4baa4a94]{color:var(--onColor);margin-bottom:2px}.sending[data-v-4baa4a94]{color:var(--onColor)}.help_tit[data-v-4baa4a94]{color:var(--colorErr);margin-bottom:2px}.locCSS[data-v-4baa4a94]{cursor:pointer;min-width:fit-content;margin-top:2px;color:var(--activeStatusColor)!important}.locCSS i[data-v-4baa4a94]{color:var(--activeStatusColor);margin-right:2px;font-size:14px}.sos-sender-name[data-v-4baa4a94]{font-size:var(--globalFontSize);color:#fff;margin-bottom:4px;padding-left:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sos-sender-name.sos-sender-right[data-v-4baa4a94]{text-align:right;padding-left:0;padding-right:36px}.sos-delivery-status[data-v-4baa4a94]{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;white-space:nowrap;font-size:var(--globalFontSize);margin-top:4px}.sos-delivery-status .delivery-sending[data-v-4baa4a94]{color:var(--activeStatusColor);white-space:nowrap}.sos-delivery-status .delivery-failed[data-v-4baa4a94]{color:var(--colorErr);white-space:nowrap}.sos-delivery-status .delivery-failure-reason-trigger[data-v-4baa4a94]{cursor:pointer}.sos-delivery-status .delivery-info[data-v-4baa4a94],.sos-delivery-status .delivery-success[data-v-4baa4a94]{color:var(--activeStatusColor);white-space:nowrap}.sos-delivery-status .delivery-sep[data-v-4baa4a94]{color:var(--activeStatusColor);margin:0 4px}.sos-delivery-status .group-unread[data-v-4baa4a94]{color:var(--activeStatusColor);white-space:nowrap}.sos-delivery-status .read-unread-trigger[data-v-4baa4a94]{cursor:pointer}.sos-delivery-status .ml_2[data-v-4baa4a94]{margin-left:2px}.sos-delivery-status .mx_5[data-v-4baa4a94]{margin:0 4px}:root{--globalFontSize:14px;--titleFontSize:14px;--onColor:#00d509;--sosColor:#c00505;--sosBg:#3e1212;--noticeColor:#ee4e4e;--menuWidth:68px;--gap:8px;--tagBlue:#0865d9;--tagYellow:#d97907;--tagGreen:#0a744d;--headerToolBarHeight:0px;--colorTitle:#fff;--colorFill:#6f6f6f;--colorErr:#ff7373;--colorErrDark:#ff6767;--colorDanger:#4a2733;--colorDangerRGB:74,39,51;--colorErrLight:#ed5151;--colorErrLightRGB:237,81,81;--colorErrRGB:255,115,115;--colorErrDarkRGB:255,103,103;--colorOpacity5:0.5;--colorOpacity8:0.8;--colorOpacity75:0.75;--colorOpacity7:0.7;--colorOpacity3:0.3;--colorOpacity25:0.25;--colorOpacity2:0.2;--colorOpacity6:0.6;--folderWidth:18px;--headerHeight:60px;--asideToTop:calc(var(--headerHeight) + 3px);--asideToBottom:8px;--asideLeft:10px;--asideWidth:380px;--bottomContentHeight:238px;--unfoldAsideWidth:calc(var(--asideWidth) + var(--asideLeft) + var(--folderWidth));--tableHeightWithMenu:calc(100% - 92px);--pagenationToBottom:26px;--cardLinearColor:linear-gradient(180deg,rgba(0,133,138,0),#00858a);--placeholderTextColor:rgba(255,255,255,var(--colorOpacity5));--checkBoxBorderColor:#3e4957;--primaryColorRGB:0,18,19;--deviceTabColor:#00858a;--deviceTabColorRGB:0,133,138;--primaryColor:#022c2e;--textColor:#d4feff;--pannelBgColor:#0e305c;--tagBg:#056e74;--scrollBarColor:#06d8e1;--activeStatusColor:#00f2fb;--activeStatusColorRGB:0,242,251;--dropDownBg:#001213;--dialogBg:#014345;--dropDownBgRGB:0,18,19;--chatLeftColor:#017276;--chatBorderColor:#03797e;--chatHeaderBg:#037276;--chatTextColor:#2a3e58;--chatInputColor:#034344;--pageBg:#003032;--disableColor:#c2c2c2;--borderColor:#00494c;--readColor:#8a9797;--tableHeaderBg:#065f62;--checkedColor:#001a1c;--codeBg:#006c71;--checkBoxColor:#a7a7a7;--loginBtnColor:#21b7c5;--gridBgColor:#005d61;--dashedColor:#a3adad;--glayColor:#a6a6a6;--grayColor5:#9c9d9b;--selectStatusColor:#00f2fb;--selectStatusColorRGB:0,242,251;--primaryConsoleWithOpacity:rgba(var(--primaryColorRGB),var(--colorOpacity75));--cardBorder3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--inputBorder5:rgba(var(--activeStatusColorRGB),var(--colorOpacity5));--tabBg25:rgba(var(--deviceTabColorRGB),var(--colorOpacity25));--tabBg5:rgba(var(--deviceTabColorRGB),var(--colorOpacity5));--tabBg6:rgba(var(--deviceTabColorRGB),var(--colorOpacity6));--tabBg8:rgba(var(--deviceTabColorRGB),var(--colorOpacity8));--tabBg7:rgba(var(--deviceTabColorRGB),var(--colorOpacity7));--activeStatusColor2:rgba(var(--activeStatusColorRGB),var(--colorOpacity2));--activeStatusColor3:rgba(var(--activeStatusColorRGB),var(--colorOpacity3));--activeStatusColor6:rgba(var(--activeStatusColorRGB),var(--colorOpacity6));--activeStatusColor75:rgba(var(--activeStatusColorRGB),var(--colorOpacity75));--dropDownBg7:rgba(var(--dropDownBgRGB),var(--colorOpacity7));--dropDownBg75:rgba(var(--dropDownBgRGB),var(--colorOpacity75));--dangerColor5:rgba(var(--colorDangerRGB),var(--colorOpacity5));--dangerColorLight5:rgba(var(--colorErrLightRGB),var(--colorOpacity5))}.read-unread-popover .read-unread-content{min-width:380px;padding:0}.read-unread-popover .read-unread-title{height:36px;line-height:36px;font-size:14px;font-weight:500;color:#fff;padding:0 12px;border-bottom:1px solid hsla(0,0%,100%,.2)}.read-unread-popover .read-unread-columns{display:flex;align-items:stretch}.read-unread-popover .read-unread-col{flex:1;padding:0 12px;min-width:0}.read-unread-popover .read-unread-col-list{height:150px;overflow-x:hidden;overflow-y:auto}.read-unread-popover .read-unread-col-title{margin:12px 0;font-size:12px;color:#fff}.read-unread-popover .read-unread-item{height:20px;line-height:20px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:12px;color:#fff;margin-bottom:6px}.read-unread-popover .read-unread-item:last-child{margin-bottom:0}.read-unread-popover .read-unread-item .read-unread-avatar-wrap{width:16px;height:16px;margin-right:4px}.read-unread-popover .read-unread-item .read-unread-avatar-wrap img{max-width:100%}.read-unread-popover .read-unread-loading{height:80px;display:flex;align-items:center;justify-content:center;font-size:12px;color:hsla(0,0%,100%,.5)}.read-unread-popover .read-unread-empty{font-size:12px;color:hsla(0,0%,100%,.5)}.read-unread-popover .read-unread-divider{width:1px;background:hsla(0,0%,100%,.2)}.read-unread-popover.el-popper{background:var(--dropDownBg);border:1px solid var(--chatBorderColor);padding:0!important}