.no-access-box[data-v-0a60f9ca] {
  margin: 0 0.21333rem;
  padding: 0.42667rem;
  background: #ffffff;
  border-radius: 0.21333rem;
}
.no-access-box .tip-info[data-v-0a60f9ca] {
  background: #F0F1FA;
  border-radius: 0.21333rem;
  padding: 0.32rem;
}
.no-access-box .tip-info .title[data-v-0a60f9ca] {
  display: flex;
  align-items: baseline;
}
.no-access-box .tip-info .title .title-text[data-v-0a60f9ca] {
  font-size: 0.32rem;
  font-weight: 400;
  color: #393E66;
  margin-left: 0.05333rem;
}
.no-access-box .tip-info .desc[data-v-0a60f9ca] {
  font-size: 0.26667rem;
  font-weight: 400;
  color: #566F99;
  margin-top: 0.42667rem;
}

.pointer[data-v-da8be336] {
  cursor: pointer;
}
.top[data-v-da8be336] {
  height: 1.17333rem;
  text-align: center;
  position: relative;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top .title[data-v-da8be336] {
  display: inline-block;
  font-size: 0.4rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.17333rem;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top .close[data-v-da8be336] {
  position: absolute;
  left: 0.42667rem;
  top: 0.32rem;
}
.message-list[data-v-da8be336] {
  padding: 0.42667rem 0.32rem;
  background: #f7f8fa;
  min-height: calc(100% - 1rem);
  padding-bottom: 1.6rem;
  height: calc(100% - 2.66667rem);
  overflow-y: scroll;
}
.message-list .corp-name[data-v-da8be336] {
  display: inline-block;
  color: #e07b00;
  margin-right: 0.10667rem;
  max-width: 2.93333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .is-wx[data-v-da8be336] {
  color: #07c160;
}
.message-list .message-item.isSelf[data-v-da8be336] {
  flex-flow: row-reverse;
  text-align: right;
}
.message-list .message-item.isSelf .content[data-v-da8be336] {
  align-items: flex-end;
}
.message-list .message-item.isSelf .avatar[data-v-da8be336] {
  margin-left: 0.21333rem;
  margin-right: 0;
}
.message-list .message-item.isSelf .user-name[data-v-da8be336] {
  text-align: right;
  justify-content: right;
}
.message-list .message-item.isSelf .message-box[data-v-da8be336] {
  background: #d2e0ff;
  border-radius: 0.21333rem 0.05333rem 0.21333rem 0.21333rem;
}
.message-list .message-item.isSelf .file-box[data-v-da8be336] {
  background: #ffffff !important;
  /* Force file box to be white even if self sent */
}
.message-list .message-item[data-v-da8be336] {
  display: flex;
  margin-bottom: 0.8rem;
}
.message-list .message-item .file-card[data-v-da8be336] {
  width: 5.86667rem;
  display: flex;
  flex-direction: column;
  padding: 0.05333rem;
}
.message-list .message-item .content[data-v-da8be336] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc(100% - 1.73333rem);
}
.message-list .message-item .content .user-name[data-v-da8be336] {
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  margin-bottom: 0.10667rem;
  display: flex;
}
.message-list .message-item .content .transfer-text-link[data-v-da8be336] {
  font-size: 0.16rem;
  color: #409eff;
  cursor: pointer;
  margin-bottom: 0.05333rem;
  display: block;
  text-align: right;
}
.message-list .message-item .content .message-wrapper[data-v-da8be336] {
  display: flex;
  align-items: center;
}
.message-list .message-item .content .msg-time-bottom[data-v-da8be336] {
  font-size: 0.32rem;
  color: #b3b3b3;
  margin-top: 0.10667rem;
  padding: 0 0.05333rem;
}
.message-list .message-item .content .transfer-text-link[data-v-da8be336] {
  color: #2475fc;
  font-size: 0.32rem;
  cursor: pointer;
  padding: 0.05333rem 0.13333rem;
  white-space: nowrap;
  margin-bottom: 0px;
}
.message-list .message-item .content .voice-text-result[data-v-da8be336] {
  margin-top: 0.16rem;
  padding: 0.21333rem;
  background: #fff;
  border-radius: 0.16rem;
  font-size: 0.37333rem;
  color: #333;
  line-height: 1.5;
  word-break: break-all;
  box-shadow: 0 2px 0.10667rem rgba(0, 0, 0, 0.05);
  min-width: 1.33333rem;
  max-width: 6.4rem;
}
.message-list .message-item .content .isSelf .voice-text-result[data-v-da8be336] {
  background: #d2e0ff;
}
.message-list .avatar[data-v-da8be336] {
  width: 1.06667rem;
  height: 1.06667rem;
  border-radius: 50%;
  margin-right: 0.21333rem;
  flex-shrink: 0;
}
.message-list .message-box[data-v-da8be336] {
  padding: 0.21333rem 0.26667rem;
  background: #fff;
  border-radius: 0.05333rem 0.21333rem 0.21333rem 0.21333rem;
  max-width: 6.4rem;
  font-size: 0.4rem;
  line-height: 1.5;
  position: relative;
  color: #333333;
}
.message-list .message-box.image[data-v-da8be336],
.message-list .message-box.emotion[data-v-da8be336] {
  padding: 0;
  background: transparent;
  border-radius: 0.21333rem !important;
}
.message-list .message-box.image img[data-v-da8be336],
.message-list .message-box.emotion img[data-v-da8be336] {
  border-radius: 0.21333rem;
  display: block;
}
.message-list .message-box.text[data-v-da8be336] {
  display: inline-block;
  word-break: break-word;
}
.message-list .message-box.voice[data-v-da8be336] {
  padding: 0.21333rem 0.32rem;
}
.message-list .message-box.voice .voice-inner[data-v-da8be336] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0.8rem;
}
.message-list .message-box.voice .voice-inner .voice-icon[data-v-da8be336] {
  width: 0.42667rem;
  height: 0.42667rem;
}
.message-list .message-box.voice .voice-inner .voice-icon.playing[data-v-da8be336] {
  animation: voice-play-da8be336 1s infinite;
}
.message-list .message-box.voice .voice-inner .voice-icon.rotated[data-v-da8be336] {
  transform: rotate(180deg);
}
.message-list .message-box.voice .voice-inner .voice-icon.rotated.playing[data-v-da8be336] {
  animation: voice-play-rotated-da8be336 1s infinite;
}
.message-list .message-box.voice .voice-inner .voice-time[data-v-da8be336] {
  margin: 0 0.10667rem;
  font-size: 0.37333rem;
}
.message-list .message-box.file-box[data-v-da8be336] {
  width: 6.4rem;
  padding: 0;
  overflow: hidden;
  border: none;
  text-align: left;
  border-radius: 0.21333rem !important;
  background: #ffffff !important;
}
.message-list .message-box.file-box .file-info[data-v-da8be336] {
  padding: 0.32rem 0.32rem 0.26667rem;
  display: flex;
  align-items: center;
}
.message-list .message-box.file-box .file-info .file-icon[data-v-da8be336] {
  width: 0.96rem;
  height: 0.96rem;
  margin-right: 0.21333rem;
  flex-shrink: 0;
}
.message-list .message-box.file-box .file-info .file-desc[data-v-da8be336] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.message-list .message-box.file-box .file-info .file-desc .file-name[data-v-da8be336] {
  font-size: 0.37333rem;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .message-box.file-box .file-info .file-desc .file-size[data-v-da8be336] {
  font-size: 0.32rem;
  color: #999;
  margin-top: 0.10667rem;
}
.message-list .message-box.file-box .file-download-btn[data-v-da8be336] {
  margin: 0 0.32rem 0.32rem;
  border: 1px solid #e4e7ed;
  border-radius: 0.16rem;
  text-align: center;
  padding: 0.16rem 0;
  color: #333333;
  font-size: 0.34667rem;
  background: #ffffff;
}
.bottom[data-v-da8be336] {
  position: fixed;
  background: #f8f9fa;
  left: 0;
  padding: 0.10667rem 0;
  bottom: 0;
  width: 100%;
}
.bottom .open-btn[data-v-da8be336] {
  background: #2475fc;
  border-radius: 0.74667rem;
  padding: 0.16rem 0;
  text-align: center;
  margin: 0 1.33333rem;
  font-size: 0.42667rem;
  font-weight: 400;
  color: #eeeeee;
}
.ml8[data-v-da8be336] {
  margin-left: 0.10667rem;
}
.mr8[data-v-da8be336] {
  margin-right: 0.10667rem;
}
@keyframes voice-play-da8be336 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 1;
}
}
@keyframes voice-play-rotated-da8be336 {
0% {
    transform: rotate(180deg) opacity(1);
}
50% {
    transform: rotate(180deg) opacity(0.3);
}
100% {
    transform: rotate(180deg) opacity(1);
}
}
/* 统一旋转和动画 */
.voice-icon.rotated.playing[data-v-da8be336] {
  animation: voice-play-rotated-da8be336 1s infinite;
}

.date-range-box.show-alert[data-v-7c32f8fa] .van-calendar__header-title {
  height: auto;
  min-height: 2.4rem;
}
.calendar-header-title[data-v-7c32f8fa] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.42667rem;
  font-weight: 500;
}
.calendar-header-title .close-icon[data-v-7c32f8fa] {
  position: absolute;
  right: 0.42667rem;
  color: #999;
  font-size: 0.53333rem;
  cursor: pointer;
}
.alert[data-v-7c32f8fa] {
  color: #558ed5;
  font-size: 0.32rem;
  font-weight: 400;
  background: #eaf2ff;
  line-height: 0.85333rem;
  text-align: center;
}
.selected-time-info[data-v-7c32f8fa] {
  display: flex;
  align-items: center;
  padding: 0 0.42667rem;
  background: #fff;
}
.selected-time-info .label[data-v-7c32f8fa] {
  font-size: 0.37333rem;
  color: #999;
  margin-right: 0.32rem;
}
.selected-time-info .range[data-v-7c32f8fa] {
  display: flex;
  align-items: center;
  font-size: 0.4rem;
  color: #2475fc;
  font-weight: 500;
}
.selected-time-info .range .arrow[data-v-7c32f8fa] {
  margin: 0 0.21333rem;
}
.calendar-month-nav[data-v-7c32f8fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.26667rem 0;
}
.calendar-month-nav .month-title[data-v-7c32f8fa] {
  font-size: 0.42667rem;
  color: #333;
  margin: 0 0.53333rem;
  font-weight: 400;
}
.calendar-month-nav .nav-icons[data-v-7c32f8fa] {
  display: flex;
  align-items: center;
  color: #2475fc;
  font-size: 0.48rem;
}
.calendar-month-nav .nav-icons i[data-v-7c32f8fa] {
  margin: 0 0.13333rem;
  cursor: pointer;
}
.calendar-month-nav .nav-icons .double-arrow[data-v-7c32f8fa] {
  display: flex;
  align-items: center;
}
.calendar-month-nav .nav-icons .double-arrow .overlap[data-v-7c32f8fa] {
  margin-left: -0.26667rem;
}
.calendar-footer[data-v-7c32f8fa] {
  display: flex;
  justify-content: space-between;
  padding: 0.32rem;
  background: #fff;
}
.calendar-footer .btn[data-v-7c32f8fa] {
  flex: 1;
  height: 1.17333rem;
  line-height: 1.17333rem;
  text-align: center;
  border-radius: 0.10667rem;
  font-size: 0.4rem;
}
.calendar-footer .btn-all[data-v-7c32f8fa] {
  background: #f2f4f8;
  color: #333;
  margin-right: 0.21333rem;
}
.calendar-footer .btn-confirm[data-v-7c32f8fa] {
  background: #2475fc;
  color: #fff;
  margin-left: 0.21333rem;
}

.container[data-v-2c5d9d1f] {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #F1EBFF 0%, #f1ebff00 100%);
  border-radius: 0.21333rem 0.21333rem 0 0;
}
.title[data-v-2c5d9d1f] {
  display: flex;
  align-items: center;
  padding: 0.42667rem 0.32rem;
  color: #6524fc;
  font-size: 0.42667rem;
  font-weight: 600;
}
.title .icon[data-v-2c5d9d1f] {
  width: 0.42667rem;
  height: 0.42667rem;
  margin-right: 0.21333rem;
}
.question[data-v-2c5d9d1f] {
  color: #1a1a1a;
  font-size: 0.42667rem;
  font-weight: 600;
  word-break: break-all;
  margin: 0 0.32rem 0.32rem;
}
.tip-info[data-v-2c5d9d1f] {
  color: #999999;
  font-size: 0.32rem;
  margin: 0 0.32rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.21333rem;
}
.tip-info .info[data-v-2c5d9d1f] {
  white-space: nowrap;
  margin-right: 0.10667rem;
}
.tip-info .line[data-v-2c5d9d1f] {
  flex: 1;
  border-top: 1px solid #E3E3E3;
}
.content[data-v-2c5d9d1f] {
  flex: 1;
  color: #666666;
  font-size: 0.37333rem;
  font-weight: 400;
  line-height: 0.53333rem;
  padding: 0 0.32rem 0.32rem;
  overflow-y: auto;
}
.loading-box[data-v-2c5d9d1f] {
  text-align: center;
  margin: 10vh 0 ;
}
.footer[data-v-2c5d9d1f] {
  height: 1.6rem;
  padding-top: 0.32rem;
}
.footer .btn-box[data-v-2c5d9d1f] {
  display: flex;
  align-items: center;
  gap: 0.21333rem;
  margin: 0 0.53333rem;
}
.footer .btn-box .btn[data-v-2c5d9d1f] {
  flex: 1;
  padding: 0.21333rem 0.26667rem;
  border-radius: 0.21333rem;
  border: 1px solid #2475FC;
  color: #2475FC;
  background: #FFF;
  font-size: 0.37333rem;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
}
.footer .btn-box .btn.primary[data-v-2c5d9d1f] {
  background: #2475FC;
  color: #FFF;
}
.load-tip[data-v-2c5d9d1f] {
  margin-top: 0.32rem;
  color: #8c8c8c;
}

.conversation-box[data-v-827098ec] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.conversation-box .load-tip[data-v-827098ec] {
  font-weight: 400;
  font-size: 0.32rem;
  color: #164799;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
}
.conversation-box .load-tip.prev[data-v-827098ec] {
  top: 0;
}
.conversation-box .load-tip.next[data-v-827098ec] {
  bottom: 0;
}
.conversation-box #message-list[data-v-827098ec] {
  flex: 1;
  position: relative;
  padding-top: 0.32rem;
  background: #F7F8FA;
}
.conversation-box #message-list #message-content[data-v-827098ec] {
  width: 100%;
  height: 100%;
}
.conversation-box .footer[data-v-827098ec] {
  height: 2.66667rem;
  flex-shrink: 0;
  background: #FFF;
  padding: 0.16rem 0.32rem;
}

.staff-info.active[data-v-4bc6cd91],
.staff-info[data-v-4bc6cd91]:active {
  background: #F7F8FA;
}
.staff-info[data-v-4bc6cd91] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.24rem 0.42667rem;
}
.staff-info .avatar[data-v-4bc6cd91] {
  flex-shrink: 0;
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 0.10667rem;
  margin-right: 0.21333rem;
}
.staff-info .info[data-v-4bc6cd91] {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.staff-info .name[data-v-4bc6cd91] {
  font-size: 0.34667rem;
  font-weight: 400;
  color: #333333;
}
.top-bar[data-v-4bc6cd91] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.17333rem;
  background: #F8F9FA;
  padding: 0 0.42667rem;
}
.top-bar .bar-item[data-v-4bc6cd91] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.top-bar .bar-item .label[data-v-4bc6cd91] {
  font-size: 0.34667rem;
  color: #333;
  margin-right: 0.10667rem;
  max-width: 2.66667rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.top-bar .bar-item .icon[data-v-4bc6cd91] {
  font-size: 0.32rem;
  color: #999;
}
.top-bar .user-item .avatar[data-v-4bc6cd91] {
  width: 0.53333rem;
  height: 0.53333rem;
  border-radius: 50%;
  margin-right: 0.10667rem;
}
.top-bar .divider[data-v-4bc6cd91] {
  width: 1px;
  height: 0.32rem;
  background: #D8D8D8;
  margin: 0 0.21333rem;
}
.wrapper .img-area[data-v-4bc6cd91] {
  background-image: url(../img/no_auth.png);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 5.86667rem 2.93333rem;
  height: 2.93333rem;
  margin-top: 2.45333rem;
  width: 100%;
  margin-bottom: 0.66667rem;
}
.wrapper .no-permission-div[data-v-4bc6cd91] {
  font-weight: 600;
  text-align: center;
}
.select-staff-popup[data-v-4bc6cd91] {
  padding-bottom: 1.17333rem;
  background: #F8F9FA;
}
.select-staff-popup .title[data-v-4bc6cd91] {
  font-size: 0.37333rem;
  font-weight: 500;
  padding: 0.32rem;
  text-align: center;
  border-bottom: 1px solid #D9D9D9;
}
.select-staff-popup .change-staff-btn[data-v-4bc6cd91] {
  font-size: 0.34667rem;
  font-weight: 400;
  color: #2475FC;
  cursor: pointer;
}
.filter-date-box[data-v-4bc6cd91] {
  color: #999999;
  font-size: 0.37333rem;
  font-weight: 400;
  cursor: pointer;
  padding-left: 0.32rem;
}