#message-send-box-wrapper[data-v-38e78c5a] {
  box-sizing: border-box;
  overflow: hidden;
  padding: 3px 20px 20px 20px;
}
.emojis[data-v-38e78c5a] {
  height: 160px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: scroll;
}
.emoji[data-v-38e78c5a] {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
}
.send-header-bar[data-v-38e78c5a] {
  box-sizing: border-box;
  padding: 3px 0 0 0;
}
.send-header-bar i[data-v-38e78c5a] {
  cursor: pointer;
  font-size: 24px;
  color: #808080;
  margin: 0 12px 0 0;
}
.send-header-bar i[data-v-38e78c5a]:hover {
  color: #000;
}
textarea[data-v-38e78c5a] {
  resize: none;
}
.text-input[data-v-38e78c5a] {
  font-size: 16px;
  width: 100%;
  box-sizing: box-sizing;
  border: none;
  outline: none;
  background-color: transparent;
}
.block[data-v-38e78c5a] {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.bottom[data-v-38e78c5a] {
  padding-top: 10px;
  position: relative;
}
.bottom .btn-send[data-v-38e78c5a] {
  cursor: pointer;
  position: absolute;
  color: #2d8cf0;
  font-size: 30px;
  right: 0;
  bottom: -5px;
  padding: 6px 6px 4px 4px;
  border-radius: 50%;
}
.upload-demo[data-v-38e78c5a] {
  display: inline-block;
}

.message-send-fail[data-v-97210bde] {
  margin-right: 8px;
  background-color: #f35f5f;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  cursor: pointer;
}

.right[data-v-2cc0a061] {
  display: flex;
  flex-direction: row-reverse;
}
.left[data-v-2cc0a061] {
  display: flex;
  flex-direction: row;
}
.base[data-v-2cc0a061] {
  color: #a5b5c1;
  font-size: 12px;
}
.name[data-v-2cc0a061] {
  padding: 0 4px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.right[data-v-11baf300] {
  display: flex;
  flex-direction: row-reverse;
  margin-right: 15px;
}
.left[data-v-11baf300] {
  display: flex;
  flex-direction: row;
  margin-left: 15px;
}
.base[data-v-11baf300] {
  color: #a5b5c1;
  font-size: 12px;
}
.name[data-v-11baf300] {
  padding: 0 4px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-bubble[data-v-6d29d32e] {
  position: relative;
}
.chat-bubble .message-status[data-v-6d29d32e] {
  display: flex;
  min-width: 25px;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #6e7981;
}
.chat-bubble .message-content[data-v-6d29d32e] {
  outline: none;
  font-size: 14px;
  position: relative;
  max-width: 350px;
  word-wrap: break-word;
  word-break: break-all;
  padding: 10px;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}
.chat-bubble .message-content span[data-v-6d29d32e] {
  white-space: pre-wrap;
  margin: 0;
  text-shadow: #495060 0 0 0.05em;
}
.chat-bubble .message-content img[data-v-6d29d32e] {
  vertical-align: bottom;
}
.chat-bubble .message-content[data-v-6d29d32e]::before {
  position: absolute;
  top: 0;
  width: 12px;
  height: 40px;
  content: "\e900";
  font-family: 'tim' !important;
  font-size: 24px;
}
.chat-bubble .message-received[data-v-6d29d32e] {
  background-color: #fff;
  margin-left: 15px;
  border-radius: 0 4px 4px 4px;
}
.chat-bubble .message-received[data-v-6d29d32e]::before {
  left: -10px;
  transform: scaleX(-1);
  color: #fff;
}
.chat-bubble .message-received.new[data-v-6d29d32e] {
  transform: scale(0);
  transform-origin: top left;
  -webkit-animation: bounce-6d29d32e 500ms linear both;
          animation: bounce-6d29d32e 500ms linear both;
}
.chat-bubble .message-send[data-v-6d29d32e] {
  background-color: #5cadff;
  margin-right: 15px;
  border-radius: 4px 0 4px 4px;
  color: #fff;
}
.chat-bubble .message-send[data-v-6d29d32e]::before {
  right: -10px;
  color: #5cadff;
}
.chat-bubble .message-send.new[data-v-6d29d32e] {
  transform: scale(0);
  transform-origin: top right;
  -webkit-animation: bounce-6d29d32e 500ms linear both;
          animation: bounce-6d29d32e 500ms linear both;
}
.chat-bubble .el-dropdown[data-v-6d29d32e] {
  vertical-align: top;
  display: flex;
}
.chat-bubble .el-dropdown + .el-dropdown[data-v-6d29d32e] {
  margin-left: 15px;
}
.chat-bubble .el-icon-arrow-down[data-v-6d29d32e] {
  font-size: 12px;
}
.group-tip-element-wrapper[data-v-6d29d32e] {
  background: #fff;
  padding: 4px 15px;
  border-radius: 3px;
  color: #a5b5c1;
  font-size: 12px;
}
.edit-button[data-v-6d29d32e] {
  padding-top: 4px;
  height: 20px;
  font-size: 10px;
}
@-webkit-keyframes bounce-6d29d32e {
0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
4.7% {
    transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
9.41% {
    transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
35.54% {
    transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
41.04% {
    transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
52.15% {
    transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
85.49% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
@keyframes bounce-6d29d32e {
0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
4.7% {
    transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
9.41% {
    transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
35.54% {
    transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
41.04% {
    transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
52.15% {
    transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
85.49% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}

.file-element-wrapper[data-v-96091f5a] {
  cursor: pointer;
}
.header[data-v-96091f5a] {
  display: flex;
}
.file-icon[data-v-96091f5a] {
  font-size: 40px !important;
}
.file-element[data-v-96091f5a] {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}
.file-size[data-v-96091f5a] {
  font-size: 12px;
  padding-top: 5px;
}

.face-element-wrapper img[data-v-0ef044da] {
  max-width: 90px;
}

.image-element[data-v-0a24a11d] {
  max-width: 250px;
  cursor: zoom-in;
}


.sound-element-wrapper[data-v-920d5bf8] {
  padding: 0px 10px;
  cursor: pointer;
}

.video[data-v-6237ab78] {
  width: 100%;
  max-height: 300px;
}

.group-tip-element-wrapper[data-v-746f4cdc] {
  background: #fff;
  padding: 4px 15px;
  border-radius: 3px;
  color: #a5b5c1;
  font-size: 12px;
}

.card[data-v-0b60a1be] {
  background: #fff;
  padding: 12px;
  border-radius: 5px;
  width: 300px;
}
.card .card-header[data-v-0b60a1be] {
  font-size: 18px;
}
.card .card-content[data-v-0b60a1be] {
  font-size: 14px;
}

.text[data-v-84d32b7c] {
  font-weight: bold;
}
.title[data-v-84d32b7c] {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}
.survey[data-v-84d32b7c] {
  background-color: #fff;
  color: #000;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.suggestion[data-v-84d32b7c] {
  padding-top: 10px;
  font-size: 14px;
}

.geo-element[data-v-58085edc] {
  text-decoration: none;
  color: #000;
  display: flex;
  flex-direction: column;
  padding: 6px;
  font-size: 18px;
}
.geo-element img[data-v-58085edc] {
  margin-top: 12px;
}

.message-wrapper[data-v-b252d812] {
  margin: 20px 0;
}
.message-wrapper .content-wrapper[data-v-b252d812] {
  display: flex;
  align-items: center;
}
.group-layout[data-v-b252d812],
.c2c-layout[data-v-b252d812],
.system-layout[data-v-b252d812] {
  display: flex;
}
.group-layout .col-1 .avatar[data-v-b252d812],
.c2c-layout .col-1 .avatar[data-v-b252d812],
.system-layout .col-1 .avatar[data-v-b252d812] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}
.group-layout .group-member-avatar[data-v-b252d812],
.c2c-layout .group-member-avatar[data-v-b252d812],
.system-layout .group-member-avatar[data-v-b252d812] {
  cursor: pointer;
}
.group-layout .col-2[data-v-b252d812],
.c2c-layout .col-2[data-v-b252d812],
.system-layout .col-2[data-v-b252d812] {
  display: flex;
  flex-direction: column;
}
.group-layout .col-3[data-v-b252d812],
.c2c-layout .col-3[data-v-b252d812],
.system-layout .col-3[data-v-b252d812] {
  width: 30px;
}
.group-layout.position-left .col-2[data-v-b252d812],
.c2c-layout.position-left .col-2[data-v-b252d812],
.system-layout.position-left .col-2[data-v-b252d812] {
  align-items: flex-start;
}
.group-layout.position-right[data-v-b252d812],
.c2c-layout.position-right[data-v-b252d812],
.system-layout.position-right[data-v-b252d812] {
  flex-direction: row-reverse;
}
.group-layout.position-right .col-2[data-v-b252d812],
.c2c-layout.position-right .col-2[data-v-b252d812],
.system-layout.position-right .col-2[data-v-b252d812] {
  align-items: flex-end;
}
.group-layout.position-center[data-v-b252d812],
.c2c-layout.position-center[data-v-b252d812],
.system-layout.position-center[data-v-b252d812] {
  justify-content: center;
}
.c2c-layout .col-2 .base[data-v-b252d812] {
  margin-top: 3px;
}
.group-layout .col-2 .chat-bubble[data-v-b252d812] {
  margin-top: 5px;
}
.message[data-v-b252d812] {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: break-all;
  background-color: #363e47;
  padding: 12px;
}
.dashboard[data-v-b252d812] {
  background-color: #fff;
  border-radius: 6px;
  max-height: 252px;
  padding: 0 15px;
}
.dashboard .title[data-v-b252d812] {
  font-size: 14px;
  color: #1ad8bb;
  text-align: center;
  padding-top: 10px;
}
.dashboard p[data-v-b252d812] {
  text-align: center;
  font-size: 12px;
  color: #535353;
  padding-top: 14px;
  padding-bottom: 28px;
}
.dashboard .img-box[data-v-b252d812] {
  position: relative;
  margin-bottom: 10px;
  text-align: center;
}
.dashboard .img-box .yibiao[data-v-b252d812] {
  height: 120px;
  width: 232px;
}
.dashboard .img-box .zhen[data-v-b252d812] {
  height: 120px;
  width: 15px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  transform-origin: bottom;
}
.dashboard .img-box .tips[data-v-b252d812] {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
}
.dashboard .uls-box[data-v-b252d812] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.dashboard .uls-box li[data-v-b252d812] {
  color: #535353;
  margin-bottom: 8px;
  box-sizing: border-box;
  padding-left: 10%;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.dashboard .uls-box .lis[data-v-b252d812] {
  width: 50%;
}
.dashboard .uls-box li .colo[data-v-b252d812] {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 5px;
}
.consultingElem[data-v-b252d812] {
  background: #fff;
  border-radius: 8px;
  color: #989898;
  font-size: 14px;
  max-width: 488px;
  padding-left: 10px;
}
.consultingElem h3[data-v-b252d812] {
  padding: 8px 0;
}
.consultingElem .zixun[data-v-b252d812] {
  display: flex;
  align-items: center;
}
.consultingElem .zixun[data-v-b252d812] {
  margin: 6px 0;
}
.consultingElem .zixun span[data-v-b252d812] {
  margin-right: 30px;
}
.consultingElem .contentT[data-v-b252d812] {
  margin: 6px 0;
}
.consultingElem .contentT[data-v-b252d812]::-webkit-scrollbar {
  width: 0;
}
.consultingElem .imgBox[data-v-b252d812] {
  margin-top: 6px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-sytle: none;
}
.consultingElem .imgBox .imgs[data-v-b252d812] {
  margin: 0 15px 13px 0;
  width: 60px;
  height: 60px;
}
.gray[data-v-b252d812] {
  color: #989898;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.label[data-v-1a518a30] {
  color: #ccc8c8;
}
.cursor-pointer[data-v-1a518a30] {
  cursor: pointer;
}

.group-member-list-wrapper .header[data-v-af1a8874] {
  height: 50px;
  padding: 10px 16px 10px 20px;
  border-bottom: 1px solid #e7e7e7;
}
.group-member-list-wrapper .header .member-count[data-v-af1a8874] {
  display: inline-block;
  max-width: 130px;
  line-height: 30px;
  font-size: 14px;
  vertical-align: bottom;
}
.group-member-list-wrapper .header .btn-add-member[data-v-af1a8874] {
  width: 30px;
  height: 30px;
  font-size: 28px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  float: right;
}
.group-member-list-wrapper .header .btn-add-member[data-v-af1a8874]:hover {
  color: #5cadff;
}
.group-member-list-wrapper .scroll-content[data-v-af1a8874] {
  max-height: 250px;
  overflow-y: scroll;
  padding: 10px 15px 10px 15px;
  width: 100%;
}
.group-member-list-wrapper .scroll-content .group-member-list[data-v-af1a8874] {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.group-member-list-wrapper .scroll-content .group-member[data-v-af1a8874] {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
  color: #000;
  cursor: pointer;
}
.group-member-list-wrapper .scroll-content .group-member .avatar[data-v-af1a8874] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.group-member-list-wrapper .scroll-content .group-member .member-name[data-v-af1a8874] {
  font-size: 12px;
  width: 40px;
  text-align: center;
}
.group-member-list-wrapper .more[data-v-af1a8874] {
  padding: 0 20px;
  border-bottom: 1px solid #e7e7e7;
}

.group-info-content {
  padding: 10px 10px;
}
.group-info-content .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.info-item {
  margin-bottom: 12px;
}
.info-item .label {
  font-size: 14px;
  color: #a5b5c1;
}
.info-item .active {
  color: #000;
}
.info-item .content {
  color: #404953;
  word-wrap: break-word;
  word-break: break-all;
}
.info-item .long-content {
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.cursor-pointer {
  cursor: pointer;
}

.profile-user[data-v-f157254a] {
  width: 100%;
  text-align: center;
  padding: 0 20px;
}
.profile-user .avatar[data-v-f157254a] {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: 30px auto;
}
.profile-user .nick-name[data-v-f157254a] {
  width: 100%;
  color: #1c2438;
  font-size: 20px;
  font-weight: bold;
  text-shadow: #76828c 0 0 0.1em;
}
.profile-user .nick-name .anonymous[data-v-f157254a] {
  color: #a5b5c1;
  text-shadow: none;
}
.profile-user .gender[data-v-f157254a] {
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #e7e7e7;
}
.profile-user .btn-add-blacklist[data-v-f157254a] {
  color: #f35f5f;
}

.conversation-profile-wrapper[data-v-032b9335] {
  background-color: #fff;
  height: 100%;
  overflow-y: scroll;
}
/* 设置滚动条的样式 */
[data-v-032b9335]::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.member-profile-card-wrapper[data-v-64fd50ac] {
  max-width: 300px;
  padding: 24px;
  background: #fff;
  border-radius: 5px;
  position: fixed;
  box-shadow: 0 0 10px #808080;
}
.member-profile-card-wrapper .profile[data-v-64fd50ac] {
  display: flex;
}
.member-profile-card-wrapper .profile .avatar[data-v-64fd50ac] {
  width: 60px;
  height: 60px;
  margin-right: 12px;
}
.member-profile-card-wrapper .profile .basic[data-v-64fd50ac] {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.member-profile-card-wrapper .divider[data-v-64fd50ac] {
  margin: 12px 0;
}
.member-profile-card-wrapper .member-profile[data-v-64fd50ac] {
  margin-bottom: 12px;
}
.member-profile-card-wrapper .member-profile .item[data-v-64fd50ac] {
  font-size: 15px;
}
.member-profile-card-wrapper .member-profile .item .label[data-v-64fd50ac] {
  display: inline-block;
  width: 4em;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  color: #808080;
}
.member-profile-card-wrapper .send-message-btn[data-v-64fd50ac] {
  float: right;
}

.bdColor[data-v-14d04d82] {
  color: #0052CC;
}
.textColor[data-v-14d04d82] {
  color: #0052cc;
}
.warningText[data-v-14d04d82] {
  color: #e6a23c;
}
.dangerText[data-v-14d04d82] {
  color: #d9001b;
}
.successText[data-v-14d04d82] {
  color: #67c23a;
}
.warningBg[data-v-14d04d82] {
  background-color: #e6a23c;
}
.dangerBg[data-v-14d04d82] {
  background-color: #d9001b;
}
.successBg[data-v-14d04d82] {
  background-color: #67c23a;
}
.primaryBg[data-v-14d04d82] {
  background-color: #4573d8;
}
.grayBg[data-v-14d04d82] {
  background-color: #aaaaaa;
}
.fl_sb[data-v-14d04d82] {
  display: flex;
  justify-content: space-between;
}
.fl_as[data-v-14d04d82] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fl_st[data-v-14d04d82] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.fl_cc[data-v-14d04d82] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl_wrap[data-v-14d04d82] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.colorPr[data-v-14d04d82] {
  color: #2662f0;
}
.colorTxt892[data-v-14d04d82] {
  color: #8f92a1;
}
.textDUb[data-v-14d04d82] {
  text-decoration: underline;
  white-space: pre-wrap;
}
.fz14[data-v-14d04d82] {
  font-size: 14px;
}
.fz_20[data-v-14d04d82] {
  font-size: 22px;
  font-weight: 400;
  color: #566770;
}
.fz_waming[data-v-14d04d82] {
  color: #e6a23c;
}
.text5[data-v-14d04d82] {
  display: inline-block;
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt20[data-v-14d04d82] {
  margin-top: 20px !important;
}
.noData[data-v-14d04d82] {
  margin: 200px 0;
  text-align: center;
}
.el-button--primary[data-v-14d04d82]:not(.is-disabled) {
  border: 1px solid #0052CC;
  color: #0052CC;
  background: #fff;
}
.el-button--primary[data-v-14d04d82]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button[data-v-14d04d82]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button--primary.solid[data-v-14d04d82] {
  color: #FFF;
  background-color: #0052CC;
  border-color: #0052CC;
}
.el-button[data-v-14d04d82] {
  min-width: 80px;
  border-radius: 12px;
}
.el-input__inner[data-v-14d04d82] {
  border-radius: 8px;
}
.el-button--primary.bg[data-v-14d04d82] {
  border-radius: 30px;
  border: 1px solid #0052cc;
  color: #fff;
  background: #0052cc;
}
.el-button--primary.bg2f[data-v-14d04d82] {
  width: 100%;
  border: 1px solid #0052CC;
  color: #fff;
  background: #0052CC;
}
.el-table[data-v-14d04d82] {
  overflow: hidden;
  border-radius: 4px;
}
.el-table .el-table__cell[data-v-14d04d82] {
  padding: 22px 0;
}
.el-table .el-table__body-wrapper[data-v-14d04d82] {
  padding-right: 20px;
}
.el-date-editor .el-range-separator[data-v-14d04d82] {
  width: 10%;
}
.chat-record[data-v-14d04d82] {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 800px;
}
.chat-record .message-title[data-v-14d04d82] {
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #1c2438;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #e7e7e7;
}
.chat-record .uls-box[data-v-14d04d82] {
  padding: 10px;
  flex: 1;
  overflow-y: auto;
  box-sizing: border-box;
}
.chat-record .uls-box[data-v-14d04d82]::-webkit-scrollbar {
  width: 0;
}
.chat-record .uls-box .left-text[data-v-14d04d82] {
  text-align: left;
}
.chat-record .uls-box .right-text[data-v-14d04d82] {
  text-align: right;
}
.chat-record .lis .title[data-v-14d04d82] {
  margin: 10px 0;
  font-size: 12px;
  color: #0082f0;
}
.chat-record .lis .title .accont[data-v-14d04d82] {
  margin-right: 5px;
}
.chat-record .dashboard[data-v-14d04d82] {
  background-color: #fff;
  border-radius: 6px;
  padding: 0 15px;
}
.chat-record .dashboard .title[data-v-14d04d82] {
  font-size: 14px;
  color: #1ad8bb;
  text-align: center;
  padding-top: 10px;
}
.chat-record .dashboard p[data-v-14d04d82] {
  text-align: center;
  font-size: 12px;
  color: #535353;
  padding-top: 14px;
  padding-bottom: 28px;
}
.chat-record .dashboard .img-box[data-v-14d04d82] {
  position: relative;
  margin-bottom: 10px;
  text-align: center;
}
.chat-record .dashboard .img-box .yibiao[data-v-14d04d82] {
  height: 120px;
  width: 232px;
}
.chat-record .dashboard .img-box .zhen[data-v-14d04d82] {
  height: 120px;
  width: 15px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  transform-origin: bottom;
}
.chat-record .dashboard .img-box .tips[data-v-14d04d82] {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
}
.chat-record .dashboard .uls-box[data-v-14d04d82] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.chat-record .dashboard .uls-box li[data-v-14d04d82] {
  color: #535353;
  margin-bottom: 8px;
  box-sizing: border-box;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.chat-record .dashboard .uls-box li .colo[data-v-14d04d82] {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 5px;
}
.chat-record .dashboard .uls-box .lis[data-v-14d04d82] {
  width: 50%;
}
.chat-record .consultingElem[data-v-14d04d82] {
  background: #ffffff;
  border-radius: 8px;
  color: #989898;
  font-size: 14px;
  max-width: 488px;
  padding-left: 10px;
}
.chat-record .consultingElem h3[data-v-14d04d82] {
  padding: 8px 0;
}
.chat-record .consultingElem .zixun[data-v-14d04d82] {
  display: flex;
  align-items: center;
  margin: 6px 0;
}
.chat-record .consultingElem .zixun span[data-v-14d04d82] {
  margin-right: 30px;
}
.chat-record .consultingElem .contentT[data-v-14d04d82] {
  margin: 6px 0;
}
.chat-record .consultingElem .contentT[data-v-14d04d82]::-webkit-scrollbar {
  width: 0;
}
.chat-record .consultingElem .imgBox[data-v-14d04d82] {
  margin-top: 6px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.chat-record .consultingElem .imgBox .imgs[data-v-14d04d82] {
  margin: 0 15px 13px 0;
  width: 40px;
  height: 40px;
}

.bdColor[data-v-73847c7b] {
  color: #0052CC;
}
.textColor[data-v-73847c7b] {
  color: #0052cc;
}
.warningText[data-v-73847c7b] {
  color: #e6a23c;
}
.dangerText[data-v-73847c7b] {
  color: #d9001b;
}
.successText[data-v-73847c7b] {
  color: #67c23a;
}
.warningBg[data-v-73847c7b] {
  background-color: #e6a23c;
}
.dangerBg[data-v-73847c7b] {
  background-color: #d9001b;
}
.successBg[data-v-73847c7b] {
  background-color: #67c23a;
}
.primaryBg[data-v-73847c7b] {
  background-color: #4573d8;
}
.grayBg[data-v-73847c7b] {
  background-color: #aaaaaa;
}
.fl_sb[data-v-73847c7b] {
  display: flex;
  justify-content: space-between;
}
.fl_as[data-v-73847c7b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fl_st[data-v-73847c7b] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.fl_cc[data-v-73847c7b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fl_wrap[data-v-73847c7b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.colorPr[data-v-73847c7b] {
  color: #2662f0;
}
.colorTxt892[data-v-73847c7b] {
  color: #8f92a1;
}
.textDUb[data-v-73847c7b] {
  text-decoration: underline;
  white-space: pre-wrap;
}
.fz14[data-v-73847c7b] {
  font-size: 14px;
}
.fz_20[data-v-73847c7b] {
  font-size: 22px;
  font-weight: 400;
  color: #566770;
}
.fz_waming[data-v-73847c7b] {
  color: #e6a23c;
}
.text5[data-v-73847c7b] {
  display: inline-block;
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt20[data-v-73847c7b] {
  margin-top: 20px !important;
}
.noData[data-v-73847c7b] {
  margin: 200px 0;
  text-align: center;
}
.el-button--primary[data-v-73847c7b]:not(.is-disabled) {
  border: 1px solid #0052CC;
  color: #0052CC;
  background: #fff;
}
.el-button--primary[data-v-73847c7b]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button[data-v-73847c7b]:hover {
  background: #0052CC;
  border-color: #0052CC;
  color: #FFF;
}
.el-button--primary.solid[data-v-73847c7b] {
  color: #FFF;
  background-color: #0052CC;
  border-color: #0052CC;
}
.el-button[data-v-73847c7b] {
  min-width: 80px;
  border-radius: 12px;
}
.el-input__inner[data-v-73847c7b] {
  border-radius: 8px;
}
.el-button--primary.bg[data-v-73847c7b] {
  border-radius: 30px;
  border: 1px solid #0052cc;
  color: #fff;
  background: #0052cc;
}
.el-button--primary.bg2f[data-v-73847c7b] {
  width: 100%;
  border: 1px solid #0052CC;
  color: #fff;
  background: #0052CC;
}
.el-table[data-v-73847c7b] {
  overflow: hidden;
  border-radius: 4px;
}
.el-table .el-table__cell[data-v-73847c7b] {
  padding: 22px 0;
}
.el-table .el-table__body-wrapper[data-v-73847c7b] {
  padding-right: 20px;
}
.el-date-editor .el-range-separator[data-v-73847c7b] {
  width: 10%;
}
.conversation-patient-information[data-v-73847c7b] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.conversation-patient-information .message-title[data-v-73847c7b] {
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #1c2438;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #e7e7e7;
}
.conversation-patient-information .message-main[data-v-73847c7b] {
  flex: 1;
  padding: 14px;
  position: relative;
  font-size: 14px;
  color: #606266;
}
.conversation-patient-information .message-main ul .lis[data-v-73847c7b] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.conversation-patient-information .message-main ul .lis span[data-v-73847c7b] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  width: 130px;
}
.conversation-patient-information .message-main .main-img[data-v-73847c7b] {
  height: 60px;
  width: 60px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.conversation-patient-information .message-main .info-message[data-v-73847c7b] {
  position: relative;
  margin-bottom: 10px;
}
.conversation-patient-information .message-main .info-message h3[data-v-73847c7b] {
  margin-bottom: 10px;
}
.conversation-patient-information .message-main .info-message .content-p[data-v-73847c7b] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
  overflow: hidden;
}
.conversation-patient-information .message-main .end[data-v-73847c7b] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10%;
  width: 100px;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  background-color: red;
  color: #fff;
}

/* 当前会话的骨架屏 */
.current-conversation-wrapper[data-v-32cedf64] {
  height: 80vh;
  background-color: #f5f5f5;
  color: #1c2438;
  display: flex;
}
.current-conversation-wrapper .current-conversation[data-v-32cedf64] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 80vh;
}
.current-conversation-wrapper .profile[data-v-32cedf64] {
  height: 80vh;
  overflow-y: scroll;
  width: 288px;
  border-left: 1px solid #e7e7e7;
  flex-shrink: 0;
}
.current-conversation-wrapper .profile[data-v-32cedf64]::-webkit-scrollbar {
  width: 0;
}
.current-conversation-wrapper .wid-100[data-v-32cedf64] {
  width: 100%;
}
.current-conversation-wrapper .more[data-v-32cedf64] {
  display: flex;
  justify-content: center;
  font-size: 12px;
}
.current-conversation-wrapper .no-more[data-v-32cedf64] {
  display: flex;
  justify-content: center;
  color: #a5b5c1;
  font-size: 12px;
  padding: 10px 10px;
}
.header[data-v-32cedf64] {
  border-bottom: 1px solid #e7e7e7;
  height: 50px;
  position: relative;
}
.header .name[data-v-32cedf64] {
  padding: 0 20px;
  color: #1c2438;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  text-shadow: #76828c 0 0 0.1em;
}
.header .btn-more-info[data-v-32cedf64] {
  position: absolute;
  top: 10px;
  right: -15px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.header .btn-more-info[data-v-32cedf64]::before {
  position: absolute;
  right: 0;
  z-index: 0;
  content: '';
  width: 15px;
  height: 30px;
  border: 1px solid #e7e7e7;
  border-radius: 0 100% 100% 0/50%;
  border-left: none;
  background-color: #f5f5f5;
}
.header .btn-more-info[data-v-32cedf64]::after {
  content: '';
  width: 8px;
  height: 8px;
  transition: transform 0.8s;
  border-top: 2px solid #a5b5c1;
  border-right: 2px solid #a5b5c1;
  float: right;
  position: relative;
  top: 11px;
  right: 8px;
  transform: rotate(45deg);
}
.header .btn-more-info.left-arrow[data-v-32cedf64] {
  transform: rotate(180deg);
}
.header .btn-more-info.left-arrow[data-v-32cedf64]::before {
  background-color: #fff;
}
.header .btn-more-info[data-v-32cedf64]:hover::after {
  border-color: #5cadff;
}
.content[data-v-32cedf64] {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.content .message-list[data-v-32cedf64] {
  width: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
  padding: 0 20px;
}
.content .message-list[data-v-32cedf64]::-webkit-scrollbar {
  width: 0;
}
.content .newMessageTips[data-v-32cedf64] {
  position: absolute;
  cursor: pointer;
  padding: 5px;
  width: 120px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 5px;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  border: #e9eaec 1px solid;
  background-color: #fff;
  color: #2d8cf0;
}
.footer[data-v-32cedf64] {
  border-top: 1px solid #e7e7e7;
}
.show-more[data-v-32cedf64] {
  text-align: right;
  padding: 10px 20px 0 0;
}

.profile-header {
  display: flex;
  margin-bottom: 12px;
}
.profile-card-wrapper .content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.profile-card-wrapper .avatar {
  width: 70px;
  height: 70px;
}
.basic {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.icon-male {
  color: #2d8cf0;
}
.icon-female {
  color: #ff8096;
}
.nick {
  font-size: 18px;
  margin-right: 8px;
  max-width: 100px;
  display: inline-block;
}

.my-profile-wrapper[data-v-0774ea04] {
  width: 50px;
  height: 50px;
  margin: 15px;
}
.my-profile-wrapper>span[data-v-0774ea04] {
  display: block;
  width: 100%;
  height: 100%;
}
.my-profile-wrapper .popover[data-v-0774ea04] {
  padding: none;
  border: none;
  border-radius: 30px;
}
.my-avatar[data-v-0774ea04] {
  cursor: pointer;
  border-radius: 50%;
}
.edit-my-profile[data-v-0774ea04] {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.conversation-item-container[data-v-1b92368d] {
  padding: 15px 20px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
}
.conversation-item-container[data-v-1b92368d]:hover {
  background-color: #404953;
}
.conversation-item-container:hover .close-btn[data-v-1b92368d] {
  right: 3px;
}
.conversation-item-container .close-btn[data-v-1b92368d] {
  position: absolute;
  right: -20px;
  top: 3px;
  color: #76828c;
  transition: all 0.2s ease;
}
.conversation-item-container .close-btn[data-v-1b92368d]:hover {
  color: #f35f5f;
}
.conversation-item-container .warp[data-v-1b92368d] {
  display: flex;
}
.conversation-item-container .avatar[data-v-1b92368d] {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.conversation-item-container .content[data-v-1b92368d] {
  flex: 1;
  height: 40px;
  padding: 0;
  overflow: hidden;
}
.conversation-item-container .content .row-1[data-v-1b92368d] {
  display: flex;
  line-height: 21px;
}
.conversation-item-container .content .row-1 .name[data-v-1b92368d] {
  color: #f7f7f8;
  flex: 1;
  min-width: 0px;
}
.conversation-item-container .content .row-1 .unread-count[data-v-1b92368d] {
  padding-left: 10px;
  flex-shrink: 0;
  color: #76828c;
  font-size: 12px;
}
.conversation-item-container .content .row-1 .unread-count .badge[data-v-1b92368d] {
  vertical-align: bottom;
  background-color: #f35f5f;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  max-width: 40px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
}
.conversation-item-container .content .row-2[data-v-1b92368d] {
  display: flex;
  font-size: 12px;
  padding-top: 3px;
}
.conversation-item-container .content .row-2 .summary[data-v-1b92368d] {
  flex: 1;
  overflow: hidden;
  min-width: 0px;
  color: #a5b5c1;
}
.conversation-item-container .content .row-2 .summary .remind[data-v-1b92368d] {
  color: #f35f5f;
}
.conversation-item-container .content .row-2 .date[data-v-1b92368d] {
  padding-left: 10px;
  flex-shrink: 0;
  text-align: right;
  color: #76828c;
}
.choose[data-v-1b92368d] {
  background-color: #404953;
}
.context-menu-button[data-v-1b92368d] {
  padding: 10px;
  border: 2px solid #2d8cf0;
  border-radius: 8px;
}

.conversation-item-container[data-v-d1032340] {
  padding: 15px 20px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
}
.conversation-item-container[data-v-d1032340]:hover {
  background-color: #404953;
}
.conversation-item-container:hover .close-btn[data-v-d1032340] {
  right: 3px;
}
.conversation-item-container .close-btn[data-v-d1032340] {
  position: absolute;
  right: -20px;
  top: 3px;
  color: #76828c;
  transition: all 0.2s ease;
}
.conversation-item-container .close-btn[data-v-d1032340]:hover {
  color: #f35f5f;
}
.conversation-item-container .warp[data-v-d1032340] {
  display: flex;
}
.conversation-item-container .avatar[data-v-d1032340] {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.conversation-item-container .content[data-v-d1032340] {
  flex: 1;
  height: 40px;
  padding: 0;
  overflow: hidden;
}
.conversation-item-container .content .row-1[data-v-d1032340] {
  display: flex;
  line-height: 21px;
}
.conversation-item-container .content .row-1 .name[data-v-d1032340] {
  color: #f7f7f8;
  flex: 1;
  min-width: 0px;
}
.conversation-item-container .content .row-1 .unread-count[data-v-d1032340] {
  padding-left: 10px;
  flex-shrink: 0;
  color: #76828c;
  font-size: 12px;
}
.conversation-item-container .content .row-1 .unread-count .badge[data-v-d1032340] {
  vertical-align: bottom;
  background-color: #f35f5f;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  max-width: 40px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
}
.conversation-item-container .content .row-2[data-v-d1032340] {
  display: flex;
  font-size: 12px;
  padding-top: 3px;
}
.conversation-item-container .content .row-2 .summary[data-v-d1032340] {
  flex: 1;
  overflow: hidden;
  min-width: 0px;
  color: #a5b5c1;
}
.conversation-item-container .content .row-2 .summary .remind[data-v-d1032340] {
  color: #f35f5f;
}
.conversation-item-container .content .row-2 .date[data-v-d1032340] {
  padding-left: 10px;
  flex-shrink: 0;
  text-align: right;
  color: #76828c;
}
.choose[data-v-d1032340] {
  background-color: #404953;
}
.context-menu-button[data-v-d1032340] {
  padding: 10px;
  border: 2px solid #2d8cf0;
  border-radius: 8px;
}

.list-container[data-v-ef55e816] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.list-container .header-bar[data-v-ef55e816] {
  flex-shrink: 0;
  height: 50px;
  border-bottom: 1px solid #303841;
  padding: 10px 10px 10px 20px;
}
.list-container .header-bar button[data-v-ef55e816] {
  float: right;
  display: inline-block;
  cursor: pointer;
  background: #303841;
  border: none;
  color: #76828c;
  box-sizing: border-box;
  transition: 0.3s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin: 0 10px 0 0;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 34px;
  font-size: 24px;
  text-align: center;
  white-space: nowrap;
  border-radius: 50%;
  outline: 0;
}
.list-container .header-bar button[data-v-ef55e816]:hover {
  transform: rotate(360deg);
  color: #5cadff;
}
.list-container .scroll-container[data-v-ef55e816] {
  overflow-y: scroll;
  flex: 1;
}
.list-container .scroll-container[data-v-ef55e816]::-webkit-scrollbar {
  width: 0;
}
.bottom-circle-btn[data-v-ef55e816] {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.refresh[data-v-ef55e816] {
  bottom: 70px;
}

.scroll-container[data-v-64a02b1a] {
  overflow-y: scroll;
  flex: 1;
}
.scroll-container .group-item[data-v-64a02b1a] {
  display: flex;
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
}
.scroll-container .group-item[data-v-64a02b1a]:hover {
  background-color: #404953;
}
.scroll-container .group-item .avatar[data-v-64a02b1a] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
}
.scroll-container .group-item .group-name[data-v-64a02b1a] {
  flex: 1;
  color: #f7f7f8;
  line-height: 30px;
}

.list-container[data-v-1b7e0ffd] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.list-container .group-container[data-v-1b7e0ffd] {
  overflow-y: scroll;
}
.list-container .header-bar[data-v-1b7e0ffd] {
  display: flex;
  flex-shrink: 0;
  height: 50px;
  border-bottom: 1px solid #303841;
  padding: 10px 10px 10px 20px;
}
.list-container .header-bar .group-seach-bar[data-v-1b7e0ffd] {
  width: 100%;
  margin-right: 10px;
}
.list-container .header-bar .group-seach-bar[data-v-1b7e0ffd] .el-input input {
  color: #a5b5c1;
  border: none;
  border-radius: 30px;
  background-color: #303841 !important;
}
.list-container .header-bar .group-seach-bar[data-v-1b7e0ffd] .el-input input::-moz-placeholder {
  color: #76828c;
}
.list-container .header-bar .group-seach-bar[data-v-1b7e0ffd] .el-input input::placeholder {
  color: #76828c;
}
.list-container .header-bar .group-seach-bar[data-v-1b7e0ffd] .el-input .el-icon-search {
  color: #76828c;
}
.list-container .header-bar button[data-v-1b7e0ffd] {
  float: right;
  display: inline-block;
  cursor: pointer;
  background: #303841;
  border: none;
  color: #76828c;
  box-sizing: border-box;
  transition: 0.3s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 34px;
  font-size: 24px;
  text-align: center;
  white-space: nowrap;
  border-radius: 50%;
  outline: 0;
  flex-shrink: 0;
}
.list-container .header-bar button[data-v-1b7e0ffd]:hover {
  transform: rotate(360deg);
  color: #5cadff;
}
.list-container .scroll-container[data-v-1b7e0ffd] {
  overflow-y: scroll;
  flex: 1;
}

.default {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow-y: scroll;
}

.item[data-v-6763cfe2] {
  padding-left: 20px;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blacklist-item-wrapper[data-v-6763cfe2] {
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.avatar[data-v-6763cfe2] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.blacklist-wrapper[data-v-00ad617d] {
  padding: 12px;
  overflow-y: scroll;
}
.default[data-v-00ad617d] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.side-bar-wrapper[data-v-47ecf648] {
  height: 100%;
  color: #000;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.side-bar-wrapper .bar-left[data-v-47ecf648] {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  width: 80px;
  height: 80vh;
  background-color: #303841;
}
.side-bar-wrapper .bar-left .tab-items[data-v-47ecf648] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.side-bar-wrapper .bar-left .tab-items .iconfont[data-v-47ecf648] {
  position: relative;
  margin: 0;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  color: #a5b5c1;
  -webkit-user-select: none;
          user-select: none;
  -moz-user-select: none;
}
.side-bar-wrapper .bar-left .tab-items .active[data-v-47ecf648] {
  color: #fff;
  background-color: #363e47;
}
.side-bar-wrapper .bar-left .tab-items .active[data-v-47ecf648]::after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  z-index: 0;
  height: 70px;
  border-left: 4px solid #5cadff;
}
.side-bar-wrapper .bar-left .tab-items .unread[data-v-47ecf648] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  display: inline-block;
  height: 18px;
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  border-radius: 10px;
  background-color: #f35f5f;
}
.side-bar-wrapper .bar-left .bottom[data-v-47ecf648] {
  height: 70px;
}
.side-bar-wrapper .bar-left .bottom>span[data-v-47ecf648] {
  display: block;
}
.side-bar-wrapper .bar-left .bottom .btn-more[data-v-47ecf648] {
  width: 100%;
  height: 70px;
  line-height: 70px;
  font-size: 30px;
  color: #a5b5c1;
  text-align: center;
  cursor: pointer;
}
.side-bar-wrapper .bar-left .bottom .iconfont[data-v-47ecf648] {
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  color: #a5b5c1;
  -webkit-user-select: none;
          user-select: none;
  -moz-user-select: none;
}
.side-bar-wrapper .bar-left .bottom .iconfont[data-v-47ecf648]:hover {
  color: #fff;
}
.side-bar-wrapper .bar-left .btn-more[data-v-47ecf648]:hover {
  color: #fff;
}
.side-bar-wrapper .bar-right[data-v-47ecf648] {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 80vh;
  position: relative;
  background-color: #363e47;
}

.login-wrapper[data-v-6f098aba] {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 400px;
  padding: 20px 80px 50px;
  background: #fff;
  color: #000;
  border-radius: 5px;
  box-shadow: 0 11px 20px 0 rgba(0,0,0,0.3);
}
.login-wrapper .logo[data-v-6f098aba] {
  width: 130px;
  height: 130px;
}
.login-wrapper .register-button[data-v-6f098aba] {
  width: 100%;
  margin: 6px 0 0 0;
}
.login-wrapper .user-selector[data-v-6f098aba] {
  width: 100%;
}


.image-previewer-wrapper[data-v-05ecc6a4] {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: rgba(14, 12, 12, 0.7);
  z-index: 2000;
  cursor: zoom-out;
}
.close-button[data-v-05ecc6a4] {
  cursor: pointer;
  font-size: 28px;
  color: #000;
  position: fixed;
  top: 50px;
  right: 50px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  padding: 6px;
}
.image-wrapper[data-v-05ecc6a4] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-preview[data-v-05ecc6a4] {
  transition: transform 0.1s ease 0s;
}
.actions-bar[data-v-05ecc6a4] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  bottom: 50px;
  left: 50%;
  margin-left: -100px;
  padding: 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
}
.actions-bar i[data-v-05ecc6a4] {
  font-size: 24px;
  cursor: pointer;
  margin: 0 6px;
}
.prev-button[data-v-05ecc6a4],
.next-button[data-v-05ecc6a4] {
  position: fixed;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  font-size: 24px;
  padding: 12px;
}
.prev-button[data-v-05ecc6a4] {
  left: 0;
  top: 50%;
}
.next-button[data-v-05ecc6a4] {
  right: 0;
  top: 50%;
}
.image-counter[data-v-05ecc6a4] {
  background: rgba(20, 18, 20, 0.53);
  padding: 3px;
  border-radius: 3px;
  color: #fff;
}

.call-container[data-v-42742104] {
  background: center url("data:image/png;base64,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");
  background-size: cover;
  position: absolute;
  z-index: 999;
}
.accept[data-v-42742104],
.refuse[data-v-42742104],
.videoOn[data-v-42742104],
.videoOff[data-v-42742104],
.micOn[data-v-42742104],
.micOff[data-v-42742104] {
  height: 50px;
  width: 50px;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
}
.accept[data-v-42742104] {
  background: center no-repeat url(data:image/png;base64,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);
  background-size: 60%;
  background-color: #0ac160;
}
.refuse[data-v-42742104] {
  background: center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACzElEQVR4Xu2YgXHTQBBF/68AqIBQAaEDqACoAKgAOiCpgNBBUgFOBUkqIFQAVECoYJkv7hxJseyLtTI+tDvjcTyRVrtv/96tjpi5ceb5IwCEAmZOIFpg5gKIRTBaIFpg5gSiBWYugNgFogWiBWZOIFpgagGY2QGApwAOW8962Putf/1In3yZfn8jeT1ljK4KMDMlmZPV38+dgr8EIBCCcuUJZTSAlPQbAK8AqNq7MIFYALgkeT7mgVsB+EdJD+V5k2AstoFxLwBm9hLAB0dpjyneqnuljCOSZ6WOiwCYmSR+tEOJl8Y/dF0DAsA5SSlk0NYCqDDxfqJK/oTk8RCBlQBSj3+pqOKbFCNFvCOp3aRjdwCY2VsAnwBor/7fTBBO20l1AKTKX+w4+Z8AHu+Q9Iu2EvoAvjvK/nfanvKEp+/rTYuSQKRCSIEapPStGcMLktaFJzmOJQAz06r50akSquphSbKlzzMzDT7ahj3smKTyvT0QMTPP6i8f4BFtUoXUoPb0sBuSj5YAkuS+enhOPj6T1MDkZmbmCUBxNWtB0wLO8pdL9fozt+z/xngC4L2jz0alUwEAyaIpszQh5xbVY6cFkFZarfwuZmbm4ujWybQAJlCA5y5wRwHaZzX6epi2QL2RdSYuD8dmpjg1qXpsh69JLvIaoGHj18ggdTBxKqcj/Wy8PR2zCYQ+Ww1IWaHtQUgV02tvqeVJTwcRkyc9FFTaHgVC6nhQGPwZSd3TGYR0nKVztyEnSjifzSnpSQ8rCxNZXmZmeWQWiHUtojw0pTYLdP9doL0WXKVDyCbpfUt4HaAeDA1Q7aI2vZ/vX/U6fJDp3LcK+3p96+VKI3BHua7Dyr4CWBdXAKixap4xhwI8adboKxRQY9U8Yw4FeNKs0VcooMaqecYcCvCkWaOvUECNVfOMORTgSbNGX6GAGqvmGXMowJNmjb5mr4A/76vcQcWI/HIAAAAASUVORK5CYII=);
  background-size: 70%;
  background-color: #f35f5f;
}
.videoOn[data-v-42742104] {
  background: center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAAXNSR0IArs4c6QAACk1JREFUeAHdW1uMXlUVXjPDtDKT0guQiLcHVB68YCImPjRpGt9sieADRok8GAz6Impa0aZRkKQ24JOGB8UQUi+BN6jTYmwCwSZ9MAGSgjVKqxFRfkPaaaeTaZ2WmeP6/nO+M+vsf+1z9jnzz4yZneyuvddtr/X9+3bOnI7I6pSRIQ2TDclP1M2wAg0HWCm/4ThDB2iYgXfxFbPpkmgXmxBgiQU0oFjDSPWRqhcbKjXhVD13nOUEmWLr6Xg8N7iC6SXo8UIfKTqhTacZ0pRQKG/qDwQVMMLEmvqBuYT6obzSD4OtCJ1OnX4oY58U7mzb63PIMAnbZ5s0ZkM+aKhrZZV2GGBFGHTqdK2M7SZq3VPXC5y8Jgp/1LG+2a6TUWfgFysFQYMBB+yKPXUstW3Yhv3QX9hnEh71eLSnjH3SGJ/yMsCS4TSYRCgi36OWF2uH/rw+EwBNacOH1avz6clk1OUuMZnMEidvkW8p2rbCd6Xu2bNnotfr3X7p0qVHrl69+szi4uLJLMve0Dpd1DfAgww60IVN6Kfo27HYVlH5I4PnlRjf063wOEhImeSYaqNeo3Vc6watG7W+S+u1WpHI5KFDh947PT39tfn5+SlNek5r2zIHW/iAL/gsfGMMjIUxMTZiQCyMi3GG8bOvqumFRiHlIAQiCsa+fftunJ2dfVizv9gWgRr9i/AJ35oKAI+BQmAYb5gH+8mI0MBSOg/BqMyK7du3bzp//vw3dOr3ahJblgi+MQbGcoDhTEkBJQkQCwLbSWAcO3bswwsLCy8vK9sWxhgLY640KASB1ILB2YFfwc6MydOnT+9cyVkRwwljYmyNB3uLXUKcKU17iprFC0GwFIDQKfeMChjnzp27VwO+HAt6FfiXEYPGmQKKzY3tKCJUILWzg2BgR+dJMlmAsQo5Nw/hgBKePsyH+ZG6gFBISmO7THi09o9VTFUNcy1nRojS5WL58ATyjmTmxTxJB0ChgJSGFhAulQlsZmuxZ4QIhH3EZDZa3lPsfsK8mCdpHxB0WLw2lUnhbESPu2uOHz/+4ujo6Cdp3Ib+a0bk8GsiR0+J/O2syFvaR3nPZpEP3iCy+6Mid3xc5H3a71IUlFd27Nix88SJE++oPa7yiwXlI4B3ve/zCAIpx2e/AoQK+4DoHeDeLVu2/JTKqfStiyIPPify5B9FFhBiTRnTkb7yaZEf7lKgrqtRjIguXLhw/9atW59QsQXEAgNLAkMvZZ+JkyJxu1S4kU7glthlqRx+Lcs2PZBlcn+WjX87y+56Mst+81KW/fXtLJudzyva4EEGHejCBrZtC2I0N1osHW+DZb6kBMZ9KCMgdiOdLK7jreL7yR+ybPRbeYKffyLLzpxtNocOdAEKbOGjbUGsmiGPYm6wdTfYKCAEA5tROTvwcKVBtXo2wa878s08qUef91Pa9fMsQ/UKbAAIaoeZcrF4IMSpkzJL+oBwupCGy6U8WfDE6QUd4/17ZmmZxMCALcDYHQEEcthy+cBnm4KYNUsCglzCE4d5k6Yvl+IRPjmerz61tEySjSKKXD7w2aYgZgWh1bIhMqCYHZwhleWiL2pu0ECS32e8eSHLxnSaY3NM2TOakoQP+IJP+G5R5hC75sVZws0V2wLzLTEAIywUgo92v+zdu/cz2oDTpIJ7Bo7WO2/Vu8X1vgnuI3f/Uo/VH+QVbfC8Ah/wBZ/w3aJMFLHThDnZPCnrI1R2Io2+g82bN++IyF02Ll0od+oFyytI/BOPiDz1skhP26hogxcDhb7o2/Pr8UzsBMNT6/O8GeIpj4yPj9/iCWI83EBRPvWBnIb/PnBYZHpO5LMfEXnz4byiDR5kXqEv+vZ0PF4ReyMYsLWAhAaV/tjY2M3eYDGevY57Oi+eybmPfzG/ouOajjYKZXlv6V9c7VHoO+81/+vEXslNPZR9C0it55GRkS21Cqsg1DOrU2kTexMgJXIayaY20TT9mjs/lHu77+l8z8C+gTYKZXlv6d+ePguh0HfeS/rXxm5zGjDGNXZFCp5aX39b5KV/itxy4+AQj94h8vu/iPzuzyLv11OGZZveGCDzCnyhwPdKlaYZYifpbJsg8AiP8mzkiMSecfK7Il+6TeQmbaOiDV7ssZ++6DsfIelfG7vNyTXGFEIFOKh8jqk81OnT45kWl6H+5en/5GKWIXbNK+m2amdIiFylr6/8/65Okwt+ZbzPuLog8p3IMZrsTBXhA77gMzaDYv6c2Cu5qV3Zt4DE/IGf6d9bX69T8GR4ubNJnzGfOSny4xc8jTQebOEDvuCzbSliL5Ous08BpO9oZmbmeJ0jT4Y3Xb++R9ehjvK9qW6gAAzYwgd8dXl7ZmJPAoV7SLiPLOvhzu43a/WCqIih1cMdweAPjD4K+ZhBJVD6KP30hg0bbu9rtPznt38S+fKvRGb/qy8kdNvGgxqeTXAd570CN1AcrThNnn013zOwTDAzPvexlgMW6leuXDmyceNG3IEXi4pZgjYoZwxpmbjKykIwSEtQ9GXLPfri9melZsvGar5kZmj6Qvzr27Zt05+iBMGCYUHpmyDZEh06CWgpn5qaOqIye6YHqvVdrP9f6G/1j4dEHrtL5ObrB/XBgww60O2yZxivs0XMZJW5kBHQUs7ZUC4PVXTvI11eMtv9xLZv+n7+Ru3oqSw7ohWvCcEbVunykhkAoJDmvaU9ZAAofbU/eeDAgVf1gendVG5Ddz8u8typNItdets9el+abqiloP5n//79tx48eHBOZXb/wCyw1ZpmWDKxEhr1+xhAj7EfxYyGyQ9/pTa+EWMBBvOAOdugjWVgNqgFl409gq/Flzur+WFM2yWE2Iqvi/BHeT2n3D9S8bBg3gMAUUAKA1QLSvknifX6x26LCoEg9QCxD3wT6/1zCIBDMEhjoGAaYjqu6w9mPEAADJeNt3QsKGv54cyKfVLlgWJnSRQULJ8uXwW03TBDfYxZfDXE9x2YveGfLBE38+DsJ0XOtYWKltIZAcGrR5w83GQxU/pfFa3m6YOxzNdCPFEsGIizDgzkmFQsGGwngYLjbr19uAvECEJIY6Dw9OFm2/+wprjmt/p8IlwSQX/NPu1OBYVLiBe3yhJSJ+vm438AghLOEPbtTLGgxICZUF+T+Ct8r9f7gv7Xj8f0td6x4sU1vieaL+pZ8CCDDnSLv9xjw4QPVLtXYGZiTFTuF017BnKIllphYRXTId+jlhdrR4MyAj5z8BkEoro25ZaibQt9Wl7ZZrAlI9KI6Vk+25baNlyH/chwJZvBe9Tj0ZAy9kljfMrLAEtGTYPJeCpWxnYTtX6o6wVMXhOFP+pY32zXyajTChAYMfDSgWmEMvZJPXsrM64GErPJsE1Ku7BPPmidzOrVJlhRNJ1YElQJ5U192sVomExTP/QT6ofySh87ctcSJur5SdHx7CzPS8jjWRu0U3RCm04zJHSSmnSqXuif/dQEU/Xot0KXG6R11sVXzKZLUl1sbPz9diygAcWWjJXyG4YxFBCs09UKfFjjDB0ACwba/wOhri2uJaIvogAAAABJRU5ErkJggg==);
}
.videoOff[data-v-42742104] {
  background: center no-repeat url(data:image/png;base64,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);
}
.micOn[data-v-42742104] {
  background: center no-repeat url(data:image/png;base64,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);
}
.micOff[data-v-42742104] {
  background: center no-repeat url(data:image/png;base64,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);
}
.buttons[data-v-42742104] {
  position: absolute;
  z-index: 20;
  width: 70%;
  top: 75%;
  display: flex;
  justify-content: space-around;
  margin: 0 15% 0 15%;
}
.duration[data-v-42742104] {
  color: #fff;
  position: absolute;
  z-index: 20;
  width: 100%;
  top: 70%;
  display: flex;
  justify-content: center;
}
.mask[data-v-42742104] {
  position: absolute;
  z-index: 10;
  background: #d8d8d8;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mask space[data-v-42742104],
.mask .image[data-v-42742104] {
  margin-left: 15%;
}
.mask .notice[data-v-42742104] {
  color: #888;
}
.choose[data-v-42742104],
.call[data-v-42742104] {
  color: #fff;
  background-color: rgba(0,0,0,0.8);
  height: 100%;
  width: 100%;
}
.title[data-v-42742104] {
  margin: 25% 0 0 0;
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 10;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
}
.big[data-v-42742104] {
  position: absolute;
  height: 100%;
  width: 100%;
}
.small[data-v-42742104] {
  position: absolute;
  margin-left: 74.8%;
  z-index: 999;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
  height: 44.8%;
  width: 25.2%;
}

body[data-v-716f5b8b] {
  overflow: hidden;
  margin: 0;
  font-family: 'Avenir-Heavy', 'Helvetica Neue', sans-serif;
  background-color: #4a5a6c;
  -ms-scroll-chaining: chained;
  -ms-overflow-style: none;
  -ms-content-zooming: zoom;
  -ms-scroll-rails: none;
  -ms-content-zoom-limit-min: 100%;
  -ms-content-zoom-limit-max: 500%;
  -ms-scroll-snap-type: proximity;
  -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
  -ms-overflow-style: none;
  overflow: auto;
}
body div[data-v-716f5b8b] {
  box-sizing: border-box;
}
body div[data-v-716f5b8b]::before,
body div[data-v-716f5b8b]::after {
  box-sizing: border-box;
}
#wrapper[data-v-716f5b8b] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}
.container-session[data-v-716f5b8b] {
  background-color: #fff;
  padding: 20px;
  position: relative;
  height: 100%;
}
.bg[data-v-716f5b8b] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url(../img/bg.e6f0a1db.jpg) no-repeat 0 0;
  background-size: cover;
}
.loading[data-v-716f5b8b] {
  height: 100%;
  width: 100vw;
  display: flex;
}
.text-ellipsis[data-v-716f5b8b] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-wrapper[data-v-716f5b8b] {
  width: 80vw;
  height: 80vh;
  box-shadow: 0 11px 20px 0 rgba(0,0,0,0.3);
}
/* 设置滚动条的样式 */
[data-v-716f5b8b]::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
/* 滚动槽 */
[data-v-716f5b8b]::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* 滚动条滑块 */
[data-v-716f5b8b]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0,0,0,0.1);
}