.chatBox{
    /* 白天主题 */
    --sendOutIcon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABFdJREFUaEPtmU9oHFUcx7+/2U1a/AMVkrU0HqS2nXRmExIKmoOHLAgRDDSFPQj2UA/SgpeCFw899NAigiBCL4JgQUGLhSwYIYISC70okWTdvO1MLLViSctmDx6kjclmfvK2me1mMzs78+atNuCcdnbmDb/P9/v7vfd7M4RdftAujx//A/zXDnbFASGWX2LweRDGAa6BadEzjHPDRw9f0w2sHeAX4Rwn4CoRpVuDJaYztn3kY50QWgF+EmL/E5T+DcDeoCCZubaOzaPHbPumLgitAEvl5Q8BPvsoOL4ApjQI7zb+Y1zO2uabjx1Aq/oMFIYs84QMdEm4n4JwSv7W7YI2B3aon8JI1jSLMuifhTjUi9SNRl1odEELQJj6fqp0ywUtAGHq+wDdciExQBT1u+lCYoAo6nfThUQAcdTvlguJAOKo3y0XlAFU1H/kgvMViPI61gVlABX1fYAFIUZ6KL2gY3VWAkiivh90qexOEzCV1AUlgCTq63YhNoDrugMbm5DdZL3jbO554jZoOlyIDdDcEtQDbup54gLoqIVYAI5zy6x5G4s61NdVC7EAdKqvqxYiA3RDfR0uRAZoUX8NKYz5/X5Q7s/NzaX79x94gzyjVqncuZLL5WrtaiRJLUQCaFUfETYkS8J9z99KMujckHXkYliRq85IkQBa1fdqf48ODw87YQGJsjvNWwtVFGBVFzoCqKgvweICyDEqLnQEUFFfFUDFhVAAVfVVAVRcCAUold0vCHh9K9fXouS+XxcqKSTHxnWhLcDCghjp2aPe8qoCxHWhLUBJuNNED9tdALHUT5JCcV0IBEiqflKAOC4EAiRVXwdA1FrYAaBDfR0AUV3YAaBDfV0AUVzYBpBUfdnA9T07MEHwXmGmU0TYtzUJVJn5MqXShdW7f/wY1ti1tiedVudtACXhfkaEk3Fmnvn5+b69Tz79GjOmwBhvCjqwVWLGnwQUCFwANr+3bfuvsJ5qhwvAJ1nLfMsfsw1gqeyuAuirXwzpOEulX18wDG+KiSeZ8XLQ56SwoJqurYHxAwx8ed+rffuibd8LGtfsAoBq1jL7AwFKwtnwg2n+niVTI5MZOObByxNoCoRD4QFyFUwzUmU2jDQ8npSdaSd3wLgO4pm00VsYHDzoNlZ14b7DhA/886xlNoTfnkJlp0Sg7NaNt4lxiYEsCJMNZ9pFzlhk8HfwcKVavbvYmudShGcymbEUUseJkAfo+VARuP7m4yoMOGCcB+DffzNrmYfbpdDbAC5FsV9+KiLCdflaJYXegmUd/D3KOP+eonPLNLxaHuBJAsaijmXw2SFr8KNAgPo2MHPgaxBeDXqgLEAAMwZ4dn39wTejo6PyPPFRLBafM3r2TBAjD6Lxdl85wZhdraycyOVya4EAjZy7sXyaPT4J4kFmqhLxLDHNVCor1+JMgSpkc0I81W/0TMi6wcNJYh+BbhPweaWy8n5z8PL5HTc0KkH8m2N2PcA/JiRBXpJjGHwAAAAASUVORK5CYII=);
    --downIon:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAVVJREFUWEftk78uRFEQh79folDQSZR0vAOFkkQjIRqFfQbNqqwKiXcgEaHTSCgUCt6BjkQj0VEoJCMnmU3YLHP/RVZybnPOzdwz891v5ogBezRgPGSgqCPZUDYUGYjieYayochAFP+/M2RmJ8AcsCzpNvrTFDezGeAcuJK0UuRMYUNm9gqMAC/ArKT73wqY2RRwA4wBb5JGmwZaBU496ZNDPfYrYmYTwDUw6fE1SceNAnkLNoB9T/yQWijpG1QfmLakvSIw6ZvCLesmNLMtoOPvdw717MDjbmba4x1J20VhKgF54R2g7YXSnCz4/iK10ve7kjbLwFQGcqgDYN0LXvo67+uhpFZZmLpAQ8AZsNhTOF3zJUkffwrkloYdqmsmmUow71Vgahn6MuQJ6ghIRlp1YBoBqmrip3Olr33TAL35MlBkOBvKhiIDUTzPUDYUGYjiAzdDnxlIVSW/LOo7AAAAAElFTkSuQmCC);
    --guanliyuanIcon:url(data:image/png;base64,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);
}
.chatBox[data-theme='dark']{
   /* 暗色主题 */
   --sendOutIcon: url(data:image/png;base64,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);
   --downIon:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACRSURBVHgB7dJdDYAgFIbhL4IRiGAkIxiBCDaQBkYwghGIYASFCRsyfy/wePE925k3B/bOARAREZEY48a6qV+c8buzmx4F+IuX8FUP9v2ODWcWFNAkl1tcR6kspkUhGvdRKovRKEzjPEp9HXMUNbmpwkwSMVGXRaUxHYSYJCKOgbAR+z8lzr+dAVtYBSIiIvqXFdCwNfCz75HtAAAAAElFTkSuQmCC);
    --guanliyuanIcon:url(data:image/png;base64,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);
}

.chatBox[data-v-5d552fd6] {
  width: 350px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chatBox .contextMenu[data-v-5d552fd6] {
  margin: 0;
  background: var(--gray_100);
  z-index: 3000;
  list-style-type: none;
  width: 100px;
  padding: 6px 0;
  position: fixed;
  border: 1px solid var(--gray_85);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 4px 10px #00000033;
          box-shadow: 0 4px 10px #00000033;
}
.chatBox .contextMenu[data-v-5d552fd6]:before {
  content: "";
  position: absolute;
  left: 15px;
  top: -6px;
  width: 15px;
  height: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAAAXNSR0IArs4c6QAAAXRJREFUKFN9kc1KAlEUx/93dBq1NAtTcxR6g4RyoYtAaOUDuJNaiBBBu74eIXLhOqEQH8JVLgoU+iAq6AV0NDUrrRzBcW5cnQG1j7M599xz+J0//0MAcBgGGcl04k8rfyR9Tm9QBjFoMPYeA+VyOVH0LR0Swq1RqH2q4lwqPR9HIuGaRpgEDlTxI3t1KLksXofsNluWEHjHdFGUP9rtWDAYKGgCRoUMgFMTQNzePcQFQUgCME1bLHA5HaCgqNVf0OnIbLwry/JuYMWfnlTKgILuXyKxL2xtx5I8z8fZ4PycHW7XAggZ2quqKuqNJpqvb4O6r/TTZ6cne6lUqqvbxSZNDJjNZsVl/2qGM3AhBvAsumCftf16jPdWG5VqDZRStqRw//S4EYtGJf2ylnz+IuhwOjMcR0SeN8InemA2sz1/hyx3UZIq6PUUqCqV6o3q5no4XCDFq5sd64z1SPfLK7phNBr/helNRVFQlqr40nz9bLcOvgGmPoL9zGTyAAAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100%;
}
.chatBox .contextMenu .contextMenuList[data-v-5d552fd6] {
  line-height: 36px;
  color: #2b2e33;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  padding-left: 15px;
}
.chatBox .contextMenu .contextMenuList[data-v-5d552fd6]:hover {
  background: #F5F5F5;
}
.chatBox .chatTop[data-v-5d552fd6] {
  height: 48px;
  border-bottom: 0.5px solid var(--gray_93);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  position: relative;
  background: var(--bg_white);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chatBox .chatTop .maketing[data-v-5d552fd6] {
  color: var(--blue_n);
  background: var(--blue_a);
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 10px 3px 8px;
  border-radius: 6px;
  margin-right: 10px;
  margin-left: auto;
  cursor: pointer;
}
.chatBox .chatTop .maketing .maketingImg[data-v-5d552fd6] {
  background-repeat: no-repeat;
  background: url(data:image/png;base64,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) no-repeat;
  width: 18px;
  height: 18px;
  background-size: 100% 100%;
  margin-right: 4px;
}
.chatBox .chatTop .chatTopTit[data-v-5d552fd6] {
  font-size: 14px;
  color: var(--gray_20);
}
.chatBox .chatTop .noticeAlertBox[data-v-5d552fd6] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px 15px 10px;
  background: var(--bg_white);
  width: 100%;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 0.5px solid var(--gray_93);
}
.chatBox .chatTop .noticeAlertBox .noticeAlertTop[data-v-5d552fd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.chatBox .chatTop .noticeAlertBox .noticeAlerContent[data-v-5d552fd6] {
  padding: 10px 15px;
  opacity: 0.9;
  border-radius: 10px;
  border: 0.5px solid var(--gray_95);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--gray_97);
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
  text-align: center;
  color: var(--gray_50);
}
.chatBox .chatTop .noticeAlertBox .noticeAlerContent.active[data-v-5d552fd6] {
  text-align: left;
  color: var(--gray_20);
}
.chatBox .chatTop .noticeBtn[data-v-5d552fd6],
.chatBox .chatTop .noticeAlertBtn[data-v-5d552fd6] {
  padding: 2px 6px 2px 4px;
  border-radius: 6px;
  border: 0.5px solid var(--gray_85);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--gray_50);
  font-size: 14px;
  cursor: pointer;
}
.chatBox .chatTop .noticeBtn .noticeIcon[data-v-5d552fd6],
.chatBox .chatTop .noticeAlertBtn .noticeIcon[data-v-5d552fd6],
.chatBox .chatTop .noticeBtn .noticeAlertBtnIcon[data-v-5d552fd6],
.chatBox .chatTop .noticeAlertBtn .noticeAlertBtnIcon[data-v-5d552fd6] {
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAI1QTFRFAAAAQECAYGCAamqAc3OAbXaAc3OEcHiAc3iCcnaBc3eBdHeBcHeBdHeBcXeBdXiBcniBcneBc3eBc3iBcnaBcnaBc3eAc3eAcnaAc3aAcnaAcXeAc3eAc3eAcneAcneAc3aAc3aAc3eAc3eAcneAcneAc3eAc3aAc3aAcnaAc3aAcnaAc3eAc3eAc3eAicLt3AAAAC50Uk5TAAQIDBQcHyAzQ0dLS09PU1drb3N7f4OHr7O3v8PHx8vP09fb29/n5+vr7+/3+0EJEWgAAACxSURBVHja7dNJD4IwEIbhoS7I4gIqFXcRtVr4/v/PM2bkUisYw5H3OH0Okzalrs9m6hY0EEeihKo3vRSFD9Sa4QnXETFyYi1txlM4u8TIzwAbikps+sQoAXLfOA8UXq0EvdFCzx0yYiN5blncmLeOdgBwaEB7Ri3t9NcVhKxSUaGljoVVRgW2gwoB2Zi+PPBlyIgmR0BalZtDeYxIxA87IrFGMWVUVwJA//AR7iF1GT0B3b4ZtpPQHsUAAAAASUVORK5CYII=) no-repeat;
  background-size: 18px;
}
.chatBox .chatTop .noticeBtn .noticeAlertBtnIcon[data-v-5d552fd6],
.chatBox .chatTop .noticeAlertBtn .noticeAlertBtnIcon[data-v-5d552fd6] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAXJJREFUWEdjZBhkgHGQuYdh1EGEYmQ0hEZDiFAIEJIfTUNUDaHi8kb3fyzMV/pba54SMhgkn5DQwCEizuj+5uX/nQsWNPwgRg/RUVZQ2mDAzMRw/j8DwwPGPywOvb01D/FZAHaMGMP6/4wMHgyMjCW9HfW9VHWQg0MDi5EZw2ZGRgYPQo5CdgxI7T9GBscJHQ0PqOogWBQIiTGsx+coShwDsoPoKIP5DmQhLkdR6hiyHIQrpN6+/fMSlmZIjSbkqCQ5hHCGFAPDHQYGBhdKHEN2CGFzFEiMUsdQxUHwrA11EDFFAr7cRlGUIacZRqQoo8RRZDkIW2768ILhBaEigerlELw6gJbA6GkGX5FAjGNITkPElDOUOoroKCPGMcQUnoRCimgH5ZU06LAyM1wmNmujhNR/xoq+rvpOQo4hOcpAzY9f//9fndzV8IQYw2na/CDGAdRQQ3SUUcMyYswYdRChUBoNodEQIhQChORH0xChEAIAXObqJeuz9P4AAAAASUVORK5CYII=) no-repeat;
  background-size: 18px;
}
.chatBox .chatListBox[data-v-5d552fd6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--bg_gray);
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 15px 0;
}
.chatBox .chatListBox .chatListDownBox[data-v-5d552fd6] {
  position: absolute;
  right: 0;
  bottom: 10px;
  opacity: 0.8;
  border-radius: 20px 0 0 20px;
  background: var(--gray_20);
  padding: 8px 0 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--gray_100);
  font-size: 13px;
  width: 123px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.chatBox .chatListBox .chatListDownBox .chatListDownIcon[data-v-5d552fd6] {
  width: 24px;
  height: 24px;
  background: var(--downIon);
  background-repeat: no-repeat;
  background-size: 100%;
}
.chatBox .chatListBox .chatListSroll[data-v-5d552fd6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.chatBox .chatListBox .chatListSroll[data-v-5d552fd6]::-webkit-scrollbar {
  width: 10px;
}
.chatBox .chatListBox .chatListSroll[data-v-5d552fd6]::-webkit-scrollbar-thumb {
  background: var(--gray_90);
  border-radius: 32px;
}
.chatBox .chatListBox .chatListSroll .chatList[data-v-5d552fd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.chatBox .chatListBox .chatListSroll .chatList .attention[data-v-5d552fd6] {
  padding: 6px 8px;
  border-radius: 10px 10px 10px 10px;
  border: 0.5px solid var(--gray_93);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--gray_95);
  color: var(--green_n);
  font-size: 14px;
  line-height: 20px;
}
.chatBox .chatListBox .chatListSroll .chatList .muteAllMember[data-v-5d552fd6] {
  color: var(--gray_70);
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  text-align: center;
}
.chatBox .chatListBox .chatListSroll .chatList .chatUserImg[data-v-5d552fd6] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
}
.chatBox .chatListBox .chatListSroll .chatList .chatUserImg img[data-v-5d552fd6] {
  width: 100%;
  height: 100%;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent[data-v-5d552fd6] {
  margin-left: 10px;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentTop[data-v-5d552fd6] {
  color: var(--gray_50);
  font-size: 12px;
  line-height: 15px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentTop .identification[data-v-5d552fd6] {
  width: 30px;
  height: 15px;
  margin-right: 4px;
  display: block;
  background: var(--guanliyuanIcon);
  background-repeat: no-repeat;
  background-size: 100%;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentTop .identification1[data-v-5d552fd6] {
  width: 42px;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentTop .chatTime[data-v-5d552fd6] {
  margin-left: 10px;
  color: var(--gray_70);
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom[data-v-5d552fd6] {
  font-size: 14px;
  line-height: 20px;
  white-space: pre-line;
  float: left;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .noticeIcon[data-v-5d552fd6] {
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAGlQTFRFAAAAAL+AAL+fAL+qAMW1AL+3BMK3BMK3A8K4A8K4A8G5BcG4BcG4BMG4BMG2BMG3BMG3BMG3BMC2BMC3BMC3BcC2BMC3BcC2BcG2BcG3BcC3BMG2BMG2BMC2BMG2BMC2BMG3BMG3BcG3J3rueAAAACJ0Uk5TAAQIDB8gQ0dLT1drb3N7f4OHs7fHy8vP09fb5+vr7+/3+34cIpwAAACQSURBVHja7dPLDoMgEEBRpA+x0lb61oK09/8/sjtMKAE37rzbOYtJJiPW/jvYtyqQygA2bzYXALJm+yKgSo8mZfaWgOoeUqj9ElAHQx3NlQVgQid/rESUJUKpWA7dAO5z0GOpnewcpFyEzqOWSdl+mBD0jSgduHmCSardEJCQ2qeRkNeAcnWALz+Cc0qsRf0AMbkhb5cjS4IAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .messageImgBox[data-v-5d552fd6] {
  margin-top: 10px;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .messageImgBox img[data-v-5d552fd6] {
  max-width: 160px;
  max-height: 160px;
  min-width: 90px;
  min-height: 90px;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .messageImgBox.small img[data-v-5d552fd6] {
  min-width: 90px;
  min-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .payloadText[data-v-5d552fd6] {
  display: inline-block;
  word-break: break-word;
  max-width: 244px;
  border-radius: 0px 10px 10px 10px;
  border: 0.5px solid var(--gray_95);
  margin-top: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 8px;
  color: var(--gray_20);
  background: var(--gray_100);
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .payloadText.admin[data-v-5d552fd6] {
  color: var(--green_n);
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .payloadText.singleImg[data-v-5d552fd6] {
  background: none;
  border: none;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .payloadText.singleImg[data-v-5d552fd6] img {
  width: 48px !important;
  height: 48px !important;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .payloadText.quoteText[data-v-5d552fd6] {
  padding: 6px 8px;
  border-radius: 10px;
  background: var(--gray_95);
  margin-top: 4px;
  color: var(--gray_50);
  font-size: 13px;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .payloadText.quoteText > span[data-v-5d552fd6] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 18px;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .payloadText.quoteText.quoteTextImg span[data-v-5d552fd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chatBox .chatListBox .chatListSroll .chatList .chatContent .chatContentBottom .payloadText.quoteText[data-v-5d552fd6] img {
  width: 36px;
  height: 36px;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
}
.chatBox .chatListBox .chatListSroll .chatList.myChatList[data-v-5d552fd6] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.chatBox .chatListBox .chatListSroll .chatList.myChatList .chatContent[data-v-5d552fd6] {
  margin-right: 10px;
}
.chatBox .chatListBox .chatListSroll .chatList.myChatList .chatContent .chatContentTop[data-v-5d552fd6] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.chatBox .chatListBox .chatListSroll .chatList.myChatList .chatContent .chatContentTop .chatTime[data-v-5d552fd6] {
  margin-right: 10px;
}
.chatBox .chatListBox .chatListSroll .chatList.myChatList .chatContent .chatContentTop .identification[data-v-5d552fd6] {
  margin-left: 4px;
}
.chatBox .chatListBox .chatListSroll .chatList.myChatList .chatContent .chatContentBottom[data-v-5d552fd6] {
  float: right;
  text-align: right;
}
.chatBox .chatListBox .chatListSroll .chatList.myChatList .chatContent .chatContentBottom .payloadText[data-v-5d552fd6] {
  text-align: left;
  border-radius: 10px 0 10px 10px;
}
.chatBox .chatListBox .chatListSroll .chatList.myChatList .chatContent .chatContentBottom .payloadText.quoteText[data-v-5d552fd6] {
  border-radius: 10px;
}
.chatBox .chatListBox .chatListSroll .chatList.revokedList[data-v-5d552fd6] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chatBox .chatListBox .chatListSroll .chatList.revokedList .isRevoked[data-v-5d552fd6] {
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--gray_95);
  font-size: 13px;
}
.chatBox .chatListBox .chatListSroll .chatList.revokedList .isRevoked span.tip[data-v-5d552fd6] {
  color: var(--gray_50);
}
.chatBox .chatListBox .chatListSroll .chatList.revokedList .isRevoked span.reEdit[data-v-5d552fd6] {
  color: var(--green_n);
  margin-left: 8px;
  cursor: pointer;
}
.chatBox .sendOutBox[data-v-5d552fd6] {
  width: 100%;
  padding: 0 16px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 0.5px solid var(--gray_93);
  background: var(--bg_white);
  position: relative;
}
.chatBox .sendOutBox .textareaContainer[data-v-5d552fd6] {
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6] {
  padding: 8px 10px;
  height: 60px;
  width: 100%;
  border-radius: 10px;
  background: var(--gray_100);
  resize: none;
  color: var(--gray_20);
  font-size: 14px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  outline: none;
  overflow-y: scroll;
  word-break: break-all;
  border: 0.5px solid var(--gray_80);
  /* 输入框为空时显示 placeholder */
  /* 输入框获取焦点时移除 placeholder */
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]:focus {
  border: 0.5px solid var(--gray_50);
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]::-webkit-input-placeholder {
  color: var(--gray_80);
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]::-moz-placeholder {
  color: var(--gray_80);
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]:-ms-input-placeholder {
  color: var(--gray_80);
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]::-ms-input-placeholder {
  color: var(--gray_80);
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]::placeholder {
  color: var(--gray_80);
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]:empty:before {
  content: attr(placeholder);
  color: var(--gray_80);
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]:focus:before {
  line-height: 18px;
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]::-webkit-scrollbar {
  width: 2px;
}
.chatBox .sendOutBox .textareaContainer .textareaTxt[data-v-5d552fd6]::-webkit-scrollbar-thumb {
  background: var(--gray_90);
  border-radius: 32px;
}
.chatBox .sendOutBox .textareaContainer input::-webkit-inner-spin-button textarea[data-v-5d552fd6]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.chatBox .sendOutBox .quoteMessage[data-v-5d552fd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 10px;
  border-radius: 10px;
  background: var(--gray_97);
  color: var(--gray_50);
  margin-top: 4px;
  max-height: 46px;
  font-size: 13px;
}
.chatBox .sendOutBox .quoteMessage .message[data-v-5d552fd6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 18px;
}
.chatBox .sendOutBox .quoteMessage .cancel[data-v-5d552fd6] {
  -ms-flex-item-align: center;
      align-self: center;
  width: 24px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA6VJREFUaEPtVz1oU1EU/s5LBYVWlITq0KFCBwUHBQVFRTII7dBXo2l+ioMFRwfFwcHVwUXQQXAQKgi2eSbGpILdIhhREKHgYIcOAQXFP8QGLZJ3j7w0kdi8n/t+ghTeW+853/u+851777mEDf7RBuePUMD/djB0IHTAZwXCFvJZQN/poQOdJZwrlA+RwElScATMwwyKEdDHwBcCLTGL18T0KJVSq75L3wLw7UClUun7/G3lDBhXGBiRJLYM8PXB6NY78Xi8IZljGuZLgKaVRjhC98A45I0ELepAdio5vuQtH95HCe1haZQFPQDQ7/Xna3m0SopIpE5NLHjB8eTAGnmlCPBmLz/tzvEuwrWA2WJxWNEjb/xXfr0MWtWB/W7bybWAXKH8wnvPO/lFi4PR/oNuNrYrAVqhfJYZM+Y0aBXEdTBiDjTrrXXTvSMEprMp9a6T1Pa6KwG5wvwbMO817WEhEoqi1HRwBcBOCwJ1XWCsrw9ggScWbbg8GB3YI+uCtABNKx9lBc/MiBHovR5pHMsmErV8fn63hYgm+amUWm3uIxGpgDFshseM8cyk+ljGBWkBc/nyVQKuWIISakLR4xYipMkb+Ay+mUlOXAhUQO5B+SkIx21BzUX0y1b+Lzahmj6tHgtUgJaff8fgIUfQdSJ+C47JtM063O/ppLrd8V/GNSgTZMTk8uVfAOQurg4RRq5Tz5txSCdVKW5SQa4FAHVu4EQmo740cm02tmX9eiHgg83x2Enknw1rLDicTmYigm+huXypSqAjTpdU14YFYHM6mcMxXqcn1QMy7S3fQoXyNTAu24BaH5X2R2w3JPOt9OTE+UAFNF9bjBd2N6ztaeNChC54bColN15LO2C8vD59XXkL81dXs/q0SX9vd8OiJYI5MhSxHiU+/lwZ2DU9HV8N1AEDzH6YQ51A3x3vCkKtNfCZDnPMuJiZVG/IkDdipB0wglsuGPOQxyekEy1a/LnSf1i2+q4FdJzpr3rxoCHROJxKJRadZHauu3KgnahppVFWqCh9MzswIqAhGAnZCdS3gOZ+CEwEGZs1m06OP3JT+XasJwfayWsjgpgFaJ/Hny9B6Fm3bROIA22QmZnK5i0DP84R0SWrB0qXOEKNma/viG69LfvysiqQLwfWg97XSqOKglFlbeQYYWBbK6YO0DJYPGfQwo7YwIJf4oG0kJe2CTonUAeCJieDFwqQqVIvY0IHelldGezQAZkq9TImdKCX1ZXB/gOgkcRAjEISgAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 24px;
  margin-left: 10px;
  cursor: pointer;
}
.chatBox .sendOutBox .sendOutBottom[data-v-5d552fd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: static;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.chatBox .sendOutBox .sendOutBottom[data-v-5d552fd6] .videoBarrageList,
.chatBox .sendOutBox .sendOutBottom[data-v-5d552fd6] .emojiListContent {
  left: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.chatBox .sendOutBox .sendOutBottom[data-v-5d552fd6] .videoBarrageListTitBox {
  width: 250px;
}
.chatBox .sendOutBox .sendOutBottom[data-v-5d552fd6] .emojiBox {
  position: inherit;
}
.chatBox .sendOutBox .sendOutBottom .sendOutBottomR[data-v-5d552fd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chatBox .sendOutBox .sendOutBottom .sendOutBtn[data-v-5d552fd6] {
  width: 24px;
  height: 24px;
  background: var(--sendOutIcon);
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-left: 16px;
}
.chatBox .sendOutBox .sendOutBottom .sendOutBtn.active[data-v-5d552fd6] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAzVJREFUaEPtmc9LFGEYx7/P7AwIdfBQENShS1TQISJQCNxdOri7CSoYeAhKIgq6+Ad08Nopgi6BkFAQhqCR7mxQ7I5ZEB1a6CpUNyEPHsv58cSYiqszu++880wouMdh3ud9Pt/PvO++s0s44B864P3jECDKoPXhbQ/7wQQIBQAeMZps8AOvr+JIGxc3kFusDRLzDAFmRLP33Hz5qSSELEB94YRpGN8J6Ipp0nOD9fMoDi5LQYgCmE7tEYHH2zbHmHIL5bH9B9A5/a2eRS2IGVBKfwtB0IIMgHr64hZEABKlL2whPUDy9EUtpAbQSl/QQjoA/fTFLKQCSJW+kAV9gPTpi1jQBhBJX8CCHoBc+qktaAGIpp/SQnKAT+9Pmu76cpsTp+45TeuMlBgg17CfGYRbul1Kn1STASzZZ00fzQzS114LiQAyTV9zLagDZJ++lgVlgP+SvoYFNQCN9JnR8Ni7DuS6LKJZEC4nWPjKO5ISgE76AXjUz1emw6Ytx74NYDIBAKD41tYZQCP9sNGAaMjvK73eBLgJYCoRAKBkoSOATvpCAEoW2gNopi8GoGChLYDVsF+CMJpQ/cbtAo/Qv2k7rIV4gPrCRcswvuo0LwrQwUIsgNmozhLR0D4AaGshGiBl+sIGwnKxO1IkQNr0MwCItbAXQCD9TABiLOwBkEg/I4BIC60AQulnBhBhoQXAatjPQbihu/PsHCf2PbC7GcakWyjf2brcAmA61V8EOrafARi86uUrxyMBLMd2Ef3fViImZl6FgSGvr/IxHGgu2lcR8AwRdScqFHOzmy9vB7/rEap+A9EFnUmYuQmidxQE0y6+NFGc8Frq1CdME5d6YViDxBgB4bTOPGAsu4XymRgDtfsAP1EpzIAHxhIRzbmmP4cr136qjNu+Z+OgyCNgGiBCr/pYGnfzpceRAAhTop43RChFFWTmNQLNB8Q1P/izgOLwmvrEbe6sV0/lDOrfNFOI+9WDGTWPV4ZRHPsdDbB51XLsu8zhbsTnCLTKRDUQz3v+Z2fPoyFCsKNI/dXRXO5IvxEYAwweAFE3MX4w4YUXrDzc2Xw4quMLjXR/0vUOAaQTTVrvLxb04kAoDkKaAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.chatBox[data-v-5d552fd6] .plannerDialog {
  background: rgba(0, 0, 0, 0.5);
}
.chatBox[data-v-5d552fd6] .plannerDialog .el-dialog {
  width: unset;
}
.chatBox[data-v-5d552fd6] .plannerDialog .el-dialog__header {
  display: none;
}
.chatBox[data-v-5d552fd6] .plannerDialog .el-dialog__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  overflow: unset;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}
.chatBox[data-v-5d552fd6] .plannerDialog .el-dialog__body .closeIcon {
  cursor: pointer;
  height: 24px;
  width: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABJxJREFUaEPdmk/opVMYxz/fsrCwsKCoWZCZIqMoExMLiqLICCHElIVCTCzI1MzUlNRMTCiLKUQhZERRpsyCEEXNiDLFQs0UC8XCQj363p7768z7u/d93/Pe+/vd+c3Z3vee5/s9z9/zPEfMYUXEOuA64HLgYuA84CzgjNz+H+A48DvwI/A18IWk32YVr6EbRMSZwIPAnQn4IPANcAQwsOOSDJyIMJFzABO9FLgqCf8MvA+8JunPIViqCeRp7wBuBz4E3gQOSfqvBkBEnAZcDTwA3GISwHOSrKneqzeBiDgdeBJ4AtgHvCDpr96SWj6MCGvnKeB+75tE/u2zdy8CEXEh8G6axqPzsN1J4FK7JnABcLckm1jr6iQQEVuAV4FtkqzmFV8RYbN6HrhP0sdtAlsJRITN5RHgVkk/rDjyQkBE2Nk/AF6WtGea7KkECvDXrpTJdB1IRDgcf95GYiKBiLgJeBFYGPgxuYKETfhAk/QyAumwXyX4VTWbaRpJc7ImNjcd+wQCGSoNft9qOWyXGRWasGPbJzdJWgqxTQI7XQpIuqPvxqv5XUR85GwvafdY7hKBTCY/AZdIcs0ycUXEeuAhYE9t1mzZ04nM0W5/W8BIf/i+xFgScAIJSdvaTjUizP4ZwEnGTl6V+pt758HZvp0sd0myFUxdEeHf10lyHcaIQES4cvwFuKgLUEPgTCSG7JVF5K/A+S5lxgRc49j2t/ax6SGCO06+6iAiwhXBESe4MQFHnqclHepDILVmux2rvhbA4P+mbN89npW0SYVjnD2gJK4GMiftuRQ/BlxmAvcCWyS5vq9eNYBqvu0CEhFvA5+awEvAUUmOQoNWH2B9vqkRHhGPA+tNwHa/s8b+JwlqAzhv8IUfbDcBh88bJR2tOYG+JPK7Qc7ekQ+cUD8zgb+Bc8cX8BUg4S2dpKoiVReObBQcMwFn386bWdeG5e8Nk/FPcwU/ljXCfioQWPMm5Lri+jXqxJ+Mw+huSe6sDV4LCKPXjML/qZDIfFW7QdJdQ46/JknVfNuFJSLeAw5YA264+pbjXFDb31xkMffHqJjLtPxtltO9/WCW05zlv4nX9u9yenN5odkoyebUuWYFkCCqtVcksGUXGvf6l65pHTXIYMHNfYccRNF82OCZQnmp3+8JSo9LtfuU7s/MpTxokPB8wG32qSsiTmg+lATszIdHjtEy+sm2ijsCng/M1JEoTMJa9b38lbaEmgHHGJeaD83G1nbgCkk3dzrCAj7I0HlY0q6x+EmtRUekvSdpa/Gx7I9Obi1mdHDtvjabu4VNeirjCcnJ1F73aGvZtKZtwGGneniRJAYPOApNjEmsvRFTQcLTmjcWNOTbOmkqUwbAXnfhnNq85f5REpnafp8luqbJeLTlnDSfMWuhCQ+6nSUdygZN1aeRy46zG1Xee2/OHuY36C4FN6bqHrq9ng83aktx9zddVd7j1ibg+t7zgSrt9jKhSSeXMwVXr7dl38el+JeAB4MGMemxh8emG53t87GHH4W8k5OZQc8WBhNoaMXA/HDjynxuYxt2fVM+t/FrFAP2c5vvgIO1pz3pIP8HEIjaYy1QRwYAAAAASUVORK5CYII=);
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  position: absolute;
  right: 0;
  top: -34px;
}
.chatBox[data-v-5d552fd6] .plannerDialog .el-dialog__body .plannerImg {
  max-height: 80vh;
  width: 100%;
}

.el-popover.messageMenuPoper {
  width: auto !important;
  min-width: 0;
  padding: 10px 20px;
  border-radius: 12px;
  background: var(--gray_20);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.el-popover.messageMenuPoper[x-placement^="top"] .popper__arrow::after {
  border-top-color: var(--gray_20);
}
.el-popover.messageMenuPoper .messageMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.el-popover.messageMenuPoper .messageMenu > li {
  height: 41px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  cursor: pointer;
  color: var(--gray_90);
  font-size: 12px;
}
.el-popover.messageMenuPoper .messageMenu > li + li {
  margin-left: 30px;
}
.el-popover.messageMenuPoper .messageMenu > li.recall {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAz9JREFUaEPtVz1oFFEQ/mY3AQsLCwu5259bsIhdIAkoKNipmEbEPkKEAxENCAYUFCwiiJgiEiQRYyEWpgyYRrBIYZEiRcAUB3e3u3cBKwuLk2ze6J45b++SuG/vRXMHu+XdfDPzzTcz7z1Cj3/U4/kjJXDYCqYKpAooViBtIcUCKsNTBRol9H3fCATyOvGCaZoF5dJKOjgQBVzXH2Oi5wCOgfmlbRl5yfjKZkoEPM87ydDnGHz+TybMb2zLGFPOTNJBRwSYua/sVe8Q4TGAIy2xup1AsVgd0Pv4NQOn9yxStxL4a9VbmNAqSLzdrwOY6bsOUQiCYM1xnG+SnbKvmVQLhb0uSHsPxqBqwAi+RqBPLMQL2zaWOvUrRaDs+dMA3e40SCyOaFGHmDAMw4+1bTOQIlAsfj2h9W/NgTGaNIC0PVFJaLjkZDIb0hgg2YOm6Pp57fe+b908kYgEWmeIj/vOAOg4EYbAGGi3IcDXiM8kUUJKgWig4uZmTg/CLRTZ/VEDyS3kutVhEJ7u8kNYsY3sOVkVEhNoON5XDUkCoZ+dzTZNhJvRhAXzdccyFmRIdEwgdF5XY1u8Y46cCQkINBJ0veoHBl9sJkyrtpkZ+ecEmlWsTBLR/XA2mPEqZ2XHZYI3bOpXEtK/hIo0fhMBnXKc+IFWUqBlNnx/UBOYBGsztp1ZSUIgtC15/hKBLjdwDNzImdn5OD8HRiAuUNz/Jdd/QETh3ar+MfOznGXcjcN1DQHX9fNMNNskINeKXUOg7HmTgDbVswqUyv4iaXQ1MgO3cmZ2pidaqH5V6dsqRk944u0Ry7JWe4KA61dnmbn5DCWUbCPrxCUf/n/oM+B5m/cExJOWZIknbMOY7moCYdvo/VtTzGh7P9O6CH6MOI5T+28EyuXqWehiWCYgCxzVSBsCYTR68u5gazu9vy7j60BaqH1/ywbew64mQFccM7OcxIfyDJTdyjIIF5IE3WVL2CCxfc2yLOnKN3yoE/Aqj36d/A87JFAQ4ZXBzM4TUdCJD2UCYR+XvMq4RrtfWHslxIyAgQI0fHYMY62TpKMYZQKqCajiUwKqFVTFpwqoVlAVnyqgWkFVfKqAagVV8T2vwE/XBzhAtW4aegAAAABJRU5ErkJggg==) no-repeat top center;
  background-size: 24px;
}
.el-popover.messageMenuPoper .messageMenu > li.quote {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABJhJREFUaEPtWE2IW1UU/s5NMnXhoouOmPebBy4q6k5QsYLCFGbRgRZctKBQoaUjFnRAaDcyLShWsDhiZVqs6K5dCC10wMIMKNiFoq5E7O4l7738QGcxiy4yk+QeuUlmnMm8JPcl0bGQuwo35++737nnnvMIj/iiRzx+jAHsNYNjBsYMDHkC4xQa8gCHVh8ZA8ycDsPyEYacJkHPgHGQgQOtCKkCIGJu/EKC7spabcXzvOrQ0SvLwxrxfX+/EBPvQeBdAPs17a0BuJZJ0aeGYaxq6sSKDQUgCKKTTPRZgsA7gqAKMc85jnlzUBADAVDpEkTlRYBPDep4ux4RXW3U1ucGSavEAHzffyyV3neLwdOjCH7ThrobtpGdIaJ6EruJAQRRaZGZZ5M40Zel665tnNaXT3iJ/aB4XBBuJHGQVFYyv+U51re6etoMlEqlA7UG/gD4SV3jA8qtyfqG53meqlR9lzaAQli8BOBcX4ujEbjo2uYFHVNaANTFFemJska5rDLjA25sXBHpzCWA1NuwazHzZW7UPqT0xBsEfBEjsuZYxqTOhdYCUChERyDoTq8TIeBhA3LGs+0flVw+LJ6NCa4K4jddy/pOyRQKpUMQ/FOcXcl0zHOM2/1Y0AKQD8IrROKdHsaqEJhxTXOl2VIUy/MAzqvf23UYOJ2zzetqLwiiWSb6uBur6m1wLOPtkQAohMVfATzfzZgQ4oJtZi82A4uKN5hxvFOWCDcdyzyh9sOwPC8he+c44Z5rma+MCECp3L36UEXW11XVqLZPdTHGaVXWM57nPVHxw3BaQHyvEdiqY5uTGnL9RIBCWOQeUp+4tnm+ldPR60x4URCdYeDxLR3CkmuZMy2Z4hQEDgF0pl9Jdm2zb4r3FWg67QFAQL5mty/uZsB+uZwTdakup6X2tuf+lozqYtP7lgHumpojAxCExQf/9PY7ucikaDKuJc6H4SmC+EpJS+KXPMv6uZNFPwxfFRA/dGG34tpmtl9+aDGQD6J7RPRynLFup+T7pYMizX8pnUyKnjYM436nfqurLdXi7DLj95xjdmVnU0cLQCGIroJUzu5eMi08L5vNd/7TzvXl5r7EYdc1V3Yx4JdzIi39eADyy5xjnx0JA35QOiqIb8UZI6IFxzLmdgGIistgTDX3CSuuZR7ulOnZ2UqecV1raSQA2lQ/6PXoEDcuW5aVz+eLz6bSYp7BR7c7J9BtMD5yHOO3MAyfkkid6zEQqYYuqzPgaKVQuxKph0e9sP/F2irN/ZxpA2gO7+kJla+6g3s/313+p0omhed0h31tAMqbH0QnBdE3A0ampUaME0mG/EQAmqnUoyJpRdhLiPma61iJxtXEAJrdZlS+828M9Y2N9WM6F3dncRjg2JoDTiqz0O1tSGqSWX7t2taszgDTaTsxA9sNtIZ89WFr4Dl5TRLPeZb+ED9SAMpYa9jn9wGol1q3Qq1JyM9Rry/oDu/dWB2KgR1sqLTKZKZY8jSReKHdiW5+wVglwn2W/KeEvJuz7aVB0iW2E0iar/83+ZExsFfAxgD26uQ3/Y4ZGDMw5AmMU2jIAxxa/W+L8bdAuPBsBwAAAABJRU5ErkJggg==) no-repeat top center;
  background-size: 24px;
}
.el-popover.messageMenuPoper .messageMenu > li.copy {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGTSURBVHgB7djBbcIwFAbg30567xUVRLIBbMAIbADdoJ2gMEFHQN2ATtBuQDYwNCo5lgESuzaCS6VKz3FSgvo+CYGRY/th8xIbYIwxxtjlCATY5Z/KviUIkwmBrIrkMu31tvAkcXkjYzCXpd6o3f4BnoJmoAkqzycwYi6FmLlyJOS83++94NrYQBZ2SRr7+lJK3VKv85oBpYokis3KwIxskdzJ752LdRWLx/Pa/8j3b7btidZ6mQ4HC0ob5P+AG7yM9cZ1gAYG79i2pse1XxSJK1eolsdBSTmjtkEOIIr1Mxoa+A+3UWlWx09lmZ2+S6gXkwMwwBQtOS1JpGl6gKcupFGn9sx2JYDarj6AGIE0bMob0FKey/US8gkNCp4B6uB961IFB5DnBfkX9alL1cQSco8AC2JdNI2z0KVxFuIsFOjqs1BwAC3Y+lTuXADDwV3qU/9f3Qe8Nxt/gRyA3YBnaIk2eEVN5ACqUtyjnVk44EZ6H2idkQNI095Wl3Jsz2HWaMbB7oXfdSzHdY4UGWOMMdYF3xOfl41wOQOIAAAAAElFTkSuQmCC) no-repeat top center;
  background-size: 24px;
}