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

.conversation-box[data-v-2e2a8558] {
  height: 100%;
}
.conversation-box .top[data-v-2e2a8558] {
  height: 1.17333rem;
  text-align: center;
  position: relative;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversation-box .top .title[data-v-2e2a8558] {
  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;
}
.conversation-box .top .close[data-v-2e2a8558] {
  position: absolute;
  left: 0.42667rem;
  top: 0.32rem;
}
.conversation-box .load-tip[data-v-2e2a8558] {
  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-2e2a8558] {
  top: 0;
}
.conversation-box .load-tip.next[data-v-2e2a8558] {
  bottom: 0;
}
.conversation-box #message-list[data-v-2e2a8558] {
  position: relative;
  height: 100%;
  padding-top: 0.32rem;
}
.conversation-box #message-list #message-content[data-v-2e2a8558] {
  width: 100%;
  height: 100%;
}


[data-v-53723350] .van-tabs {
  box-shadow: 0 0.06667rem 0.10667rem -0.05333rem rgba(0, 0, 0, 0.08);
}
[data-v-53723350] .van-tab {
  font-size: 0.58667rem;
  font-weight: 400;
  color: #666666;
}
.top-nav[data-v-53723350] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EBEFF5;
}
.top-nav .tab-box[data-v-53723350] {
  display: flex;
  color: #666666;
  font-size: 0.37333rem;
  padding-left: 0.42667rem;
}
.top-nav .tab-box .tab-item[data-v-53723350] {
  margin-right: 0.64rem;
  position: relative;
  padding: 0.26667rem 0;
  cursor: pointer;
  white-space: nowrap;
}
.top-nav .tab-box .tab-item.active[data-v-53723350] {
  color: #2475fc;
  font-weight: 600;
}
.top-nav .tab-box .tab-item.active[data-v-53723350]:before {
  content: "";
  width: 0.53333rem;
  height: 0.08rem;
  flex-shrink: 0;
  border-radius: 0.21333rem;
  background: #2475FC;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.top-nav .switch-box[data-v-53723350] {
  align-items: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAABOCAYAAAB2ZhmvAAAAAXNSR0IArs4c6QAABTVJREFUeF7tnT1rHFcUht8zkiODiFAgxo0xIQmoEyQhOAIjSBGMUwRcCBJQ4V8gLEy6dOkMFqh2kWJBhu3cuQ84kDqFwEWKgLMf87W7s5Mi1p7kjjaKjSxrP0bFvee99Rb3feY8zM65985InJaHKroGDhIwSEDirNhXyI7B7IxMApA4K+8otAFgmTxIwBoBaafFeoSoCf4NsnbtmReAPFddWu0Nf4LKdyRCAtYIiAscZ4MdRbRvLTzzkkAlQJKU10aR/g5gkUhIwBKBSgA3uml5yOcAS5eeWR2BEwHibPijAj8QCwlYInAiQCcdfi2CxwBWLAFgVtsE/heg1/tYRotNAJ/YRsL0lgicCODaoe/lZUOBLUsAmNU2gRMBHIZ2WmxHIm5VmIMETBB4TYBxO/QPE8kZkgRe7QL9R6OTD56JRhukQwIWCLx2B6jWA7JiD5BdC+GZkQROCZDkxVcjFdcNWiUeEgidwCkB2nn+YaSXnACfhR6e+UjglACqupjk5SMF7hIPCYRO4JQALnCcFtvKdmjo15753tQFclSSRFdGUdkBsERKJBAygTfeAaq7QD78RRVfhBye2UjgTAG6WXEfkAcAImIigVAJnClAJx3eFsEB26GhXnrmcgTOFMBtizha0KYouCrMWgmWwJkCsB0a7DVnsFcInCmA+003G37z7/mAJyRGAqESeKsAfw4GVxZfRm53KNuhoVaA8VxvFWB8F/gZwE3jnBg/UALnC5AX30OrdigHCQRH4FwBOtlfm4KR2xx3Nbj0DGSewLkCpGl5/QjahOCGeVoEEByBcwU4fg7gIZngrjwDVQQmFIDtUNZLmAQmEkBVl+K82h3Kl2aFWQdmU00kgKMTp8VTFblllhSDB0lgYgG6WXEPkIfcHRpkHZgNNbEAnWywKe5LMmyHmi2WEINPLEC7KK5Gf6MJyGaIIJjJJoGJBVDVKM6HDwG5ZxMVU4dIYGIBXPh2r7gVjeRpiCCYySaBqQRIkmRlFF3mYXmbtRJk6qkEqFaF8+IxVL4NkgZDmSMwtQCdbLAj/KKkuUIJNfDUAsS98oaO1LVDr4cKhbnsEJhagBf9/vuXjtynlPRLO5iYNFQCUwtQbYvgFyVDrQdzuWYSIE37N49kwR2V5CABrwnMJMB4d6g7LH/F6/ScvHkCMwlQtUOzwRMgcq9N4SABbwnMLEAnK+4K5BGARW/Tc+LmCcwsQJKUG6OoaodeM0+RALwlMLMAWZatvpR3DqC47W16Ttw8gZkFGO8OfQDIffMUCcBbAjMLUK0H9Iaf6wi/epueEzdPYC4B3Buk47x8wXao+TryFsBcAhy3Q4sGINveEuDETROYWwC2Q03Xj/fh5xagnRbrkTssL7rmPQ0GMEdgbgHcKTGVy00V8J1B5srH/8BzCzB+DtgFZM9/HExgjUAtAiRJf2MULTyzBo95/SdQiwDHd4Gh2x3KbRH+14SpBDUKUDYAZTvUVPn4H7Y2ATr5YEs0avCDev4XhaUEtQnQzYefQt2rE/GRJYDM6jeB2gRotXR5Yak8AMBDMn7XhKnZ1yZA9SDML0qaKp4QwtYrQL+/hqOF33hKLITSsJGhVgHc7tAkL58r8IENfEzpO4FaBRivCu8Bsus7GM7fBoHaBejk5Zaosh1qo368T1m7AN3j5wDXDl33ng4DBE+gdgFardZytPRuQ4A7wdNjQO8J1C6AI8JXqHtfF2YCXIgA479Bh2YoMqi3BC5EAEcjTstD5SkxbwvDysQvToCs2FfIjhWQzOkngX8AR4iMIt04J/gAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  display: flex;
  color: #2475fc;
  font-size: 0.32rem;
  font-weight: 400;
  padding: 0.32rem;
  padding-left: 0.42667rem;
  white-space: nowrap;
}
.top-nav .switch-box img[data-v-53723350] {
  width: 0.42667rem;
  height: 0.42667rem;
  margin-right: 0.10667rem;
}
.tab-title[data-v-53723350] {
  position: relative;
}
.tab-title .message-tip[data-v-53723350] {
  display: inline-block;
  font-size: 0.32rem;
  font-family: DIN-Medium, DIN;
  font-weight: 500;
  color: #FFFFFF;
  background: #E22F1C;
  border-radius: 0.32rem;
  height: 0.48rem;
  line-height: 0.48rem;
  padding: 0 0.16rem;
  position: absolute;
  top: -0.13333rem;
  left: 0.72rem;
}
.pointer[data-v-53723350] {
  cursor: pointer;
}
.sort-icon[data-v-53723350] {
  width: 0.32rem;
  height: 0.32rem;
}
.container[data-v-53723350] {
  height: 100%;
  width: 100vw;
}
.filter-header[data-v-53723350] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.32rem 0.42667rem;
  background: #FFFFFF;
}
.filter-header .filter-date-box[data-v-53723350] {
  color: #666666;
  font-size: 0.37333rem;
  font-weight: 400;
}
.filter-header .filter-date-box .date-item[data-v-53723350] {
  margin-right: 0.32rem;
  cursor: pointer;
}
.filter-header .filter-date-box .date-item.active[data-v-53723350] {
  color: #2475FC;
}
.filter-header .right[data-v-53723350] {
  display: flex;
  align-items: center;
}
.filter-header .remove-all[data-v-53723350] {
  color: #666666;
  font-size: 0.32rem;
  font-weight: 400;
  display: flex;
  cursor: pointer;
}
.filter-header .remove-all span[data-v-53723350] {
  margin-left: 0.05333rem;
}
.main-container[data-v-53723350] {
  background: #EBEFF5;
  height: calc(100vh - 2.93333rem);
  overflow-y: scroll;
  padding: 0 0 2.66667rem 0;
}
.main-container .content[data-v-53723350] {
  margin-top: 0.32rem;
  background: #ffffff;
  border-radius: 0.21333rem;
  padding-top: 0.16rem;
}
.main-container .content .content-item[data-v-53723350] {
  padding: 0.26667rem 0.42667rem;
}
.main-container .content .content-item .main[data-v-53723350] {
  display: flex;
  justify-content: space-between;
}
.main-container .content .content-item .main .chat-left[data-v-53723350] {
  display: flex;
  align-items: center;
  width: 1.06667rem;
  height: 1.06667rem;
  flex-shrink: 0;
  border-radius: 0.10667rem;
  overflow: hidden;
  margin-right: 0.21333rem;
}
.main-container .content .content-item .main .chat-left .avatar[data-v-53723350] {
  width: 100%;
  height: 100%;
}
.main-container .content .content-item .main .chat-right[data-v-53723350] {
  flex: 1;
}
.main-container .content .content-item .main .chat-right .main-child[data-v-53723350] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}
.main-container .content .content-item .main .chat-right .name[data-v-53723350] {
  font-size: 0.37333rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.10667rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 3.46667rem;
}
.main-container .content .content-item .main .chat-right .last-msg[data-v-53723350] {
  flex-shrink: 0;
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 2.66667rem;
}
.main-container .content .content-item .main .chat-right .time[data-v-53723350] {
  font-size: 0.32rem;
  font-weight: 400;
  margin-bottom: 0.16rem;
  text-align: right;
}
.main-container .content .content-item .main .chat-right .operator[data-v-53723350] {
  display: flex;
  align-items: center;
  justify-content: right;
  flex-wrap: nowrap;
  position: relative;
  text-align: right;
}
.main-container .content .content-item .main .chat-right .link-msg[data-v-53723350] {
  width: 0.37333rem;
  height: 0.37333rem;
}
.main-container .content .content-item .main .chat-right .btn[data-v-53723350] {
  font-size: 0.32rem;
  font-weight: 400;
  color: #1C5DC9;
  margin-left: 0.10667rem;
  cursor: pointer;
}
.main-container .content .content-item .main .chat-right .driver-vertical[data-v-53723350] {
  display: inline-block;
  width: 1px;
  height: 0.32rem;
  background: #D2DFF4;
  border-radius: 1px;
  margin-left: 0.10667rem;
  margin-right: 2px;
}
.main-container .content .content-item .main .chat-right .more-operation-box[data-v-53723350] {
  position: absolute;
  background: #FFFFFF;
  border-radius: 0.10667rem;
  box-shadow: 0 0.13333rem 0.13333rem 0.13333rem rgba(0, 0, 0, 0.2);
  top: calc(100% + 0.05333rem);
  z-index: 999;
  right: 0.05333rem;
}
.main-container .content .content-item .main .chat-right .more-operation-box .item[data-v-53723350]:hover {
  color: #1989fa;
}
.main-container .content .content-item .main .chat-right .more-operation-box .item[data-v-53723350] {
  cursor: pointer;
  padding: 0.13333rem 0.32rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #333333;
  white-space: nowrap;
}
.main-container .content .content-item .driver[data-v-53723350] {
  border-bottom: 2px solid #F0F2F5;
  margin-top: 0.21333rem;
}
[data-v-53723350] .no-open-box .van-empty__description {
  padding: 0 0.32rem;
}
.no-open-tip[data-v-53723350] {
  background: #F0F1FA;
  border-radius: 0.21333rem;
  padding: 0.32rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #394a66;
}
.no-open-tip .desc[data-v-53723350] {
  color: #566f99;
  font-size: 0.32rem;
  font-weight: 400;
  margin-top: 0.42667rem;
}
.type-select[data-v-53723350] {
  margin-right: 0.21333rem;
  font-size: 0.37333rem;
  cursor: pointer;
  color: #2475FC;
}

.msg-content-container-one {
  width: 67%;
}
.msg-content-container-one iframe {
  max-height: 0.6rem;
  width: 100%;
  height: 100%;
}