:root{--van-collapse-item-transition-duration: var(--van-animation-duration-base);--van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);--van-collapse-item-content-font-size: var(--van-font-size-md);--van-collapse-item-content-line-height: 1.5;--van-collapse-item-content-text-color: var(--van-text-color-2);--van-collapse-item-content-background-color: var(--van-background-color-light);--van-collapse-item-title-disabled-color: var(--van-text-color-3)}.van-collapse-item{position:relative}.van-collapse-item--border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:var(--van-padding-md);left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon:before{transform:rotate(90deg) translateZ(0);transition:transform var(--van-collapse-item-transition-duration)}.van-collapse-item__title:after{right:var(--van-padding-md);display:none}.van-collapse-item__title--expanded .van-cell__right-icon:before{transform:rotate(-90deg)}.van-collapse-item__title--expanded:after{display:block}.van-collapse-item__title--borderless:after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--van-collapse-item-title-disabled-color)}.van-collapse-item__wrapper{overflow:hidden;transition:height var(--van-collapse-item-transition-duration) ease-in-out;will-change:height}.van-collapse-item__content{padding:var(--van-collapse-item-content-padding);color:var(--van-collapse-item-content-text-color);font-size:var(--van-collapse-item-content-font-size);line-height:var(--van-collapse-item-content-line-height);background:var(--van-collapse-item-content-background-color)}

.time[data-v-1a385d8a] {
  text-align: center;
  font-size: 0.3rem;
  font-weight: 300;
  color: #FFFFFF;
  margin-bottom: 0.4rem;
}
.chat-details-wrap[data-v-1a385d8a] {
  display: flex;
  margin-bottom: 0.4rem;
  position: relative;
}
.chat-details-wrap .contact-avatar-wrap[data-v-1a385d8a] {
  background-color: #FFFFFF;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
.chat-details-wrap .avatar[data-v-1a385d8a] {
  flex-shrink: 0;
}
.chat-details-wrap .chat-details-msg[data-v-1a385d8a] {
  align-self: center;
  font-size: 0.36rem;
  line-height: 0.69rem;
  padding: 0.2rem 0.3rem;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
  text-align: left;
  color: #4a4a4a;
  margin: 0 0.31rem;
}
.mine-chat[data-v-1a385d8a] {
  flex-direction: row-reverse;
}
.mine-chat .chat-details-msg[data-v-1a385d8a] {
  background-color: transparent;
  color: #ffffff;
}
.mine-chat .themeMY-bg[data-v-1a385d8a] {
  background-image: linear-gradient(to right, #7300ff, #de33d6);
}
.mine-chat .themeXDF-bg[data-v-1a385d8a] {
  background-image: linear-gradient(to right, #FF2C51, #F6823F);
}
.mine-chat .themeNMY-bg[data-v-1a385d8a] {
  background-image: linear-gradient(to right, #FF4E96, #FF7AE1);
}
.img-wrap .img[data-v-1a385d8a] {
  object-fit: cover;
  max-width: 5.5rem;
  max-height: 5.5rem;
  min-width: 2rem;
  min-height: 2rem;
  width: auto;
  height: auto;
}
.audio-wrap[data-v-1a385d8a] {
  width: 26.66667vw;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-left: 2.66667vw;
}
.audio-wrap .audio-icon[data-v-1a385d8a] {
  width: 0.2821rem;
  height: 0.4103rem;
  margin-right: 0.1282rem;
  transform: rotateY(180deg);
}
.audio-wrap .playing[data-v-1a385d8a] {
  transform: rotateY(0);
}
[data-v-1a385d8a] .van-cell {
  padding-left: 0;
  padding-right: 0;
}

.recorder-wrap[data-v-7dd0731e] {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.recorder-wrap .second-wrap[data-v-7dd0731e] {
  height: 3.2vw;
  line-height: 3.2vw;
  font-size: 4vw;
  margin-bottom: 2.66667vw;
}
.recorder-wrap .recorder-icon[data-v-7dd0731e] {
  color: var(--md-color2);
  font-size: 13.33333vw;
}
.recorder-wrap .tip[data-v-7dd0731e] {
  font-size: 3.46667vw;
  margin-top: 1.33333vw;
}
.themeMY-send-button[data-v-7dd0731e],
.themeXDF-send-button[data-v-7dd0731e],
.themeNMY-send-button[data-v-7dd0731e] {
  width: 1.5rem;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  border-radius: 0.2rem;
  font-size: 0.3rem;
  color: white;
  margin-top: 2.66667vw;
}
.themeMY-send-button[data-v-7dd0731e] {
  background-image: linear-gradient(to right, #7300ff, #de33d6);
}
.themeXDF-send-button[data-v-7dd0731e],
.themeNMY-send-button[data-v-7dd0731e] {
  background-image: linear-gradient(to right, #FF2C51, #F6823F);
}

.themeMY-bg[data-v-3efe5bf8] {
  background: url(../../dist/img/contact-bottom-wrap.png);
  background-size: 100% 1.83rem;
}
.themeXDF-bg[data-v-3efe5bf8] {
  background: url(../../dist/img/contact-bottom-wrap.png);
  background-size: 100% 1.83rem;
}
.themeZN-bg[data-v-3efe5bf8] {
  background: #edcead;
}
.themeNMY-bg[data-v-3efe5bf8] {
  background: url(data:image/png;base64,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);
  background-size: 100% 1.83rem;
}
.active-wrap[data-v-3efe5bf8] {
  width: 100%;
  height: 1.83rem;
  padding-top: 0.3rem;
  border-radius: 2.66667vw 2.66667vw 0 0;
}
.active-wrap .keyboard-icon[data-v-3efe5bf8] {
  width: 0.6667rem;
  height: 0.7692rem;
  margin: 0 0.5385rem 0 0.2564rem;
}
.active-wrap .input-keyboard[data-v-3efe5bf8] {
  margin: -0.05rem 0.2rem 0 0rem;
}
.active-wrap .audio-icon[data-v-3efe5bf8] {
  width: 6.93333vw;
  height: 6.93333vw;
  margin-right: 2.66667vw;
}
.active-wrap .action-link[data-v-3efe5bf8] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.7692rem;
  margin-top: 0.08rem;
}
.active-wrap .action-link .action-line-wrap[data-v-3efe5bf8] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.active-wrap .action-link .action-line-wrap .action-item[data-v-3efe5bf8] {
  width: 100%;
  font-size: 3.73333vw;
  color: var(--a-color);
  text-align: center;
  position: relative;
}
.active-wrap .action-link .action-line-wrap .action-item[data-v-3efe5bf8]::before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.1rem;
  width: 0px;
  height: 0.6692rem;
  opacity: 0.2;
  border: 0.0256rem dashed white;
}
.active-wrap .img-input-send-wrap[data-v-3efe5bf8] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.active-wrap .input-wrap[data-v-3efe5bf8] {
  width: 6rem;
  height: 1rem;
  line-height: 0.9744rem;
  background-color: #FFFFFF;
  border-radius: 0.1282rem;
  padding: 0 0.3846rem;
}
.active-wrap .input-wrap input[data-v-3efe5bf8] {
  font-size: 0.4rem;
  width: 100%;
}
.active-wrap .img-icon-wrap[data-v-3efe5bf8] {
  width: 1.5rem;
  margin-left: 0.2rem;
  display: flex;
  justify-content: center;
}
.active-wrap .img-icon-wrap .img-icon[data-v-3efe5bf8] {
  width: 0.6667rem;
  height: 0.6667rem;
}
.active-wrap .themeMY-send-button[data-v-3efe5bf8],
.active-wrap .themeXDF-send-button[data-v-3efe5bf8],
.active-wrap .themeNMY-send-button[data-v-3efe5bf8] {
  width: 1.5rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  margin-left: 0.2rem;
  border-radius: 0.2rem;
  font-size: 0.3rem;
  color: white;
}
.active-wrap .themeMY-send-button[data-v-3efe5bf8] {
  background-image: linear-gradient(to right, #7300ff, #de33d6);
}
.active-wrap .themeXDF-send-button[data-v-3efe5bf8] {
  background-image: linear-gradient(to right, #FF2C51, #F6823F);
}
.active-wrap .themeNMY-send-button[data-v-3efe5bf8] {
  background-image: linear-gradient(to right, #FF4E96, #FF7AE1);
}
.audio-popup-wrap[data-v-3efe5bf8] {
  width: 100vw;
  height: 61.33333vw;
  border-radius: 8vw 8vw 0 0;
  background-color: #FFFFFF;
}
.audio-popup-wrap .close-icon[data-v-3efe5bf8] {
  padding-left: 5.33333vw;
  height: 10.66667vw;
  line-height: 10.66667vw;
  font-size: 5.33333vw;
}

.bg-1[data-v-11948e0e] {
  background: url(../../dist/img/contact-bg1.jpg) no-repeat;
  background-size: 100vw 100vh;
}
.bg-2[data-v-11948e0e] {
  background: url(../../dist/img/contact-bg2.jpg) no-repeat;
  background-size: 100vw 100vh;
}
.themeZN[data-v-11948e0e] {
  background: url(../../dist/img/contact-bg2.png) no-repeat;
  background-size: 100vw 100vh;
}
.themeHW[data-v-11948e0e] {
  background: url(../../dist/img/contact-bg2.png) no-repeat;
  background-size: 100vw 100vh;
}
.navbar[data-v-11948e0e] {
  position: fixed;
  height: 1.2rem;
  line-height: 1.2rem;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #7A000E;
}
.title[data-v-11948e0e] {
  width: 80vw;
}
.chat-wrap[data-v-11948e0e] {
  display: flex;
  flex-flow: column nowrap;
  height: calc(100vh - 12.26667vw);
}
.chat-wrap .message-box[data-v-11948e0e] {
  width: 100%;
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 0.07rem 0.3rem;
}