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

.pointer[data-v-115653d8] {
  cursor: pointer;
}
.top[data-v-115653d8] {
  height: 1.17333rem;
  text-align: center;
  position: relative;
  background: #F8F9FA;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top .title[data-v-115653d8] {
  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-115653d8] {
  position: absolute;
  left: 0.42667rem;
  top: 0.32rem;
}
.message-list[data-v-115653d8] {
  background: #F2F2F2;
  padding: 0.42667rem;
  padding-bottom: 1.6rem;
  height: calc(100% - 2.66667rem);
  overflow-y: scroll;
}
.message-list .corp-name[data-v-115653d8] {
  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-115653d8] {
  color: #07C160;
}
.message-list .message-item.isSelf[data-v-115653d8] {
  flex-flow: row-reverse;
  text-align: right;
}
.message-list .message-item.isSelf .avatar[data-v-115653d8] {
  margin-left: 0.21333rem;
  margin-right: 0;
}
.message-list .message-item.isSelf .user-name[data-v-115653d8] {
  text-align: right;
  justify-content: right;
}
.message-list .message-item.isSelf .message-box[data-v-115653d8] {
  background: #D4E3FC;
}
.message-list .message-item[data-v-115653d8] {
  display: flex;
  margin-bottom: 0.8rem;
}
.message-list .message-item .content .user-name[data-v-115653d8] {
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  margin-bottom: 0.10667rem;
  display: flex;
}
.message-list .avatar[data-v-115653d8] {
  width: 1.06667rem;
  height: 1.06667rem;
  border-radius: 0.10667rem;
  margin-right: 0.21333rem;
}
.message-list .message-box[data-v-115653d8] {
  display: inline-block;
  background: #FFFFFF;
  padding: 0.32rem;
  border-radius: 0.16rem;
  max-width: 80%;
  white-space: normal;
  word-break: break-all;
  text-align: left;
  font-size: 0.37333rem;
  color: #1a1a1a;
}
.message-list .message-box.text[data-v-115653d8] {
  display: inline-block;
}
.message-list .message-box.voice div[data-v-115653d8] {
  display: flex;
  align-items: center;
}
.bottom[data-v-115653d8] {
  position: fixed;
  background: #F8F9FA;
  left: 0;
  padding: 0.10667rem 0;
  bottom: 0;
  width: 100%;
}
.bottom .open-btn[data-v-115653d8] {
  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-115653d8] {
  margin-left: 0.10667rem;
}
.mr8[data-v-115653d8] {
  margin-right: 0.10667rem;
}

.date-box[data-v-30efd636] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.42667rem;
  margin: 1.6rem 0.32rem;
}
.date-box > div[data-v-30efd636] {
  margin: 0.05333rem;
  text-align: center;
}
.date-box .start[data-v-30efd636],
.date-box .end[data-v-30efd636] {
  color: #2475fc;
}
.date-box .start input[data-v-30efd636],
.date-box .end input[data-v-30efd636] {
  width: 2.8rem;
}
.btn-box[data-v-30efd636] {
  padding: 0.21333rem 0.42667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.64rem;
}
.btn-box .btn[data-v-30efd636] {
  width: calc(50% - 0.48rem);
}
.btn[data-v-30efd636] {
  color: #666666;
  text-align: center;
  font-size: 0.37333rem;
  font-weight: 400;
  border-radius: 0.10667rem;
  border: 1px solid #D9D9D9;
  padding: 0.21333rem;
}
.btn.primary[data-v-30efd636] {
  background: #2475FC;
  color: #ffffff;
}

.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-ae042718] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.conversation-box .load-tip[data-v-ae042718] {
  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-ae042718] {
  top: 0;
}
.conversation-box .load-tip.next[data-v-ae042718] {
  bottom: 0;
}
.conversation-box #message-list[data-v-ae042718] {
  flex: 1;
  position: relative;
  padding-top: 0.32rem;
  background: #F0F2F5;
}
.conversation-box #message-list #message-content[data-v-ae042718] {
  width: 100%;
  height: 100%;
}
.conversation-box .footer[data-v-ae042718] {
  height: 2.66667rem;
  flex-shrink: 0;
  background: #FFF;
  padding: 0.16rem 0.32rem;
}

.current-staff-info[data-v-5e5978d0] {
  box-shadow: 0 0.10667rem 0.10667rem 0 rgba(0, 40, 96, 0.04);
}
.staff-info.active[data-v-5e5978d0],
.staff-info[data-v-5e5978d0]:active {
  background: #EFF4FC;
}
.staff-info[data-v-5e5978d0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.24rem 0.42667rem;
}
.staff-info .avatar[data-v-5e5978d0] {
  flex-shrink: 0;
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 0.10667rem;
  margin-right: 0.21333rem;
}
.staff-info .info[data-v-5e5978d0] {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.staff-info .name[data-v-5e5978d0] {
  font-size: 0.34667rem;
  font-weight: 400;
  color: #333333;
}
.top .time[data-v-5e5978d0] {
  margin-left: 0.42667rem;
}
.top .tip-message[data-v-5e5978d0] {
  background: #F0F4FA;
  padding: 0.10667rem 0.42667rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #1C5DC9;
}
.wrapper .img-area[data-v-5e5978d0] {
  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-5e5978d0] {
  font-weight: 600;
  text-align: center;
}
.select-staff-popup[data-v-5e5978d0] {
  padding-bottom: 1.17333rem;
  background: #F8F9FA;
}
.select-staff-popup .title[data-v-5e5978d0] {
  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-5e5978d0] {
  font-size: 0.34667rem;
  font-weight: 400;
  color: #2475FC;
  cursor: pointer;
}
.filter-date-box[data-v-5e5978d0] {
  color: #999999;
  font-size: 0.37333rem;
  font-weight: 400;
  cursor: pointer;
  padding-left: 0.32rem;
}