customAgent/src/assets/style/chat.css

.app-content-main {
  padding: 22rem 15rem 90rem 15rem;
}

button:disabled,
.historicRecords .question-answer-con button {
  color: #c8c8c8 !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.app-content-main button.van-button--disabled {
  color: #fff !important;
}

.historicRecords button.answer-items:active {
  background: transparent;
  color: #5a9cff;
}

.historicRecords button.answer-items:disabled {
  background: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.historicRecords button.answer-items:disabled::before {
  background: #c8c8c8;
}

.historicRecords button.help-button-item:disabled {
  color: #666666 !important;
}

.app-content .mescroll {
  height: auto;
  position: absolute;
  top: 43rem;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 85rem;
}

.app-content .mescroll.mescrollToprem {
  top: 0;
}

.app-content .mescroll.isNoticeShow {
  top: 83rem;
}

.app-content .mescroll.mescrollToprem.isNoticeShow {
  top: 40rem;
}

.chat-content-box-item {
  margin-top: 10rem;
}

.time-show,
.other-message {
  color: #999;
  text-align: center;
  font-size: 11rem;
}

.margin-bottom-10 {
  height: 5rem;
}

.news-tips-box {
  padding-top: 20rem;
}

.chat-content-other {
  text-align: center;
  font-family: NotoSansHans-Regular;
  font-size: 10rem;
  line-height: 11rem;
  color: #fff;
}

.session-tips {
  margin-top: 10rem;
  display: inline-block;
  line-height: 11rem;
  /* background-color: #dadada; */
  padding: 5rem 5rem;
  border-radius: 5rem;
  color: #7E849F;
  white-space: nowrap;
}

.historicRecords .chat-content-box-item:first-child {
  margin-top: 0 !important;
}

.historicRecords-box .chat-room-cont {
  margin-top: 20rem;
}

.historicRecords-box .chat-content-left {
  margin-top: 20rem;
}

.chat-content-list {
  margin-top: 15rem;
  overflow: hidden;
}

.chat-content-left {
  width: 100%;
  position: relative;
  /* display: flex;
    justify-content: flex-start;
    align-items: top; */
  /* -webkit-animation: msgLeft .5s ease-in-out;
    animation: msgLeft .5s ease-in-out; */
}

.chat-items {
  width: 100%;
  margin-top: 8rem;
  overflow: hidden;
  position: relative;
}

.chat-name {
  height: 36rem;
  line-height: 36rem;
  text-indent: 6rem;
  font-size: 12rem;
  color: #999;
  text-align: left;
}

.content-left-icon {
  width: 100%;
  height: 36rem;
  min-height: 36rem;
  text-align: left;
  line-height: 36rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  display: none;
}

.avatarUrl-img {
  text-align: left;
  display: inline-block;
  width: 36rem;
  height: 36rem;
  border: 0;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 36rem;
}

img.avatarUrl-img[lazy="loading"] {
  width: 36rem;
  height: 36rem;
  max-width: 36rem;
  margin: 0 auto;
  margin-top: auto;
  margin-bottom: auto;
}

.content-left-main {
  max-width: 100%;
  font-size: 14rem;
  background: #ffffff;
  border-radius: 16rem 16rem 16rem 2rem;
  padding: 11rem 14rem 11rem 14rem;
  box-sizing: border-box;
  width: 100%;
  /* width: -moz-fit-content;
    width: -webkit-fit-content; */
}
.noPadding {
  padding: 0 !important;
  border-radius: 12rem !important;
  background: linear-gradient(360deg, #ffffffb3 0%, #f7f8ff 99%) !important;
}
.content-left-main.text-folding-box {
  padding: 11rem 14rem 0 14rem !important;
}

.historicRecords {
  padding-bottom: 20rem;
}

.content-left-main.service-radius {
  border-radius: 16rem;
  width: 100%;
  padding: 15rem 0 0 0;
  overflow: hidden;
}

.service-header-icon {
  padding: 0 15rem 15rem 21rem;
}

.service-header-icon img {
  width: 50rem;
  height: 50rem;
  min-width: 50rem;
}

.service-link-box {
  position: relative;
}

.service-link-box::before {
  top: -1rem;
}

.enter-service-link {
  font-family: NotoSansHans-Regular;
  font-size: 14rem;
  color: #5a9cff;
  line-height: 21rem;
  background-color: transparent;
  display: inline-block;
}

.leave-message-btn {
  padding-top: 8rem 16rem;
  text-align: left;
  margin-top: 10rem;
}

.leave-message-btn .answer-items {
  display: inline-block;
  background: rgba(2, 92, 234, 0.08);
  border: none;
  box-shadow: none;
  border-radius: 100rem;
  font-family: NotoSansHans-Regular;
  font-size: 12.5rem;
  line-height: 21rem;
  padding: 6rem 16rem;
  color: #17204d;
  font-size: 14rem;
  margin-bottom: 10rem;
  box-sizing: border-box;
  text-align: center;
  transition: background-color 0.2s ease;
}

.leave-message-btn .answer-items:hover {
  background: #dcebff;
}

.service-link-btn {
  display: block;
  width: 100%;
  line-height: 21rem;
  padding: 10.5rem 0 12.5rem 0;
  background-color: #fff;
  font-family: NotoSansHans-Regular;
  font-size: 14rem;
  color: #5a9cff;
  position: relative;
  border: 0;
}

.service-link-btn::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -1rem;
  width: 100%;
  height: 1rem;
  border-bottom: 1rem solid #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.content-left-main.question-w100 {
  width: 100%;
  border-radius: 16rem;
  box-sizing: border-box;
  padding: 16rem 15rem 16rem 14rem;
}

.content-question-title {
  padding-right: 18rem;
  font-family: NotoSansHans-Regular;
  line-height: 21rem;
  font-size: 14rem;
  color: #333333;
}

.content-question-answer {
  /* margin-top: 11.5rem;
  padding-top: 10rem; */
  position: relative;
}

.content-question-answer::before {
  content: " ";
  position: absolute;
  left: 0;
  right: 2rem;
  top: 0;
  width: 100%;
  height: 1rem;
  border-top: 1rem solid #ddd;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.content-question-answer .answer-items {
  display: block;
  width: 100%;
  background: #ffffff;
  border: 0 solid #f1f3f6;
  font-family: NotoSansHans-Regular;
  font-size: 13rem;
  line-height: 20rem;
  color: #5a9cff;
  text-align: left;
  position: relative;
  box-sizing: border-box;
  padding-left: 19rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.content-question-answer .answer-items:active {
  opacity: 0.35;
}

.content-question-answer .answer-items::before {
  content: " ";
  position: absolute;
  left: 6rem;
  top: 8rem;
  width: 4rem;
  height: 4rem;
  background-color: #5a9cff;
  border-radius: 4rem;
}

.content-question-answer .answer-items:disabled {
  background: #f4f6f9;
}

.historicRecords button.answer-items[disabled="disabled"]:active {
  opacity: 1;
}

.question-answer-help {
  padding: 10rem 0 3rem 0;
}

.answer-help-btn {
  font-family: NotoSansHans-Regular;
  font-size: 14rem;
  color: #5a9cff;
  line-height: 21rem;
  text-decoration: underline;
  background-color: transparent;
}

.text-question-title {
  font-family: NotoSansHans-Medium;
  font-size: 14rem;
  color: #333333;
}

.question-answer-con {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.question-answer-con button {
  color: #5a9cff;
  background-color: transparent;
  text-decoration: underline;
}

.question-answer-con p {
  font-family: NotoSansHans-Regular;
  font-size: 14rem;
  line-height: 21rem;
  color: #333333;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  -webkit-user-select: text;
  user-select: text;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0;
}

.scheduleTimeout-box {
  width: 100%;
}

.preview-box-img {
  padding: 5rem 0;
  width: auto;
  max-width: 100%;
}

.cesi-demo {
  width: 100%;
  margin: 0 auto;
  padding: 30rem 0;
}

.video-type {
  max-width: 271rem;
  display: block;
  clear: both;
  margin: 0 auto;
  background-color: black;
  border-radius: 10rem;
  overflow: hidden;
}

.question-answer-con video,
.question-answer-con iframe {
  max-width: 271rem;
  display: block;
  clear: both;
  margin: 0 auto;
  background-color: black;
  border-radius: 10rem;
  overflow: hidden;
}

.question-answer-con p .jump-web-button,
.question-answer-con p .open-wx-web-button,
.question-answer-con p .open-app-page-button {
  display: block;
  text-align: center;
  font-family: NotoSansHans-Regular;
  font-size: 16rem;
  font-weight: 500;
  height: 40rem;
  line-height: 40rem;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #025cea 0%, #0595f6 100%);
  margin: 12rem 0;
  /* box-shadow:
    1rem 2rem 5rem 0 rgba(10, 75, 173, 0.42),
    inset 0 -4rem 15rem 0 rgba(164, 203, 255, 0.25); */
 border-radius: 100px;
}

.question-answer-con p .jump-web-button-disable,
.question-answer-con p .open-wx-web-button-disable,
.question-answer-con p .open-app-page-button-disable {
  display: block;
  text-align: center;
  font-family: NotoSansHans-Regular;
  font-size: 16rem;
  font-weight: 500;
  height: 40rem;
  line-height: 40rem;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: rgb(172, 205, 255);
  /* box-shadow:
    1rem 2rem 5rem 0 rgba(45, 54, 67, 0.42),
    inset 0 -4rem 15rem 0 rgba(204, 225, 251, 0.25); */
 border-radius: 100px;
  pointer-events: none;
  margin: 16rem 0;
}

.question-answer-con p .jump-web-button::after,
.question-answer-con p .open-wx-web-button::after,
.question-answer-con p .open-app-page-button::after {
  /* content: ""; */
  position: absolute;
  right: 20rem;
  top: 50%;
  width: 8rem;
  height: 8rem;
  border-top: 1rem solid #ffffff;
  border-right: 1rem solid #ffffff;
  transform: rotate(45deg);
  margin-top: -5rem;
}

.text-template-box {
  margin-bottom: 11.5rem;
}

.text-folding-box {
  overflow: hidden;
}

.text-folding-box.detailed-introduce {
  max-height: 102rem;
}

.content-left-main .text-folding-box.total-introduce {
  height: auto;
  max-height: auto !important;
}

.unfold-box {
  width: 100%;
  height: 20rem;
  line-height: 20rem;
  text-align: center;
}

.unfold-box a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.unfold-box a:active {
  opacity: 0.65;
}

.unfold-bg {
  position: relative;
  padding-top: 12rem;
}

.unfold-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 18rem;
  -moz-box-shadow: 0rem -12rem 18rem #fff;
  -webkit-box-shadow: 0rem -12rem 18rem #fff;
  box-shadow: 0rem -12rem 18rem #fff;
  pointer-events: none;
}

.unfold-style {
  padding-top: 12rem;
}

.look-more-icon {
  margin-top: -3rem;
  margin-left: 4.4rem;
  display: inline-block;
  width: 16rem;
  height: 16rem;
  vertical-align: middle;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNzQ2NzAzMjA0NDkxMUVBODBBRTlBQTE1OEQwMTM1MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNzQ2NzAzMzA0NDkxMUVBODBBRTlBQTE1OEQwMTM1MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3NDY3MDMwMDQ0OTExRUE4MEFFOUFBMTU4RDAxMzUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3NDY3MDMxMDQ0OTExRUE4MEFFOUFBMTU4RDAxMzUyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W+ow7AAAAOVJREFUeNpimbj3//8//xgYMuwY+LjYGD4zkAC+/GQQmLyf4T0nKwMD05VnDAxnHzIwtG1nOPDtFwMvKYa0bmM4cOUpA8O150CD8pwYnNlYGL7ff8NgRKxhMEMevWPQ52Bl+FzsymDLpCPFsA/I8CHWMHRDytwZvNTFGY4wgSSJNQyXISA5JpgiQobhMwQEGP///49iKzDwnXp3M2z59YeBU1GE4VyVJ4PDv/8MzPgMwWoQFsMY/gKTB9AQBlyG4DQI3TAQH58heA0CgRsvGGwWn2A4zAQMyXgLBnMVMYZTuNQCBBgAJUaY98oRXygAAAAASUVORK5CYII=")
    no-repeat center;
  background-size: 9.1rem auto;
  transition: transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -webkit-transition: -webkit-transform 0.4s;
  -o-transition: -o-transform 0.4s;
}

.look-more-icon.active {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.help-button-box {
  position: relative;
  width: calc(100% - 8rem);
  margin: 0 auto;
  padding: 10rem 0;
  border-top: 1px solid #ebedf0;
}

.noPadding .help-button-box {
  width: calc(100% - 32rem);
}
.help-button-item {
  width: 32rem;
  height: 32rem;
  background: #e1eafc;
  border-radius: 8rem;
  text-align: center;
  font-family: NotoSansHans-Regular;
  font-size: 13rem;
  color: #5a9cff;
  line-height: 20rem;
  vertical-align: middle;
  outline: 0;
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.help-button-item:not(:disabled).active {
  opacity: 0.65;
}

.help-button-item:first-child {
  position: relative;
  height: 100%;
  overflow: hidden;
  margin-right: 8rem;
}

.help-button-item:first-child::before {
  content: " ";
  position: absolute;
  right: -1rem;
  top: 0;
  width: 1rem;
  height: 200%;
  border-right: 1rem solid #ddd;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.help-button-icon {
  display: inline-block;
  width: 16rem;
  height: 16rem;
  vertical-align: middle;
  margin-top: -3rem;
}

.help-button-item:first-child .help-button-icon {
  background: url("@/assets/images/chat/help-icon.svg") no-repeat center;
  background-size: 100% auto;
}

.help-button-item:not(.active):disabled {
  color: #5a9cff !important;
}

.help-button-item.active:disabled {
  color: #666666 !important;
}

.help-button-item.active:first-child:disabled .help-button-icon,
.historicRecords .help-button-item:first-child:disabled .help-button-icon {
  background: url("@/assets/images/chat/help-icon.svg") no-repeat center;
  background-size: 100% auto;
}

.help-button-item:nth-child(2) .help-button-icon {
  background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center;
  background-size: 100% auto;
}

/* 已点赞 */
.help-button-item.active:nth-child(2):disabled .help-button-icon,
.historicRecords .help-button-item:nth-child(2):disabled .help-button-icon {
  background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center;
  background-size: 100% auto;
}

.question-text {
  width: 100%;
  padding: 13.5rem 14rem 0 14rem;
  border-radius: 16rem;
  box-sizing: border-box;
  overflow: hidden;
}

.img-text-type img {
  display: block;
  width: 100%;
}

.content-left-main.image-box-style {
  padding: 0;
  overflow: hidden;
}

.img-text-type .emoji-img {
  display: inline-block;
  width: 100%;
  max-width: 25rem;
}
.tips-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.service-icon-tips {
  font-family: NotoSansHans-Regular;
  font-size: 14rem;
  line-height: 21rem;
  color: #333333;
  padding-left: 12rem;
  word-break: break-all;
}

.chat-left-txt {
  font-family: NotoSansHans-Regular;
  font-size: 14rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 21rem;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.chat-left-txt.red-txt {
  font-family: NotoSansHans-Medium;
  color: #fc5454;
}

.chat-content-box {
  width: 100%;
  overflow: hidden;
}

.chat-content-txt {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /* -webkit-animation: msgRight .5s ease-in-out;
	animation: msgRight .5s ease-in-out; */
}

.send-message-loading {
  padding-right: 5rem;
  display: inline-block;
  vertical-align: middle;
}

.send-message-loading .el-icon-warning {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2rem;
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  background: #fff
    url("data:image/png;base64,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")
    no-repeat center;
  background-size: 100% auto;
}

.send-message-loading .el-icon-warning:active {
  opacity: 0.5;
}

.chat-txt-content {
  background: linear-gradient(103deg, #055cea 0%, #137dff 99%);
  color: #ffffff;
  text-align: left;
  -webkit-user-select: text;
  user-select: text;
  min-height: 5rem;
  line-height: normal;
  border-top-left-radius: 16rem;
  border-top-right-radius: 16rem;
  border-bottom-right-radius: 16rem;
  border-bottom-left-radius: 0;
  -webkit-border-radius: 12rem 12rem 0;
  -moz-border-radius: 12rem 12rem 0;
  border-radius: 12rem 12rem 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  background-clip: padding-box;
  overflow: hidden;
}

.chat-txt-content p {
  padding: 11rem 14rem 11rem 14rem;
  font-family: NotoSansHans-Regular;
  font-size: 14rem;
  line-height: 22rem;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-user-select: text;
  user-select: text;
  min-height: 5rem;
  text-align: justify;
  margin: 0;
}

.chat-txt-content p a {
  color: #005bac;
  text-decoration: underline;
  cursor: pointer;
}

.chat-txt-content img,
.emoticon-img img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 25rem;
}

.chat-content-image {
  width: 100%;
  text-align: right;
  overflow: hidden;
}

.chat-txt-content img[alt="big-image"],
.emoticon-img img[alt="big-image"],
.img-text-type img[alt="big-image"] {
  width: auto;
  max-width: 100rem;
}

.chat-content-image-box {
  min-width: 30rem;
  min-height: 30rem;
  max-width: 130rem;
  display: inline-block;
  text-align: right;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 16rem;
  vertical-align: middle;
  position: relative;
}

.chat-content-image-box .upload-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  background-color: rgba(50, 50, 51, 0.88);
  font-size: 14rem;
  line-height: inherit;
  border-radius: 16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.upload-loading-icon .van-loading,
.upload-loading-icon .upload-fail-iocn,
.upload-loading-icon .upload-loading-tips {
  height: 22rem;
}

.upload-loading-icon .upload-fail-iocn {
  width: 28rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAATuElEQVR4Xu2dC6wvVXnF14q1BKuJxkclUcRoW4tFtC0g+AgKWK2F1qKgMb2IlIp9iNUCbTERE6H2YitC1JgKlUKqoF5apKRUsRgfV1HQ2hLxtqTiKy2a+MKbRmtWs2QfPT2ec8/sPfPfM3vm+5LJuYT9XN/8/ntm9t7fJsJCgVBgSwUY2oQCocDWCgQgcXeEAvtQIACJ2yMUCEDiHggFyhSIEaRMt8i1EAUCkIU4OrpZpkAAUqZb5FqIAgHIQhwd3SxTIAAp0y1yLUSBAGQhjo5ulikQgJTpFrkWokAAshBHRzfLFAhAynSLXAtRIABZiKOjm2UKBCBlukWuhSgQgCzE0dHNMgUCkDLdItdCFAhAFuLo6GaZAgFImW6RayEKBCALcXR0s0yBAKRMt8i1EAUCkIU4OrpZpkAAUqZb5FqIAgHIQhwd3SxTIAAp0y1yLUSBAGQhjo5ulikQgJTpFrkWokAAshBHRzfLFAhAynSLXAtRIABZiKOjm2UKBCBlukWuhSgQgCzE0dHNMgUCkDLdItdCFAhAFuLo6GaZAgFImW6RayEKBCALcXR0s0yBAKRMt8i1EAUCkBEcLeleAO6z4fqp9N97AXwHgP/+8CL5/RGauvgqA5AV3gKSfNMfDOCxG/4eVFDtnQBuB/DZ9RfJrxWUFVk6KhCAdBSqSzJJBwB4KoCnpOtxXfL1THMHgPcB+ACA3SS/1LO8yL5OgQCk5+0g6TgAzwLwJACH9yxuiOy7AXwMwA0kbxiiwCWXEYAUeF/SEwD8OoATAPjfU7XbAPwDgOtIfmiqjZxyuwKQjt6RtD+AUwD8JgCPGq3ZJxMsl5L8YmuNH6u9Acg2ykt6WAJjB4CfHctRA9brl/rLfJH83IDlzrKoAGQLt0o6dB0YD5yh9/0JeQ2UT82wf4N0KQDZIKOkBwE4C8DZgyjcRiE7AVwYn4x/3FkByDpNJL04gfFzbdzXg7bSj1s7SXpUCUsKBCAAJPkTrUcMf5Vaul2bQPnI0oVw/xcPiKQzAVw00s3wbQC+7k5//e/7Arhf+ut/+/LSlNr2cpJvrF3p1OpbLCCS7p3A+N0VO8VrqDwHsSddfpTZQ9L/3ckkPTx9QfNXNF9+BDwSwP07FVCe6M0ADMr3yotoO+ciAZHktVH+dTxmBe77FoCb0/VBADeuaqGhpMPS0hYvb/G1CmBuBHAmSU86Ls4WB4gkT/T5kcq/ykPa+wG8xxfJrw5ZcJeyJD0YwInpOrZLnow0nlj0SLIrI88ski4KEEme7Lt8QM/5xrkqQeH1T5MwSU9MoJw88A/BuSQvmEQnKzViMYBIeikAP1MPYV62cYUvkl8fosBVlCHpAQB+K12/PFAdV5J0mYuwRQAi6XUAzhnAo174Zyg8ajRlkjya+MZ+9gANv4XkUMAN0JzVFTF7QCR5yfczekr4BQAXkHxrz3JGzy7pJQD+FMCBPRuzl6Q3hM3aZg2IJE96Hd/Tg4bCcBiSWZgkw2FIDEsfu4Pko/sUMPW8swVE0qUAvHSk1LxT7yyS15QWMPV8kp7jNVgAHtWjrdeQ9JfBWdosAZF0HoBX9/CYoTAchmTWJslwGBLDUmpvIPmK0sxTzjc7QCSdmpZxl+p+HsnXlGZuNd8APyrnk3xVq/3fqt2zAiR9/3cAA69fKrHnkvRkXzWT9Mw0o/90AI8A8F4AH/ZfkndVa8g9izafB+DqHnWeMYcPGev7remtAJO2Xons4okiJHUXSAQ+qmSS/KJ+/RYVfSXs0qi6k7AnJN/3FkKSX2szC5gSI11a9rNArjyT5+cK8RdkkqWPGXSS9hKSapaAUtxZWeFOCZBYLHGcBiKQXAfjrQofuR/K7hXmLskn6ZwBHZ2Q+nuR1Gel7J5XkyI+O8Fhis3lpbx6QtHf8nwA8pMCTB9aO8FH4MvwfAB5PsvSGLZDmB+8k3otfGrlxB0kvx2na5gCIX6pLvsP7Wdkv9FVN0jsAPL+g0sNJfqIgX68skg4B8JmCQrzv5cmt73NvGhBJ3uz0pgLnnUTyXQX5emeR5BunJHzQqSTf3rsBBQVI8lKdkiiN3uM+xBq4glYPk6VZQCT5JvOGpIdmSuHNremdn5hksecbL+cY6X0PSE6CjmKQzALyloHKPIs3ub28ZkCsBvDDTYVeT9KrW0axVQCyYJANiUHLsWpIO09qkNQlI4VerL3tCbuxogo0D4glYP2odlXm3n9ZqOKFWAfl4QST1STipZUDSKGI4DEnOaoWbSR6RCdUkkjcHiCRv+vmbTPUch/a0zDwrSd46IAmSVwJ4faZATX72bRGQ3Ek2fzXyo5UfsUa3OQCSIHGQipyoMDeRfNroDshsQFOASPKSi3dn9vFkkn0W4GVWt+/kMwLEcBiSHKu+GDSncZulbQ0Q7wn/1YxOX0zSkRMnY3MBJI0ifszy41ZXu57kEHviu9bXO10zgEhyJMGPZvTY0UYOrb2UZLv2zQwQxxb7FwCOntLVjibp+asmrCVAXgvg3AxVJzd6pF/drqt4N3Z11InCrXSXlLuK+hKSpauuM9w/TNKWAPm0R4SMbh9G0vGrJmVzGkES8A7/k7NGzPtcHkvyG5NyzBaNaQIQSd5t5xixXe0qkiULAruWX5xuboAkSN4JIGeFwukk31YsYsWMrQDylwD+MEOXXyPpF/rJ2UwB8Yt3zn6VfyTpo7Mnb60AkrMC9laSvzRV5ecISBpFbgHwixm6j7J8P6N9P0g6eUAkeYlCTmDoSQdYnjEg+9pfv9l9+Uck/yL3hq2dvgVA/gBA1+XpPqzGL4CTPd54xoD4UB+fIdL1NKwmAs61AMjfAnhBx1+O0Zezb9fOuQKSHrMc1Puk7TRI//8ukj/dMe1oyVoA5L8z9ptPYsXuvrw5c0B+G8BfZdzNR0w9RNCkAZH0uDRT21Xzx0z58Sr9ys5qonC9YyT9AoB/7eosAJN/D5k6IDkn0H6O5GMynDNK0jmPIOkHwBFYugbD/nuSvzGKIzpWOnVAHOvKMa+62NtInt4l4ZhpFgBIzlbo20n+/Jj+2K7uqQPiEJY+ybWLnUIydyNVl3IHTbMAQHKCh/8Pyf0HFXjgwqYOyN0Aup5idAjJfxtYn8GLWwAgue8hB5D8r8GFHqjAyQIi6SAA/5nRz59Y1XnkGW3YNukCAPE8yP9uK8SPEhxJMmciOKPo/kmnDIg3RnVdT/XvJEuCsfVXMLOEuQOSXtT3APiZjtK8gKQXO07SpgzIWQB2dlTNZ2mc0DHtqMkWAkjO2ZB/QtKnEE/SpgzInwH4446qXUjy7I5pR022EED8w+YfuC52EcmcldpdyhwszZQBydmpdg7JrqPNYOKVFLQQQremj9ecd9bmSpEM5TdKmDIg31HSNZfV7JN88SYU3NGohgOQEFb+BpI+hm6RNGZCcRYpNzIH4DlgIIDsAXN7xjr+FpLftTtKmDMjfAega9PhEkrsmqfAyRxCf19L1MNQ7SfqT/iRtyoD41KjjOqr2KySdfvK2kBEk5zyRvSS7TgZX928AUlnyAOTHBA9ASu5BSfGI9f+Fm2RcrM18KykesUpu+pw8kuIlvV1A4iU952YvSSspPvO2C0h85i256XPyZIa0jInCHHFXnFZSTBSuWGPPF8RSk3ZHkFhqUgGQWKzYLiCxWLECILHcvV1AYrl7BUBiw1SDgEiKDVOrhmOtfEmx5fZHYjcxD1IQ+ie23JYCJWmOQRu+BeB+BZqcTfLCgnxVs0iKoA21FJc0x7A/uaf0rsn9bJLX19K+tB5JEfanVLzcfJLmGDjuEgC/n6sFgEeS/HxBvqpZJEXguFqKzzT06NEAPIrk2JtIlkCVU0fvtAXvHxF6tK/qkmYVvNp6SHopgJwdkD9J8nt9tVx1fkkRvHrVIm8sP3PR4uSPP1j3he53ALx1Gz33AjiW5O7aupfUJymOPygRrk8eSbM6QGe9FpKeBOBSAD58ZqO9k2TXc1H6SDxIXklxgM4gSmYWMrcj2DYZIb2b7mCfjAXggQA+A8BBnb+YKdWoySXFEWxjeUDSbA7xHEvDVdcrKQ7xXLXIW5UvaTbHQI+l4SrrlRTHQK9S4O3KlvR0ADdul27d/7+K5PMz0kfSHgpIcmzdkzOKOJ2kN8RN3iYbtGGTZ/VPAzg0Q9HDSH4yI30kLVBAkmNafSIj61fSScTfyMgzWtKWAHktgHMzlLqYpGfiw1aoQObOT7fkEpIvW2GTBi26JUCOBPDRjN5/3SNOa1+DMvo3elJJD0+HrD4gozFHk/xgRvpRkzYDiFWS5PNCvJGqq01+FJF0HgCf5uvrIQD8NcgnZTlm7XVdOzpGOkmvB/DKjLqvJ+kX+masNUBOBPDuTHVPJnl1Zp6VJ5d0AACHNvLarK1ssueeSDoGwPszhXouya4hSTOLXk3ypgBJo0jucnHPoRxD8surkTC/VEkPA9B1IvA2kj73b1ImyXAYkq52E8mndU08lXQtAuKzJHJPs72MZNejFFbuG0m3AnhCRkUvJOnRZhImyY9VfrzKsR0kr8jJMIW0zQGSRpGPAzg8U8DTSF6WmWfw5Omd49WZBfswU5/i+53MfIMnl3SU348A3Dej8JtJHpGRfjJJWwXkRQC82zDH/IjlRy0/co1mkt4BoGQS83CSOfMNg/dRkqEwHIYkxybx45TT4LW0TQKSRpGcrZ1r/R19OXzmurL1Pj2V5NtLnDxUHklvAXBGZnnXkux6zktm0atP3jIgPvbZ39MfminTmSQvzswzWPJWjz+QZDAMSK49meRHcjNNJX2zgKRRJCdI8nrNTyL5rjGc0OIIIinnQJz1su4kec4YOg9VZ9OAJEj8Xd3nUeTaM0i+LzdT3/StvYNIOiTtUcntut/1PHp8LTfjlNLPARAvYPTxa56FzrUDay9FKfyK5Ughj6/9FUuSN3CV3uBNftbdeAM1D0gaRUq+aq1psR/J7+aS1Se9pNzJzuNrLzuRdB8ApZ+V30DyFX00mkreWQCSIHkjgNJVotVjTmW8rO8i6SU21UySJzE9mVliNwHw4+vko7B06dycANkPgN8pntKl45ukOap29JBt9nF738SFJC8q7E9RNknPA1C6du2bCQ6HjJ2FzQaQNIo8MUGSM8u73pHVF9NJemZa0+Rdk48A8F4AH/ZfknfVvMt6wuGmnkFyu1BGNbvUu65ZAZIgyQmevJmATURR7+35DQUUfjxYX8r5JF81dLvGLm92gCRIvMcid73Tel9cA+AskneM7aBV1y/pUX6UA/CcHnXN5qV8owazBCRB4oBsL+7hdMNhSAzLLE2SoTAchqTUriFZMg9VWl/VfLMFJEGSc1beVsL7mfoCkl+o6pkVVibpQAAO9PaSntXcQfLRPcuYdPZZA5Ig8epTL5XoY4bDkDT/AirJUBgOQ9LH9pJ0VMhZ2+wBSZC8DsAQa4K8J/4Kkg7S3JRJctwqbzYbYk/4LSQd7mf2tghAEiS5Rw7sy/mOt+XdcYbF0VMmaZIcbcRQ+Brqhr6SpMtbhC0GkATJDgCXD+hZ7yv3aPIekh8bsNxeRUnyfJBn3z1qODTPUHYuyQuGKqyFchYFSILEX1w8Oz3kjeOiHcTAK4sNy1drO1/SgxMUBuPYgev3D8HLSe4auNzJF7c4QBIkPmrAa7dyonJ0daZPsfVSC1/e0HUjye93zZyTTtJhAJ667rp/Tv6OaR0T2ZvMbuuYflbJFglIguTeaSTxpqtVmuH4EIA96fI+iT0k/d+dLEUw9A7KtcuH1TjS5CqAWN8mHxPnkWMWCw87ib0h0WIBWdMh8yTdEo33lefbAHzdnf76315H5nPU/XftutfQFXcoz2B4lF20LR6QNJr4KLSzAZyw6Lvhns57ctVbZZvdRz6kDwOQdWpK8tIUg7LZmYFD6j7FsvzoZzBGjx02JXECkA3ekPQgr8FKoEzJV6tsy86096R0e+0q2zZq2QHIFvJL8l73UwB47sR7s+dmPmLao4XDsn5qbp0bqj8ByDZKpkDTa6D4K1Lr5lFiDYxRo0y2IGQA0tFLkvZPI4onGo/rmG1Kybw8xmvJLq0dyWVKIuS2JQDJVeyeg3wc1MDhNP3VKydKe0FtvbJ4cs9QXEfSczFhmQoEIJmCbUwuyaPJswD4U3FuxPmetW+afTcArwvzCVVe6h/WQ4EApId4m8DiU6O89MORVXz5WLVVm3c+OprLBwDsJvmlVVe4pPIDkBV6W5I3FB3sY483/D2ooNo7AdwO4LPrr9ZDexboUDVLAFJV7nsqk+SlI45cuP4yTP5vf351REP//eG1qgWPI3S/qSoDkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBQKQptwVja2tQABSW/GorykFApCm3BWNra1AAFJb8aivKQUCkKbcFY2trUAAUlvxqK8pBf4PykxSIwHFoskAAAAASUVORK5CYII=")
    no-repeat center;
  background-size: 100% auto;
}

.image-box-style .chat-content-image-box {
  min-height: 30rem;
  border-radius: 16rem 16rem 16rem 2rem;
}

.chat-content-image-box .van-image__img {
  border-radius: 16rem;
}

.chat-content-image img {
  border: 0;
  display: inline-block;
  height: auto;
  width: 100%;
  min-width: 30rem;
  min-height: 30rem;
  max-width: 100%;
  border-radius: 16rem;
}

.chat-content-image img[lazy="loading"] {
  width: 40rem;
  height: auto;
}

.service-link-box .el-button:active {
  background-color: rgba(255, 255, 255, 0.25);
}

.service-link-box .el-button:focus,
.service-link-box .el-button:hover {
  background-color: transparent;
}

.service-link-box .disabled-color {
  color: #c8c8c8 !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.elder-wrapper .time-show {
  border-radius: 4rem;
  font-family: PingFangSC-Regular;
  font-size: 13rem;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 18rem;
}

.elder-wrapper .content-left-main {
  /* padding-top: 16rem; */
  padding-left: 16rem;
  padding-right: 16rem;
  border-radius: 2rem 16rem 16rem 16rem;
}

.elder-wrapper .content-left-main .question-answer-con p a {
  color: #025cea;
}

.elder-wrapper .content-left-main .question-answer-con p .open-wx-web-button {
  color: #fff;
}

.elder-wrapper .time-show span {
  line-height: 18rem;
  padding: 4rem 8rem;
  font-size: 12rem;
}

.elder-wrapper .chat-txt-content {
  background: linear-gradient(103deg, #055cea 0%, #137dff 99%);
  border-top-right-radius: 0;
  border-bottom-right-radius: 16rem;
}

.elder-wrapper .chat-txt-content .messageBox {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #ffffff;
  padding: 11rem 14rem 0 14rem !important;
  margin-top: 0;
  margin-bottom: 10rem;
}

.elder-wrapper .question-answer-con p {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #2c3562;
  line-height: 22rem;
}
.elder-wrapper .question-answer-con img {
  width: 18rem;
  vertical-align: text-top;
  margin-right: 3rem;
}
.elder-wrapper .question-answer-con .open-wx-web-button {
  height: 40rem;
  background: #025cea;
  border-radius: 6rem;
  box-shadow: unset;
  font-family: PingFangSC-Medium;
  font-size: 13rem;
  color: #ffffff;
  margin: 16rem 0;
}

.elder-wrapper .answer-items {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #025cea;
  padding-left: 0;
  line-height: unset;
}

.elder-wrapper .answer-items::before {
  width: 20rem !important;
  height: 20rem !important;
  background: url(data:image/png;base64,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)
    no-repeat !important;
  background-size: 100% !important;
  top: 5rem;
  left: 0;
}

.elder-wrapper .text-folding-box.detailed-introduce {
  max-height: 150rem;
}

.elder-wrapper .service-radius .service-icon-tips {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  line-height: 20rem;
  color: #2c3562;
}

.elder-wrapper .service-radius .service-link-btn {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #025cea;
  padding: 16rem 0;
}

.elder-wrapper .content-left-icon {
  height: 48rem;
  min-height: 48rem;
  line-height: 48rem;
}

/* .elder-wrapper .content-left-icon img {
    height: 48rem;
    width: 48rem;
    max-width: 48rem;
} */

.elder-wrapper .content-left-icon .chat-name {
  font-family: PingFangSC-Regular;
  font-size: 13rem;
  color: #17204d;
  height: 48rem;
  line-height: 48rem;
  text-indent: 12rem;
}

/* Like */

.elder-wrapper .help-button-item {
  font-family: PingFangSC-Medium;
  font-size: 13rem;
  color: #2c3562;
  width: 32rem;
  height: 32rem;
}

.elder-wrapper .help-button-icon {
  width: 20rem;
  height: 20rem;
  vertical-align: middle;
  margin-top: -3rem;
}

.elder-wrapper .help-button-item:first-child .help-button-icon {
  background: url("@/assets/images/chat/help-icon.svg") no-repeat center;
  background-size: 100% auto;
}

.elder-wrapper .help-button-item:not(.active):disabled {
  color: #2c3562 !important;
  opacity: 0.3;
  cursor: not-allowed;
}

.elder-wrapper .help-button-item.active:disabled {
  color: #025cea !important;
  opacity: 0.3;
  cursor: not-allowed;
}

.elder-wrapper .help-button-item.active:first-child:disabled .help-button-icon,
.elder-wrapper .historicRecords .help-button-item:first-child:disabled .help-button-icon {
  background: url("@/assets/images/chat/help-icon.svg") no-repeat center;
  background-size: 100% auto;
}

.elder-wrapper .help-button-item:nth-child(2) .help-button-icon {
  background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center;
  background-size: 100% auto;
}

.elder-wrapper .help-button-item.active:nth-child(2):disabled .help-button-icon,
.elder-wrapper .historicRecords .help-button-item:nth-child(2):disabled .help-button-icon {
  background: url("@/assets/images/chat/noHelp-icon.svg") no-repeat center;
  background-size: 100% auto;
}

.elder-wrapper .question-answer-help {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #2c3562;
  line-height: 30rem;
}

.elder-wrapper .question-answer-help .answer-help-btn {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #025cea;
  line-height: 30rem;
}

.elder-wrapper .chat-left-txt {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #2c3562;
  line-height: 1.2;
}

.elder-wrapper .leave-message-cont {
  font-family: PingFangSC-Medium;
  font-size: 14rem;
  color: #2c3562;
  line-height: 1.2;
}

.elder-wrapper .leave-message-btn {
  padding-top: 24rem;
}

.elder-wrapper .leave-message-btn .answer-items {
  display: flex;
  height: 40rem;
  align-items: center;
  padding: unset;
  justify-content: center;
  background: #025cea;
  box-shadow: unset;
  border-radius: 6rem;
  font-family: PingFangSC-Medium;
  font-size: 13rem;
  color: #ffffff;
  margin-bottom: 10rem;
}

.elder-wrapper .leave-message-btn .answer-items:disabled {
  background: transparent;
}

.elder-wrapper .service-header-icon {
  padding: 8rem 0 16rem 0;
}

.elder-wrapper .chat-content-list {
  margin-top: 16rem;
}