jiuyiUniapp/jiuyi/unpackage/dist/dev/app-plus/TUIKit/components/TUIChat/index.css

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.common-icon-container[data-v-6d890098] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.common-icon-container-mobile[data-v-6d890098] {
  cursor: none;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-c7c42418]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.avatar-container[data-v-c7c42418] {
  position: relative;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex: 0 0 auto;
}
.avatar-container .placeholder[data-v-c7c42418] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ececec;
  transition: opacity 0.3s, background-color 0.1s ease-out;
}
.avatar-container .placeholder.skeleton-animation[data-v-c7c42418] {
  animation: breath-c7c42418 2s linear 0.3s infinite;
}
.avatar-container .placeholder.hidden[data-v-c7c42418] {
  opacity: 0;
}
.avatar-container .avatar-image[data-v-c7c42418] {
  width: 100%;
  height: 100%;
}
@keyframes breath-c7c42418 {
50% {
    /* stylelint-disable-next-line scss/no-global-function-names */
    background-color: lightgray;
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-79409a32]:not(not) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
}
.simple-message-container[data-v-79409a32] {
  flex-direction: row;
}
.simple-message-container .simple-message-avatar[data-v-79409a32] {
  flex: 0 0 auto;
  margin-right: 8px;
}
.simple-message-container .simple-message-sender[data-v-79409a32] {
  display: block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  color: #999;
}
.simple-message-container .simple-message-body[data-v-79409a32] {
  flex-direction: row;
  align-items: flex-end;
}
.simple-message-container .simple-message-content[data-v-79409a32] {
  margin-top: 8px;
  background-color: #dceafd;
  border-radius: 0 10px 10px;
  padding: 10px 12px;
}
.simple-message-container .timestamp[data-v-79409a32] {
  flex: 0 0 auto;
  font-size: 12px;
  color: #aaa;
  margin-left: 6px;
}
.simple-message-container .no-padding[data-v-79409a32] {
  padding: 0;
  background-color: transparent;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.overlay-container[data-v-fdff2bf0] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay-container .overlay-mask[data-v-fdff2bf0] {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.15s linear;
  animation: fade-in-fdff2bf0 0.15s linear;
}
.overlay-mask.fade-in[data-v-fdff2bf0] {
  opacity: 1;
}
@keyframes fade-in-fdff2bf0 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-c011f16d]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.drawer[data-v-c011f16d] {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
  transition: transform 0.15s ease-out;
}
.drawer .drawer-container[data-v-c011f16d] {
  background-color: #fff;
  height: 100%;
  width: 100%;
}
.origin-bottom[data-v-c011f16d] {
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  animation: slide-from-bottom-c011f16d 0.15s ease-out;
}
.origin-right[data-v-c011f16d] {
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
  animation: slide-from-right-c011f16d 0.15s ease-out;
}
.slide-bottom[data-v-c011f16d] {
  transform: translateY(0);
}
.slide-right[data-v-c011f16d] {
  transform: translateX(0);
}
@keyframes slide-from-bottom-c011f16d {
0% {
    transform: translateY(100%);
}
100% {
    transform: translateY(0);
}
}
@keyframes slide-from-right-c011f16d {
0% {
    transform: translateX(100%);
}
100% {
    transform: translateX(0);
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-2d2bd7ef]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.message-record-container[data-v-2d2bd7ef] {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  cursor: pointer;
  background-color: #fff;
  max-width: 400px;
  min-width: 180px;
  overflow: hidden;
}
.message-record-container .record-abstract-container[data-v-2d2bd7ef] {
  color: #bbb;
  font-size: 12px;
  margin: 8px 0;
}
.message-record-container .record-footer[data-v-2d2bd7ef] {
  color: #888;
  font-size: 11px;
  padding-top: 5px;
  border-top: 1px solid #eee;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-6bc34766]:not(not) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
}
.simple-message-list-container[data-v-6bc34766] {
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 40vw;
  min-width: 550px;
  height: calc(100vh - 200px);
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.simple-message-list-container-mobile[data-v-6bc34766] {
  width: 100vw;
  height: 100vh;
  min-width: auto;
  border-radius: 0;
}
.simple-message-list-container .header-container[data-v-6bc34766] {
  width: 100%;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 60px;
  justify-content: center;
  align-items: center;
  padding: 0 70px;
  background-color: #fff;
}
.simple-message-list-container .header-container .back[data-v-6bc34766] {
  flex-direction: row;
  align-items: center;
  position: absolute;
  left: 10px;
  cursor: pointer;
}
.simple-message-list-container .header-container .title[data-v-6bc34766] {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.simple-message-list-container .message-list[data-v-6bc34766] {
  padding: 60px 20px 20px;
  flex: 1 1 auto;
  overflow: hidden auto;
}
.message-item[data-v-6bc34766] {
  flex-direction: row;
  margin: 10px 0;
}
.message-text[data-v-6bc34766] {
  flex-flow: row wrap;
  display: inline;
}
.message-text-container[data-v-6bc34766] {
  display: inline;
  flex: 0 0 auto;
  flex-direction: row;
}
.message-text-container .text[data-v-6bc34766] {
  vertical-align: bottom;
  display: inline;
  word-break: break-all;
}
.message-text-container .simple-emoji[data-v-6bc34766] {
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.message-image[data-v-6bc34766] {
  max-width: 180px;
  border-radius: 10px;
  overflow: hidden;
}
.message-image .image[data-v-6bc34766] {
  max-width: 180px;
}
.message-face[data-v-6bc34766] {
  max-width: 100px;
}
.message-face .image[data-v-6bc34766] {
  width: 80px;
  height: 80px;
}
.message-audio[data-v-6bc34766] {
  flex-direction: row;
}
.message-video[data-v-6bc34766] {
  position: relative;
}
.message-video .image[data-v-6bc34766] {
  max-width: 180px;
}
.message-video .video-play-icon[data-v-6bc34766] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.message-video .video[data-v-6bc34766] {
  max-width: 150px;
  width: inherit;
  height: inherit;
  border-radius: 10px;
}
.message-combine[data-v-6bc34766] {
  max-width: 300px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-4c42d719]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.flex-row[data-v-4c42d719] {
  flex-direction: row;
}
.application-tips[data-v-4c42d719] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 5px 0;
  font-size: 14px;
  background-color: #fce4d3;
}
.application-tips .application-tips-btn[data-v-4c42d719] {
  color: #006eff;
  cursor: pointer;
  margin-left: 12px;
}
.application-contaienr[data-v-4c42d719] {
  padding: 50px 18px 10px;
  background-color: #fff;
  height: 100%;
  overflow: hidden auto;
  font-size: 14px;
}
.application-contaienr .application-header[data-v-4c42d719] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  flex-direction: row-reverse;
  color: #679ce1;
  font-size: 14px;
}
.application-contaienr .application-item[data-v-4c42d719] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
  transition: transform 0.15s ease-out;
}
.application-contaienr .application-item + .application-item[data-v-4c42d719] {
  border-top: 0.5px solid #d0d0d0;
}
.application-contaienr .application-item .application-item-info[data-v-4c42d719] {
  margin-left: 8px;
  margin-right: 8px;
  font-size: 14px;
}
.application-contaienr .application-item .application-item-info .application-item-nick[data-v-4c42d719] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.application-contaienr .application-item .application-item-info .application-item-note[data-v-4c42d719] {
  color: #989191;
  font-size: 12px;
}
.application-contaienr .application-item .application-item-operation[data-v-4c42d719] {
  flex-direction: row;
  margin-left: auto;
  padding: 8px;
  flex: 0 0 auto;
  font-size: 14px;
}
.application-contaienr .application-item .application-item-operation .agree[data-v-4c42d719] {
  color: #679ce1;
  cursor: pointer;
}
.application-contaienr .application-item .application-item-operation .reject[data-v-4c42d719] {
  margin-left: 12px;
  color: #fb355d;
  cursor: pointer;
}
.application-contaienr .removed[data-v-4c42d719] {
  transform: translateX(-100%);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-text-container[data-v-e1772b65] {
  display: inline;
}
.text-select[data-v-e1772b65] {
  -webkit-user-select: text;
  user-select: text;
}
.emoji[data-v-e1772b65] {
  vertical-align: bottom;
  width: 20px;
  height: 20px;
}
.text[data-v-e1772b65] {
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 14px;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.image-container[data-v-4e6bf9de] {
  position: relative;
  background-color: #f4f4f4;
  font-size: 0;
}
.image-container .message-image[data-v-4e6bf9de] {
  max-width: 150px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-066fcccf]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.message-audio[data-v-066fcccf] {
  flex-direction: row;
  flex: 0 0 auto;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
}
.message-audio .audio-icon-container[data-v-066fcccf] {
  width: 16px;
  height: 20px;
  position: relative;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0 7px 0 0;
  overflow: hidden;
}
.message-audio .audio-icon-container .mask[data-v-066fcccf] {
  position: absolute;
  z-index: 1;
  width: 105%;
  height: 105%;
  left: 0;
  top: 0;
  transform-origin: right;
  transform: scaleX(0);
  background-color: #fbfbfb;
}
.message-audio .audio-icon-container .mask.play[data-v-066fcccf] {
  animation: audio-play-066fcccf 2s steps(1, end) infinite;
}
@keyframes audio-play-066fcccf {
0% {
    transform: scaleX(0.7056);
}
50% {
    transform: scaleX(0.3953);
}
75% {
    transform: scaleX(0);
    visibility: hidden;
}
100% {
    transform: scaleX(0);
    visibility: hidden;
}
}
.message-audio .time[data-v-066fcccf] {
  max-width: 165px;
  min-width: 20px;
  text-align: start;
  white-space: nowrap;
}
.message-audio.reserve[data-v-066fcccf] {
  flex-direction: row-reverse;
}
.message-audio.reserve .time[data-v-066fcccf] {
  text-align: end;
}
.message-audio.reserve .audio-icon-container[data-v-066fcccf] {
  margin: 0 0 0 7px;
}
.message-audio.reserve .audio-icon-container .mask[data-v-066fcccf] {
  transform-origin: left;
  background-color: #dceafd;
}
.message-audio.reserve .icon[data-v-066fcccf] {
  transform: rotate(180deg);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-f3d5b3bc], div[data-v-f3d5b3bc], ul[data-v-f3d5b3bc], ol[data-v-f3d5b3bc], dt[data-v-f3d5b3bc], dd[data-v-f3d5b3bc], li[data-v-f3d5b3bc], dl[data-v-f3d5b3bc], h1[data-v-f3d5b3bc], h2[data-v-f3d5b3bc], h3[data-v-f3d5b3bc], h4[data-v-f3d5b3bc], p[data-v-f3d5b3bc] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-f3d5b3bc], ul[data-v-f3d5b3bc], li[data-v-f3d5b3bc] {
  list-style: none;
}
img[data-v-f3d5b3bc] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-f3d5b3bc] {
  color: #000;
  background: #FFF;
}
.clear[data-v-f3d5b3bc] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-f3d5b3bc] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-f3d5b3bc]:hover {
  text-decoration: none;
}
uni-input[data-v-f3d5b3bc], uni-textarea[data-v-f3d5b3bc] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-f3d5b3bc]:focus, uni-input[data-v-f3d5b3bc]:active, uni-textarea[data-v-f3d5b3bc]:focus, uni-textarea[data-v-f3d5b3bc]:active {
  outline: none;
}
.chat-aside[data-v-f3d5b3bc] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.file-message-montainer[data-v-f3d5b3bc] {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.file-message-montainer .file-icon[data-v-f3d5b3bc] {
  margin: auto 8px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-4ad96015], div[data-v-4ad96015], ul[data-v-4ad96015], ol[data-v-4ad96015], dt[data-v-4ad96015], dd[data-v-4ad96015], li[data-v-4ad96015], dl[data-v-4ad96015], h1[data-v-4ad96015], h2[data-v-4ad96015], h3[data-v-4ad96015], h4[data-v-4ad96015], p[data-v-4ad96015] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-4ad96015], ul[data-v-4ad96015], li[data-v-4ad96015] {
  list-style: none;
}
img[data-v-4ad96015] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-4ad96015] {
  color: #000;
  background: #FFF;
}
.clear[data-v-4ad96015] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-4ad96015] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-4ad96015]:hover {
  text-decoration: none;
}
uni-input[data-v-4ad96015], uni-textarea[data-v-4ad96015] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-4ad96015]:focus, uni-input[data-v-4ad96015]:active, uni-textarea[data-v-4ad96015]:focus, uni-textarea[data-v-4ad96015]:active {
  outline: none;
}
.chat-aside[data-v-4ad96015] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.message-image[data-v-4ad96015] {
  width: 80px;
  height: 80px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-abd5dfdc], div[data-v-abd5dfdc], ul[data-v-abd5dfdc], ol[data-v-abd5dfdc], dt[data-v-abd5dfdc], dd[data-v-abd5dfdc], li[data-v-abd5dfdc], dl[data-v-abd5dfdc], h1[data-v-abd5dfdc], h2[data-v-abd5dfdc], h3[data-v-abd5dfdc], h4[data-v-abd5dfdc], p[data-v-abd5dfdc] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-abd5dfdc], ul[data-v-abd5dfdc], li[data-v-abd5dfdc] {
  list-style: none;
}
img[data-v-abd5dfdc] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-abd5dfdc] {
  color: #000;
  background: #FFF;
}
.clear[data-v-abd5dfdc] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-abd5dfdc] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-abd5dfdc]:hover {
  text-decoration: none;
}
uni-input[data-v-abd5dfdc], uni-textarea[data-v-abd5dfdc] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-abd5dfdc]:focus, uni-input[data-v-abd5dfdc]:active, uni-textarea[data-v-abd5dfdc]:focus, uni-textarea[data-v-abd5dfdc]:active {
  outline: none;
}
.chat-aside[data-v-abd5dfdc] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
a[data-v-abd5dfdc] {
  color: #679ce1;
}
.custom[data-v-abd5dfdc] {
  font-size: 14px;
}
.custom h1[data-v-abd5dfdc] {
  font-size: 14px;
  color: #000;
}
.custom h1[data-v-abd5dfdc],
.custom a[data-v-abd5dfdc],
.custom p[data-v-abd5dfdc] {
  font-size: 14px;
}
.custom .evaluate ul[data-v-abd5dfdc] {
  display: flex;
  padding: 10px 0;
}
.custom .evaluate-list[data-v-abd5dfdc] {
  display: flex;
  flex-direction: row;
}
.custom .evaluate-list-item[data-v-abd5dfdc] {
  padding: 0 2px;
}
.custom .order[data-v-abd5dfdc] {
  display: flex;
}
.custom .order main[data-v-abd5dfdc] {
  padding-left: 5px;
}
.custom .order main p[data-v-abd5dfdc] {
  font-family: PingFangSC-Regular;
  width: 145px;
  line-height: 17px;
  font-size: 14px;
  color: #999;
  letter-spacing: 0;
  margin-bottom: 6px;
  word-break: break-word;
}
.custom .order main span[data-v-abd5dfdc] {
  font-family: PingFangSC-Regular;
  line-height: 25px;
  color: #ff7201;
}
.custom .order img[data-v-abd5dfdc] {
  width: 67px;
  height: 67px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-9169fd29], div[data-v-9169fd29], ul[data-v-9169fd29], ol[data-v-9169fd29], dt[data-v-9169fd29], dd[data-v-9169fd29], li[data-v-9169fd29], dl[data-v-9169fd29], h1[data-v-9169fd29], h2[data-v-9169fd29], h3[data-v-9169fd29], h4[data-v-9169fd29], p[data-v-9169fd29] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-9169fd29], ul[data-v-9169fd29], li[data-v-9169fd29] {
  list-style: none;
}
img[data-v-9169fd29] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-9169fd29] {
  color: #000;
  background: #FFF;
}
.clear[data-v-9169fd29] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-9169fd29] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-9169fd29]:hover {
  text-decoration: none;
}
uni-input[data-v-9169fd29], uni-textarea[data-v-9169fd29] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-9169fd29]:focus, uni-input[data-v-9169fd29]:active, uni-textarea[data-v-9169fd29]:focus, uni-textarea[data-v-9169fd29]:active {
  outline: none;
}
.chat-aside[data-v-9169fd29] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.message-tip[data-v-9169fd29] {
  margin: 0 auto;
  padding: 0 20px;
  color: #999;
  font-size: 12px;
  overflow-wrap: anywhere;
  display: flex;
  place-content: center center;
  align-items: center;
  text-align: center;
  margin-bottom: 10px;
}
.message-tip-highlight[data-v-9169fd29] {
  animation: highlight-9169fd29 1000ms infinite;
}
@keyframes highlight-9169fd29 {
50% {
    color: #ff9c19;
}
}
@keyframes highlight-9169fd29 {
50% {
    color: #ff9c19;
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-label[data-v-bb856aa1] {
  align-self: flex-end;
  font-size: 12px;
  color: #b6b8ba;
  word-break: keep-all;
  flex: 0 0 auto;
}
.message-label.unread[data-v-bb856aa1] {
  color: #679ce1 !important;
}
.finger-point[data-v-bb856aa1] {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.reference-content[data-v-3506872c] {
  max-width: 272px;
  margin-top: 4px;
  margin-left: 44px;
  padding: 12px;
  font-size: 12px;
  color: #666;
  word-wrap: break-word;
  word-break: break-all;
  background-color: #fbfbfb;
  border-radius: 8px;
  line-height: 16.8px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.reverse.reference-content[data-v-3506872c] {
  margin-right: 44px;
  margin-left: auto;
}
.revoked-text[data-v-3506872c] {
  color: #999;
}
.max-double-line[data-v-3506872c] {
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  max-height: 33px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-translation-container[data-v-ef640ceb] {
  min-height: 16px;
  min-width: 80px;
  position: relative;
  transition: width 0.15s ease-out, height 0.15s ease-out;
  font-size: 14px;
}
.message-translation-container .loading[data-v-ef640ceb] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.message-translation-container .loading.loading-end[data-v-ef640ceb] {
  opacity: 0;
}
.message-translation-container .translation-content[data-v-ef640ceb] {
  opacity: 0;
}
.message-translation-container .translation-content.occur[data-v-ef640ceb] {
  animation: occur-ef640ceb 0.3s ease-out 0.45s forwards;
}
@keyframes occur-ef640ceb {
100% {
    opacity: 1;
}
}
.message-translation-container .translation-content .text-face[data-v-ef640ceb] {
  width: 20px;
  height: 20px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-translation[data-v-955a2daf] {
  margin-top: 4px;
  margin-left: 44px;
  padding: 10px;
  background-color: #f2f7ff;
  border-radius: 10px;
  display: flex;
  flex-direction: column !important;
  transition: background-color 0.15s ease-out;
}
.message-translation.error[data-v-955a2daf] {
  background-color: #ffdfdf;
}
.message-translation .copyright[data-v-955a2daf] {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.message-translation .copyright .copyright-text[data-v-955a2daf] {
  margin-left: 2px;
  font-size: 12px;
  color: #999;
}
.message-translation.reverse[data-v-955a2daf] {
  margin-right: 44px;
  margin-left: auto;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-convert-container[data-v-02f04f6f] {
  min-height: 20px;
  min-width: 80px;
  position: relative;
  transition: width 0.15s ease-out, height 0.15s ease-out;
  font-size: 14px;
}
.message-convert-container .loading[data-v-02f04f6f] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.message-convert-container .loading.loading-end[data-v-02f04f6f] {
  opacity: 0;
}
.message-convert-container .convert-content[data-v-02f04f6f] {
  opacity: 0;
}
.message-convert-container .convert-content.occur[data-v-02f04f6f] {
  animation: occur-02f04f6f 0.3s ease-out 0.45s forwards;
}
@keyframes occur-02f04f6f {
100% {
    opacity: 1;
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-convert[data-v-5d339368] {
  margin-top: 4px;
  margin-left: 44px;
  padding: 10px;
  background-color: #f2f7ff;
  border-radius: 10px;
  display: flex;
  flex-direction: column !important;
  transition: background-color 0.15s ease-out;
}
.message-convert.error[data-v-5d339368] {
  background-color: #ffdfdf;
}
.message-convert.reverse[data-v-5d339368] {
  margin-right: 44px;
  margin-left: auto;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-169aff8a]:not(not) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
}
.radio-select[data-v-169aff8a] {
  flex: 1;
  flex-direction: column;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  justify-content: center;
}
.radio-select .radio-no-select[data-v-169aff8a] {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 2px solid #ddd;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-51fb22b7]:not(not) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
}
.flex-row[data-v-51fb22b7] {
  display: flex;
}
.reverse[data-v-51fb22b7] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.message-bubble[data-v-51fb22b7] {
  padding: 10px 15px;
  display: flex;
  flex-direction: row;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.message-bubble.multiple-selected[data-v-51fb22b7] {
  background-color: #f0f0f0;
}
.message-bubble .multiple-select-radio[data-v-51fb22b7] {
  margin-right: 12px;
  flex: 0 0 auto;
}
.message-bubble .control-reverse[data-v-51fb22b7] {
  flex: 1 1 auto;
  flex-direction: row-reverse;
}
.message-bubble .message-bubble-main-content[data-v-51fb22b7] {
  display: flex;
  flex-direction: row;
}
.message-bubble .message-bubble-main-content .message-avatar[data-v-51fb22b7] {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  flex: 0 0 auto;
}
.message-bubble .message-bubble-main-content .message-body[data-v-51fb22b7] {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 8px;
}
.message-bubble .message-bubble-main-content .message-body .message-body-nick-name[data-v-51fb22b7] {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  color: #999;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main[data-v-51fb22b7] {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  min-width: 0;
  box-sizing: border-box;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main-reverse[data-v-51fb22b7] {
  flex-direction: row-reverse;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .audio-unplay-mark[data-v-51fb22b7] {
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #f00;
  margin: 5px;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-body-content[data-v-51fb22b7] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
  padding: 12px;
  font-size: 14px;
  color: #000;
  letter-spacing: 0;
  word-wrap: break-word;
  word-break: break-all;
  position: relative;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-body-content .content-main[data-v-51fb22b7] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-content: flex-start;
  border: 0 solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-body-content .content-main .message-risk-replace[data-v-51fb22b7] {
  width: 130px;
  height: 130px;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-body-content .content-has-risk-tips[data-v-51fb22b7] {
  font-size: 12px;
  color: #fa5151;
  font-family: PingFangSC-Regular;
  margin-top: 5px;
  border-top: 1px solid #e5c7c7;
  padding-top: 5px;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-in[data-v-51fb22b7] {
  background: #fbfbfb;
  border-radius: 0 10px 10px;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-out[data-v-51fb22b7] {
  background: #dceafd;
  border-radius: 10px 0 10px 10px;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-no-padding[data-v-51fb22b7] {
  padding: 0;
  background: transparent;
  border-radius: 10px;
  overflow: hidden;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-no-padding.content-has-risk[data-v-51fb22b7] {
  padding: 12px;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .content-has-risk[data-v-51fb22b7] {
  background: rgba(250, 81, 81, 0.16);
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .blink-shadow[data-v-51fb22b7] {
  box-shadow: rgba(255, 156, 25, 0) 0 0 10px 0;
  animation: shadow-blink-51fb22b7 1s linear 3;
}
@keyframes shadow-blink-51fb22b7 {
50% {
    box-shadow: #ff9c19 0 0 10px 0;
}
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .blink-content[data-v-51fb22b7] {
  animation: reference-blink-51fb22b7 1s linear 3;
}
@keyframes reference-blink-51fb22b7 {
50% {
    background-color: #ff9c19;
}
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-label[data-v-51fb22b7] {
  align-self: flex-end;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #b6b8ba;
  word-break: keep-all;
  flex: 0 0 auto;
  margin: 0 8px;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-label.fail[data-v-51fb22b7] {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: red;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .message-label.loading-circle[data-v-51fb22b7] {
  opacity: 0;
  animation: circle-loading-51fb22b7 2s linear 1s infinite;
}
@keyframes circle-loading-51fb22b7 {
0% {
    transform: rotate(0);
    opacity: 1;
}
100% {
    opacity: 1;
    transform: rotate(360deg);
}
}
.message-bubble .message-bubble-main-content .message-body .message-body-main .align-self-bottom[data-v-51fb22b7] {
  align-self: flex-end;
}
.message-bubble .reverse[data-v-51fb22b7] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.message-bubble .message-bubble-extra-content[data-v-51fb22b7] {
  display: flex;
  flex-direction: column;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-4337995a], div[data-v-4337995a], ul[data-v-4337995a], ol[data-v-4337995a], dt[data-v-4337995a], dd[data-v-4337995a], li[data-v-4337995a], dl[data-v-4337995a], h1[data-v-4337995a], h2[data-v-4337995a], h3[data-v-4337995a], h4[data-v-4337995a], p[data-v-4337995a] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-4337995a], ul[data-v-4337995a], li[data-v-4337995a] {
  list-style: none;
}
img[data-v-4337995a] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-4337995a] {
  color: #000;
  background: #FFF;
}
.clear[data-v-4337995a] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-4337995a] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-4337995a]:hover {
  text-decoration: none;
}
uni-input[data-v-4337995a], uni-textarea[data-v-4337995a] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-4337995a]:focus, uni-input[data-v-4337995a]:active, uni-textarea[data-v-4337995a]:focus, uni-textarea[data-v-4337995a]:active {
  outline: none;
}
.chat-aside[data-v-4337995a] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.message-location[data-v-4337995a] {
  display: flex;
  flex-direction: column;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-2f98379f], div[data-v-2f98379f], ul[data-v-2f98379f], ol[data-v-2f98379f], dt[data-v-2f98379f], dd[data-v-2f98379f], li[data-v-2f98379f], dl[data-v-2f98379f], h1[data-v-2f98379f], h2[data-v-2f98379f], h3[data-v-2f98379f], h4[data-v-2f98379f], p[data-v-2f98379f] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-2f98379f], ul[data-v-2f98379f], li[data-v-2f98379f] {
  list-style: none;
}
img[data-v-2f98379f] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-2f98379f] {
  color: #000;
  background: #FFF;
}
.clear[data-v-2f98379f] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-2f98379f] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-2f98379f]:hover {
  text-decoration: none;
}
uni-input[data-v-2f98379f], uni-textarea[data-v-2f98379f] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-2f98379f]:focus, uni-input[data-v-2f98379f]:active, uni-textarea[data-v-2f98379f]:focus, uni-textarea[data-v-2f98379f]:active {
  outline: none;
}
.chat-aside[data-v-2f98379f] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.message-timestamp[data-v-2f98379f] {
  margin: 10px auto;
  color: #999;
  font-size: 12px;
  overflow-wrap: anywhere;
  display: flex;
  align-items: center;
  text-align: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-video[data-v-c500d966] {
  position: relative;
}
.message-video-box[data-v-c500d966] {
  width: 120px;
  max-width: 120px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  height: 200px;
  font-size: 0;
}
.message-video .video-play[data-v-c500d966] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-a62b3471], div[data-v-a62b3471], ul[data-v-a62b3471], ol[data-v-a62b3471], dt[data-v-a62b3471], dd[data-v-a62b3471], li[data-v-a62b3471], dl[data-v-a62b3471], h1[data-v-a62b3471], h2[data-v-a62b3471], h3[data-v-a62b3471], h4[data-v-a62b3471], p[data-v-a62b3471] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-a62b3471], ul[data-v-a62b3471], li[data-v-a62b3471] {
  list-style: none;
}
img[data-v-a62b3471] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-a62b3471] {
  color: #000;
  background: #FFF;
}
.clear[data-v-a62b3471] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-a62b3471] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-a62b3471]:hover {
  text-decoration: none;
}
uni-input[data-v-a62b3471], uni-textarea[data-v-a62b3471] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-a62b3471]:focus, uni-input[data-v-a62b3471]:active, uni-textarea[data-v-a62b3471]:focus, uni-textarea[data-v-a62b3471]:active {
  outline: none;
}
.chat-aside[data-v-a62b3471] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.dialog-item-web[data-v-a62b3471], .dialog-item-h5[data-v-a62b3471] {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  padding: 12px 0;
}
.dialog-item-web .dialog-item-list[data-v-a62b3471], .dialog-item-h5 .dialog-item-list[data-v-a62b3471] {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
  flex-wrap: wrap;
  max-width: 280px;
}
.dialog-item-web .dialog-item-list .list-item[data-v-a62b3471], .dialog-item-h5 .dialog-item-list .list-item[data-v-a62b3471] {
  padding: 4px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dialog-item-web .dialog-item-list .list-item .list-item-text[data-v-a62b3471], .dialog-item-h5 .dialog-item-list .list-item .list-item-text[data-v-a62b3471] {
  padding-left: 4px;
  font-size: 12px;
  line-height: 17px;
  color: #000;
}
.dialog-item-h5[data-v-a62b3471] {
  padding: 0;
}
.dialog-item-h5 .dialog-item-list[data-v-a62b3471] {
  margin: 10px;
  white-space: nowrap;
  flex-wrap: wrap;
  max-width: 280px;
}
.dialog-item-h5 .dialog-item-list .list-item[data-v-a62b3471] {
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #4f4f4f;
}
.dialog-item-h5 .dialog-item-list .list-item .list-item-text[data-v-a62b3471] {
  padding-left: 0;
  color: #000;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-e1a956f2], div[data-v-e1a956f2], ul[data-v-e1a956f2], ol[data-v-e1a956f2], dt[data-v-e1a956f2], dd[data-v-e1a956f2], li[data-v-e1a956f2], dl[data-v-e1a956f2], h1[data-v-e1a956f2], h2[data-v-e1a956f2], h3[data-v-e1a956f2], h4[data-v-e1a956f2], p[data-v-e1a956f2] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-e1a956f2], ul[data-v-e1a956f2], li[data-v-e1a956f2] {
  list-style: none;
}
img[data-v-e1a956f2] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-e1a956f2] {
  color: #000;
  background: #FFF;
}
.clear[data-v-e1a956f2] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-e1a956f2] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-e1a956f2]:hover {
  text-decoration: none;
}
uni-input[data-v-e1a956f2], uni-textarea[data-v-e1a956f2] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-e1a956f2]:focus, uni-input[data-v-e1a956f2]:active, uni-textarea[data-v-e1a956f2]:focus, uni-textarea[data-v-e1a956f2]:active {
  outline: none;
}
.chat-aside[data-v-e1a956f2] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.revoke[data-v-e1a956f2] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #999;
  font-size: 12px;
  margin-bottom: 10px;
}
.revoke .edit[data-v-e1a956f2] {
  padding: 0 5px;
  color: #006eff;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-plugin-tip[data-v-60deb703] {
  color: #999;
  font-size: 12px;
  overflow-wrap: anywhere;
  display: flex;
  place-content: center center;
  align-items: center;
  text-align: center;
  margin: 0 10px 10px;
}
.message-tip-highlight[data-v-60deb703] {
  animation: highlight-60deb703 1000ms infinite;
}
@keyframes highlight-60deb703 {
50% {
    color: #ff9c19;
}
}
@keyframes highlight-60deb703 {
50% {
    color: #ff9c19;
}
}
[data-v-60deb703] .message-bubble-room .message-bubble-main-content .message-body .message-body-main .message-body-content.content-in,[data-v-60deb703] .message-bubble-room .message-bubble-main-content .message-body .message-body-main .message-body-content.content-out {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes blink-text-80245e9e {
50% {
    color: #ff9c19;
}
}
.blink-text[data-v-80245e9e] {
  animation: blinkText 1s linear 3;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.call[data-v-6d96978f] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.call-C2C[data-v-6d96978f] {
  cursor: pointer;
}
.call-GROUP[data-v-6d96978f] {
  cursor: default;
}
.call-content[data-v-6d96978f] {
  padding-left: 5px;
}
.call .icon[data-v-6d96978f] {
  width: 20px;
  height: 20px;
}
.call-reverse[data-v-6d96978f] {
  flex-direction: row-reverse;
}
.call-reverse .icon-reverse[data-v-6d96978f] {
  transform: rotate(180deg);
}
.call-reverse .call-content[data-v-6d96978f] {
  padding-right: 5px;
  padding-left: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.common-icon-container[data-v-d0031c07] {
  display: flex;
  justify-content: center;
  align-items: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.branch-card[data-v-6f02fddd] {
  min-width: 250px;
  max-width: 350px;
}
.branch-card .branch-title[data-v-6f02fddd] {
  margin-bottom: 8px;
  border-radius: 0 10px 10px;
}
.branch-card .branch-item[data-v-6f02fddd] {
  display: flex;
  justify-content: space-between;
  border-style: dotted;
  border-color: #d8d8d8;
  font-weight: 400;
  color: #368dff;
  padding-top: 5px;
  cursor: pointer;
  padding-bottom: 5px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.form-branch-container .card-title[data-v-2cb857c2] {
  margin-bottom: 8px;
}
.form-branch-container .form-branch-item[data-v-2cb857c2] {
  font-weight: 400;
  color: #368dff;
  padding-top: 5px;
  cursor: pointer;
  padding-bottom: 5px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.form-input-container .card-title[data-v-cc82813b] {
  margin-bottom: 8px;
}
.form-input-container .form-input-box[data-v-cc82813b] {
  display: flex;
}
.form-input-container .form-input-box uni-button[data-v-cc82813b]:disabled {
  background: #d8d8d8;
}
.form-input-container .form-input[data-v-cc82813b] {
  width: 100%;
  height: 36px;
  border-radius: 8px 0 0 8px;
  border: 1px #dddddd solid;
}
.form-input-container .form-button[data-v-cc82813b] {
  position: relative;
  height: 40px;
  width: 42px;
  font-size: 16px;
  border-radius: 0 8px 8px 0;
  border: 0 #dddddd solid;
  background: #006eff;
  color: white;
  cursor: pointer;
}
.form-input-container .form-button[data-v-cc82813b]::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 40%;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translate(0, -50%) rotate(-135deg);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-form[data-v-2d3e393d] {
  max-width: 300px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.welcome-card[data-v-2a4e0526] {
  min-width: 250px;
  max-width: 350px;
  /* stylelint-disable */
  /* stylelint-enable */
}
.welcome-card .welcome-title[data-v-2a4e0526] {
  display: flex;
  height: 40px;
  justify-content: space-between;
  align-items: center;
}
.welcome-card .welcome-title-left-container[data-v-2a4e0526] {
  display: flex;
  align-items: center;
}
.welcome-card .card-title[data-v-2a4e0526] {
  display: inline-block;
  margin-left: 8px;
  font-size: 16px;
}
.welcome-card .el-link[data-v-2a4e0526] {
  display: block;
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 5px;
}
.welcome-card .el-link__inner[data-v-2a4e0526] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.welcome-card .branch-number[data-v-2a4e0526] {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 20px;
  display: inline-block;
}
.welcome-card .change-wrapper[data-v-2a4e0526] {
  cursor: pointer;
}
.welcome-card .welcome-item[data-v-2a4e0526] {
  padding: 6px;
  color: #999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.welcome-card .welcome-item[data-v-2a4e0526]:hover {
  background: #f2f7ff;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-product-card[data-v-24d6579f] {
  min-width: 224px;
  max-width: 288px;
  background: #fff;
  border: 1px solid #ddd;
  display: flex;
  padding: 12px;
  border-radius: 5px;
}
.message-product-card .product-img[data-v-24d6579f] {
  width: 86px;
  height: 86px;
}
.message-product-card .product-card-information[data-v-24d6579f] {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.message-product-card .product-card-information .product-card-title[data-v-24d6579f] {
  font-size: 12px;
  max-width: 165px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.message-product-card .product-card-information .product-card-description[data-v-24d6579f] {
  font-size: 16px;
  max-width: 165px;
  color: #ff6c2e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.rich-text div[data-v-ea4e99f3],
.rich-text ul[data-v-ea4e99f3],
.rich-text ol[data-v-ea4e99f3],
.rich-text dt[data-v-ea4e99f3],
.rich-text dd[data-v-ea4e99f3],
.rich-text li[data-v-ea4e99f3],
.rich-text dl[data-v-ea4e99f3],
.rich-text h1[data-v-ea4e99f3],
.rich-text h2[data-v-ea4e99f3],
.rich-text h3[data-v-ea4e99f3],
.rich-text h4[data-v-ea4e99f3],
.rich-text p[data-v-ea4e99f3],
.rich-text img[data-v-ea4e99f3],
.rich-text a[data-v-ea4e99f3] {
  max-width: 100%;
}
.rich-text a[data-v-ea4e99f3] {
  color: blue;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.message-stream[data-v-35feeb52] {
  word-break: break-all;
  font-size: 14px;
}
.message-stream .blinking-cursor[data-v-35feeb52] {
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: black;
  animation: blink-35feeb52 1s step-end infinite;
  vertical-align: sub;
}
@keyframes blink-35feeb52 {
0%, 100% {
    background-color: transparent;
}
50% {
    background-color: black;
}
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.rating-head[data-v-da3c7d81] {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.rating-tail[data-v-da3c7d81] {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.card-title[data-v-da3c7d81] {
  font-size: 14px;
  font-weight: 500;
}
.rating-card[data-v-da3c7d81] {
  min-width: 270px;
  width: 50%;
  background: #fbfbfb;
  border-radius: 20px;
  border: 0;
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.rating-card uni-button[data-v-da3c7d81]:disabled {
  background: #d8d8d8;
}
.message-rating-star[data-v-da3c7d81] {
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  padding-bottom: 30px;
  align-items: center;
}
.card-wrapper[data-v-da3c7d81] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
}
.submit-button[data-v-da3c7d81] {
  width: 50%;
  height: 50px;
  background-color: #0365f9;
  font-size: 18px;
  font-weight: 400;
  color: white;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.rating-head[data-v-1a21fdf4] {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.rating-tail[data-v-1a21fdf4] {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.card-title[data-v-1a21fdf4] {
  font-size: 14px;
  font-weight: 500;
}
.rating-card[data-v-1a21fdf4] {
  min-width: 270px;
  width: 50%;
  background: #fbfbfb;
  border-radius: 20px;
  border: 0;
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.rating-card uni-button[data-v-1a21fdf4]:disabled {
  background: #d8d8d8;
}
.message-rating-star[data-v-1a21fdf4] {
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  padding-bottom: 30px;
  align-items: center;
}
.card-wrapper[data-v-1a21fdf4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
}
.submit-button[data-v-1a21fdf4] {
  width: 50%;
  height: 50px;
  background-color: #0365f9;
  font-size: 18px;
  font-weight: 400;
  color: white;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.de-active[data-v-1a21fdf4] {
  height: 34px;
  width: 34px;
  display: inline-block;
  border: 0 solid #006eff0d;
  border-radius: 5px;
  color: #006eff;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  line-height: 34px;
  background: #006eff0d;
}
.active[data-v-1a21fdf4] {
  width: 34px;
  height: 34px;
  display: inline-block;
  background: linear-gradient(136.96deg, rgba(10, 124, 255, 0.3) -39.64%, #0a7cff 131.39%);
  border-radius: 5px;
  color: white;
  font-weight: 400;
  font-size: 16px;
  border: 0 solid #0a7cff;
  text-align: center;
  line-height: 34px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* stylelint-disable-next-line no-empty-source */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.room-default[data-v-bc20f5ec] {
  padding: 12px;
  font-size: 14px;
}
.room-default-uni[data-v-bc20f5ec] {
  padding: 0;
}
.room-default-in[data-v-bc20f5ec] {
  background: #fbfbfb;
  border-radius: 0 10px;
}
.room-default-out[data-v-bc20f5ec] {
  background: #dceafd;
  border-radius: 10px 0 10px 10px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* stylelint-disable-next-line no-empty-source */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.fetch-more-block[data-v-ab2918f1] {
  color: #999;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-8316d693]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.read-receipt-panel[data-v-8316d693], .read-receipt-panel-mobile[data-v-8316d693] {
  background-color: #fff;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
  width: 368px;
  height: 510px;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
.read-receipt-panel .header[data-v-8316d693], .read-receipt-panel-mobile .header[data-v-8316d693] {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.read-receipt-panel .header .header-text[data-v-8316d693], .read-receipt-panel-mobile .header .header-text[data-v-8316d693] {
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.read-receipt-panel .header .header-close-icon[data-v-8316d693], .read-receipt-panel-mobile .header .header-close-icon[data-v-8316d693] {
  position: absolute;
  right: 0;
  margin-right: 10px;
}
.read-receipt-panel .read-status-counter-container[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container[data-v-8316d693] {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 59px;
  margin: 20px 40px 17.5px;
}
.read-receipt-panel .read-status-counter-container .read-status-counter[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container .read-status-counter[data-v-8316d693] {
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.read-receipt-panel .read-status-counter-container .read-status-counter .status-text[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container .read-status-counter .status-text[data-v-8316d693] {
  font-size: 14px;
  line-height: 20px;
}
.read-receipt-panel .read-status-counter-container .read-status-counter .status-count[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container .read-status-counter .status-count[data-v-8316d693] {
  margin-top: 2px;
  font-size: 30px;
  font-weight: bolder;
  line-height: 37px;
}
.read-receipt-panel .read-status-counter-container .read-status-counter.active[data-v-8316d693], .read-receipt-panel-mobile .read-status-counter-container .read-status-counter.active[data-v-8316d693] {
  color: #679ce1;
}
.read-receipt-panel .read-status-member-list[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list[data-v-8316d693] {
  flex: 1 1 auto;
  overflow: hidden auto;
  padding: 20px 0 0;
  border-top: 0.5px solid #e8e8e9;
  font-size: 14px;
}
.read-receipt-panel .read-status-member-list .empty-list-tip[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .empty-list-tip[data-v-8316d693] {
  align-self: center;
  color: #b3b3b3;
}
.read-receipt-panel .read-status-member-list .read-status-member-container[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .read-status-member-container[data-v-8316d693] {
  flex-direction: row;
  align-items: center;
}
.read-receipt-panel .read-status-member-list .read-status-member-container .read-status-avatar[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .read-status-member-container .read-status-avatar[data-v-8316d693] {
  flex: 0 0 auto;
}
.read-receipt-panel .read-status-member-list .read-status-member-container .username[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .read-status-member-container .username[data-v-8316d693] {
  margin-left: 8px;
  line-height: 20px;
  flex: 0 1 auto;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.read-receipt-panel .read-status-member-list .read-status-member-container + .read-status-member-container[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .read-status-member-container + .read-status-member-container[data-v-8316d693] {
  margin-top: 20px;
}
.read-receipt-panel .read-status-member-list .fetch-more-container[data-v-8316d693], .read-receipt-panel-mobile .read-status-member-list .fetch-more-container[data-v-8316d693] {
  justify-content: center;
  align-items: center;
  margin-top: auto;
}
.read-receipt-panel-mobile[data-v-8316d693] {
  box-shadow: none;
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  animation: slide-in-from-right-8316d693 0.3s ease-out;
  transition: transform 0.2s ease-out;
}
@keyframes slide-in-from-right-8316d693 {
from {
    transform: translateX(100%);
}
}
.read-receipt-panel-close-mobile[data-v-8316d693] {
  transform: translateX(100%);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.scroll-button[data-v-59f2ce7f] {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 92px;
  height: 28px;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 12px -5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.scroll-button-text[data-v-59f2ce7f] {
  font-family: PingFangSC-Regular, system-ui;
  font-size: 10px;
  color: #147aff;
  margin-left: 3px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-2c2f9c5b], div[data-v-2c2f9c5b], ul[data-v-2c2f9c5b], ol[data-v-2c2f9c5b], dt[data-v-2c2f9c5b], dd[data-v-2c2f9c5b], li[data-v-2c2f9c5b], dl[data-v-2c2f9c5b], h1[data-v-2c2f9c5b], h2[data-v-2c2f9c5b], h3[data-v-2c2f9c5b], h4[data-v-2c2f9c5b], p[data-v-2c2f9c5b] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-2c2f9c5b], ul[data-v-2c2f9c5b], li[data-v-2c2f9c5b] {
  list-style: none;
}
img[data-v-2c2f9c5b] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-2c2f9c5b] {
  color: #000;
  background: #FFF;
}
.clear[data-v-2c2f9c5b] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-2c2f9c5b] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-2c2f9c5b]:hover {
  text-decoration: none;
}
uni-input[data-v-2c2f9c5b], uni-textarea[data-v-2c2f9c5b] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-2c2f9c5b]:focus, uni-input[data-v-2c2f9c5b]:active, uni-textarea[data-v-2c2f9c5b]:focus, uni-textarea[data-v-2c2f9c5b]:active {
  outline: none;
}
.chat-aside[data-v-2c2f9c5b] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.dialog[data-v-2c2f9c5b] {
  background: rgba(0, 0, 0, 0.3);
}
.dialog-main[data-v-2c2f9c5b] {
  background: #FFF;
}
.dialog-main-header[data-v-2c2f9c5b] {
  font-weight: 500;
  color: #333;
}
.dialog-main-title[data-v-2c2f9c5b] {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #333;
}
.dialog-main-back[data-v-2c2f9c5b] {
  background: none;
}
.dialog-main-content[data-v-2c2f9c5b] {
  font-weight: 400;
  color: #333;
}
.btn[data-v-2c2f9c5b] {
  font-weight: 400;
  color: #FFF;
  letter-spacing: 0;
}
.btn-cancel[data-v-2c2f9c5b] {
  border: 1px solid #ddd;
  color: #666;
}
.btn-default[data-v-2c2f9c5b] {
  background: #006EFF;
  border: 1px solid #006EFF;
}
.dialog[data-v-2c2f9c5b] {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialog-main[data-v-2c2f9c5b] {
  min-width: 368px;
  border-radius: 10px;
  padding: 20px 30px;
}
.dialog-main-header[data-v-2c2f9c5b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  line-height: 30px;
}
.dialog-main-title[data-v-2c2f9c5b] {
  font-size: 16px;
  line-height: 30px;
}
.dialog-main-content[data-v-2c2f9c5b] {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.dialog-main-footer[data-v-2c2f9c5b] {
  display: flex;
  justify-content: flex-end;
}
.btn[data-v-2c2f9c5b] {
  padding: 8px 20px;
  margin: 0 6px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
.btn[data-v-2c2f9c5b]:disabled {
  opacity: 0.3;
}
.btn[data-v-2c2f9c5b]:last-child {
  margin-right: 0;
}
.dialog-h5[data-v-2c2f9c5b] {
  height: 100%;
  top: 0;
  align-items: inherit;
}
.dialog-h5 .dialog-main[data-v-2c2f9c5b] {
  border-radius: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  min-height: 80px;
  min-width: 120px;
}
.dialog-h5 .dialog-main-content[data-v-2c2f9c5b] {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.dialog-h5 .dialog-main-content-uniapp[data-v-2c2f9c5b] {
  padding: 40px 0;
}
.dialog-h5 .dialog-main-footer[data-v-2c2f9c5b] {
  border-top: 1px solid #DDD;
}
.dialog-h5 .dialog-main-footer .btn[data-v-2c2f9c5b] {
  flex: 1;
  margin: 0;
  background: none;
  border-right: 1px solid #DDD;
}
.dialog-h5 .dialog-main-footer .btn-default[data-v-2c2f9c5b] {
  color: #FF584C;
  border: none;
}
.center[data-v-2c2f9c5b] {
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.progress-message[data-v-99d7e968] {
  overflow: hidden;
}
.progress-message .progress-container[data-v-99d7e968] {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 15%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
}
.progress-message .progress-container .progress-common[data-v-99d7e968], .progress-message .progress-container .progress[data-v-99d7e968] {
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  height: 0.5rem;
}
.progress-message .progress-container .progress[data-v-99d7e968] {
  color: #006eff;
  border-radius: 0.25rem;
  background: #fff;
}
.progress-message .progress-container .progress[data-v-99d7e968]::-webkit-progress-value {
  background-color: #006eff;
  border-radius: 0.25rem;
}
.progress-message .progress-container .progress[data-v-99d7e968]::-webkit-progress-bar {
  border-radius: 0.25rem;
  background: #fff;
}
.progress-message .progress-container .progress[data-v-99d7e968]::-moz-progress-bar {
  color: #006eff;
  background: #006eff;
  border-radius: 0.25rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-c85b5b22], div[data-v-c85b5b22], ul[data-v-c85b5b22], ol[data-v-c85b5b22], dt[data-v-c85b5b22], dd[data-v-c85b5b22], li[data-v-c85b5b22], dl[data-v-c85b5b22], h1[data-v-c85b5b22], h2[data-v-c85b5b22], h3[data-v-c85b5b22], h4[data-v-c85b5b22], p[data-v-c85b5b22] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-c85b5b22], ul[data-v-c85b5b22], li[data-v-c85b5b22] {
  list-style: none;
}
img[data-v-c85b5b22] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-c85b5b22] {
  color: #000;
  background: #FFF;
}
.clear[data-v-c85b5b22] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-c85b5b22] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-c85b5b22]:hover {
  text-decoration: none;
}
uni-input[data-v-c85b5b22], uni-textarea[data-v-c85b5b22] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-c85b5b22]:focus, uni-input[data-v-c85b5b22]:active, uni-textarea[data-v-c85b5b22]:focus, uni-textarea[data-v-c85b5b22]:active {
  outline: none;
}
.chat-aside[data-v-c85b5b22] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.tui-chat .tui-message-list .message-more[data-v-c85b5b22] {
  color: #999;
  cursor: pointer;
}
.tui-chat .image-dialog[data-v-c85b5b22] {
  background: rgba(0, 0, 0, 0.3);
}
.tui-chat .image-dialog header[data-v-c85b5b22] {
  background: rgba(0, 0, 0, 0.49);
}
.tui-chat-h5 .tui-chat-header[data-v-c85b5b22] {
  background: #FFF;
}
.tui-chat-h5 .tui-chat-footer[data-v-c85b5b22] {
  background: #FFF;
}
.tui-chat-h5 .tui-chat-footer .input uni-input[data-v-c85b5b22] {
  background: #F4F5F9;
}
.tui-chat[data-v-c85b5b22] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.tui-chat-main[data-v-c85b5b22] {
  min-height: 0;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.tui-chat-main .tui-chat-safe-tips[data-v-c85b5b22] {
  padding: 12px 20px;
  background-color: rgba(255, 149, 0, 0.1);
  color: #ff8c39;
  line-height: 18px;
  font-family: PingFangSC-Regular;
  font-style: normal;
  font-weight: 400;
  text-align: justify;
  font-size: 12px;
}
.tui-chat-main .tui-chat-safe-tips a[data-v-c85b5b22] {
  color: #006eff;
  float: right;
}
.tui-chat-main .tui-chat-application-tips[data-v-c85b5b22] {
  text-align: center;
  width: 100%;
  background: #fce4d3;
  padding: 2px;
  font-size: 12px;
}
.tui-chat-main .application-tips-btn[data-v-c85b5b22] {
  color: #006eff;
  padding-left: 10px;
}
.tui-chat-main .tui-message-list[data-v-c85b5b22] {
  flex: 1;
  height: 100%;
  overflow: hidden auto;
}
.tui-chat-main .tui-message-list .message-more[data-v-c85b5b22] {
  font-size: 14px;
  padding: 5px;
  text-align: center;
}
.tui-chat-main .tui-message-list .to-bottom-tip[data-v-c85b5b22] {
  position: -webkit-sticky;
  position: sticky;
  bottom: 10px;
  left: 100%;
  margin-right: 15px;
  width: 92px;
  height: 28px;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}
.tui-chat-main .tui-message-list .to-bottom-tip-text[data-v-c85b5b22] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 10px;
  color: #147aff;
  letter-spacing: 0;
  text-align: center;
  padding-left: 3px;
}
.tui-chat-main .tui-message-list .message-li[data-v-c85b5b22] {
  display: flex;
  flex-direction: column;
}
.tui-chat-main .tui-message-list .message-li[data-v-c85b5b22]:first-child {
  margin-top: 5px;
}
.tui-chat-main .tui-message-list .message-li .message-item[data-v-c85b5b22] {
  display: flex;
  position: relative;
  flex-direction: column;
}
.tui-chat-main .tui-message-list .message-li .message-item .message-tool[data-v-c85b5b22] {
  z-index: 5;
  position: absolute;
  cursor: pointer;
  transform: translateY(-100%);
}
.tui-chat-main .tui-message-list .message-li .message-item .message-tool-out[data-v-c85b5b22] {
  right: 30px;
  left: auto;
}
.tui-chat-main .tui-message-list .message-li .message-item .message-tool-in[data-v-c85b5b22] {
  left: 30px;
  right: auto;
}
.tui-chat-main .tui-message-list .message-li .message-item .message-tool-bottom[data-v-c85b5b22] {
  z-index: 5;
  bottom: 0;
  transform: translateY(100%);
}
.tui-chat-main .tui-message-list .message-li .message-label[data-v-c85b5b22] {
  max-width: 50px;
}
.tui-chat-main .tui-message-list .right[data-v-c85b5b22] {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.tui-chat .disabled[data-v-c85b5b22] {
  position: relative;
}
.tui-chat .disabled[data-v-c85b5b22]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.image-dialog[data-v-c85b5b22] {
  position: fixed;
  z-index: 5;
  width: 100vw;
  height: calc(100vh - 63px);
  top: 63px;
  left: 0;
}
.image-dialog header[data-v-c85b5b22] {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
[data-v-c85b5b22]::-webkit-scrollbar {
  width: 6px;
  height: 140px;
  background-color: transparent;
}
[data-v-c85b5b22]::-webkit-scrollbar-track {
  border-radius: 10px;
}
[data-v-c85b5b22]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #9a999c;
}
.tui-chat-h5[data-v-c85b5b22] {
  flex: 1;
  position: static;
}
.tui-chat-h5 .tui-chat-main .tui-message-list[data-v-c85b5b22] {
  height: 100%;
}
.tui-chat-h5 .tui-chat-main .message-more[data-v-c85b5b22] {
  color: #999;
  cursor: pointer;
  font-size: 14px;
}
[data-v-c85b5b22]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-6acc9af1], div[data-v-6acc9af1], ul[data-v-6acc9af1], ol[data-v-6acc9af1], dt[data-v-6acc9af1], dd[data-v-6acc9af1], li[data-v-6acc9af1], dl[data-v-6acc9af1], h1[data-v-6acc9af1], h2[data-v-6acc9af1], h3[data-v-6acc9af1], h4[data-v-6acc9af1], p[data-v-6acc9af1] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-6acc9af1], ul[data-v-6acc9af1], li[data-v-6acc9af1] {
  list-style: none;
}
img[data-v-6acc9af1] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-6acc9af1] {
  color: #000;
  background: #FFF;
}
.clear[data-v-6acc9af1] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-6acc9af1] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-6acc9af1]:hover {
  text-decoration: none;
}
uni-input[data-v-6acc9af1], uni-textarea[data-v-6acc9af1] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-6acc9af1]:focus, uni-input[data-v-6acc9af1]:active, uni-textarea[data-v-6acc9af1]:focus, uni-textarea[data-v-6acc9af1]:active {
  outline: none;
}
.chat-aside[data-v-6acc9af1] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.message-input-container[data-v-6acc9af1] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 3px 10px 10px;
  overflow: hidden;
}
.message-input-container-h5[data-v-6acc9af1] {
  flex: 1;
  height: auto;
  background: #fff;
  border-radius: 10px;
  padding: 7px 0 7px 10px;
  font-size: 16px !important;
  max-height: 86px;
}
.message-input-container .message-input-mute[data-v-6acc9af1] {
  flex: 1;
  display: flex;
  color: #999;
  font-size: 14px;
  justify-content: center;
  align-items: center;
}
.message-input-container .message-input-area[data-v-6acc9af1] {
  flex: 1;
  overflow-y: scroll;
  min-height: 25px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-6d2e47d7], div[data-v-6d2e47d7], ul[data-v-6d2e47d7], ol[data-v-6d2e47d7], dt[data-v-6d2e47d7], dd[data-v-6d2e47d7], li[data-v-6d2e47d7], dl[data-v-6d2e47d7], h1[data-v-6d2e47d7], h2[data-v-6d2e47d7], h3[data-v-6d2e47d7], h4[data-v-6d2e47d7], p[data-v-6d2e47d7] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-6d2e47d7], ul[data-v-6d2e47d7], li[data-v-6d2e47d7] {
  list-style: none;
}
img[data-v-6d2e47d7] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-6d2e47d7] {
  color: #000;
  background: #FFF;
}
.clear[data-v-6d2e47d7] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-6d2e47d7] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-6d2e47d7]:hover {
  text-decoration: none;
}
uni-input[data-v-6d2e47d7], uni-textarea[data-v-6d2e47d7] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-6d2e47d7]:focus, uni-input[data-v-6d2e47d7]:active, uni-textarea[data-v-6d2e47d7]:focus, uni-textarea[data-v-6d2e47d7]:active {
  outline: none;
}
.chat-aside[data-v-6d2e47d7] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.bottom-popup-h5[data-v-6d2e47d7] {
  width: 100vw;
  height: -webkit-fit-content;
  height: fit-content;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  margin: 0;
  padding: 0;
  z-index: 10;
  border-radius: 5px 5px 0 0;
}
.bottom-popup-h5-main[data-v-6d2e47d7] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: -webkit-fit-content;
  height: fit-content;
  background-color: #fff;
}
.bottom-popup-h5-main .header[data-v-6d2e47d7] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
  font-size: 16px;
}
.bottom-popup-h5-main .header .header-close[data-v-6d2e47d7] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #006eff;
  font-size: 18px;
}
.bottom-popup-h5-main .footer[data-v-6d2e47d7] {
  padding: 20px;
}
.bottom-popup-h5-main .footer .footer-submit[data-v-6d2e47d7] {
  color: #fff;
  padding: 12px 0;
  width: 100%;
  background: #006eff;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
}
.bottom-popup-uni[data-v-6d2e47d7] {
  padding-bottom: var(--window-bottom);
}
.bottom-popup-modal[data-v-6d2e47d7] {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-7a11d573], div[data-v-7a11d573], ul[data-v-7a11d573], ol[data-v-7a11d573], dt[data-v-7a11d573], dd[data-v-7a11d573], li[data-v-7a11d573], dl[data-v-7a11d573], h1[data-v-7a11d573], h2[data-v-7a11d573], h3[data-v-7a11d573], h4[data-v-7a11d573], p[data-v-7a11d573] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-7a11d573], ul[data-v-7a11d573], li[data-v-7a11d573] {
  list-style: none;
}
img[data-v-7a11d573] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-7a11d573] {
  color: #000;
  background: #FFF;
}
.clear[data-v-7a11d573] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-7a11d573] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-7a11d573]:hover {
  text-decoration: none;
}
uni-input[data-v-7a11d573], uni-textarea[data-v-7a11d573] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-7a11d573]:focus, uni-input[data-v-7a11d573]:active, uni-textarea[data-v-7a11d573]:focus, uni-textarea[data-v-7a11d573]:active {
  outline: none;
}
.chat-aside[data-v-7a11d573] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.message-input-at[data-v-7a11d573] {
  position: fixed;
  max-width: 15rem;
  max-height: 10rem;
  overflow: hidden auto;
  background: #fff;
  box-shadow: 0 0.06rem 0.63rem 0 rgba(2, 16, 43, 0.15);
  border-radius: 0.13rem;
}
.member-list-box-header[data-v-7a11d573] {
  height: 2.5rem;
  padding-top: 5px;
  cursor: pointer;
}
.member-list-box-header[data-v-7a11d573]:hover {
  background: rgba(0, 110, 255, 0.1);
}
.member-list-box span[data-v-7a11d573] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 12px;
  color: #000;
  letter-spacing: 0;
  padding: 5px;
}
.member-list-box-body[data-v-7a11d573] {
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.member-list-box-body .selected[data-v-7a11d573], .member-list-box-body[data-v-7a11d573]:hover {
  background: rgba(0, 110, 255, 0.1);
}
.member-list-box-body-name[data-v-7a11d573] {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
}
.member-list-box-body-avatar[data-v-7a11d573] {
  width: 20px;
  height: 20px;
  padding-left: 10px;
}
.member-list-box .selected[data-v-7a11d573] {
  background: rgba(0, 110, 255, 0.1);
}
.message-input-at-h5 .member-list[data-v-7a11d573] {
  height: auto;
  max-height: 500px;
  width: 100%;
  max-width: 100%;
  background: white;
  border-radius: 12px 12px 0 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.message-input-at-h5 .member-list-title[data-v-7a11d573] {
  height: -webkit-fit-content;
  height: fit-content;
  width: calc(100% - 30px);
  text-align: center;
  vertical-align: middle;
  padding: 15px;
}
.message-input-at-h5 .member-list-title .title[data-v-7a11d573] {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
}
.message-input-at-h5 .member-list-title .close[data-v-7a11d573] {
  vertical-align: middle;
  position: absolute;
  right: 10px;
  display: inline-block;
}
.message-input-at-h5 .member-list-box[data-v-7a11d573] {
  flex: 1;
  overflow-y: scroll;
}
.message-input-at-h5 .member-list-box-body[data-v-7a11d573] {
  padding: 10px;
}
.message-input-at-h5 .member-list-box-body img[data-v-7a11d573] {
  width: 26px;
  height: 26px;
}
.message-input-at-h5 .member-list-box-body span[data-v-7a11d573] {
  font-size: 14px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-89320e8a], div[data-v-89320e8a], ul[data-v-89320e8a], ol[data-v-89320e8a], dt[data-v-89320e8a], dd[data-v-89320e8a], li[data-v-89320e8a], dl[data-v-89320e8a], h1[data-v-89320e8a], h2[data-v-89320e8a], h3[data-v-89320e8a], h4[data-v-89320e8a], p[data-v-89320e8a] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-89320e8a], ul[data-v-89320e8a], li[data-v-89320e8a] {
  list-style: none;
}
img[data-v-89320e8a] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-89320e8a] {
  color: #000;
  background: #FFF;
}
.clear[data-v-89320e8a] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-89320e8a] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-89320e8a]:hover {
  text-decoration: none;
}
uni-input[data-v-89320e8a], uni-textarea[data-v-89320e8a] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-89320e8a]:focus, uni-input[data-v-89320e8a]:active, uni-textarea[data-v-89320e8a]:focus, uni-textarea[data-v-89320e8a]:active {
  outline: none;
}
.chat-aside[data-v-89320e8a] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.message-input-audio[data-v-89320e8a] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.message-input-audio .audio-message-icon[data-v-89320e8a] {
  margin-right: 3px;
}
.message-input-audio .audio-input-touch-bar[data-v-89320e8a] {
  height: 39px;
  flex: 1;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.message-input-audio .audio-input-touch-bar .record-modal[data-v-89320e8a] {
  height: 9.375rem;
  width: 60vw;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.message-input-audio .audio-input-touch-bar .record-modal .red-mask[data-v-89320e8a] {
  position: absolute;
  inset: 0;
  background-color: rgba(255, 62, 72, 0.5);
  opacity: 0;
  transition: opacity 10ms linear;
  z-index: 1;
}
.message-input-audio .audio-input-touch-bar .record-modal .moving-slider[data-v-89320e8a] {
  margin: 10vw;
  width: 1.25rem;
  height: 0.5rem;
  border-radius: 0.125rem;
  background-color: #006fff;
  animation: loading-89320e8a 1s ease-in-out infinite alternate;
  z-index: 2;
}
.message-input-audio .audio-input-touch-bar .record-modal .float-element[data-v-89320e8a] {
  position: relative;
  z-index: 2;
}
@keyframes loading-89320e8a {
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(30vw, 0);
    background-color: #f5634a;
    width: 40px;
}
}
.message-input-audio .audio-input-touch-bar .modal-title[data-v-89320e8a] {
  text-align: center;
  color: #fff;
}
.message-input-audio-open[data-v-89320e8a] {
  flex: 1;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.input-quote-container-h5[data-v-0be2008a], .input-quote-container-uni[data-v-0be2008a], .input-quote-container[data-v-0be2008a] {
  margin: 5px 100px 5px 8px;
  display: flex;
  flex: 0 1 auto;
}
.input-quote-container-h5 .input-quote-content[data-v-0be2008a], .input-quote-container-uni .input-quote-content[data-v-0be2008a], .input-quote-container .input-quote-content[data-v-0be2008a] {
  display: flex;
  flex: 0 1 auto;
  background-color: #fafafa;
  border-radius: 8px;
  padding: 12px;
  font-size: 12px;
  align-items: center;
  line-height: 16px;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.input-quote-container-h5 .input-quote-content .max-one-line[data-v-0be2008a], .input-quote-container-uni .input-quote-content .max-one-line[data-v-0be2008a], .input-quote-container .input-quote-content .max-one-line[data-v-0be2008a] {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-quote-container-h5 .input-quote-close-icon[data-v-0be2008a], .input-quote-container-uni .input-quote-close-icon[data-v-0be2008a], .input-quote-container .input-quote-close-icon[data-v-0be2008a] {
  margin-left: 5px;
  padding: 5px;
}
.input-quote-container-uni[data-v-0be2008a] {
  margin: 5px 60px 0 30px;
}
.input-quote-container-h5[data-v-0be2008a] {
  margin: 5px 0 0;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-ceb9e230], div[data-v-ceb9e230], ul[data-v-ceb9e230], ol[data-v-ceb9e230], dt[data-v-ceb9e230], dd[data-v-ceb9e230], li[data-v-ceb9e230], dl[data-v-ceb9e230], h1[data-v-ceb9e230], h2[data-v-ceb9e230], h3[data-v-ceb9e230], h4[data-v-ceb9e230], p[data-v-ceb9e230] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-ceb9e230], ul[data-v-ceb9e230], li[data-v-ceb9e230] {
  list-style: none;
}
img[data-v-ceb9e230] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-ceb9e230] {
  color: #000;
  background: #FFF;
}
.clear[data-v-ceb9e230] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-ceb9e230] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-ceb9e230]:hover {
  text-decoration: none;
}
uni-input[data-v-ceb9e230], uni-textarea[data-v-ceb9e230] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-ceb9e230]:focus, uni-input[data-v-ceb9e230]:active, uni-textarea[data-v-ceb9e230]:focus, uni-textarea[data-v-ceb9e230]:active {
  outline: none;
}
.chat-aside[data-v-ceb9e230] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
[data-v-ceb9e230]:not(not) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
}
.message-input[data-v-ceb9e230] {
  position: relative;
  display: flex;
  flex-direction: column;
  border: none;
  overflow: hidden;
  background: #ebf0f6;
}
.message-input-h5[data-v-ceb9e230] {
  padding: 10px 10px 15px;
}
.message-input-editor[data-v-ceb9e230] {
  flex: 1;
  display: flex;
}
.message-input .icon[data-v-ceb9e230] {
  margin-left: 3px;
}
.message-input-wx-audio-open[data-v-ceb9e230] {
  flex: 1;
}
.audio-main-content-line[data-v-ceb9e230] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-65102b30]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.mulitple-select-panel[data-v-65102b30] {
  height: 196px;
  border-top: 1px solid #ebebeb;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  background-color: #EBF0F6;
}
.mulitple-select-panel-mobile[data-v-65102b30] {
  height: 64px;
  padding-bottom: 15px;
  flex-direction: row;
  align-items: flex-end;
}
.forward-button[data-v-65102b30] {
  justify-content: center;
  align-items: center;
}
.forward-button-text[data-v-65102b30] {
  margin-top: 8px;
  font-size: 12px;
}
.forward-button-text-mobile[data-v-65102b30] {
  margin-top: 2px;
}
.forward-button .cancel-button-icon[data-v-65102b30] {
  transform: rotate(45deg);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-01b74c91], div[data-v-01b74c91], ul[data-v-01b74c91], ol[data-v-01b74c91], dt[data-v-01b74c91], dd[data-v-01b74c91], li[data-v-01b74c91], dl[data-v-01b74c91], h1[data-v-01b74c91], h2[data-v-01b74c91], h3[data-v-01b74c91], h4[data-v-01b74c91], p[data-v-01b74c91] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-01b74c91], ul[data-v-01b74c91], li[data-v-01b74c91] {
  list-style: none;
}
img[data-v-01b74c91] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-01b74c91] {
  color: #000;
  background: #FFF;
}
.clear[data-v-01b74c91] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-01b74c91] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-01b74c91]:hover {
  text-decoration: none;
}
uni-input[data-v-01b74c91], uni-textarea[data-v-01b74c91] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-01b74c91]:focus, uni-input[data-v-01b74c91]:active, uni-textarea[data-v-01b74c91]:focus, uni-textarea[data-v-01b74c91]:active {
  outline: none;
}
.chat-aside[data-v-01b74c91] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.main[data-v-01b74c91] {
  background: #FFF;
  border: 1px solid #E0E0E0;
  box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.06);
}
.main .left[data-v-01b74c91] {
  border-right: 1px solid #E8E8E9;
}
.main .transfer-header[data-v-01b74c91] {
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
}
.main .transfer-header uni-input[data-v-01b74c91] {
  background: #FFF;
  border: 1px solid #DEE0E3;
  font-weight: 500;
  color: #8F959E;
  letter-spacing: 0;
}
.main .transfer-list .transfer-text[data-v-01b74c91] {
  font-weight: 500;
  color: #8F959E;
  letter-spacing: 0;
}
.main .transfer-list-item .disabled[data-v-01b74c91] {
  background: #eee;
}
.btn[data-v-01b74c91] {
  background: #3370FF;
  border: 0 solid #2F80ED;
  font-weight: 400;
  color: #FFF;
}
.btn-cancel[data-v-01b74c91] {
  background: #FFF;
  border: 1px solid #DDD;
  color: #828282;
}
.btn-no[data-v-01b74c91] {
  background: #e8e8e9;
  border: 1px solid #DDD;
  font-weight: 400;
  color: #FFF;
}
.transfer-h5-header[data-v-01b74c91] {
  background: #FFF;
}
.transfer-h5-header .title[data-v-01b74c91] {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
}
.avatar[data-v-01b74c91] {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main[data-v-01b74c91] {
  box-sizing: border-box;
  width: 620px;
  height: 394px;
  display: flex;
  border-radius: 8px;
  padding: 20px 0;
}
.main .transfer-header[data-v-01b74c91] {
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 20px;
}
.main .transfer-header uni-input[data-v-01b74c91] {
  box-sizing: border-box;
  width: 100%;
  border-radius: 30px;
  font-size: 10px;
  line-height: 14px;
  padding: 9px 12px;
}
.main .transfer-list[data-v-01b74c91] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.main .transfer-list .transfer-text[data-v-01b74c91] {
  font-size: 10px;
  line-height: 14px;
}
.main .transfer-list-item[data-v-01b74c91] {
  padding: 6px 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  text-align: left;
}
.main .transfer-list-item-content[data-v-01b74c91] {
  flex: 1;
  display: flex;
  align-items: center;
}
.main .transfer-list-item .avatar[data-v-01b74c91] {
  margin: 0 5px 0 8px;
  border-radius: 50%;
}
.main .transfer-list-item .name[data-v-01b74c91] {
  width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.main .right[data-v-01b74c91] {
  padding: 0 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.main .right .transfer-right-footer[data-v-01b74c91] {
  align-self: flex-end;
}
.main .right .transfer-right-footer .btn-cancel[data-v-01b74c91] {
  margin-right: 12px;
}
.main .right .transfer-list[data-v-01b74c91] {
  padding-right: 20px;
  overflow-y: auto;
}
.main .left[data-v-01b74c91] {
  flex: 1;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}
.main .left .transfer-header[data-v-01b74c91] {
  padding: 0 20px;
}
.main .left .transfer-left-main[data-v-01b74c91] {
  flex: 1;
  overflow-y: auto;
  padding: 0 13px;
}
.btn[data-v-01b74c91] {
  padding: 4px 28px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
}
.btn-no[data-v-01b74c91] {
  padding: 4px 28px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
}
.space-between[data-v-01b74c91] {
  justify-content: space-between;
}
.select-all[data-v-01b74c91] {
  padding-left: 8px;
  font-size: 14px;
}
.more[data-v-01b74c91] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}
.transfer-h5[data-v-01b74c91] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.transfer-h5-wechat[data-v-01b74c91] {
  width: 100vw;
  height: 100vh;
}
.transfer-h5-header[data-v-01b74c91] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  padding: 16px 18px;
}
.transfer-h5-header .space[data-v-01b74c91], .transfer-h5-header .icon[data-v-01b74c91] {
  width: 18px;
  height: 18px;
}
.transfer-h5 .main[data-v-01b74c91] {
  flex: 1;
  flex-direction: column;
  width: auto;
  height: auto;
  border-radius: 0;
  border: none;
  box-shadow: none;
  max-height: calc(100% - 50px);
  padding: 0;
}
.transfer-h5 .main .avatar[data-v-01b74c91] {
  border-radius: 5px;
}
.transfer-h5 .main .left[data-v-01b74c91] {
  padding: 0;
  flex: 1;
  border: none;
  display: flex;
  flex-direction: column;
}
.transfer-h5 .main .left .transfer-header[data-v-01b74c91] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0 18px;
}
.transfer-h5 .main .left .transfer-header uni-input[data-v-01b74c91] {
  border-radius: 5px;
  font-size: 14px;
}
.transfer-h5 .main .left-uniapp-input[data-v-01b74c91] {
  height: 36px;
}
.transfer-h5 .main .right[data-v-01b74c91] {
  flex: 0;
  flex-direction: row;
  align-items: center;
  box-shadow: inset 0 1px 0 0 #EEE;
  padding: 8px 18px;
}
.transfer-h5 .main .right .transfer-list[data-v-01b74c91] {
  flex-direction: row;
  width: 0;
}
.transfer-h5 .main .right .transfer-list-item-content[data-v-01b74c91] {
  flex: none;
}
.transfer-h5 .main .right .transfer-right-footer[data-v-01b74c91] {
  padding: 6px 0;
  display: flex;
  align-items: center;
}
.transfer-h5 .main .right .transfer-right-footer .btn[data-v-01b74c91] {
  font-size: 14px;
}
.icon-unselected[data-v-01b74c91] {
  width: 18px;
  height: 18px;
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 11px;
  box-sizing: border-box;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-bf58df78], div[data-v-bf58df78], ul[data-v-bf58df78], ol[data-v-bf58df78], dt[data-v-bf58df78], dd[data-v-bf58df78], li[data-v-bf58df78], dl[data-v-bf58df78], h1[data-v-bf58df78], h2[data-v-bf58df78], h3[data-v-bf58df78], h4[data-v-bf58df78], p[data-v-bf58df78] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-bf58df78], ul[data-v-bf58df78], li[data-v-bf58df78] {
  list-style: none;
}
img[data-v-bf58df78] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-bf58df78] {
  color: #000;
  background: #FFF;
}
.clear[data-v-bf58df78] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-bf58df78] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-bf58df78]:hover {
  text-decoration: none;
}
uni-input[data-v-bf58df78], uni-textarea[data-v-bf58df78] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-bf58df78]:focus, uni-input[data-v-bf58df78]:active, uni-textarea[data-v-bf58df78]:focus, uni-textarea[data-v-bf58df78]:active {
  outline: none;
}
.chat-aside[data-v-bf58df78] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.toolbar-item-container-dialog[data-v-bf58df78] {
  background: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.toolbar-item-container[data-v-bf58df78] {
  position: relative;
}
.toolbar-item-container-icon[data-v-bf58df78] {
  padding: 8px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.toolbar-item-container-dialog[data-v-bf58df78] {
  z-index: 5;
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 4px -3px rgba(32, 77, 141, 0.03), 0 6px 10px 1px rgba(32, 77, 141, 0.06), 0 3px 14px 2px rgba(32, 77, 141, 0.05);
  width: -webkit-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  bottom: 35px;
}
.toolbar-item-container-dialog-dark[data-v-bf58df78] {
  background: #22262E;
  box-shadow: 0 8px 40px 0 rgba(23, 25, 31, 0.6), 0 4px 12px 0 rgba(23, 25, 31, 0.8);
}
.toolbar-item-container-h5-dialog[data-v-bf58df78] {
  position: static !important;
  width: 100%;
  box-shadow: none;
}
.toolbar-item-container-uni[data-v-bf58df78] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: static;
}
.toolbar-item-container-uni-icon[data-v-bf58df78] {
  background: #fff;
  border-radius: 15px;
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toolbar-item-container-uni-title[data-v-bf58df78] {
  font-size: 14px;
  color: #8F959D;
}
.toolbar-item-container-uni-dialog[data-v-bf58df78] {
  position: absolute !important;
  background: transparent;
  left: -10px;
  bottom: -5px;
}
.toolbar-item-container-uni-dialog .toolbar-bottom-popup[data-v-bf58df78] {
  position: -webkit-sticky;
  position: sticky;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-2d15f470], div[data-v-2d15f470], ul[data-v-2d15f470], ol[data-v-2d15f470], dt[data-v-2d15f470], dd[data-v-2d15f470], li[data-v-2d15f470], dl[data-v-2d15f470], h1[data-v-2d15f470], h2[data-v-2d15f470], h3[data-v-2d15f470], h4[data-v-2d15f470], p[data-v-2d15f470] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-2d15f470], ul[data-v-2d15f470], li[data-v-2d15f470] {
  list-style: none;
}
img[data-v-2d15f470] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-2d15f470] {
  color: #000;
  background: #FFF;
}
.clear[data-v-2d15f470] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-2d15f470] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-2d15f470]:hover {
  text-decoration: none;
}
uni-input[data-v-2d15f470], uni-textarea[data-v-2d15f470] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-2d15f470]:focus, uni-input[data-v-2d15f470]:active, uni-textarea[data-v-2d15f470]:focus, uni-textarea[data-v-2d15f470]:active {
  outline: none;
}
.chat-aside[data-v-2d15f470] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-11a33e36], div[data-v-11a33e36], ul[data-v-11a33e36], ol[data-v-11a33e36], dt[data-v-11a33e36], dd[data-v-11a33e36], li[data-v-11a33e36], dl[data-v-11a33e36], h1[data-v-11a33e36], h2[data-v-11a33e36], h3[data-v-11a33e36], h4[data-v-11a33e36], p[data-v-11a33e36] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-11a33e36], ul[data-v-11a33e36], li[data-v-11a33e36] {
  list-style: none;
}
img[data-v-11a33e36] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-11a33e36] {
  color: #000;
  background: #FFF;
}
.clear[data-v-11a33e36] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-11a33e36] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-11a33e36]:hover {
  text-decoration: none;
}
uni-input[data-v-11a33e36], uni-textarea[data-v-11a33e36] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-11a33e36]:focus, uni-input[data-v-11a33e36]:active, uni-textarea[data-v-11a33e36]:focus, uni-textarea[data-v-11a33e36]:active {
  outline: none;
}
.chat-aside[data-v-11a33e36] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.evaluate[data-v-74e4698c] {
  background: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.evaluate-header-content[data-v-74e4698c] {
  font-weight: 500;
  color: #1c1c1c;
}
.evaluate-adv[data-v-74e4698c] {
  font-weight: 500;
  color: #999;
}
.evaluate-adv a[data-v-74e4698c] {
  color: #006eff;
}
.evaluate-content-text[data-v-74e4698c] {
  background: #f8f8f8;
  border: 1px solid #ececec;
}
.evaluate-content-list-item[data-v-74e4698c] {
  font-weight: 400;
  color: #50545c;
}
.evaluate-H5-main[data-v-74e4698c] {
  background: rgba(0, 0, 0, 0.5);
}
.evaluate-H5-main .evaluate-main-content[data-v-74e4698c] {
  background: #fff;
}
.evaluate-H5-main .evaluate-main-content p a[data-v-74e4698c] {
  color: #3370ff;
}
.evaluate-H5-main .evaluate-main-content .close[data-v-74e4698c] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #3370ff;
  letter-spacing: 0;
}
.evaluate[data-v-74e4698c] {
  position: absolute;
  z-index: 5;
  width: 315px;
  top: -255px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: url("https://web.sdk.qcloud.com/im/assets/images/login-background.png") no-repeat;
  background-color: #fff;
  background-size: cover;
  background-position-x: 128px;
  background-position-y: 77px;
  -webkit-user-select: none;
          user-select: none;
}
.evaluate-header-content[data-v-74e4698c] {
  font-style: normal;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
}
.evaluate-content[data-v-74e4698c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 0;
}
.evaluate-content-list[data-v-74e4698c] {
  flex: 1;
  display: flex;
}
.evaluate-content-list-item[data-v-74e4698c] {
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer;
  padding: 4px 0;
  font-size: 12px;
  padding-right: 15px;
}
.evaluate-content-list-item[data-v-74e4698c]:last-child {
  padding-right: 0 !important;
}
.evaluate-content-text[data-v-74e4698c] {
  box-sizing: border-box;
  width: 288px;
  height: 90px;
  margin: 12px 0;
  padding: 12px;
  border-radius: 2px;
  resize: none;
}
.evaluate-content-button .btn[data-v-74e4698c] {
  border: none;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  padding: 2px 46px;
  font-weight: 400;
  color: #fff;
}
.evaluate-content-button .btn-valid[data-v-74e4698c] {
  background-color: #3370ff;
  cursor: pointer;
}
.evaluate-content-button .btn-invalid[data-v-74e4698c] {
  background-color: #a0cfff;
  cursor: not-allowed;
}
.evaluate-adv[data-v-74e4698c] {
  font-size: 12px;
  text-align: center;
}
.evaluate-adv a[data-v-74e4698c] {
  display: inline-block;
}
.evaluate-h5[data-v-74e4698c] {
  position: static;
  width: 100%;
  height: -webkit-fit-content;
  height: fit-content;
  border-radius: 0;
  background: #fff;
  padding: 23px !important;
  box-sizing: border-box;
}
.evaluate-h5-header[data-v-74e4698c] {
  display: flex;
  justify-content: space-between;
}
.evaluate-h5-header-content[data-v-74e4698c] {
  font-size: 18px;
}
.evaluate-h5-header-close[data-v-74e4698c] {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #3370ff;
}
.evaluate-h5-content[data-v-74e4698c] {
  order: 1;
}
.evaluate-h5-content-list-item[data-v-74e4698c] {
  width: 40px;
  height: 24px;
  text-align: center;
  cursor: auto;
  font-size: 12px;
}
.evaluate-h5-content-text[data-v-74e4698c] {
  font-size: 16px;
  width: 100%;
}
.evaluate-h5-content-button[data-v-74e4698c] {
  width: 100%;
  display: flex;
}
.evaluate-h5-content-button .btn[data-v-74e4698c] {
  flex: 1;
  padding: 14px 0;
  font-size: 18px;
  cursor: auto;
}
.evaluate-h5-adv[data-v-74e4698c] {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #000;
}
body[data-v-74e4698c], div[data-v-74e4698c], ul[data-v-74e4698c], ol[data-v-74e4698c], dt[data-v-74e4698c], dd[data-v-74e4698c], li[data-v-74e4698c], dl[data-v-74e4698c], h1[data-v-74e4698c], h2[data-v-74e4698c], h3[data-v-74e4698c], h4[data-v-74e4698c], p[data-v-74e4698c] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-74e4698c], ul[data-v-74e4698c], li[data-v-74e4698c] {
  list-style: none;
}
img[data-v-74e4698c] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-74e4698c] {
  color: #000;
  background: #FFF;
}
.clear[data-v-74e4698c] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-74e4698c] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-74e4698c]:hover {
  text-decoration: none;
}
uni-input[data-v-74e4698c], uni-textarea[data-v-74e4698c] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-74e4698c]:focus, uni-input[data-v-74e4698c]:active, uni-textarea[data-v-74e4698c]:focus, uni-textarea[data-v-74e4698c]:active {
  outline: none;
}
.chat-aside[data-v-74e4698c] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-ac0e1580], div[data-v-ac0e1580], ul[data-v-ac0e1580], ol[data-v-ac0e1580], dt[data-v-ac0e1580], dd[data-v-ac0e1580], li[data-v-ac0e1580], dl[data-v-ac0e1580], h1[data-v-ac0e1580], h2[data-v-ac0e1580], h3[data-v-ac0e1580], h4[data-v-ac0e1580], p[data-v-ac0e1580] {
  margin:0;
  padding:0;
  font-style:normal;

  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-ac0e1580], ul[data-v-ac0e1580], li[data-v-ac0e1580] {
  list-style:none;
}
img[data-v-ac0e1580] {
  border:0;
  vertical-align:middle;
  pointer-events:none;
}
body[data-v-ac0e1580] {
  color:#000;
  background:#FFF;
}
.clear[data-v-ac0e1580] {
  clear:both;
  height:1px;
  width:100%;
  overflow:hidden;
  margin-top:-1px;
}
a[data-v-ac0e1580] {
  color:#000;
  text-decoration:none;
  cursor: pointer;
}
a[data-v-ac0e1580]:hover {
  text-decoration:none;
}
uni-input[data-v-ac0e1580], uni-textarea[data-v-ac0e1580] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-ac0e1580]:focus, uni-input[data-v-ac0e1580]:active, uni-textarea[data-v-ac0e1580]:focus, uni-textarea[data-v-ac0e1580]:active {
  outline: none;
}
.chat-aside[data-v-ac0e1580] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.words[data-v-ac0e1580] {
  background-color: #ffffff;
}
.words-header-close[data-v-ac0e1580] {
  color: #3370ff;
}
.words[data-v-ac0e1580] {
  z-index: 5;
  width: 315px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  width: 19.13rem;
  height: 12.44rem;
  overflow-y: auto;
}
.words-header[data-v-ac0e1580] {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
}
.words-list[data-v-ac0e1580] {
  flex: 1;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.words-list-item[data-v-ac0e1580] {
  cursor: pointer;
  padding: 4px 0;
  font-size: 14px;
  color: #50545c;
  line-height: 18px;
}
.words-list-item[data-v-ac0e1580]:hover {
  color: #006eff;
}
.words-h5[data-v-ac0e1580] {
  width: 100%;
  box-sizing: border-box;
  max-height: 80vh;
  height: -webkit-fit-content;
  height: fit-content;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.words-h5-header-title[data-v-ac0e1580] {
  font-size: 18px;
  line-height: 40px;
}
.words-h5-list[data-v-ac0e1580] {
  flex: 1;
  overflow-y: scroll;
}
.words-h5-list-item[data-v-ac0e1580] {
  cursor: none;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  padding: 12px 0;
  font-size: 16px;
  color: #50545c;
  line-height: 18px;
  border-bottom: 1px solid #eeeeee;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-194fb307], div[data-v-194fb307], ul[data-v-194fb307], ol[data-v-194fb307], dt[data-v-194fb307], dd[data-v-194fb307], li[data-v-194fb307], dl[data-v-194fb307], h1[data-v-194fb307], h2[data-v-194fb307], h3[data-v-194fb307], h4[data-v-194fb307], p[data-v-194fb307] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-194fb307], ul[data-v-194fb307], li[data-v-194fb307] {
  list-style: none;
}
img[data-v-194fb307] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-194fb307] {
  color: #000;
  background: #FFF;
}
.clear[data-v-194fb307] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-194fb307] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-194fb307]:hover {
  text-decoration: none;
}
uni-input[data-v-194fb307], uni-textarea[data-v-194fb307] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-194fb307]:focus, uni-input[data-v-194fb307]:active, uni-textarea[data-v-194fb307]:focus, uni-textarea[data-v-194fb307]:active {
  outline: none;
}
.chat-aside[data-v-194fb307] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.emoji-picker[data-v-194fb307] {
  width: 405px;
  height: 300px;
  display: flex;
  flex-direction: column;
}
.emoji-picker-list[data-v-194fb307] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  margin: 2px;
}
.emoji-picker-list[data-v-194fb307]::-webkit-scrollbar {
  display: none;
}
.emoji-picker-list-item[data-v-194fb307] {
  cursor: pointer;
  padding: 5px;
}
.emoji-picker-list-item .emoji[data-v-194fb307] {
  width: 30px;
  height: 30px;
}
.emoji-picker-list-item .emoji-big[data-v-194fb307] {
  width: 70px;
  height: 70px;
}
.emoji-picker-tab[data-v-194fb307] {
  display: flex;
  align-items: center;
}
.emoji-picker-tab-item[data-v-194fb307] {
  padding: 0 10px;
  cursor: pointer;
}
.emoji-picker-tab-item .icon[data-v-194fb307] {
  margin: 10px;
  width: 20px;
  height: 20px;
}
.emoji-picker-tab-item .icon-big[data-v-194fb307] {
  margin: 2px 0;
  width: 30px;
  height: 30px;
}
.emoji-picker-h5[data-v-194fb307] {
  width: 100%;
}
.emoji-picker-h5-list[data-v-194fb307] {
  justify-content: space-between;
}
.emoji-picker-h5-list[data-v-194fb307]::after {
  content: "";
  display: block;
  flex: 1 1 auto;
}
.emoji-picker-h5 .send-btn[data-v-194fb307] {
  width: 50px;
  height: 30px;
  background-color: #55C06A;
  position: absolute;
  right: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-42c7481c], div[data-v-42c7481c], ul[data-v-42c7481c], ol[data-v-42c7481c], dt[data-v-42c7481c], dd[data-v-42c7481c], li[data-v-42c7481c], dl[data-v-42c7481c], h1[data-v-42c7481c], h2[data-v-42c7481c], h3[data-v-42c7481c], h4[data-v-42c7481c], p[data-v-42c7481c] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-42c7481c], ul[data-v-42c7481c], li[data-v-42c7481c] {
  list-style: none;
}
img[data-v-42c7481c] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-42c7481c] {
  color: #000;
  background: #FFF;
}
.clear[data-v-42c7481c] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-42c7481c] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-42c7481c]:hover {
  text-decoration: none;
}
uni-input[data-v-42c7481c], uni-textarea[data-v-42c7481c] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-42c7481c]:focus, uni-input[data-v-42c7481c]:active, uni-textarea[data-v-42c7481c]:focus, uni-textarea[data-v-42c7481c]:active {
  outline: none;
}
.chat-aside[data-v-42c7481c] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
/* stylelint-disable */
.message-input-toolbar[data-v-42c7481c] {
  border-top: 1px solid #f4f5f9;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 100;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.message-input-toolbar-list[data-v-42c7481c] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.message-input-toolbar-list .extension-list[data-v-42c7481c] {
  list-style: none;
  display: flex;
}
.message-input-toolbar-list .extension-list-item[data-v-42c7481c] {
  width: 20px;
  height: 20px;
  padding: 12px 10px 1px;
  cursor: pointer;
}
.message-input-toolbar-h5[data-v-42c7481c] {
  padding: 5px 10px;
  box-sizing: border-box;
  flex-direction: column;
}
.message-input-toolbar-uni[data-v-42c7481c] {
  background-color: #ebf0f6;
  flex-direction: column;
  z-index: 100;
}
.message-input-toolbar-uni-list[data-v-42c7481c] {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(2, 100px);
}
wx-swiper .wx-swiper-wrapper[data-v-42c7481c],
wx-swiper .wx-swiper-slides[data-v-42c7481c],
wx-swiper .wx-swiper-slide-frame[data-v-42c7481c],
.message-input-toolbar-list[data-v-42c7481c] {
  overflow: visible !important;
}
.message-input-toolbar .bottom-popup[data-v-42c7481c],
.message-input-toolbar .bottom-popup-h5[data-v-42c7481c],
.message-input-toolbar .bottom-popup-uni[data-v-42c7481c] {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.message-input-toolbar-swiper[data-v-42c7481c] {
  width: 100%;
  height: 220px;
}
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper,
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper[data-v-42c7481c] {
  overflow: visible !important;
}
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides,
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides[data-v-42c7481c] {
  overflow: visible !important;
}
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame,
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame[data-v-42c7481c] {
  overflow: visible !important;
}
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list,
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .message-input-toolbar-list[data-v-42c7481c] {
  overflow: visible !important;
}
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni,
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-uni[data-v-42c7481c] {
  position: static !important;
}
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog,
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog[data-v-42c7481c] {
  position: absolute !important;
  background: transparent;
  left: -10px;
  bottom: -5px;
}
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
.message-input-toolbar-swiper[data-v-42c7481c] .uni-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni,
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .uni-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .uni-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c],
.message-input-toolbar-swiper wx-swiper .wx-swiper-wrapper wx-swiper .wx-swiper-slides wx-swiper .wx-swiper-slide-frame .toolbar-item-container-dialog .bottom-popup-uni[data-v-42c7481c] {
  position: -webkit-sticky !important;
  position: sticky !important;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
body[data-v-04dfedea], div[data-v-04dfedea], ul[data-v-04dfedea], ol[data-v-04dfedea], dt[data-v-04dfedea], dd[data-v-04dfedea], li[data-v-04dfedea], dl[data-v-04dfedea], h1[data-v-04dfedea], h2[data-v-04dfedea], h3[data-v-04dfedea], h4[data-v-04dfedea], p[data-v-04dfedea] {
  margin: 0;
  padding: 0;
  font-style: normal;
  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
}
ol[data-v-04dfedea], ul[data-v-04dfedea], li[data-v-04dfedea] {
  list-style: none;
}
img[data-v-04dfedea] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-04dfedea] {
  color: #000;
  background: #FFF;
}
.clear[data-v-04dfedea] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-04dfedea] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-04dfedea]:hover {
  text-decoration: none;
}
uni-input[data-v-04dfedea], uni-textarea[data-v-04dfedea] {
  -webkit-user-select: auto;
          user-select: auto;
}
uni-input[data-v-04dfedea]:focus, uni-input[data-v-04dfedea]:active, uni-textarea[data-v-04dfedea]:focus, uni-textarea[data-v-04dfedea]:active {
  outline: none;
}
.chat-aside[data-v-04dfedea] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: calc(100% - 50px);
}
.tui-chat[data-v-04dfedea] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}
.tui-chat-default[data-v-04dfedea] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
}
.tui-chat-header[data-v-04dfedea] {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
}
.tui-chat-message-list[data-v-04dfedea] {
  flex: 1;
  overflow: hidden;
  display: flex;
}
.tui-chat-leave-group[data-v-04dfedea] {
  font-size: 14px;
  height: 160px;
  border-top: 1px solid #efefef;
  justify-content: center;
  align-items: center;
}
.tui-chat-leave-group-mobile[data-v-04dfedea] {
  height: 50px;
}
.tui-chat-message-input[data-v-04dfedea] {
  height: 160px;
  display: flex;
}
.chat[data-v-04dfedea] {
  display: block;
  height: 100%;
  overflow: hidden;
}
.tui-chat-h5-message-list[data-v-04dfedea] {
  flex: 1;
  overflow: hidden;
  display: flex;
}
.tui-chat-h5-message-input[data-v-04dfedea] {
  height: auto;
  padding: 10px 10px 0;
  border-top: 1px solid #eee;
}
.tui-chat-h5-message-input-toolbar[data-v-04dfedea] {
  order: 1;
  border: none;
}
.tui-chat-uniapp-header[data-v-04dfedea] {
  display: none;
}
.group-profile[data-v-04dfedea] {
  position: absolute;
  top: 14%;
  right: 0;
  width: 50px;
  height: 30px;
  line-height: 30px;
  color: #000;
  font-size: 10px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 15px;
  z-index: 100;
  background-color: #ccc;
  opacity: 0.5;
}
.tui-chat-uni-message-input[data-v-04dfedea] {
  max-height: 370px;
  padding: 10px;
}
.tui-chat-uni-message-input-toolbar[data-v-04dfedea] {
  z-index: 100;
}
.tui-chat-wx-message-input[data-v-04dfedea] {
  padding: 0;
}
[data-v-04dfedea]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}