@charset "UTF-8";
html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: Baloo15;
}
.el-tag.el-tag--primary {
  --el-tag-text-color: #000000 !important;
}
.el-checkbox__inner:hover {
  border-color: #54ff29 !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #54ff29 !important;
  border-color: #54ff29 !important;
}
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #54ff29 !important;
}
input::placeholder,
button {
  font-family: Baloo15 !important;
}
.el-pagination {
  --el-pagination-hover-color: #000000 !important;
}
.el-textarea,
.el-input {
  --el-input-focus-border-color: #54ff29 !important;
}
.el-button {
  --el-button-hover-border-color: #90ff75 !important;
}
.el-dialog {
  border-radius: 15px !important;
}
.el-button--primary {
  --el-button-bg-color: #54ff29 !important;
  --el-button-border-color: #54ff29 !important;
  --el-button-hover-bg-color: #54ff29 !important;
  --el-button-hover-border-color: #54ff29 !important;
  color: #000 !important;
}
.avatar-uploader,
.el-upload {
  border: none !important;
}
.el-pagination.is-background .el-pager li.is-active {
  background-color: #54ff29 !important;
  color: #000 !important;
}
.el-pagination.is-background .el-pager li.is-active:hover {
  color: #000 !important;
}
.el-popper,
.is-pure,
.is-light,
.el-select__popper {
  z-index: 9999 !important;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 10px;
}
.el-badge__content--danger {
  background: red !important;
  border: none !important;
}
.common-icon-container[data-v-afdf946f] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.common-icon-container-mobile[data-v-afdf946f] {
  cursor: none;
}
.chat-header[data-v-7f4a1cfc] {
  display: flex;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.chat-header-container[data-v-7f4a1cfc] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: flex-start;
}
.chat-header-content[data-v-7f4a1cfc] {
  margin-right: 20px;
  flex: 1;
  font-size: 16px;
  line-height: 30px;
  font-family: Baloo15;
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat-header-back[data-v-7f4a1cfc],
.chat-header-setting[data-v-7f4a1cfc] {
  width: 27px;
  height: 27px;
}
.chat-header-back .icon[data-v-7f4a1cfc],
.chat-header-setting .icon[data-v-7f4a1cfc] {
  width: 100%;
  height: 100%;
}
.chat-header-h5-back[data-v-7f4a1cfc] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat-header-h5-content[data-v-7f4a1cfc] {
  margin: 0 20px;
  text-align: center;
}
.custom-loading-container[data-v-643ead8f] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.custom-loading-spinner[data-v-643ead8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.spinner-icon[data-v-643ead8f] {
  width: 60px;
  height: 60px;
  animation: spin-643ead8f 2s linear infinite;
}
.spinner-icon img[data-v-643ead8f] {
  width: 100%;
  height: 100%;
}
.spinner-text[data-v-643ead8f] {
  margin-top: 16px;
  font-size: 18px;
  color: #fff;
}
@keyframes spin-643ead8f {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon[data-v-1423f552] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
body[data-v-dcd43ec6],
div[data-v-dcd43ec6],
ul[data-v-dcd43ec6],
ol[data-v-dcd43ec6],
dt[data-v-dcd43ec6],
dd[data-v-dcd43ec6],
li[data-v-dcd43ec6],
dl[data-v-dcd43ec6],
h1[data-v-dcd43ec6],
h2[data-v-dcd43ec6],
h3[data-v-dcd43ec6],
h4[data-v-dcd43ec6],
p[data-v-dcd43ec6] {
  margin: 0;
  padding: 0;
  font-style: normal;
}
ol[data-v-dcd43ec6],
ul[data-v-dcd43ec6],
li[data-v-dcd43ec6] {
  list-style: none;
}
img[data-v-dcd43ec6] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-dcd43ec6] {
  color: #000;
  background: #fff;
}
.clear[data-v-dcd43ec6] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-dcd43ec6] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-dcd43ec6]:hover {
  text-decoration: none;
}
input[data-v-dcd43ec6],
textarea[data-v-dcd43ec6] {
  user-select: auto;
}
input[data-v-dcd43ec6]:focus,
input[data-v-dcd43ec6]:active,
textarea[data-v-dcd43ec6]:focus,
textarea[data-v-dcd43ec6]:active {
  outline: none;
}
.chat-aside[data-v-dcd43ec6] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px;
  border-radius: 8px 0 0 8px;
  z-index: 2;
  max-height: calc(100% - 50px);
}
.emoji-container[data-v-dcd43ec6] {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  padding-top: 10px;
}
.emoji-container .emoji-react-item[data-v-dcd43ec6] {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 14px;
  padding: 2px 8px;
  margin: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  font-size: 14px;
  align-items: center;
}
.emoji-container .emoji-react-item .emoji-react-item-icon[data-v-dcd43ec6] {
  width: 18px;
  height: 18px;
  padding: 1px;
}
.emoji-container .emoji-react-item .emoji-react-item-number[data-v-dcd43ec6] {
  margin: 2px;
  font-size: 10px;
  color: #999;
}
.emoji-container .emoji-react-item-line[data-v-dcd43ec6] {
  height: 16px;
  width: 1px;
  margin: 2px 6px;
  background-color: #c0b9b9;
}
.emoji-container .emoji-selected-item[data-v-dcd43ec6] {
  background-color: #0000000d;
  border-radius: 15px;
  padding: 2px 6px;
}
.emoji-container .emoji-detail-item-line[data-v-dcd43ec6] {
  height: 1px;
  width: 100%;
  margin: 3px 0;
  background-color: #0000000d;
}
.emoji-container .emoji-list-container[data-v-dcd43ec6] {
  overflow-y: auto;
  width: 100%;
}
.emoji-container .emoji-list-container[data-v-dcd43ec6]::-webkit-scrollbar {
  display: none;
}
.emoji-container .reverse[data-v-dcd43ec6] {
  right: auto;
  left: 0;
}
.emoji-container .emoji-detail-list[data-v-dcd43ec6] {
  display: flex;
  align-items: center;
}
.emoji-container .emoji-detail-list .emoji-detail-avatar[data-v-dcd43ec6] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 5px;
}
.emoji-container .emoji-detail-list .emoji-detail-nick[data-v-dcd43ec6] {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
  width: 80%;
  font-size: 10px;
  white-space: nowrap;
}
.emoji-container .emoji-detail-web[data-v-dcd43ec6] {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fbfbfb;
  border-radius: 12px;
  padding: 6px 8px;
  overflow: hidden;
  max-width: 268px;
  max-height: 186px;
  min-width: 150px;
  z-index: 1;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(100%);
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  cursor: pointer;
}
.emoji-container .emoji-detail-web .emoji-detail-container[data-v-dcd43ec6] {
  display: flex;
  width: 100%;
  margin: auto;
  flex-wrap: wrap;
  align-items: center;
}
.emoji-container
  .emoji-detail-web
  .emoji-detail-container
  .emoji-detail-item[data-v-dcd43ec6] {
  display: flex;
  padding: 2px 6px;
  justify-content: center;
  align-items: center;
}
.emoji-container
  .emoji-detail-web
  .emoji-detail-container
  .emoji-detail-item
  .emoji-detail-item-icon[data-v-dcd43ec6] {
  width: 18px;
  height: 18px;
}
.emoji-container
  .emoji-detail-web
  .emoji-detail-container
  .emoji-detail-item
  .emoji-detail-item-number[data-v-dcd43ec6] {
  margin: 2px;
  font-size: 10px;
  color: #999;
}
.emoji-container .emoji-container-h5[data-v-dcd43ec6] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
  z-index: 1;
}
.emoji-container .emoji-container-h5 .emoji-detail-h5[data-v-dcd43ec6] {
  position: relative;
  background: #fff;
  flex: 1;
  padding: 18px;
  border-radius: 12px 12px 0 0;
  width: 80vw;
  display: flex;
  max-height: 275px;
  flex-direction: column;
}
.emoji-container
  .emoji-container-h5
  .emoji-detail-h5
  .emoji-detail-container[data-v-dcd43ec6] {
  display: flex;
  width: 100%;
  margin: auto auto 6px;
  flex-wrap: wrap;
  align-items: center;
}
.emoji-container
  .emoji-container-h5
  .emoji-detail-h5
  .emoji-detail-container
  .emoji-detail-item[data-v-dcd43ec6] {
  display: flex;
  padding: 2px 6px;
  justify-content: center;
  align-items: center;
  margin: 0 2px;
}
.emoji-container
  .emoji-container-h5
  .emoji-detail-h5
  .emoji-detail-container
  .emoji-detail-item
  .emoji-detail-item-icon[data-v-dcd43ec6] {
  width: 20px;
  height: 20px;
}
.emoji-container
  .emoji-container-h5
  .emoji-detail-h5
  .emoji-detail-container
  .emoji-detail-item
  .emoji-detail-item-number[data-v-dcd43ec6] {
  margin: 2px;
  font-size: 15px;
  color: #999;
}
.emoji-container
  .emoji-container-h5
  .emoji-detail-h5
  .emoji-detail-list
  .emoji-detail-avatar[data-v-dcd43ec6] {
  width: 30px;
  height: 30px;
}
body[data-v-d1dff6b5],
div[data-v-d1dff6b5],
ul[data-v-d1dff6b5],
ol[data-v-d1dff6b5],
dt[data-v-d1dff6b5],
dd[data-v-d1dff6b5],
li[data-v-d1dff6b5],
dl[data-v-d1dff6b5],
h1[data-v-d1dff6b5],
h2[data-v-d1dff6b5],
h3[data-v-d1dff6b5],
h4[data-v-d1dff6b5],
p[data-v-d1dff6b5] {
  margin: 0;
  padding: 0;
  font-style: normal;
}
ol[data-v-d1dff6b5],
ul[data-v-d1dff6b5],
li[data-v-d1dff6b5] {
  list-style: none;
}
img[data-v-d1dff6b5] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-d1dff6b5] {
  color: #000;
  background: #fff;
}
.clear[data-v-d1dff6b5] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-d1dff6b5] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-d1dff6b5]:hover {
  text-decoration: none;
}
input[data-v-d1dff6b5],
textarea[data-v-d1dff6b5] {
  user-select: auto;
}
input[data-v-d1dff6b5]:focus,
input[data-v-d1dff6b5]:active,
textarea[data-v-d1dff6b5]:focus,
textarea[data-v-d1dff6b5]:active {
  outline: none;
}
.chat-aside[data-v-d1dff6b5] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px;
  border-radius: 8px 0 0 8px;
  z-index: 2;
  max-height: calc(100% - 50px);
}
.emoji-picker[data-v-d1dff6b5] {
  display: flex;
  height: 160px;
  position: absolute;
  background: #fff;
  top: 60px;
  flex-direction: column;
  border: 1px solid #e0e0e0;
}
.emoji-picker-list[data-v-d1dff6b5] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  margin: 2px;
  justify-content: space-between;
}
.emoji-picker-list[data-v-d1dff6b5]::-webkit-scrollbar {
  display: none;
}
.emoji-picker-list-item[data-v-d1dff6b5] {
  cursor: pointer;
  padding: 5px;
}
.emoji-picker-list-item .emoji[data-v-d1dff6b5] {
  width: 28px;
  height: 28px;
}
.emoji-picker-list-item .emoji-big[data-v-d1dff6b5] {
  width: 70px;
  height: 70px;
}
.emoji-picker-tab[data-v-d1dff6b5] {
  display: flex;
  align-items: center;
}
.emoji-picker-tab-item[data-v-d1dff6b5] {
  padding: 0 10px;
  cursor: pointer;
}
.emoji-picker-tab-item .icon[data-v-d1dff6b5] {
  margin: 10px;
  width: 20px;
  height: 20px;
}
.emoji-picker-tab-item .icon-big[data-v-d1dff6b5] {
  margin: 2px 0;
  width: 30px;
  height: 30px;
}
.emoji-picker-h5[data-v-d1dff6b5] {
  height: 160px;
  position: absolute;
  background: #fff;
  top: 45px;
}
.emoji-picker-h5-list[data-v-d1dff6b5] {
  justify-content: space-between;
}
.emoji-picker-h5-list[data-v-d1dff6b5]:after {
  content: "";
  display: block;
  flex: 1 1 auto;
}
body[data-v-b58309da],
div[data-v-b58309da],
ul[data-v-b58309da],
ol[data-v-b58309da],
dt[data-v-b58309da],
dd[data-v-b58309da],
li[data-v-b58309da],
dl[data-v-b58309da],
h1[data-v-b58309da],
h2[data-v-b58309da],
h3[data-v-b58309da],
h4[data-v-b58309da],
p[data-v-b58309da] {
  margin: 0;
  padding: 0;
  font-style: normal;
}
ol[data-v-b58309da],
ul[data-v-b58309da],
li[data-v-b58309da] {
  list-style: none;
}
img[data-v-b58309da] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-b58309da] {
  color: #000;
  background: #fff;
}
.clear[data-v-b58309da] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-b58309da] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-b58309da]:hover {
  text-decoration: none;
}
input[data-v-b58309da],
textarea[data-v-b58309da] {
  user-select: auto;
}
input[data-v-b58309da]:focus,
input[data-v-b58309da]:active,
textarea[data-v-b58309da]:focus,
textarea[data-v-b58309da]:active {
  outline: none;
}
.chat-aside[data-v-b58309da] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  width: 360px;
  border-radius: 8px 0 0 8px;
  z-index: 2;
  max-height: calc(100% - 50px);
}
.message[data-v-b58309da] {
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 450px;
  width: fit-content;
  justify-content: center;
  align-items: center;
}
.message p[data-v-b58309da] {
  box-shadow: 0 2px 12px #0003;
  border-radius: 3px;
  padding: 10px 15px;
  width: fit-content;
  word-break: break-all;
}
.message-h5[data-v-b58309da] {
  position: absolute;
  top: 20px !important;
  margin: 0 auto;
  max-width: 80%;
  width: fit-content;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 10px 15px;
}
.message-h5 span[data-v-b58309da] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  word-break: break-all;
}
.success[data-v-b58309da] {
  border: 1px solid #e4f2da;
  background: #f2f9ec;
  color: #7ebf50;
}
.error[data-v-b58309da] {
  border: 1px solid #fde2e2;
  background: #fef0f0;
  color: #f46c6e;
}
.normal[data-v-b58309da] {
  border: 1px solid #e9e9eb;
  background: #f4f4f5;
  color: #909398;
}
.warning[data-v-b58309da] {
  border: 1px solid #faf0e2;
  background: #fdf8f1;
  color: #e4b877;
}
.emoji-reaction[data-v-c8082c47] {
  width: 280px;
}
.emoji-reaction .emoji-reaction-icon[data-v-c8082c47] {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.emoji-reaction .emoji-reaction-icon .emoji-list-item[data-v-c8082c47] {
  padding: 10px 0;
}
.emoji-reaction
  .emoji-reaction-icon
  .emoji-list-item
  .emoji-list-item-icon[data-v-c8082c47] {
  width: 28px;
  height: 28px;
}
[data-v-7bc14c5c]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.avatar-container[data-v-7bc14c5c] {
  position: relative;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex: 0 0 auto;
}
.avatar-container .placeholder[data-v-7bc14c5c] {
  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-7bc14c5c] {
  animation: breath-7bc14c5c 2s linear 0.3s infinite;
}
.avatar-container .placeholder.hidden[data-v-7bc14c5c] {
  opacity: 0;
}
.avatar-container .avatar-image[data-v-7bc14c5c] {
  width: 100%;
  height: 100%;
}
@keyframes breath-7bc14c5c {
  50% {
    background-color: #d3d3d3;
  }
}
.overlay-container[data-v-bd5f7e3d] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay-container .overlay-mask[data-v-bd5f7e3d] {
  z-index: -1;
  position: absolute;
  inset: 0;
  background-color: #0009;
  opacity: 0;
  transition: opacity 0.15s linear;
  animation: fade-in-bd5f7e3d 0.15s linear;
}
.overlay-mask.fade-in[data-v-bd5f7e3d] {
  opacity: 1;
}
@keyframes fade-in-bd5f7e3d {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-v-4481a723]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.drawer[data-v-4481a723] {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
  transition: transform 0.15s ease-out;
}
.drawer .drawer-container[data-v-4481a723] {
  background-color: #fff;
  height: 100%;
  width: 100%;
}
.origin-bottom[data-v-4481a723] {
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  animation: slide-from-bottom-4481a723 0.15s ease-out;
}
.origin-right[data-v-4481a723] {
  top: 0;
  bottom: 0;
  right: 0;
  transform: translate(100%);
  animation: slide-from-right-4481a723 0.15s ease-out;
}
.slide-bottom[data-v-4481a723] {
  transform: translateY(0);
}
.slide-right[data-v-4481a723] {
  transform: translate(0);
}
@keyframes slide-from-bottom-4481a723 {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-from-right-4481a723 {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0);
  }
}
[data-v-d7a52145]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.flex-row[data-v-d7a52145] {
  flex-direction: row;
}
.application-tips[data-v-d7a52145] {
  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-d7a52145] {
  color: #006eff;
  cursor: pointer;
  margin-left: 12px;
}
.application-contaienr[data-v-d7a52145] {
  padding: 50px 18px 10px;
  background-color: #fff;
  height: 100%;
  overflow: hidden auto;
  font-size: 14px;
}
.application-contaienr .application-header[data-v-d7a52145] {
  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-d7a52145] {
  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-d7a52145] {
  border-top: 0.5px solid #d0d0d0;
}
.application-contaienr
  .application-item
  .application-item-info[data-v-d7a52145] {
  margin-left: 8px;
  margin-right: 8px;
  font-size: 14px;
}
.application-contaienr
  .application-item
  .application-item-info
  .application-item-nick[data-v-d7a52145] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.application-contaienr
  .application-item
  .application-item-info
  .application-item-note[data-v-d7a52145] {
  color: #989191;
  font-size: 12px;
}
.application-contaienr
  .application-item
  .application-item-operation[data-v-d7a52145] {
  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-d7a52145] {
  color: #679ce1;
  cursor: pointer;
}
.application-contaienr
  .application-item
  .application-item-operation
  .reject[data-v-d7a52145] {
  margin-left: 12px;
  color: #fb355d;
  cursor: pointer;
}
.application-contaienr .removed[data-v-d7a52145] {
  transform: translate(-100%);
}
.link_text[data-v-11fd3cfd] {
  border-bottom: 1px solid #000;
}
.showtranstxt[data-v-11fd3cfd] {
  border-top: 1px solid rgb(214, 214, 214);
}
.message-text-container[data-v-11fd3cfd] {
  display: inline;
}
.text-select[data-v-11fd3cfd] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.emoji[data-v-11fd3cfd] {
  vertical-align: bottom;
  width: 20px;
  height: 20px;
}
.text[data-v-11fd3cfd] {
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 14px;
  text-size-adjust: none;
}
body[data-v-bb66488c],
div[data-v-bb66488c],
ul[data-v-bb66488c],
ol[data-v-bb66488c],
dt[data-v-bb66488c],
dd[data-v-bb66488c],
li[data-v-bb66488c],
dl[data-v-bb66488c],
h1[data-v-bb66488c],
h2[data-v-bb66488c],
h3[data-v-bb66488c],
h4[data-v-bb66488c],
p[data-v-bb66488c] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-bb66488c],
ul[data-v-bb66488c],
li[data-v-bb66488c] {
  list-style: none;
}
img[data-v-bb66488c] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-bb66488c] {
  color: #000;
  background: #fff;
}
.clear[data-v-bb66488c] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-bb66488c] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-bb66488c]:hover {
  text-decoration: none;
}
input[data-v-bb66488c],
textarea[data-v-bb66488c] {
  user-select: auto;
}
input[data-v-bb66488c]:focus,
input[data-v-bb66488c]:active,
textarea[data-v-bb66488c]:focus,
textarea[data-v-bb66488c]:active {
  outline: none;
}
.chat-aside[data-v-bb66488c] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.image-container[data-v-bb66488c] {
  overflow: hidden;
  background-color: #f4f4f4;
}
.image-container .message-image[data-v-bb66488c] {
  max-width: min(100vw - 180px, 300px);
  max-height: min(100vw - 180px, 300px);
  width: inherit;
  height: inherit;
}
.image-container .message-image-h5[data-v-bb66488c] {
  max-width: calc(100vw - 180px);
  max-height: calc(100vw - 180px);
}
body[data-v-7f6c8380],
div[data-v-7f6c8380],
ul[data-v-7f6c8380],
ol[data-v-7f6c8380],
dt[data-v-7f6c8380],
dd[data-v-7f6c8380],
li[data-v-7f6c8380],
dl[data-v-7f6c8380],
h1[data-v-7f6c8380],
h2[data-v-7f6c8380],
h3[data-v-7f6c8380],
h4[data-v-7f6c8380],
p[data-v-7f6c8380] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-7f6c8380],
ul[data-v-7f6c8380],
li[data-v-7f6c8380] {
  list-style: none;
}
img[data-v-7f6c8380] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-7f6c8380] {
  color: #000;
  background: #fff;
}
.clear[data-v-7f6c8380] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-7f6c8380] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-7f6c8380]:hover {
  text-decoration: none;
}
input[data-v-7f6c8380],
textarea[data-v-7f6c8380] {
  user-select: auto;
}
input[data-v-7f6c8380]:focus,
input[data-v-7f6c8380]:active,
textarea[data-v-7f6c8380]:focus,
textarea[data-v-7f6c8380]:active {
  outline: none;
}
.chat-aside[data-v-7f6c8380] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-audio[data-v-7f6c8380] {
  flex-direction: row;
  display: flex;
  flex: 0 0 auto;
  cursor: pointer;
  overflow: hidden;
}
.message-audio .time[data-v-7f6c8380] {
  flex: 1 1 auto;
  max-width: 300px;
  text-align: start;
}
.message-audio audio[data-v-7f6c8380] {
  width: 0;
  height: 0;
}
.disable[data-v-7f6c8380] {
  cursor: not-allowed;
}
.audio-icon-container[data-v-7f6c8380] {
  flex: 0 0 auto;
  position: relative;
  margin: 0 7px 0 0;
  overflow: hidden;
}
.audio-icon-container .mask[data-v-7f6c8380] {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform-origin: right;
  transform: scaleX(0);
  background-color: #fbfbfb;
}
.audio-icon-container .mask.play[data-v-7f6c8380] {
  animation: audio-play-7f6c8380 2s steps(1, end) infinite;
}
@keyframes audio-play-7f6c8380 {
  0% {
    transform: scaleX(0.7056);
  }
  50% {
    transform: scaleX(0.3953);
  }
  75% {
    transform: scaleX(0);
    visibility: hidden;
  }
  to {
    transform: scaleX(0);
    visibility: hidden;
  }
}
.message-audio.reserve[data-v-7f6c8380] {
  flex-direction: row-reverse;
}
.message-audio.reserve .time[data-v-7f6c8380] {
  text-align: end;
}
.message-audio.reserve .icon[data-v-7f6c8380] {
  transform: rotate(180deg);
}
.message-audio.reserve .audio-icon-container[data-v-7f6c8380] {
  margin: 0 0 0 7px;
}
.message-audio.reserve .audio-icon-container .mask[data-v-7f6c8380] {
  transform-origin: left;
  background-color: #dceafd;
}
[data-v-89a8338f]:not(not) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
}
.simple-message-container[data-v-89a8338f] {
  flex-direction: row;
}
.simple-message-container .simple-message-avatar[data-v-89a8338f] {
  flex: 0 0 auto;
  margin-right: 8px;
}
.simple-message-container .simple-message-sender[data-v-89a8338f] {
  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-89a8338f] {
  flex-direction: row;
  align-items: flex-end;
}
.simple-message-container .simple-message-content[data-v-89a8338f] {
  margin-top: 8px;
  background-color: #dceafd;
  border-radius: 0 10px 10px;
  padding: 10px 12px;
}
.simple-message-container .timestamp[data-v-89a8338f] {
  flex: 0 0 auto;
  font-size: 12px;
  color: #aaa;
  margin-left: 6px;
}
.simple-message-container .no-padding[data-v-89a8338f] {
  padding: 0;
  background-color: transparent;
}
[data-v-a25c9277]:not(not) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
}
.simple-message-list-container[data-v-a25c9277] {
  flex: 1;
  position: relative;
  overflow: hidden;
  width: 40vw;
  min-width: 550px;
  height: calc(100vh - 200px);
  background-color: #fff;
  box-shadow: 0 2px 12px #0000001a;
  border-radius: 8px;
}
.simple-message-list-container-mobile[data-v-a25c9277] {
  width: 100vw;
  height: 100vh;
  min-width: auto;
  border-radius: 0;
}
.simple-message-list-container .header-container[data-v-a25c9277] {
  width: 100%;
  text-align: center;
  font-weight: 700;
  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-a25c9277] {
  flex-direction: row;
  align-items: center;
  position: absolute;
  left: 10px;
  cursor: pointer;
}
.simple-message-list-container .header-container .title[data-v-a25c9277] {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.simple-message-list-container .message-list[data-v-a25c9277] {
  padding: 60px 20px 20px;
  flex: 1 1 auto;
  overflow: hidden auto;
}
.message-item[data-v-a25c9277] {
  flex-direction: row;
  margin: 10px 0;
}
.message-text[data-v-a25c9277] {
  flex-flow: row wrap;
  display: inline;
}
.message-text-container[data-v-a25c9277] {
  display: inline;
  flex: 0 0 auto;
  flex-direction: row;
}
.message-text-container .text[data-v-a25c9277] {
  vertical-align: bottom;
  display: inline;
  word-break: break-all;
}
.message-text-container .simple-emoji[data-v-a25c9277] {
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.message-image[data-v-a25c9277] {
  max-width: 180px;
  border-radius: 10px;
  overflow: hidden;
}
.message-image .image[data-v-a25c9277] {
  max-width: 180px;
}
.message-face[data-v-a25c9277] {
  max-width: 100px;
}
.message-face .image[data-v-a25c9277] {
  width: 80px;
  height: 80px;
}
.message-audio[data-v-a25c9277] {
  flex-direction: row;
}
.message-video[data-v-a25c9277] {
  position: relative;
}
.message-video .image[data-v-a25c9277] {
  max-width: 180px;
}
.message-video .video-play-icon[data-v-a25c9277] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.message-video .video[data-v-a25c9277] {
  max-width: 150px;
  width: inherit;
  height: inherit;
  border-radius: 10px;
}
.message-combine[data-v-a25c9277] {
  max-width: 300px;
}
[data-v-544f2dcb]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.message-record-container[data-v-544f2dcb] {
  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-544f2dcb] {
  color: #bbb;
  font-size: 12px;
  margin: 8px 0;
}
.message-record-container .record-footer[data-v-544f2dcb] {
  color: #888;
  font-size: 11px;
  padding-top: 5px;
  border-top: 1px solid #eee;
}
body[data-v-57d63dad],
div[data-v-57d63dad],
ul[data-v-57d63dad],
ol[data-v-57d63dad],
dt[data-v-57d63dad],
dd[data-v-57d63dad],
li[data-v-57d63dad],
dl[data-v-57d63dad],
h1[data-v-57d63dad],
h2[data-v-57d63dad],
h3[data-v-57d63dad],
h4[data-v-57d63dad],
p[data-v-57d63dad] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-57d63dad],
ul[data-v-57d63dad],
li[data-v-57d63dad] {
  list-style: none;
}
img[data-v-57d63dad] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-57d63dad] {
  color: #000;
  background: #fff;
}
.clear[data-v-57d63dad] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-57d63dad] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-57d63dad]:hover {
  text-decoration: none;
}
input[data-v-57d63dad],
textarea[data-v-57d63dad] {
  user-select: auto;
}
input[data-v-57d63dad]:focus,
input[data-v-57d63dad]:active,
textarea[data-v-57d63dad]:focus,
textarea[data-v-57d63dad]:active {
  outline: none;
}
.chat-aside[data-v-57d63dad] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.file-message-montainer[data-v-57d63dad] {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.file-message-montainer .file-icon[data-v-57d63dad] {
  margin: auto 8px;
}
body[data-v-9a522c28],
div[data-v-9a522c28],
ul[data-v-9a522c28],
ol[data-v-9a522c28],
dt[data-v-9a522c28],
dd[data-v-9a522c28],
li[data-v-9a522c28],
dl[data-v-9a522c28],
h1[data-v-9a522c28],
h2[data-v-9a522c28],
h3[data-v-9a522c28],
h4[data-v-9a522c28],
p[data-v-9a522c28] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-9a522c28],
ul[data-v-9a522c28],
li[data-v-9a522c28] {
  list-style: none;
}
img[data-v-9a522c28] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-9a522c28] {
  color: #000;
  background: #fff;
}
.clear[data-v-9a522c28] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-9a522c28] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-9a522c28]:hover {
  text-decoration: none;
}
input[data-v-9a522c28],
textarea[data-v-9a522c28] {
  user-select: auto;
}
input[data-v-9a522c28]:focus,
input[data-v-9a522c28]:active,
textarea[data-v-9a522c28]:focus,
textarea[data-v-9a522c28]:active {
  outline: none;
}
.chat-aside[data-v-9a522c28] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-image[data-v-9a522c28] {
  width: 80px;
  height: 80px;
}
.comment_list_box .comment_list .comment_item[data-v-0c065c01] {
  display: flex;
  margin-bottom: 24px;
  padding: 12px;
}
.comment_list_box .comment_list .comment_item[data-v-0c065c01]:hover {
  background-color: #01fe891a;
}
.comment_list_box .comment_list .comment_item:hover .btn[data-v-0c065c01],
.comment_list_box .comment_list .comment_item:hover .del_img[data-v-0c065c01] {
  display: inline-block;
}
.comment_list_box .comment_list .comment_item .del_img[data-v-0c065c01] {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.comment_list_box .comment_list .comment_item .del_img img[data-v-0c065c01] {
  width: 100%;
  height: 100%;
}
.comment_list_box .comment_list .comment_item .btn[data-v-0c065c01] {
  display: none;
}
.comment_list_box .comment_list .comment_item .img[data-v-0c065c01] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}
.comment_list_box .comment_list .comment_item .right[data-v-0c065c01] {
  flex: 1;
}
.comment_list_box .comment_list .comment_item .name[data-v-0c065c01] {
  font-size: 18px;
}
.comment_list_box .comment_list .comment_item .name .to[data-v-0c065c01] {
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
}
.comment_list_box .comment_list .comment_item .time[data-v-0c065c01] {
  float: right;
  font-size: 13px;
}
.comment_list_box .comment_list .comment_item .content[data-v-0c065c01] {
  font-size: 14px;
}
.infoMomentbox .logava[data-v-0c065c01] {
  display: flex;
  justify-content: center;
}
.infoMomentbox .infoDatabox[data-v-0c065c01] {
  padding: 0 18px;
}
.infoMomentbox .infoDatabox .remarksbox[data-v-0c065c01] {
  margin-top: 5px;
  font-size: 16px;
  text-align: center;
}
.infoMomentbox .infoDatabox .info_name[data-v-0c065c01],
.infoMomentbox .infoDatabox .remark_title[data-v-0c065c01] {
  display: flex;
  font-size: 16px;
}
.infoMomentbox .infoDatabox .info_name span[data-v-0c065c01],
.infoMomentbox .infoDatabox .remark_title span[data-v-0c065c01] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .remark_title[data-v-0c065c01] {
  margin-top: 18px;
}
.infoMomentbox .infoDatabox .info_id[data-v-0c065c01] {
  display: flex;
  font-size: 16px;
  align-items: center;
}
.infoMomentbox .infoDatabox .info_id span[data-v-0c065c01] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id img[data-v-0c065c01] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 8px;
}
.infoMomentbox .twobtnboxes[data-v-0c065c01] {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding-bottom: 20px;
}
.infoMomentbox .twobtnboxes .chat_styls[data-v-0c065c01] {
  background-color: #54ff29;
}
.infoMomentbox .twobtnboxes .not_styls[data-v-0c065c01] {
  background-color: #e6e6e6;
}
.infoMomentbox .twobtnboxes button[data-v-0c065c01] {
  border: none;
  height: 35px;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-weight: 700;
  width: 110px;
}
.infoMomentbox .twobtnboxes .mglt[data-v-0c065c01] {
  margin-left: 30px;
}
.momentboxed[data-v-0c065c01] {
  max-height: 700px;
  overflow-y: auto;
}
.momentboxed .item[data-v-0c065c01] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .item .left[data-v-0c065c01] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .item .left img[data-v-0c065c01] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .item .right[data-v-0c065c01] {
  flex: 1;
}
.momentboxed .item .right .name[data-v-0c065c01] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .item .right .name .time[data-v-0c065c01] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .item .right .emoji_img[data-v-0c065c01] {
  width: 30px;
  height: 30px;
}
.momentboxed .item .right .content[data-v-0c065c01] {
  font-size: 14px;
}
.momentboxed .item .right .content .showtext[data-v-0c065c01] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .item .right .img_box[data-v-0c065c01] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed .item .right .img_box .selectimgbox[data-v-0c065c01] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-0c065c01] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-0c065c01] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-0c065c01] {
  display: none;
}
.momentboxed .item .right .img_box .selectimgbox .img[data-v-0c065c01] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .item .right .video_box[data-v-0c065c01] {
  width: 100%;
}
.momentboxed .item .right .video_box video[data-v-0c065c01] {
  width: 50%;
  height: 300px;
}
.momentboxed .item .right .btn_box[data-v-0c065c01] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed .item .right .btn_box .pointer[data-v-0c065c01] {
  cursor: pointer;
}
.momentboxed .item .right .btn_box .left[data-v-0c065c01] {
  display: flex;
  align-items: center;
}
.momentboxed .item .right .btn_box .left > div[data-v-0c065c01] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed .item .right .btn_box .left img[data-v-0c065c01] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed .item .right .btn_box .left img.huifu[data-v-0c065c01],
.momentboxed .item .right .btn_box .left img.zhuanfa[data-v-0c065c01] {
  width: 18px;
  height: auto;
}
.momentboxed .item .right .btn_box .left img.xihuan[data-v-0c065c01] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed .item .right .btn_box .right[data-v-0c065c01] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed .item .right .btn_box .right img[data-v-0c065c01] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .boxouside_p[data-v-0c065c01] {
  margin-top: 10px;
  border: 1px solid #000000;
  border-radius: 7px;
  padding-left: 10px;
  padding-right: 4px;
}
@media screen and (max-width: 467px) {
  .momentboxed .boxouside_p[data-v-0c065c01] {
    width: auto;
  }
}
.momentboxed .boxouside_p .box_pin[data-v-0c065c01] {
  margin-top: 12px;
  overflow-y: auto;
  height: 160px;
}
.momentboxed .boxouside_p .box_pin .item[data-v-0c065c01] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .boxouside_p .box_pin .item .left[data-v-0c065c01] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .boxouside_p .box_pin .item .left img[data-v-0c065c01] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .boxouside_p .box_pin .item .right[data-v-0c065c01] {
  flex: 1;
}
.momentboxed .boxouside_p .box_pin .item .right .name[data-v-0c065c01] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .boxouside_p .box_pin .item .right .name .time[data-v-0c065c01] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .boxouside_p .box_pin .item .right .emoji_img[data-v-0c065c01] {
  width: 30px;
  height: 30px;
}
.momentboxed .boxouside_p .box_pin .item .right .content[data-v-0c065c01] {
  font-size: 14px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .content
  .showtext[data-v-0c065c01] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .boxouside_p .box_pin .item .right .img_box[data-v-0c065c01] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox[data-v-0c065c01] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-0c065c01] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-0c065c01] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-0c065c01] {
  display: none;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-0c065c01] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .boxouside_p .box_pin .item .right .video_box[data-v-0c065c01] {
  width: 100%;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .video_box
  video[data-v-0c065c01] {
  width: 50%;
  height: 300px;
}
.momentboxed .boxouside_p .box_pin .item .right .btn_box[data-v-0c065c01] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .pointer[data-v-0c065c01] {
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left[data-v-0c065c01] {
  display: flex;
  align-items: center;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  > div[data-v-0c065c01] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img[data-v-0c065c01] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-0c065c01],
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-0c065c01] {
  width: 18px;
  height: auto;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-0c065c01] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right[data-v-0c065c01] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right
  img[data-v-0c065c01] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .notdataox[data-v-0c065c01] {
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.momentboxed .notdataox img[data-v-0c065c01] {
  width: 140px;
  height: 100px;
}
.momentboxed .notdataox div[data-v-0c065c01] {
  font-weight: 500;
}
.momentboxed .pageBoxes[data-v-0c065c01] {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 467px) {
  .momentboxed .pageBoxes[data-v-0c065c01] {
    padding-bottom: 12px;
  }
}
.repostMadolBox .tag_box .el-tag[data-v-0c065c01] {
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
.repostMadolBox .imagebox .showimg[data-v-0c065c01] {
  width: 100%;
  height: 70%;
}
.repostMadolBox .input_box[data-v-0c065c01] {
  margin-top: 20px;
}
.emojibox[data-v-0c065c01] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.user_box[data-v-0c065c01] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-top: 1px solid #ccc;
  padding-top: 24px;
}
.user_box .tab[data-v-0c065c01] {
  margin-left: 12px;
}
.user_box img[data-v-0c065c01] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}
body[data-v-8596d505],
div[data-v-8596d505],
ul[data-v-8596d505],
ol[data-v-8596d505],
dt[data-v-8596d505],
dd[data-v-8596d505],
li[data-v-8596d505],
dl[data-v-8596d505],
h1[data-v-8596d505],
h2[data-v-8596d505],
h3[data-v-8596d505],
h4[data-v-8596d505],
p[data-v-8596d505] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-8596d505],
ul[data-v-8596d505],
li[data-v-8596d505] {
  list-style: none;
}
img[data-v-8596d505] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-8596d505] {
  color: #000;
  background: #fff;
}
.clear[data-v-8596d505] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-8596d505] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-8596d505]:hover {
  text-decoration: none;
}
input[data-v-8596d505],
textarea[data-v-8596d505] {
  user-select: auto;
}
input[data-v-8596d505]:focus,
input[data-v-8596d505]:active,
textarea[data-v-8596d505]:focus,
textarea[data-v-8596d505]:active {
  outline: none;
}
.chat-aside[data-v-8596d505] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.shareCardbox[data-v-8596d505] {
  width: 290px;
}
.shareCardbox > .top[data-v-8596d505] {
  display: flex;
  align-items: center;
}
.shareCardbox > .top img[data-v-8596d505] {
  width: 20px;
  height: 20px;
}
.shareCardbox > .top span[data-v-8596d505] {
  color: #666;
  margin-left: 6px;
}
.shareCardbox > .title[data-v-8596d505] {
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shareCardbox > .imgandvideo[data-v-8596d505] {
  margin-top: 12px;
}
.shareCardbox > .imgandvideo img[data-v-8596d505] {
  width: 100%;
  height: 170px;
  border-radius: 6px;
  object-fit: cover;
}
.shareCardbox > .imgandvideo .videoboxes[data-v-8596d505] {
  position: relative;
}
.shareCardbox > .imgandvideo .videoboxes video[data-v-8596d505] {
  width: 278px;
  height: 170px;
  border-radius: 6px;
  object-fit: cover;
}
.shareCardbox > .imgandvideo .videoboxes[data-v-8596d505]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUY5QURCQ0E0RkI2MTFFNTk3QThDMzJBNTE2MDVFNEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUY5QURCQzk0RkI2MTFFNTk3QThDMzJBNTE2MDVFNEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYzNEJFNkIxQTc0QjExRTM4NDk4RDBGMTA0RjRBQzUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYzNEJFNkIyQTc0QjExRTM4NDk4RDBGMTA0RjRBQzUxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QQDPWgAABYNJREFUeNrknF9MW1Ucx09LBenkXyPsYSvZRib2weI6dNLNuSbGxZg+EsAlYHgxGBU0vvDmg4GgxmDUBx8IGpMRnkwQTcBEsrkKzD+VGdcRw2YdaERTnJNSSdf6/a3nLk0t/UN7zz339pt8sizd7r399vz5nnPPOSYmTiZwADSD/aAR7AM1oBJY+b8Lgy1wA6yBX8AqWAY/g7ioh1VTVeAEaAUuUFvg9f4CfvA18IG/9WQMXfNh4AXHgEWlZ4+CRfAJuFjsklRMY8rA4+AMsDOxug7Ogs/BLZmMoarSz9sOLUVt0dvgG62NqQfPgVNMLp0D74E/Cin+u9VJ8Dq4j8kn6v2eBL+CoChj7gLPgz5QzuRVOS/JFAe+AzE1jaGbjIDHmH7k4FGBuvd/1TCG2pNRcJjpTw3gOLjAA2TRjKnnrf0+pl/V8LB5PhdzcjGm1gCmJCfxNjAHIoUYQ6n1TdDEjKNq0AJmMjXI2Yyh3udRZjzVc4MWd2PMSd4lG1X3g2s75Zydku+94AOwhxlbm6AXrKd+YM5QhYxuCuPf8eV0H6Qz5iGdBbhCdYxnnIzGUNV6gZWenk31ItUYj5pzKfF4/NTU1JSjrq6uTDJj7Py7pzWGSssZtZ/A6/XuXVpaavV4PFWSmfN0cmeUbAxNRx4S8vPY7ZWzs7NHhoaG7CaTSRZjDnEP/mfMaZFPYbFYzIODg00+n8/Z2Ngoy/TF6VRj9qRrmUWora3N5vf7W9vb220SGHNciSnmpJSr2a9ms9nKJycnnWNjY00VFRVa1q1y7sUdY9xa/1TU1vT29tpRelxOp7NSw0dxK8YQD8rSAjocjqr5+fmj/f39ezV6hCPkCZlyENwjU79ptVoto6OjDo0yD7UxB8mYZlnjqIaZp9ksKrsUmHlcgjPP7RIj/ZQlMo9JcObZT8Y06GWkp2Sejo4OtTNPAxlTy3QkyjwTExNqZ54aMuZuvc0RCMg8lWSMVa+TKDzztKqQeaxmZgwVvUrRe6OwXktNIBC42dXVdRlZZ6vIlw5TiYnozZB4PM7Gx8evu1wuvwqmkLaoxNCCP5teTNnY2Nju6+u7gtF4SMXb3CBj1mVPv4oWFhZCnZ2dV4LB4LbKt1qnqrQmuyHRaDQ+MjKy4na7LwkwhbRKJeaqzKasrq5udXd3X56bm7sp8LbXyJhlWU2Znp7+vaen56dQKBQVfOtlqkr0YntTJkPC4fCtgYGBgNfrDWhgyqZSYmiNCC1DP2HwbJKryIuYkny/KoFskqtue6EYQ+vStrV6EsomKCWXMDBciUQiMQ1N2eZe3NkAQfWKlnt6DJxNcpFPaW+TB5EzorPJ8PCwyGySi2aSB5GKLvJMo3oK1iibZNNV7gFLLTG03+esiGzS0tLyrWSmMP7d4zvNY9DfP2Ti9xtpLdrv9AxLWt6aOlFFjr3LSk/vs5Q1v+lm8KienSshUxZ5b8SyGUOiTVDhEjCFvuNb6T4oy/Af/mTGXBWerDfAD/kYQ1phiZdxhw1qymfgo50+zLaSgPY300bQeoOZEgCvsgI2WcR4w0Qj72qDmEI7bV/J1obmsvaE3iJc4OZU6dyU38BLIOtEeq6LcsjdL8EjLLFTTK8hjvYN5LTlOJ/VSjTq/AI8wHS0QoLrR159cn7lku8yLtqFSscE0NI0h05M+Ri8lm8u2836thhPi0HeY8m695pK+DCYZHnuuU43iMxXVKXoCAPZtvGc5+l9fbcXKNYqAdrj9CKT49CLd1jSvIrWxijV8gnQxbQ5JmUCzDLJjklJvSZ1608xMQfrfAoWmMQH66RTNR+IHmWJFdfFOIrpe5Y4H4Zyla6OYsp0rwMsseDazlEO76Luv4KXAnqn9A//c41XE0Lo4V3/CTAAFPSPXCEbSD0AAAAASUVORK5CYII=);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.shareCardbox > .imgandvideo .videoboxes[data-v-8596d505]:hover:before {
  opacity: 1;
}
.shareCardbox > .button[data-v-8596d505] {
  margin-top: 24px;
  display: flex;
  align-items: center;
}
.shareCardbox > .button img[data-v-8596d505] {
  width: 20px;
  height: 20px;
}
.shareCardbox > .button span[data-v-8596d505] {
  color: #666;
  margin-left: 6px;
}
.cardbox[data-v-8596d505] {
  width: 200px;
  padding: 8px 20px;
  cursor: pointer;
}
.cardbox .top_con[data-v-8596d505] {
  display: flex;
  align-items: center;
}
.cardbox .top_con > img[data-v-8596d505] {
  border-radius: 50%;
  width: 36px;
  height: 36px;
}
.cardbox .top_con > div[data-v-8596d505] {
  margin-left: 8px;
  font-weight: 700;
}
.cardbox .button_con[data-v-8596d505] {
  width: 100%;
  margin-top: 10px;
  border-top: 1px #d3d3d3 solid;
  padding-top: 4px;
}
.cardbox .button_con span[data-v-8596d505] {
  width: 100%;
}
a[data-v-8596d505] {
  color: #679ce1;
}
.custom[data-v-8596d505] {
  font-size: 14px;
}
.custom h1[data-v-8596d505] {
  font-size: 14px;
  color: #000;
}
.custom h1[data-v-8596d505],
.custom a[data-v-8596d505],
.custom p[data-v-8596d505] {
  font-size: 14px;
}
.custom .evaluate ul[data-v-8596d505] {
  display: flex;
  padding: 10px 0;
}
.custom .evaluate-list[data-v-8596d505] {
  display: flex;
  flex-direction: row;
}
.custom .evaluate-list-item[data-v-8596d505] {
  padding: 0 2px;
}
.custom .order[data-v-8596d505] {
  display: flex;
}
.custom .order main[data-v-8596d505] {
  padding-left: 5px;
}
.custom .order main p[data-v-8596d505] {
  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-8596d505] {
  font-family: PingFangSC-Regular;
  line-height: 25px;
  color: #ff7201;
}
.custom .order img[data-v-8596d505] {
  width: 67px;
  height: 67px;
}
body[data-v-09550c38],
div[data-v-09550c38],
ul[data-v-09550c38],
ol[data-v-09550c38],
dt[data-v-09550c38],
dd[data-v-09550c38],
li[data-v-09550c38],
dl[data-v-09550c38],
h1[data-v-09550c38],
h2[data-v-09550c38],
h3[data-v-09550c38],
h4[data-v-09550c38],
p[data-v-09550c38] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-09550c38],
ul[data-v-09550c38],
li[data-v-09550c38] {
  list-style: none;
}
img[data-v-09550c38] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-09550c38] {
  color: #000;
  background: #fff;
}
.clear[data-v-09550c38] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-09550c38] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-09550c38]:hover {
  text-decoration: none;
}
input[data-v-09550c38],
textarea[data-v-09550c38] {
  user-select: auto;
}
input[data-v-09550c38]:focus,
input[data-v-09550c38]:active,
textarea[data-v-09550c38]:focus,
textarea[data-v-09550c38]:active {
  outline: none;
}
.chat-aside[data-v-09550c38] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-tip[data-v-09550c38] {
  margin: 0 auto 10px;
  padding: 0 20px;
  color: #999;
  font-size: 12px;
  overflow-wrap: anywhere;
  display: flex;
  place-content: center center;
  align-items: center;
  text-align: center;
}
.message-tip-highlight[data-v-09550c38] {
  animation: highlight-09550c38 1s infinite;
}
@keyframes highlight-09550c38 {
  50% {
    color: #ff9c19;
  }
}
.message-label[data-v-1cdd0c9d] {
  align-self: flex-end;
  font-size: 12px;
  color: #b6b8ba;
  word-break: keep-all;
  flex: 0 0 auto;
}
.message-label.unread[data-v-1cdd0c9d] {
  color: #54ff29 !important;
}
.finger-point[data-v-1cdd0c9d] {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
body[data-v-6f6f09e9],
div[data-v-6f6f09e9],
ul[data-v-6f6f09e9],
ol[data-v-6f6f09e9],
dt[data-v-6f6f09e9],
dd[data-v-6f6f09e9],
li[data-v-6f6f09e9],
dl[data-v-6f6f09e9],
h1[data-v-6f6f09e9],
h2[data-v-6f6f09e9],
h3[data-v-6f6f09e9],
h4[data-v-6f6f09e9],
p[data-v-6f6f09e9] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-6f6f09e9],
ul[data-v-6f6f09e9],
li[data-v-6f6f09e9] {
  list-style: none;
}
img[data-v-6f6f09e9] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-6f6f09e9] {
  color: #000;
  background: #fff;
}
.clear[data-v-6f6f09e9] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-6f6f09e9] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-6f6f09e9]:hover {
  text-decoration: none;
}
input[data-v-6f6f09e9],
textarea[data-v-6f6f09e9] {
  user-select: auto;
}
input[data-v-6f6f09e9]:focus,
input[data-v-6f6f09e9]:active,
textarea[data-v-6f6f09e9]:focus,
textarea[data-v-6f6f09e9]:active {
  outline: none;
}
.chat-aside[data-v-6f6f09e9] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message[data-v-6f6f09e9] {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 450px;
  width: fit-content;
  justify-content: center;
  align-items: center;
}
.message p[data-v-6f6f09e9] {
  box-shadow: 0 2px 12px #0003;
  border-radius: 3px;
  padding: 10px 15px;
  width: fit-content;
  word-break: break-all;
}
.message-h5[data-v-6f6f09e9] {
  position: absolute;
  top: 20px !important;
  margin: 0 auto;
  max-width: 80%;
  width: fit-content;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 10px 15px;
}
.message-h5 span[data-v-6f6f09e9] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  word-break: break-all;
}
.success[data-v-6f6f09e9] {
  border: 1px solid #e4f2da;
  background: #f2f9ec;
  color: #7ebf50;
}
.error[data-v-6f6f09e9] {
  border: 1px solid #fde2e2;
  background: #fef0f0;
  color: #f46c6e;
}
.normal[data-v-6f6f09e9] {
  border: 1px solid #e9e9eb;
  background: #f4f4f5;
  color: #909398;
}
.warning[data-v-6f6f09e9] {
  border: 1px solid #faf0e2;
  background: #fdf8f1;
  color: #e4b877;
}
.big_imgGif[data-v-39961894] {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.reference-content[data-v-39961894] {
  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-39961894] {
  margin-right: 44px;
  margin-left: auto;
}
.revoked-text[data-v-39961894] {
  color: #999;
}
.max-double-line[data-v-39961894],
.big_emoji_double[data-v-39961894] {
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  max-height: 33px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.big_emoji_double[data-v-39961894] {
  max-height: fit-content;
  display: flex;
  flex-direction: column;
}
.message-translation-container[data-v-9755fefe] {
  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-9755fefe] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.message-translation-container .loading.loading-end[data-v-9755fefe],
.message-translation-container .translation-content[data-v-9755fefe] {
  opacity: 0;
}
.message-translation-container .translation-content.occur[data-v-9755fefe] {
  animation: occur-9755fefe 0.3s ease-out 0.45s forwards;
}
@keyframes occur-9755fefe {
  to {
    opacity: 1;
  }
}
.message-translation-container
  .translation-content
  .text-face[data-v-9755fefe] {
  width: 20px;
  height: 20px;
}
.message-translation[data-v-91425bab] {
  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-91425bab] {
  background-color: #ffdfdf;
}
.message-translation .copyright[data-v-91425bab] {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.message-translation .copyright .copyright-text[data-v-91425bab] {
  margin-left: 2px;
  font-size: 12px;
  color: #999;
}
.message-translation.reverse[data-v-91425bab] {
  margin-right: 44px;
  margin-left: auto;
}
.message-convert-container[data-v-f64c4157] {
  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-f64c4157] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.message-convert-container .loading.loading-end[data-v-f64c4157],
.message-convert-container .convert-content[data-v-f64c4157] {
  opacity: 0;
}
.message-convert-container .convert-content.occur[data-v-f64c4157] {
  animation: occur-f64c4157 0.3s ease-out 0.45s forwards;
}
@keyframes occur-f64c4157 {
  to {
    opacity: 1;
  }
}
.message-convert[data-v-a3c1a9d2] {
  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-a3c1a9d2] {
  background-color: #ffdfdf;
}
.message-convert.reverse[data-v-a3c1a9d2] {
  margin-right: 44px;
  margin-left: auto;
}
[data-v-b8dd49a1]:not(not) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
}
.radio-select[data-v-b8dd49a1] {
  flex: 1;
  flex-direction: column;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  justify-content: center;
}
.radio-select .radio-no-select[data-v-b8dd49a1] {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 2px solid #ddd;
}
.languageBox ul[data-v-88da61ea] {
  height: 500px;
  overflow: scroll;
  margin-top: 15px;
}
.languageBox ul li[data-v-88da61ea] {
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 6px 2px;
}
.languageBox ul li[data-v-88da61ea]:hover {
  background-color: #edf2fa;
}
.textdata_box_out[data-v-88da61ea] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
}
.textdata_box_in[data-v-88da61ea] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
}
.voice_trans .tips[data-v-88da61ea] {
  display: flex;
  align-items: center;
  margin-top: 2px;
  padding-top: 2px;
  border-top: 1px solid #a1a1a1;
  font-size: 12px;
  color: #b3b3b3;
}
.voice_trans .tips img[data-v-88da61ea] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
}
.voicTextout[data-v-88da61ea] {
  padding: 10px;
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  border-radius: 10px 0 10px 10px;
  background-color: #fff;
  user-select: text;
  margin-right: 45px;
}
.voicTextin[data-v-88da61ea] {
  padding: 10px;
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  align-items: start;
  border-radius: 0 10px 10px;
  background-color: #32fa00;
  user-select: text;
  margin-left: 45px;
}
.showtranstxt_out[data-v-88da61ea] {
  padding: 10px;
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  border-radius: 10px 0 10px 10px;
  background-color: #fff;
  margin-right: 45px;
}
.showtranstxt_in[data-v-88da61ea] {
  padding: 10px;
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  border-radius: 0 10px 10px;
  background-color: #32fa00;
  margin-left: 45px;
}
.loadingbox_transf[data-v-88da61ea] {
  display: flex;
  width: 100%;
}
.loadingbox_transf > img[data-v-88da61ea] {
  width: 30px;
  height: 30px;
}
.l_row[data-v-88da61ea] {
  justify-content: end;
  position: relative;
  right: 45px;
}
.l_in[data-v-88da61ea] {
  justify-content: start;
  position: relative;
  left: 45px;
}
.loadingbox[data-v-88da61ea] {
  display: flex;
}
.loadingbox > img[data-v-88da61ea] {
  width: 30px;
  height: 30px;
}
.momentboxed[data-v-88da61ea] {
  max-height: 700px;
  overflow-y: auto;
}
.momentboxed .item[data-v-88da61ea] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .item .left[data-v-88da61ea] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .item .left img[data-v-88da61ea] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .item .right[data-v-88da61ea] {
  flex: 1;
}
.momentboxed .item .right .name[data-v-88da61ea] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .item .right .name .time[data-v-88da61ea] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .item .right .emoji_img[data-v-88da61ea] {
  width: 30px;
  height: 30px;
}
.momentboxed .item .right .content[data-v-88da61ea] {
  font-size: 14px;
}
.momentboxed .item .right .content .showtext[data-v-88da61ea] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .item .right .img_box[data-v-88da61ea] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed .item .right .img_box .selectimgbox[data-v-88da61ea] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-88da61ea] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-88da61ea] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-88da61ea] {
  display: none;
}
.momentboxed .item .right .img_box .selectimgbox .img[data-v-88da61ea] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .item .right .video_box[data-v-88da61ea] {
  width: 100%;
}
.momentboxed .item .right .video_box video[data-v-88da61ea] {
  width: 50%;
  height: 300px;
}
.momentboxed .item .right .btn_box[data-v-88da61ea] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed .item .right .btn_box .pointer[data-v-88da61ea] {
  cursor: pointer;
}
.momentboxed .item .right .btn_box .left[data-v-88da61ea] {
  display: flex;
  align-items: center;
}
.momentboxed .item .right .btn_box .left > div[data-v-88da61ea] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed .item .right .btn_box .left img[data-v-88da61ea] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed .item .right .btn_box .left img.huifu[data-v-88da61ea],
.momentboxed .item .right .btn_box .left img.zhuanfa[data-v-88da61ea] {
  width: 18px;
  height: auto;
}
.momentboxed .item .right .btn_box .left img.xihuan[data-v-88da61ea] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed .item .right .btn_box .right[data-v-88da61ea] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed .item .right .btn_box .right img[data-v-88da61ea] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .boxouside_p[data-v-88da61ea] {
  margin-top: 10px;
  border: 1px solid #000000;
  border-radius: 7px;
  padding-left: 10px;
  padding-right: 4px;
}
@media screen and (max-width: 467px) {
  .momentboxed .boxouside_p[data-v-88da61ea] {
    width: auto;
  }
}
.momentboxed .boxouside_p .box_pin[data-v-88da61ea] {
  margin-top: 12px;
  overflow-y: auto;
  height: 160px;
}
.momentboxed .boxouside_p .box_pin .item[data-v-88da61ea] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .boxouside_p .box_pin .item .left[data-v-88da61ea] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .boxouside_p .box_pin .item .left img[data-v-88da61ea] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .boxouside_p .box_pin .item .right[data-v-88da61ea] {
  flex: 1;
}
.momentboxed .boxouside_p .box_pin .item .right .name[data-v-88da61ea] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .boxouside_p .box_pin .item .right .name .time[data-v-88da61ea] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .boxouside_p .box_pin .item .right .emoji_img[data-v-88da61ea] {
  width: 30px;
  height: 30px;
}
.momentboxed .boxouside_p .box_pin .item .right .content[data-v-88da61ea] {
  font-size: 14px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .content
  .showtext[data-v-88da61ea] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .boxouside_p .box_pin .item .right .img_box[data-v-88da61ea] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox[data-v-88da61ea] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-88da61ea] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-88da61ea] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-88da61ea] {
  display: none;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-88da61ea] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .boxouside_p .box_pin .item .right .video_box[data-v-88da61ea] {
  width: 100%;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .video_box
  video[data-v-88da61ea] {
  width: 50%;
  height: 300px;
}
.momentboxed .boxouside_p .box_pin .item .right .btn_box[data-v-88da61ea] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .pointer[data-v-88da61ea] {
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left[data-v-88da61ea] {
  display: flex;
  align-items: center;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  > div[data-v-88da61ea] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img[data-v-88da61ea] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-88da61ea],
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-88da61ea] {
  width: 18px;
  height: auto;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-88da61ea] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right[data-v-88da61ea] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right
  img[data-v-88da61ea] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .notdataox[data-v-88da61ea] {
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.momentboxed .notdataox img[data-v-88da61ea] {
  width: 140px;
  height: 100px;
}
.momentboxed .notdataox div[data-v-88da61ea] {
  font-weight: 500;
}
.momentboxed .pageBoxes[data-v-88da61ea] {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 467px) {
  .momentboxed .pageBoxes[data-v-88da61ea] {
    padding-bottom: 12px;
  }
}
.comment_list_box .comment_list .comment_item[data-v-88da61ea] {
  display: flex;
  margin-bottom: 24px;
  padding: 12px;
}
.comment_list_box .comment_list .comment_item[data-v-88da61ea]:hover {
  background-color: #01fe891a;
}
.comment_list_box .comment_list .comment_item:hover .btn[data-v-88da61ea],
.comment_list_box .comment_list .comment_item:hover .del_img[data-v-88da61ea] {
  display: inline-block;
}
.comment_list_box .comment_list .comment_item .del_img[data-v-88da61ea] {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.comment_list_box .comment_list .comment_item .del_img img[data-v-88da61ea] {
  width: 100%;
  height: 100%;
}
.comment_list_box .comment_list .comment_item .btn[data-v-88da61ea] {
  display: none;
}
.comment_list_box .comment_list .comment_item .img[data-v-88da61ea] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}
.comment_list_box .comment_list .comment_item .right[data-v-88da61ea] {
  flex: 1;
}
.comment_list_box .comment_list .comment_item .name[data-v-88da61ea] {
  font-size: 18px;
}
.comment_list_box .comment_list .comment_item .name .to[data-v-88da61ea] {
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
}
.comment_list_box .comment_list .comment_item .time[data-v-88da61ea] {
  float: right;
  font-size: 13px;
}
.comment_list_box .comment_list .comment_item .content[data-v-88da61ea] {
  font-size: 14px;
}
.emojibox[data-v-88da61ea] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.tag_box .el-tag[data-v-88da61ea] {
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
.user_box[data-v-88da61ea] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-top: 1px solid #ccc;
  padding-top: 24px;
}
.user_box .tab[data-v-88da61ea] {
  margin-left: 12px;
}
.user_box img[data-v-88da61ea] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}
.imagebox .showimg[data-v-88da61ea] {
  width: 100%;
  height: 70%;
}
.infoMomentbox .logava[data-v-88da61ea] {
  display: flex;
  justify-content: center;
}
.infoMomentbox .infoDatabox[data-v-88da61ea] {
  padding: 0 18px;
}
.infoMomentbox .infoDatabox .remarksbox[data-v-88da61ea] {
  margin-top: 5px;
  font-size: 16px;
  text-align: center;
}
.infoMomentbox .infoDatabox .info_name[data-v-88da61ea],
.infoMomentbox .infoDatabox .remark_title[data-v-88da61ea] {
  display: flex;
  font-size: 16px;
}
.infoMomentbox .infoDatabox .info_name span[data-v-88da61ea],
.infoMomentbox .infoDatabox .remark_title span[data-v-88da61ea] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .remark_title[data-v-88da61ea] {
  margin-top: 18px;
}
.infoMomentbox .infoDatabox .info_id[data-v-88da61ea] {
  display: flex;
  font-size: 16px;
  align-items: center;
}
.infoMomentbox .infoDatabox .info_id span[data-v-88da61ea] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id img[data-v-88da61ea] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 8px;
}
.infoMomentbox .twobtnboxes[data-v-88da61ea] {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding-bottom: 20px;
}
.infoMomentbox .twobtnboxes button[data-v-88da61ea] {
  border: none;
  height: 35px;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-weight: 700;
  width: 110px;
}
.infoMomentbox .twobtnboxes .mglt[data-v-88da61ea] {
  margin-left: 30px;
}
.infoMomentbox .twobtnboxes > button[data-v-88da61ea]:first-child {
  background-color: #54ff29;
}
.infoMomentbox .twobtnboxes > button[data-v-88da61ea]:last-child {
  background-color: #e6e6e6;
}
.message-bubble[data-v-88da61ea] {
  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-88da61ea] {
  background-color: #f0f0f0;
}
.message-bubble .multiple-select-radio[data-v-88da61ea] {
  margin-right: 12px;
  flex: 0 0 auto;
}
.message-bubble .control-reverse[data-v-88da61ea] {
  flex: 1 1 auto;
  flex-direction: row-reverse;
}
.message-bubble .message-bubble-main-content[data-v-88da61ea] {
  display: flex;
  flex-direction: row;
}
.message-bubble .message-bubble-main-content .message-avatar[data-v-88da61ea] {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  flex: 0 0 auto;
}
.message-bubble .message-bubble-main-content .message-body[data-v-88da61ea] {
  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-88da61ea] {
  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-88da61ea] {
  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-88da61ea] {
  flex-direction: row-reverse;
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .audio-unplay-mark[data-v-88da61ea] {
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: red;
  margin: 5px;
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .message-body-content[data-v-88da61ea] {
  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-88da61ea] {
  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-88da61ea] {
  width: 130px;
  height: 130px;
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .message-body-content
  .content-has-risk-tips[data-v-88da61ea] {
  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-88da61ea] {
  background: #fbfbfb;
  border-radius: 0 10px 10px;
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .content-out[data-v-88da61ea] {
  background: #32fa00;
  border-radius: 10px 0 10px 10px;
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .content-no-padding[data-v-88da61ea] {
  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-88da61ea] {
  padding: 12px;
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .content-has-risk[data-v-88da61ea] {
  background: rgba(250, 81, 81, 0.16);
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .blink-shadow[data-v-88da61ea] {
  box-shadow: #ff9c1900 0 0 10px;
  animation: shadow-blink-88da61ea 1s linear 3;
}
@keyframes shadow-blink-88da61ea {
  50% {
    box-shadow: #ff9c19 0 0 10px;
  }
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .blink-content[data-v-88da61ea] {
  animation: reference-blink-88da61ea 1s linear 3;
}
@keyframes reference-blink-88da61ea {
  50% {
    background-color: #ff9c19;
  }
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .message-label[data-v-88da61ea] {
  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-88da61ea] {
  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-88da61ea] {
  opacity: 0;
  animation: circle-loading-88da61ea 2s linear 1s infinite;
}
@keyframes circle-loading-88da61ea {
  0% {
    transform: rotate(0);
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}
.message-bubble
  .message-bubble-main-content
  .message-body
  .message-body-main
  .align-self-bottom[data-v-88da61ea] {
  align-self: flex-end;
}
.message-bubble .reverse[data-v-88da61ea] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.message-bubble .message-bubble-extra-content[data-v-88da61ea] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
body[data-v-ea7c2e63],
div[data-v-ea7c2e63],
ul[data-v-ea7c2e63],
ol[data-v-ea7c2e63],
dt[data-v-ea7c2e63],
dd[data-v-ea7c2e63],
li[data-v-ea7c2e63],
dl[data-v-ea7c2e63],
h1[data-v-ea7c2e63],
h2[data-v-ea7c2e63],
h3[data-v-ea7c2e63],
h4[data-v-ea7c2e63],
p[data-v-ea7c2e63] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-ea7c2e63],
ul[data-v-ea7c2e63],
li[data-v-ea7c2e63] {
  list-style: none;
}
img[data-v-ea7c2e63] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-ea7c2e63] {
  color: #000;
  background: #fff;
}
.clear[data-v-ea7c2e63] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-ea7c2e63] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-ea7c2e63]:hover {
  text-decoration: none;
}
input[data-v-ea7c2e63],
textarea[data-v-ea7c2e63] {
  user-select: auto;
}
input[data-v-ea7c2e63]:focus,
input[data-v-ea7c2e63]:active,
textarea[data-v-ea7c2e63]:focus,
textarea[data-v-ea7c2e63]:active {
  outline: none;
}
.chat-aside[data-v-ea7c2e63] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-location[data-v-ea7c2e63] {
  display: flex;
  flex-direction: column;
}
body[data-v-ef399f33],
div[data-v-ef399f33],
ul[data-v-ef399f33],
ol[data-v-ef399f33],
dt[data-v-ef399f33],
dd[data-v-ef399f33],
li[data-v-ef399f33],
dl[data-v-ef399f33],
h1[data-v-ef399f33],
h2[data-v-ef399f33],
h3[data-v-ef399f33],
h4[data-v-ef399f33],
p[data-v-ef399f33] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-ef399f33],
ul[data-v-ef399f33],
li[data-v-ef399f33] {
  list-style: none;
}
img[data-v-ef399f33] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-ef399f33] {
  color: #000;
  background: #fff;
}
.clear[data-v-ef399f33] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-ef399f33] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-ef399f33]:hover {
  text-decoration: none;
}
input[data-v-ef399f33],
textarea[data-v-ef399f33] {
  user-select: auto;
}
input[data-v-ef399f33]:focus,
input[data-v-ef399f33]:active,
textarea[data-v-ef399f33]:focus,
textarea[data-v-ef399f33]:active {
  outline: none;
}
.chat-aside[data-v-ef399f33] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-timestamp[data-v-ef399f33] {
  margin: 10px auto;
  color: #999;
  font-size: 12px;
  overflow-wrap: anywhere;
  display: flex;
  align-items: center;
  text-align: center;
}
body[data-v-0ae14137],
div[data-v-0ae14137],
ul[data-v-0ae14137],
ol[data-v-0ae14137],
dt[data-v-0ae14137],
dd[data-v-0ae14137],
li[data-v-0ae14137],
dl[data-v-0ae14137],
h1[data-v-0ae14137],
h2[data-v-0ae14137],
h3[data-v-0ae14137],
h4[data-v-0ae14137],
p[data-v-0ae14137] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-0ae14137],
ul[data-v-0ae14137],
li[data-v-0ae14137] {
  list-style: none;
}
img[data-v-0ae14137] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-0ae14137] {
  color: #000;
  background: #fff;
}
.clear[data-v-0ae14137] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-0ae14137] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-0ae14137]:hover {
  text-decoration: none;
}
input[data-v-0ae14137],
textarea[data-v-0ae14137] {
  user-select: auto;
}
input[data-v-0ae14137]:focus,
input[data-v-0ae14137]:active,
textarea[data-v-0ae14137]:focus,
textarea[data-v-0ae14137]:active {
  outline: none;
}
.chat-aside[data-v-0ae14137] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-video[data-v-0ae14137] {
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.message-video-box[data-v-0ae14137] {
  max-width: min(100vw - 180px, 300px);
  font-size: 0;
}
.message-video-box video[data-v-0ae14137] {
  max-width: min(100vw - 180px, 300px);
  max-height: min(100vw - 180px, 300px);
  width: inherit;
  height: inherit;
  border-radius: 10px;
}
.message-video-box img[data-v-0ae14137] {
  max-width: min(100vw - 180px, 300px);
  max-height: min(100vw - 180px, 300px);
  width: inherit;
  height: inherit;
  border-radius: 10px;
}
.message-video-box img[src=""][data-v-0ae14137],
.message-video-box img[data-v-0ae14137]:not([src]) {
  opacity: 0;
}
.message-video-cover[data-v-0ae14137] {
  display: inline-block;
  position: relative;
}
.message-video-cover[data-v-0ae14137]:before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 15px solid #fff;
  inset: 0;
  margin: auto;
  transform: translate(5px);
}
.message-video-cover video[data-v-0ae14137] {
  max-width: min(100vw - 180px, 300px);
  max-height: min(100vw - 180px, 300px);
  width: inherit;
  height: inherit;
  border-radius: 10px;
}
.dialog-video[data-v-0ae14137] {
  position: fixed;
  z-index: 12;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog-video-close[data-v-0ae14137] {
  display: flex;
  justify-content: flex-end;
  background: #000;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.dialog-video-box[data-v-0ae14137] {
  display: flex;
  flex: 1;
  max-height: 100%;
  padding: 6rem;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
.dialog-video-box video[data-v-0ae14137] {
  max-width: 100%;
  max-height: 100%;
}
.dialog-video-h5[data-v-0ae14137] {
  width: 100%;
  height: 100%;
  background: #000;
  padding: 30px 0;
}
.is-width[data-v-0ae14137] {
  width: 100%;
}
.is-height[data-v-0ae14137] {
  height: 100%;
}
body[data-v-488e3de4],
div[data-v-488e3de4],
ul[data-v-488e3de4],
ol[data-v-488e3de4],
dt[data-v-488e3de4],
dd[data-v-488e3de4],
li[data-v-488e3de4],
dl[data-v-488e3de4],
h1[data-v-488e3de4],
h2[data-v-488e3de4],
h3[data-v-488e3de4],
h4[data-v-488e3de4],
p[data-v-488e3de4] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-488e3de4],
ul[data-v-488e3de4],
li[data-v-488e3de4] {
  list-style: none;
}
img[data-v-488e3de4] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-488e3de4] {
  color: #000;
  background: #fff;
}
.clear[data-v-488e3de4] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-488e3de4] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-488e3de4]:hover {
  text-decoration: none;
}
input[data-v-488e3de4],
textarea[data-v-488e3de4] {
  user-select: auto;
}
input[data-v-488e3de4]:focus,
input[data-v-488e3de4]:active,
textarea[data-v-488e3de4]:focus,
textarea[data-v-488e3de4]:active {
  outline: none;
}
.chat-aside[data-v-488e3de4] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.dialog-item-web[data-v-488e3de4],
.dialog-item-h5[data-v-488e3de4] {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  padding: 12px 0;
}
.dialog-item-web .dialog-item-list[data-v-488e3de4],
.dialog-item-h5 .dialog-item-list[data-v-488e3de4] {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
  flex-wrap: wrap;
  width: 280px;
}
.dialog-item-web .dialog-item-list .list-item[data-v-488e3de4],
.dialog-item-h5 .dialog-item-list .list-item[data-v-488e3de4] {
  padding: 4px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dialog-item-web .dialog-item-list .list-item .list-item-text[data-v-488e3de4],
.dialog-item-h5 .dialog-item-list .list-item .list-item-text[data-v-488e3de4] {
  padding-left: 4px;
  font-size: 12px;
  line-height: 17px;
}
.dialog-item-h5[data-v-488e3de4] {
  padding: 0;
}
.dialog-item-h5 .dialog-item-list[data-v-488e3de4] {
  flex-wrap: nowrap;
  margin: 10px;
  justify-content: space-around;
  width: 280px;
}
.dialog-item-h5 .dialog-item-list .list-item[data-v-488e3de4] {
  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-488e3de4] {
  padding-left: 0;
}
body[data-v-1a76cc43],
div[data-v-1a76cc43],
ul[data-v-1a76cc43],
ol[data-v-1a76cc43],
dt[data-v-1a76cc43],
dd[data-v-1a76cc43],
li[data-v-1a76cc43],
dl[data-v-1a76cc43],
h1[data-v-1a76cc43],
h2[data-v-1a76cc43],
h3[data-v-1a76cc43],
h4[data-v-1a76cc43],
p[data-v-1a76cc43] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-1a76cc43],
ul[data-v-1a76cc43],
li[data-v-1a76cc43] {
  list-style: none;
}
img[data-v-1a76cc43] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-1a76cc43] {
  color: #000;
  background: #fff;
}
.clear[data-v-1a76cc43] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-1a76cc43] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-1a76cc43]:hover {
  text-decoration: none;
}
input[data-v-1a76cc43],
textarea[data-v-1a76cc43] {
  user-select: auto;
}
input[data-v-1a76cc43]:focus,
input[data-v-1a76cc43]:active,
textarea[data-v-1a76cc43]:focus,
textarea[data-v-1a76cc43]:active {
  outline: none;
}
.chat-aside[data-v-1a76cc43] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.dialog-item-web[data-v-1a76cc43],
.dialog-item-h5[data-v-1a76cc43] {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  padding: 12px 0;
}
.dialog-item-web .dialog-item-list[data-v-1a76cc43],
.dialog-item-h5 .dialog-item-list[data-v-1a76cc43] {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
  flex-wrap: wrap;
  width: 280px;
}
.dialog-item-web .dialog-item-list .list-item[data-v-1a76cc43],
.dialog-item-h5 .dialog-item-list .list-item[data-v-1a76cc43] {
  padding: 4px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dialog-item-web .dialog-item-list .list-item .list-item-text[data-v-1a76cc43],
.dialog-item-h5 .dialog-item-list .list-item .list-item-text[data-v-1a76cc43] {
  padding-left: 4px;
  font-size: 12px;
  line-height: 17px;
}
.dialog-item-h5[data-v-1a76cc43] {
  padding: 0;
}
.dialog-item-h5 .dialog-item-list[data-v-1a76cc43] {
  flex-wrap: nowrap;
  margin: 10px;
  justify-content: space-around;
  width: 280px;
}
.dialog-item-h5 .dialog-item-list .list-item[data-v-1a76cc43] {
  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-1a76cc43] {
  padding-left: 0;
}
body[data-v-0c8863b2],
div[data-v-0c8863b2],
ul[data-v-0c8863b2],
ol[data-v-0c8863b2],
dt[data-v-0c8863b2],
dd[data-v-0c8863b2],
li[data-v-0c8863b2],
dl[data-v-0c8863b2],
h1[data-v-0c8863b2],
h2[data-v-0c8863b2],
h3[data-v-0c8863b2],
h4[data-v-0c8863b2],
p[data-v-0c8863b2] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-0c8863b2],
ul[data-v-0c8863b2],
li[data-v-0c8863b2] {
  list-style: none;
}
img[data-v-0c8863b2] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-0c8863b2] {
  color: #000;
  background: #fff;
}
.clear[data-v-0c8863b2] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-0c8863b2] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-0c8863b2]:hover {
  text-decoration: none;
}
input[data-v-0c8863b2],
textarea[data-v-0c8863b2] {
  user-select: auto;
}
input[data-v-0c8863b2]:focus,
input[data-v-0c8863b2]:active,
textarea[data-v-0c8863b2]:focus,
textarea[data-v-0c8863b2]:active {
  outline: none;
}
.chat-aside[data-v-0c8863b2] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.revoke[data-v-0c8863b2] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #999;
  font-size: 12px;
  margin-bottom: 10px;
}
.revoke .edit[data-v-0c8863b2] {
  padding: 0 5px;
  color: #006eff;
}
.message-plugin-tip[data-v-350eaf4d] {
  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-350eaf4d] {
  animation: highlight-350eaf4d 1s infinite;
}
@keyframes highlight-350eaf4d {
  50% {
    color: #ff9c19;
  }
}
[data-v-350eaf4d]
  .message-bubble-room
  .message-bubble-main-content
  .message-body
  .message-body-main
  .message-body-content.content-in,
[data-v-350eaf4d]
  .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;
}
@keyframes blink-text-46faec14 {
  50% {
    color: #ff9c19;
  }
}
.blink-text[data-v-46faec14] {
  animation: blinkText 1s linear 3;
}
.call[data-v-70c21077] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.call-C2C[data-v-70c21077] {
  cursor: pointer;
}
.call-GROUP[data-v-70c21077] {
  cursor: default;
}
.call-content[data-v-70c21077] {
  padding-left: 5px;
}
.call .icon[data-v-70c21077] {
  width: 20px;
  height: 20px;
}
.call-reverse[data-v-70c21077] {
  flex-direction: row-reverse;
}
.call-reverse .icon-reverse[data-v-70c21077] {
  transform: rotate(180deg);
}
.call-reverse .call-content[data-v-70c21077] {
  padding-right: 5px;
  padding-left: 0;
}
.common-icon-container[data-v-6eb8908c] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.branch-card {
  min-width: 250px;
  max-width: 350px;
}
.branch-card .branch-title {
  margin-bottom: 8px;
  border-radius: 0 10px 10px;
}
.branch-card .branch-item {
  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;
}
.form-branch-container .card-title {
  margin-bottom: 8px;
}
.form-branch-container .form-branch-item {
  font-weight: 400;
  color: #368dff;
  padding-top: 5px;
  cursor: pointer;
  padding-bottom: 5px;
}
.form-input-container .card-title {
  margin-bottom: 8px;
}
.form-input-container .form-input-box {
  display: flex;
}
.form-input-container .form-input-box button:disabled {
  background: #d8d8d8;
}
.form-input-container .form-input {
  width: 100%;
  height: 36px;
  border-radius: 8px 0 0 8px;
  border: 1px rgb(221, 221, 221) solid;
}
.form-input-container .form-button {
  position: relative;
  height: 40px;
  width: 42px;
  font-size: 16px;
  border-radius: 0 8px 8px 0;
  border: 0 rgb(221, 221, 221) solid;
  background: #006eff;
  color: #fff;
  cursor: pointer;
}
.form-input-container .form-button:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 40%;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-50%) rotate(-135deg);
}
.message-form {
  max-width: 300px;
}
.welcome-card {
  min-width: 250px;
  max-width: 350px;
}
.welcome-card .welcome-title {
  display: flex;
  height: 40px;
  justify-content: space-between;
  align-items: center;
}
.welcome-card .welcome-title-left-container {
  display: flex;
  align-items: center;
}
.welcome-card .card-title {
  display: inline-block;
  margin-left: 8px;
  font-size: 16px;
}
.welcome-card .el-link {
  display: block;
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 5px;
}
.welcome-card .el-link__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.welcome-card .branch-number {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 20px;
  display: inline-block;
}
.welcome-card .change-wrapper {
  cursor: pointer;
}
.welcome-card .welcome-item {
  padding: 6px;
  color: #999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.welcome-card .welcome-item:hover {
  background: #f2f7ff;
}
.message-product-card[data-v-49b2b0a5] {
  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-49b2b0a5] {
  width: 86px;
  height: 86px;
}
.message-product-card .product-card-information[data-v-49b2b0a5] {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.message-product-card
  .product-card-information
  .product-card-title[data-v-49b2b0a5] {
  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-49b2b0a5] {
  font-size: 16px;
  max-width: 165px;
  color: #ff6c2e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rich-text div,
.rich-text ul,
.rich-text ol,
.rich-text dt,
.rich-text dd,
.rich-text li,
.rich-text dl,
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text p,
.rich-text img,
.rich-text a {
  max-width: 100%;
}
.rich-text a {
  color: #00f;
}
.message-stream[data-v-16565fc1] {
  word-break: break-all;
  font-size: 14px;
}
.message-stream .blinking-cursor[data-v-16565fc1] {
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #000;
  animation: blink-16565fc1 1s step-end infinite;
  vertical-align: sub;
}
@keyframes blink-16565fc1 {
  0%,
  to {
    background-color: transparent;
  }
  50% {
    background-color: #000;
  }
}
.rating-head[data-v-d318721c],
.rating-tail[data-v-d318721c] {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.card-title[data-v-d318721c] {
  font-size: 14px;
  font-weight: 500;
}
.rating-card[data-v-d318721c] {
  min-width: 270px;
  width: 50%;
  background: #fbfbfb;
  border-radius: 20px;
  border: 0;
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.rating-card button[data-v-d318721c]:disabled {
  background: #d8d8d8;
}
.message-rating-star[data-v-d318721c] {
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  padding-bottom: 30px;
  align-items: center;
}
.card-wrapper[data-v-d318721c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
}
.submit-button[data-v-d318721c] {
  width: 50%;
  height: 50px;
  background-color: #0365f9;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.rating-head[data-v-c0db2cbb],
.rating-tail[data-v-c0db2cbb] {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.card-title[data-v-c0db2cbb] {
  font-size: 14px;
  font-weight: 500;
}
.rating-card[data-v-c0db2cbb] {
  min-width: 270px;
  width: 50%;
  background: #fbfbfb;
  border-radius: 20px;
  border: 0;
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.rating-card button[data-v-c0db2cbb]:disabled {
  background: #d8d8d8;
}
.message-rating-star[data-v-c0db2cbb] {
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  padding-bottom: 30px;
  align-items: center;
}
.card-wrapper[data-v-c0db2cbb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
}
.submit-button[data-v-c0db2cbb] {
  width: 50%;
  height: 50px;
  background-color: #0365f9;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.de-active[data-v-c0db2cbb] {
  height: 34px;
  width: 34px;
  display: inline-block;
  border: 0 solid rgba(0, 110, 255, 0.0509803922);
  border-radius: 5px;
  color: #006eff;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  line-height: 34px;
  background: rgba(0, 110, 255, 0.0509803922);
}
.active[data-v-c0db2cbb] {
  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: #fff;
  font-weight: 400;
  font-size: 16px;
  border: 0 solid #0a7cff;
  text-align: center;
  line-height: 34px;
}
.room-default[data-v-84bb53f2] {
  padding: 12px;
  font-size: 14px;
}
.room-default-uni[data-v-84bb53f2] {
  padding: 0;
}
.room-default-in[data-v-84bb53f2] {
  background: #fbfbfb;
  border-radius: 0 10px;
}
.room-default-out[data-v-84bb53f2] {
  background: #dceafd;
  border-radius: 10px 0 10px 10px;
}
.scroll-button[data-v-8872c077] {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #d6f9ce;
  box-shadow: 0 4px 12px -5px #0000001a;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.scroll-button-text[data-v-8872c077] {
  font-family: PingFangSC-Regular, system-ui;
  font-size: 10px;
  color: #147aff;
  margin-left: 3px;
}
.fetch-more-block[data-v-fd556596] {
  color: #999;
}
[data-v-25714521]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.read-receipt-panel[data-v-25714521],
.read-receipt-panel-mobile[data-v-25714521] {
  background-color: #fff;
  box-shadow: 0 7px 20px #0000001a;
  width: 368px;
  height: 510px;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
.read-receipt-panel .header[data-v-25714521],
.read-receipt-panel-mobile .header[data-v-25714521] {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.read-receipt-panel .header .header-text[data-v-25714521],
.read-receipt-panel-mobile .header .header-text[data-v-25714521] {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.read-receipt-panel .header .header-close-icon[data-v-25714521],
.read-receipt-panel-mobile .header .header-close-icon[data-v-25714521] {
  position: absolute;
  right: 0;
  margin-right: 10px;
}
.read-receipt-panel .read-status-counter-container[data-v-25714521],
.read-receipt-panel-mobile .read-status-counter-container[data-v-25714521] {
  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-25714521],
.read-receipt-panel-mobile
  .read-status-counter-container
  .read-status-counter[data-v-25714521] {
  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-25714521],
.read-receipt-panel-mobile
  .read-status-counter-container
  .read-status-counter
  .status-text[data-v-25714521] {
  font-size: 14px;
  line-height: 20px;
}
.read-receipt-panel
  .read-status-counter-container
  .read-status-counter
  .status-count[data-v-25714521],
.read-receipt-panel-mobile
  .read-status-counter-container
  .read-status-counter
  .status-count[data-v-25714521] {
  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-25714521],
.read-receipt-panel-mobile
  .read-status-counter-container
  .read-status-counter.active[data-v-25714521] {
  color: #679ce1;
}
.read-receipt-panel .read-status-member-list[data-v-25714521],
.read-receipt-panel-mobile .read-status-member-list[data-v-25714521] {
  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-25714521],
.read-receipt-panel-mobile
  .read-status-member-list
  .empty-list-tip[data-v-25714521] {
  align-self: center;
  color: #b3b3b3;
}
.read-receipt-panel
  .read-status-member-list
  .read-status-member-container[data-v-25714521],
.read-receipt-panel-mobile
  .read-status-member-list
  .read-status-member-container[data-v-25714521] {
  flex-direction: row;
  align-items: center;
}
.read-receipt-panel
  .read-status-member-list
  .read-status-member-container
  .read-status-avatar[data-v-25714521],
.read-receipt-panel-mobile
  .read-status-member-list
  .read-status-member-container
  .read-status-avatar[data-v-25714521] {
  flex: 0 0 auto;
}
.read-receipt-panel
  .read-status-member-list
  .read-status-member-container
  .username[data-v-25714521],
.read-receipt-panel-mobile
  .read-status-member-list
  .read-status-member-container
  .username[data-v-25714521] {
  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-25714521],
.read-receipt-panel-mobile
  .read-status-member-list
  .read-status-member-container
  + .read-status-member-container[data-v-25714521] {
  margin-top: 20px;
}
.read-receipt-panel
  .read-status-member-list
  .fetch-more-container[data-v-25714521],
.read-receipt-panel-mobile
  .read-status-member-list
  .fetch-more-container[data-v-25714521] {
  justify-content: center;
  align-items: center;
  margin-top: auto;
}
.read-receipt-panel-mobile[data-v-25714521] {
  box-shadow: none;
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  animation: slide-in-from-right-25714521 0.3s ease-out;
  transition: transform 0.2s ease-out;
}
@keyframes slide-in-from-right-25714521 {
  0% {
    transform: translate(100%);
  }
}
.read-receipt-panel-close-mobile[data-v-25714521] {
  transform: translate(100%);
}
body[data-v-a2fbc980],
div[data-v-a2fbc980],
ul[data-v-a2fbc980],
ol[data-v-a2fbc980],
dt[data-v-a2fbc980],
dd[data-v-a2fbc980],
li[data-v-a2fbc980],
dl[data-v-a2fbc980],
h1[data-v-a2fbc980],
h2[data-v-a2fbc980],
h3[data-v-a2fbc980],
h4[data-v-a2fbc980],
p[data-v-a2fbc980] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-a2fbc980],
ul[data-v-a2fbc980],
li[data-v-a2fbc980] {
  list-style: none;
}
img[data-v-a2fbc980] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-a2fbc980] {
  color: #000;
  background: #fff;
}
.clear[data-v-a2fbc980] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-a2fbc980] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-a2fbc980]:hover {
  text-decoration: none;
}
input[data-v-a2fbc980],
textarea[data-v-a2fbc980] {
  user-select: auto;
}
input[data-v-a2fbc980]:focus,
input[data-v-a2fbc980]:active,
textarea[data-v-a2fbc980]:focus,
textarea[data-v-a2fbc980]:active {
  outline: none;
}
.chat-aside[data-v-a2fbc980] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.dialog[data-v-a2fbc980] {
  background: rgba(0, 0, 0, 0.3);
}
.dialog-main[data-v-a2fbc980] {
  background: #fff;
}
.dialog-main-header[data-v-a2fbc980] {
  font-weight: 500;
  color: #333;
}
.dialog-main-title[data-v-a2fbc980] {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #333;
}
.dialog-main-back[data-v-a2fbc980] {
  background: none;
}
.dialog-main-content[data-v-a2fbc980] {
  font-weight: 400;
  color: #333;
}
.btn[data-v-a2fbc980] {
  font-weight: 400;
  color: #000;
  letter-spacing: 0;
}
.btn-cancel[data-v-a2fbc980] {
  border: 1px solid #ddd;
  color: #666;
}
.btn-default[data-v-a2fbc980] {
  background: #54ff29;
  border: 1px solid #54ff29;
}
.dialog[data-v-a2fbc980] {
  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-a2fbc980] {
  min-width: 368px;
  border-radius: 10px;
  padding: 20px 30px;
}
.dialog-main-header[data-v-a2fbc980] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  line-height: 30px;
}
.dialog-main-title[data-v-a2fbc980] {
  font-size: 16px;
  line-height: 30px;
}
.dialog-main-content[data-v-a2fbc980] {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.dialog-main-footer[data-v-a2fbc980] {
  display: flex;
  justify-content: flex-end;
}
.btn[data-v-a2fbc980] {
  padding: 8px 20px;
  margin: 0 6px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
.btn[data-v-a2fbc980]:disabled {
  opacity: 0.3;
}
.btn[data-v-a2fbc980]:last-child {
  margin-right: 0;
}
.dialog-h5[data-v-a2fbc980] {
  height: 100%;
  top: 0;
  align-items: inherit;
}
.dialog-h5 .dialog-main[data-v-a2fbc980] {
  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-a2fbc980] {
  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-a2fbc980] {
  padding: 40px 0;
}
.dialog-h5 .dialog-main-footer[data-v-a2fbc980] {
  border-top: 1px solid #ddd;
}
.dialog-h5 .dialog-main-footer .btn[data-v-a2fbc980] {
  flex: 1;
  margin: 0;
  background: none;
  border-right: 1px solid #ddd;
}
.dialog-h5 .dialog-main-footer .btn-default[data-v-a2fbc980] {
  color: #ff584c;
  border: none;
}
.center[data-v-a2fbc980] {
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}
.image-item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.image-preview {
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.1s ease 0s;
  pointer-events: auto;
}
body[data-v-a6f86bfe],
div[data-v-a6f86bfe],
ul[data-v-a6f86bfe],
ol[data-v-a6f86bfe],
dt[data-v-a6f86bfe],
dd[data-v-a6f86bfe],
li[data-v-a6f86bfe],
dl[data-v-a6f86bfe],
h1[data-v-a6f86bfe],
h2[data-v-a6f86bfe],
h3[data-v-a6f86bfe],
h4[data-v-a6f86bfe],
p[data-v-a6f86bfe] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-a6f86bfe],
ul[data-v-a6f86bfe],
li[data-v-a6f86bfe] {
  list-style: none;
}
img[data-v-a6f86bfe] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-a6f86bfe] {
  color: #000;
  background: #fff;
}
.clear[data-v-a6f86bfe] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-a6f86bfe] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-a6f86bfe]:hover {
  text-decoration: none;
}
input[data-v-a6f86bfe],
textarea[data-v-a6f86bfe] {
  user-select: auto;
}
input[data-v-a6f86bfe]:focus,
input[data-v-a6f86bfe]:active,
textarea[data-v-a6f86bfe]:focus,
textarea[data-v-a6f86bfe]:active {
  outline: none;
}
.chat-aside[data-v-a6f86bfe] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.actions-bar[data-v-a6f86bfe] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  bottom: 5%;
  padding: 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
}
.actions-bar-h5[data-v-a6f86bfe] {
  padding: 6px;
}
.actions-bar .icon[data-v-a6f86bfe] {
  position: static;
  font-size: 24px;
  cursor: pointer;
  width: 27px;
  height: 27px;
  margin: 5px;
}
.actions-bar .icon-zoom-in[data-v-a6f86bfe],
.actions-bar .icon-zoom-out[data-v-a6f86bfe],
.actions-bar .icon-refresh-left[data-v-a6f86bfe],
.actions-bar .icon-refresh-right[data-v-a6f86bfe] {
  cursor: pointer;
  user-select: none;
  padding: 5px;
}
.image-previewer[data-v-a6f86bfe] {
  position: fixed;
  z-index: 101;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
}
.image-previewer .image-wrapper[data-v-a6f86bfe] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.image-previewer .image-list[data-v-a6f86bfe] {
  position: absolute;
  height: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  place-content: center center;
}
.image-previewer .image-list .image-item[data-v-a6f86bfe] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.image-previewer .image-preview[data-v-a6f86bfe] {
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.1s ease 0s;
  pointer-events: auto;
}
.image-previewer .image-button[data-v-a6f86bfe] {
  display: flex;
  flex-direction: column;
  min-width: auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: calc(50% - 20px);
  background: rgba(255, 255, 255, 0.8);
}
.image-previewer .image-button-left[data-v-a6f86bfe] {
  left: 10px;
}
.image-previewer .image-button-right[data-v-a6f86bfe] {
  right: 10px;
  transform: rotate(180deg);
}
.image-previewer .image-button .icon[data-v-a6f86bfe] {
  position: absolute;
  inset: 0;
  margin: auto;
  line-height: 40px;
  display: flex;
  flex-direction: column;
  min-width: auto;
  justify-content: center;
  align-items: center;
}
.image-previewer .icon-close[data-v-a6f86bfe] {
  position: absolute;
  cursor: pointer;
  border-radius: 50%;
  top: 3%;
  right: 3%;
  padding: 10px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
}
.image-previewer .icon-close[data-v-a6f86bfe]:before,
.image-previewer .icon-close[data-v-a6f86bfe]:after {
  background-color: #444;
}
.image-previewer-h5[data-v-a6f86bfe] {
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  flex-direction: column;
}
.save[data-v-a6f86bfe] {
  cursor: pointer;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  bottom: 5%;
  right: 5%;
  padding: 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
}
.image-counter[data-v-a6f86bfe] {
  background: rgba(20, 18, 20, 0.53);
  padding: 3px 5px;
  margin: 5px;
  border-radius: 3px;
  color: #fff;
}
.progress-message[data-v-8a5f69be] {
  overflow: hidden;
}
.progress-message .progress-container[data-v-8a5f69be] {
  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-8a5f69be],
.progress-message .progress-container .progress[data-v-8a5f69be] {
  appearance: none;
  width: 100%;
  height: 0.5rem;
}
.progress-message .progress-container .progress[data-v-8a5f69be] {
  color: #006eff;
  border-radius: 0.25rem;
  background: #fff;
}
.progress-message
  .progress-container
  .progress[data-v-8a5f69be]::-webkit-progress-value {
  background-color: #006eff;
  border-radius: 0.25rem;
}
.progress-message
  .progress-container
  .progress[data-v-8a5f69be]::-webkit-progress-bar {
  border-radius: 0.25rem;
  background: #fff;
}
.progress-message
  .progress-container
  .progress[data-v-8a5f69be]::-moz-progress-bar {
  color: #006eff;
  background: #006eff;
  border-radius: 0.25rem;
}
body[data-v-43275631],
div[data-v-43275631],
ul[data-v-43275631],
ol[data-v-43275631],
dt[data-v-43275631],
dd[data-v-43275631],
li[data-v-43275631],
dl[data-v-43275631],
h1[data-v-43275631],
h2[data-v-43275631],
h3[data-v-43275631],
h4[data-v-43275631],
p[data-v-43275631] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-43275631],
ul[data-v-43275631],
li[data-v-43275631] {
  list-style: none;
}
img[data-v-43275631] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-43275631] {
  color: #000;
  background: #fff;
}
.clear[data-v-43275631] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-43275631] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-43275631]:hover {
  text-decoration: none;
}
input[data-v-43275631],
textarea[data-v-43275631] {
  user-select: auto;
}
input[data-v-43275631]:focus,
input[data-v-43275631]:active,
textarea[data-v-43275631]:focus,
textarea[data-v-43275631]:active {
  outline: none;
}
.chat-aside[data-v-43275631] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.tui-chat .tui-message-list .message-more[data-v-43275631] {
  color: #999;
  cursor: pointer;
}
.tui-chat .image-dialog[data-v-43275631] {
  background: rgba(0, 0, 0, 0.3);
}
.tui-chat .image-dialog header[data-v-43275631] {
  background: rgba(0, 0, 0, 0.49);
}
.tui-chat-h5 .tui-chat-header[data-v-43275631],
.tui-chat-h5 .tui-chat-footer[data-v-43275631] {
  background: #fff;
}
.tui-chat-h5 .tui-chat-footer .input input[data-v-43275631] {
  background: #f4f5f9;
}
.tui-chat[data-v-43275631] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeEAAAIACAYAAAC1utS0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAeeSURBVHgB7dUxAcAgEAAxWuW4/hFccEtiIt/MnAUAvLb/BQAkJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQOQCyM4IZL8iVP0AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.tui-chat-main[data-v-43275631] {
  min-height: 0;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.tui-chat-main .tui-chat-safe-tips[data-v-43275631] {
  padding: 12px 20px;
  background-color: #ff95001a;
  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-43275631] {
  color: #006eff;
  float: right;
}
.tui-chat-main .tui-chat-application-tips[data-v-43275631] {
  text-align: center;
  width: 100%;
  background: #fce4d3;
  padding: 2px;
  font-size: 12px;
}
.tui-chat-main .application-tips-btn[data-v-43275631] {
  color: #006eff;
  padding-left: 10px;
}
.tui-chat-main .tui-message-list[data-v-43275631] {
  flex: 1;
  height: 100%;
  overflow: hidden auto;
}
.tui-chat-main .tui-message-list .message-more[data-v-43275631] {
  font-size: 14px;
  padding: 5px;
  text-align: center;
}
.tui-chat-main .tui-message-list .to-bottom-tip[data-v-43275631] {
  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 #0000000f;
  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-43275631] {
  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-43275631] {
  display: flex;
  flex-direction: column;
}
.tui-chat-main .tui-message-list .message-li[data-v-43275631]:first-child {
  margin-top: 5px;
}
.tui-chat-main .tui-message-list .message-li .message-item[data-v-43275631] {
  display: flex;
  position: relative;
  flex-direction: column;
}
.tui-chat-main
  .tui-message-list
  .message-li
  .message-item
  .message-tool[data-v-43275631] {
  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-43275631] {
  right: 30px;
  left: auto;
}
.tui-chat-main
  .tui-message-list
  .message-li
  .message-item
  .message-tool-in[data-v-43275631] {
  left: 30px;
  right: auto;
}
.tui-chat-main
  .tui-message-list
  .message-li
  .message-item
  .message-tool-bottom[data-v-43275631] {
  z-index: 5;
  bottom: 0;
  transform: translateY(100%);
}
.tui-chat-main .tui-message-list .message-li .message-label[data-v-43275631] {
  max-width: 50px;
}
.tui-chat-main .tui-message-list .right[data-v-43275631] {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.tui-chat .disabled[data-v-43275631] {
  position: relative;
}
.tui-chat .disabled[data-v-43275631]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.image-dialog[data-v-43275631] {
  position: fixed;
  z-index: 5;
  width: 100vw;
  height: calc(100vh - 63px);
  top: 63px;
  left: 0;
}
.image-dialog header[data-v-43275631] {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
[data-v-43275631]::-webkit-scrollbar {
  width: 6px;
  height: 140px;
  background-color: transparent;
}
[data-v-43275631]::-webkit-scrollbar-track {
  border-radius: 10px;
}
[data-v-43275631]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #9a999c;
}
.tui-chat-h5[data-v-43275631] {
  flex: 1;
  position: static;
}
.tui-chat-h5 .tui-chat-main .tui-message-list[data-v-43275631] {
  height: 100%;
}
.tui-chat-h5 .tui-chat-main .message-more[data-v-43275631] {
  color: #999;
  cursor: pointer;
  font-size: 14px;
}
[data-v-43275631]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.loadingbox[data-v-43275631] {
  width: 50px;
  background-color: #32fa00;
  border-radius: 0 10px 10px;
  margin-left: 15px;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loadingbox > img[data-v-43275631] {
  width: 30px;
  height: 30px;
}
.downloadBoxs[data-v-43275631] {
  padding: 0 16px 16px;
}
.downloadBoxs .titles[data-v-43275631] {
  font-size: 16px;
  font-weight: 700;
}
.downloadBoxs .select_txt[data-v-43275631] {
  font-size: 14px;
  color: #8b8b8b;
}
.downloadBoxs ul li[data-v-43275631] {
  margin-bottom: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.downloadBoxs ul li > img[data-v-43275631] {
  width: 34px;
  height: 34px;
  border-radius: 4px;
}
.downloadBoxs ul li .flex_info[data-v-43275631] {
  margin-left: 10px;
  font-size: 14px;
}
.downloadBoxs ul li .flex_info > div[data-v-43275631]:last-child {
  color: #8b8b8b;
}
.downloadBoxs .btntwobox[data-v-43275631] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
}
.downloadBoxs .btntwobox button[data-v-43275631] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}
.downloadBoxs .btntwobox > button[data-v-43275631]:first-child {
  background-color: #efefef;
  color: #8b8b8b;
}
.downloadBoxs .btntwobox > button[data-v-43275631]:last-child {
  color: #000;
  margin-left: 12px;
  background-color: #54ff29;
}
.tiltes_tip[data-v-43275631] {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.dialog-footer[data-v-43275631] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.dialog-footer button[data-v-43275631] {
  width: 60px;
}
.row-reverse[data-v-43275631] {
  flex-direction: row-reverse;
}
body[data-v-35121f16],
div[data-v-35121f16],
ul[data-v-35121f16],
ol[data-v-35121f16],
dt[data-v-35121f16],
dd[data-v-35121f16],
li[data-v-35121f16],
dl[data-v-35121f16],
h1[data-v-35121f16],
h2[data-v-35121f16],
h3[data-v-35121f16],
h4[data-v-35121f16],
p[data-v-35121f16] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-35121f16],
ul[data-v-35121f16],
li[data-v-35121f16] {
  list-style: none;
}
img[data-v-35121f16] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-35121f16] {
  color: #000;
  background: #fff;
}
.clear[data-v-35121f16] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-35121f16] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-35121f16]:hover {
  text-decoration: none;
}
input[data-v-35121f16],
textarea[data-v-35121f16] {
  user-select: auto;
}
input[data-v-35121f16]:focus,
input[data-v-35121f16]:active,
textarea[data-v-35121f16]:focus,
textarea[data-v-35121f16]:active {
  outline: none;
}
.chat-aside[data-v-35121f16] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-input-editor-container[data-v-35121f16] {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 3px 10px 10px;
}
.message-input-editor-area[data-v-35121f16] {
  box-sizing: border-box;
  height: 100%;
  flex: 1;
  display: flex;
  overflow-y: auto;
  border: none;
  outline: none;
}
.message-input-editor-mute[data-v-35121f16] {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  color: #999;
  font-size: 14px;
  justify-content: center;
  align-items: center;
}
.message-input-editor-container-h5[data-v-35121f16] {
  box-sizing: border-box;
  flex: 1;
  height: auto;
  background: #f4f5f9;
  border-radius: 9.4px;
  padding: 8px 0 8px 10px;
  font-size: 16px !important;
  max-height: 86px;
  margin-right: 7px;
  overflow: hidden;
}
.message-input-editor-container-h5 .message-input-editor-area[data-v-35121f16] {
  overflow: auto;
  user-select: text;
  hyphens: auto;
  word-wrap: break-word;
  word-break: break-word;
  flex-wrap: wrap;
}
.message-input-editor-container-h5
  .message-input-editor-area
  .custom-image[data-v-35121f16],
.message-input-editor-container-h5
  .message-input-editor-area
  .custom-image-emoji[data-v-35121f16] {
  display: inline;
}
.ProseMirror {
  min-height: 100%;
  height: fit-content;
  flex: 1;
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  user-select: text;
}
.ProseMirror div,
.ProseMirror ul,
.ProseMirror ol,
.ProseMirror dt,
.ProseMirror dd,
.ProseMirror li,
.ProseMirror dl,
.ProseMirror h1,
.ProseMirror h2,
.ProseMirror h3,
.ProseMirror h4,
.ProseMirror p {
  margin: 0;
  padding: 0;
  font-style: normal;
}
.ProseMirror p * {
  vertical-align: bottom;
}
.ProseMirror-focused {
  border: none;
  outline: none;
}
.ProseMirror img.ProseMirror-selectednode {
  outline: 2px solid #68cef8;
}
.ProseMirror .custom-image-normal {
  max-height: 120px;
  max-width: 200px;
}
.ProseMirror .custom-image-file {
  height: 50px;
  width: 160px;
  border: 1px solid #e8e8e9;
  border-radius: 5px;
}
.ProseMirror .custom-image-emoji {
  height: 20px;
  width: 20px;
}
.ProseMirror .custom-image-image {
  display: none;
}
.ProseMirror .ProseMirror-selectednode {
  outline: 2px solid #68cef8;
  cursor: none;
}
.ProseMirror p,
.ProseMirror [contenteditable] {
  user-select: text;
}
.ProseMirror p.is-editor-empty:first-child:before {
  color: #adb5bd;
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}
body[data-v-a3932166],
div[data-v-a3932166],
ul[data-v-a3932166],
ol[data-v-a3932166],
dt[data-v-a3932166],
dd[data-v-a3932166],
li[data-v-a3932166],
dl[data-v-a3932166],
h1[data-v-a3932166],
h2[data-v-a3932166],
h3[data-v-a3932166],
h4[data-v-a3932166],
p[data-v-a3932166] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-a3932166],
ul[data-v-a3932166],
li[data-v-a3932166] {
  list-style: none;
}
img[data-v-a3932166] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-a3932166] {
  color: #000;
  background: #fff;
}
.clear[data-v-a3932166] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-a3932166] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-a3932166]:hover {
  text-decoration: none;
}
input[data-v-a3932166],
textarea[data-v-a3932166] {
  user-select: auto;
}
input[data-v-a3932166]:focus,
input[data-v-a3932166]:active,
textarea[data-v-a3932166]:focus,
textarea[data-v-a3932166]:active {
  outline: none;
}
.chat-aside[data-v-a3932166] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.bottom-popup-h5[data-v-a3932166] {
  width: 100vw;
  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-a3932166] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: fit-content;
  background-color: #fff;
}
.bottom-popup-h5-main .header[data-v-a3932166] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
  font-size: 16px;
}
.bottom-popup-h5-main .header .header-close[data-v-a3932166] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #006eff;
  font-size: 18px;
}
.bottom-popup-h5-main .footer[data-v-a3932166] {
  padding: 20px;
}
@media screen and (max-width: 400px) {
  .bottom-popup-h5-main .footer[data-v-a3932166] {
    margin-bottom: 20px;
  }
}
.bottom-popup-h5-main .footer .footer-submit[data-v-a3932166] {
  color: #000;
  padding: 12px 0;
  width: 100%;
  background: #54ff29;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
}
.bottom-popup-uni[data-v-a3932166] {
  padding-bottom: var(--window-bottom);
}
.bottom-popup-modal[data-v-a3932166] {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
body[data-v-42b4b916],
div[data-v-42b4b916],
ul[data-v-42b4b916],
ol[data-v-42b4b916],
dt[data-v-42b4b916],
dd[data-v-42b4b916],
li[data-v-42b4b916],
dl[data-v-42b4b916],
h1[data-v-42b4b916],
h2[data-v-42b4b916],
h3[data-v-42b4b916],
h4[data-v-42b4b916],
p[data-v-42b4b916] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-42b4b916],
ul[data-v-42b4b916],
li[data-v-42b4b916] {
  list-style: none;
}
img[data-v-42b4b916] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-42b4b916] {
  color: #000;
  background: #fff;
}
.clear[data-v-42b4b916] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-42b4b916] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-42b4b916]:hover {
  text-decoration: none;
}
input[data-v-42b4b916],
textarea[data-v-42b4b916] {
  user-select: auto;
}
input[data-v-42b4b916]:focus,
input[data-v-42b4b916]:active,
textarea[data-v-42b4b916]:focus,
textarea[data-v-42b4b916]:active {
  outline: none;
}
.chat-aside[data-v-42b4b916] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.test[data-v-42b4b916] {
  position: fixed;
  top: 0;
  left: 42%;
  background-color: pink;
  padding: 12px;
  z-index: 9999;
}
.message-input-at[data-v-42b4b916] {
  position: fixed;
  max-width: 15rem;
  max-height: 10rem;
  overflow: hidden auto;
  background: #fff;
  box-shadow: 0 0.06rem 0.63rem #02102b26;
  border-radius: 0.13rem;
}
.member-list-box-header[data-v-42b4b916] {
  height: 2.5rem;
  padding-top: 5px;
  cursor: pointer;
}
.member-list-box-header[data-v-42b4b916]:hover {
  background: rgba(0, 110, 255, 0.1);
}
.member-list-box span[data-v-42b4b916] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 12px;
  color: #000;
  letter-spacing: 0;
  padding: 5px;
}
.member-list-box-body[data-v-42b4b916] {
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.member-list-box-body .selected[data-v-42b4b916],
.member-list-box-body[data-v-42b4b916]:hover {
  background: rgba(0, 110, 255, 0.1);
}
.member-list-box-body-name[data-v-42b4b916] {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
}
.member-list-box-body-avatar[data-v-42b4b916] {
  width: 20px;
  height: 20px;
  padding-left: 10px;
}
.member-list-box .selected[data-v-42b4b916] {
  background: rgba(0, 110, 255, 0.1);
}
.message-input-at-h5 .member-list[data-v-42b4b916] {
  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-42b4b916] {
  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-42b4b916] {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
}
.message-input-at-h5 .member-list-title .close[data-v-42b4b916] {
  vertical-align: middle;
  position: absolute;
  right: 10px;
  display: inline-block;
}
.message-input-at-h5 .member-list-box[data-v-42b4b916] {
  flex: 1;
  overflow-y: scroll;
}
.message-input-at-h5 .member-list-box-body[data-v-42b4b916] {
  padding: 10px;
}
.message-input-at-h5 .member-list-box-body img[data-v-42b4b916] {
  width: 26px;
  height: 26px;
}
.message-input-at-h5 .member-list-box-body span[data-v-42b4b916] {
  font-size: 14px;
}
body[data-v-a68b3db9],
div[data-v-a68b3db9],
ul[data-v-a68b3db9],
ol[data-v-a68b3db9],
dt[data-v-a68b3db9],
dd[data-v-a68b3db9],
li[data-v-a68b3db9],
dl[data-v-a68b3db9],
h1[data-v-a68b3db9],
h2[data-v-a68b3db9],
h3[data-v-a68b3db9],
h4[data-v-a68b3db9],
p[data-v-a68b3db9] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-a68b3db9],
ul[data-v-a68b3db9],
li[data-v-a68b3db9] {
  list-style: none;
}
img[data-v-a68b3db9] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-a68b3db9] {
  color: #000;
  background: #fff;
}
.clear[data-v-a68b3db9] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-a68b3db9] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-a68b3db9]:hover {
  text-decoration: none;
}
input[data-v-a68b3db9],
textarea[data-v-a68b3db9] {
  user-select: auto;
}
input[data-v-a68b3db9]:focus,
input[data-v-a68b3db9]:active,
textarea[data-v-a68b3db9]:focus,
textarea[data-v-a68b3db9]:active {
  outline: none;
}
.chat-aside[data-v-a68b3db9] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-input-button[data-v-a68b3db9] {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.message-input-button-h5[data-v-a68b3db9] {
  position: static;
}
.message-input-button-cont[data-v-a68b3db9] {
  padding: 8px 20px;
  border-radius: 16px;
  border: none;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  font-weight: 700;
  background: #54ff29;
  color: #000;
  letter-spacing: 0;
  font-family: Baloo15;
  cursor: pointer;
}
.message-input-button-hover[data-v-a68b3db9] {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 120%;
  word-break: keep-all;
  height: 30px;
  white-space: nowrap;
  top: 0;
  bottom: 0;
  margin: auto 0;
  padding: 5px 10px;
  border-radius: 3px;
  background: #000;
  color: #fff;
  opacity: 0.3;
}
.message-input-button-hover[data-v-a68b3db9]:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -20px;
  border: 10px solid transparent;
  border-left: 10px solid #000;
}
.message-input-button:hover .message-input-button-hover[data-v-a68b3db9] {
  display: flex;
}
.input-quote-container-h5[data-v-87d60713],
.input-quote-container-uni[data-v-87d60713],
.input-quote-container[data-v-87d60713] {
  margin: 5px 100px 5px 8px;
  display: flex;
  flex: 0 1 auto;
}
.input-quote-container-h5 .input-quote-content[data-v-87d60713],
.input-quote-container-uni .input-quote-content[data-v-87d60713],
.input-quote-container .input-quote-content[data-v-87d60713] {
  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-87d60713],
.input-quote-container-uni .input-quote-content .max-one-line[data-v-87d60713],
.input-quote-container .input-quote-content .max-one-line[data-v-87d60713] {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-quote-container-h5 .input-quote-close-icon[data-v-87d60713],
.input-quote-container-uni .input-quote-close-icon[data-v-87d60713],
.input-quote-container .input-quote-close-icon[data-v-87d60713] {
  margin-left: 5px;
  padding: 5px;
}
.input-quote-container-uni[data-v-87d60713] {
  margin: 5px 60px 0 30px;
}
.input-quote-container-h5[data-v-87d60713] {
  margin: 5px 0 0;
}
body[data-v-ffc74dc8],
div[data-v-ffc74dc8],
ul[data-v-ffc74dc8],
ol[data-v-ffc74dc8],
dt[data-v-ffc74dc8],
dd[data-v-ffc74dc8],
li[data-v-ffc74dc8],
dl[data-v-ffc74dc8],
h1[data-v-ffc74dc8],
h2[data-v-ffc74dc8],
h3[data-v-ffc74dc8],
h4[data-v-ffc74dc8],
p[data-v-ffc74dc8] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-ffc74dc8],
ul[data-v-ffc74dc8],
li[data-v-ffc74dc8] {
  list-style: none;
}
img[data-v-ffc74dc8] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-ffc74dc8] {
  color: #000;
  background: #fff;
}
.clear[data-v-ffc74dc8] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-ffc74dc8] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-ffc74dc8]:hover {
  text-decoration: none;
}
input[data-v-ffc74dc8],
textarea[data-v-ffc74dc8] {
  user-select: auto;
}
input[data-v-ffc74dc8]:focus,
input[data-v-ffc74dc8]:active,
textarea[data-v-ffc74dc8]:focus,
textarea[data-v-ffc74dc8]:active {
  outline: none;
}
.chat-aside[data-v-ffc74dc8] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-input-wrapper[data-v-ffc74dc8] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.message-input-container[data-v-ffc74dc8] {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
  border: none;
  overflow: hidden;
}
.message-input-container-h5[data-v-ffc74dc8] {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
}
[data-v-724a63f8]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.mulitple-select-panel[data-v-724a63f8] {
  height: 196px;
  border-top: 1px solid #ebebeb;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  background-color: #ebf0f6;
  position: relative;
}
.mulitple-select-panel .closeBox[data-v-724a63f8] {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
.mulitple-select-panel .closeBox > img[data-v-724a63f8] {
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
}
.mulitple-select-panel .closeBox-h5[data-v-724a63f8] {
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer;
}
.mulitple-select-panel .closeBox-h5 > img[data-v-724a63f8] {
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
}
.mulitple-select-panel-mobile[data-v-724a63f8] {
  height: 92px;
  padding-bottom: 15px;
  flex-direction: row;
  align-items: flex-end;
}
.forward-button[data-v-724a63f8] {
  justify-content: center;
  align-items: center;
}
.forward-button-text[data-v-724a63f8] {
  margin-top: 8px;
  font-size: 12px;
}
.forward-button-text-mobile[data-v-724a63f8] {
  margin-top: 2px;
}
body[data-v-a2267f8d],
div[data-v-a2267f8d],
ul[data-v-a2267f8d],
ol[data-v-a2267f8d],
dt[data-v-a2267f8d],
dd[data-v-a2267f8d],
li[data-v-a2267f8d],
dl[data-v-a2267f8d],
h1[data-v-a2267f8d],
h2[data-v-a2267f8d],
h3[data-v-a2267f8d],
h4[data-v-a2267f8d],
p[data-v-a2267f8d] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-a2267f8d],
ul[data-v-a2267f8d],
li[data-v-a2267f8d] {
  list-style: none;
}
img[data-v-a2267f8d] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-a2267f8d] {
  color: #000;
  background: #fff;
}
.clear[data-v-a2267f8d] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-a2267f8d] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-a2267f8d]:hover {
  text-decoration: none;
}
input[data-v-a2267f8d],
textarea[data-v-a2267f8d] {
  user-select: auto;
}
input[data-v-a2267f8d]:focus,
input[data-v-a2267f8d]:active,
textarea[data-v-a2267f8d]:focus,
textarea[data-v-a2267f8d]:active {
  outline: none;
}
.chat-aside[data-v-a2267f8d] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.main[data-v-a2267f8d] {
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 -4px 12px #0000000f;
}
.main .left[data-v-a2267f8d] {
  border-right: 1px solid #e8e8e9;
}
.main .transfer-header[data-v-a2267f8d] {
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
}
.main .transfer-header input[data-v-a2267f8d] {
  background: #fff;
  border: 1px solid #dee0e3;
  font-weight: 500;
  color: #8f959e;
  letter-spacing: 0;
}
.main .transfer-list .transfer-text[data-v-a2267f8d] {
  font-weight: 500;
  color: #8f959e;
  letter-spacing: 0;
}
.main .transfer-list-item .disabled[data-v-a2267f8d] {
  background: #eee;
}
.btn[data-v-a2267f8d] {
  background: #54ff29;
  border: 0 solid #54ff29;
  font-weight: 400;
  color: #000;
  font-family: Baloo15;
}
.btn-cancel[data-v-a2267f8d] {
  background: #fff;
  border: 1px solid #ddd;
  color: #828282;
}
.btn-no[data-v-a2267f8d] {
  background: #e8e8e9;
  border: 1px solid #ddd;
  font-weight: 400;
  color: #fff;
}
.transfer-h5-header[data-v-a2267f8d] {
  background: #fff;
}
.transfer-h5-header .title[data-v-a2267f8d] {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
}
.avatar[data-v-a2267f8d] {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main[data-v-a2267f8d] {
  box-sizing: border-box;
  width: 620px;
  height: 394px;
  display: flex;
  border-radius: 8px;
  padding: 20px 0;
}
.main .transfer-header[data-v-a2267f8d] {
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 20px;
}
.main .transfer-header input[data-v-a2267f8d] {
  box-sizing: border-box;
  width: 100%;
  border-radius: 30px;
  font-size: 10px;
  line-height: 14px;
  padding: 9px 12px;
}
.main .transfer-list[data-v-a2267f8d] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.main .transfer-list .transfer-text[data-v-a2267f8d] {
  font-size: 10px;
  line-height: 14px;
}
.main .transfer-list-item[data-v-a2267f8d] {
  padding: 6px 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  text-align: left;
}
.main .transfer-list-item-content[data-v-a2267f8d] {
  flex: 1;
  display: flex;
  align-items: center;
}
.main .transfer-list-item .avatar[data-v-a2267f8d] {
  margin: 0 5px 0 8px;
  border-radius: 50%;
}
.main .transfer-list-item .name[data-v-a2267f8d] {
  width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.main .right[data-v-a2267f8d] {
  padding: 0 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.main .right .transfer-right-footer[data-v-a2267f8d] {
  align-self: flex-end;
}
.main .right .transfer-right-footer .btn-cancel[data-v-a2267f8d] {
  margin-right: 12px;
}
.main .right .transfer-list[data-v-a2267f8d] {
  padding-right: 20px;
  overflow-y: auto;
}
.main .left[data-v-a2267f8d] {
  flex: 1;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}
.main .left .transfer-header[data-v-a2267f8d] {
  padding: 0 20px;
}
.main .left .transfer-left-main[data-v-a2267f8d] {
  flex: 1;
  overflow-y: auto;
  padding: 0 13px;
}
.btn[data-v-a2267f8d],
.btn-no[data-v-a2267f8d] {
  padding: 4px 28px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
}
.space-between[data-v-a2267f8d] {
  justify-content: space-between;
}
.select-all[data-v-a2267f8d] {
  padding-left: 8px;
  font-size: 14px;
}
.more[data-v-a2267f8d] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}
.transfer-h5[data-v-a2267f8d] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.transfer-h5-wechat[data-v-a2267f8d] {
  width: 100vw;
  height: 100vh;
}
.transfer-h5-header[data-v-a2267f8d] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  padding: 16px 18px;
}
.transfer-h5-header .space[data-v-a2267f8d],
.transfer-h5-header .icon[data-v-a2267f8d] {
  width: 18px;
  height: 18px;
}
.transfer-h5 .main[data-v-a2267f8d] {
  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-a2267f8d] {
  border-radius: 5px;
}
.transfer-h5 .main .left[data-v-a2267f8d] {
  padding: 0;
  flex: 1;
  border: none;
  display: flex;
  flex-direction: column;
}
.transfer-h5 .main .left .transfer-header[data-v-a2267f8d] {
  position: sticky;
  top: 0;
  padding: 10px 18px;
}
.transfer-h5 .main .left .transfer-header input[data-v-a2267f8d] {
  border-radius: 5px;
  font-size: 14px;
}
.transfer-h5 .main .left-uniapp-input[data-v-a2267f8d] {
  height: 36px;
}
.transfer-h5 .main .right[data-v-a2267f8d] {
  flex: 0;
  flex-direction: row;
  align-items: center;
  box-shadow: inset 0 1px #eee;
  padding: 8px 18px;
}
.transfer-h5 .main .right .transfer-list[data-v-a2267f8d] {
  flex-direction: row;
  width: 0;
}
.transfer-h5 .main .right .transfer-list-item-content[data-v-a2267f8d] {
  flex: none;
}
.transfer-h5 .main .right .transfer-right-footer[data-v-a2267f8d] {
  padding: 6px 0;
  display: flex;
  align-items: center;
}
.transfer-h5 .main .right .transfer-right-footer .btn[data-v-a2267f8d] {
  font-size: 14px;
}
.icon-unselected[data-v-a2267f8d] {
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 11px;
  box-sizing: border-box;
}
.notdatas[data-v-a2267f8d] {
  margin-top: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
body[data-v-95fdcd7d],
div[data-v-95fdcd7d],
ul[data-v-95fdcd7d],
ol[data-v-95fdcd7d],
dt[data-v-95fdcd7d],
dd[data-v-95fdcd7d],
li[data-v-95fdcd7d],
dl[data-v-95fdcd7d],
h1[data-v-95fdcd7d],
h2[data-v-95fdcd7d],
h3[data-v-95fdcd7d],
h4[data-v-95fdcd7d],
p[data-v-95fdcd7d] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-95fdcd7d],
ul[data-v-95fdcd7d],
li[data-v-95fdcd7d] {
  list-style: none;
}
img[data-v-95fdcd7d] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-95fdcd7d] {
  color: #000;
  background: #fff;
}
.clear[data-v-95fdcd7d] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-95fdcd7d] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-95fdcd7d]:hover {
  text-decoration: none;
}
input[data-v-95fdcd7d],
textarea[data-v-95fdcd7d] {
  user-select: auto;
}
input[data-v-95fdcd7d]:focus,
input[data-v-95fdcd7d]:active,
textarea[data-v-95fdcd7d]:focus,
textarea[data-v-95fdcd7d]:active {
  outline: none;
}
.chat-aside[data-v-95fdcd7d] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.emoji-picker[data-v-95fdcd7d] {
  width: 405px;
  height: 300px;
  display: flex;
  flex-direction: column;
}
.emoji-picker-list[data-v-95fdcd7d] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  margin: 2px;
}
.emoji-picker-list[data-v-95fdcd7d]::-webkit-scrollbar {
  display: none;
}
.emoji-picker-list-item[data-v-95fdcd7d] {
  cursor: pointer;
  padding: 5px;
}
.emoji-picker-list-item .emoji[data-v-95fdcd7d] {
  width: 30px;
  height: 30px;
}
.emoji-picker-list-item .emoji-big[data-v-95fdcd7d] {
  width: 70px;
  height: 70px;
}
.emoji-picker-tab[data-v-95fdcd7d] {
  display: flex;
  align-items: center;
}
.emoji-picker-tab-item[data-v-95fdcd7d] {
  padding: 0 10px;
  cursor: pointer;
}
.emoji-picker-tab-item .icon[data-v-95fdcd7d] {
  margin: 10px;
  width: 20px;
  height: 20px;
}
.emoji-picker-tab-item .icon-big[data-v-95fdcd7d] {
  margin: 2px 0;
  width: 30px;
  height: 30px;
}
.emoji-picker-h5[data-v-95fdcd7d] {
  width: 100%;
}
.emoji-picker-h5-list[data-v-95fdcd7d] {
  justify-content: space-between;
}
.emoji-picker-h5-list[data-v-95fdcd7d]:after {
  content: "";
  display: block;
  flex: 1 1 auto;
}
.emoji-picker-h5 .send-btn[data-v-95fdcd7d] {
  width: 50px;
  height: 30px;
  background-color: #55c06a;
  position: absolute;
  right: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
.friendsworld[data-v-95fdcd7d] {
  position: absolute;
  top: 40px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
}
body[data-v-9880b72a],
div[data-v-9880b72a],
ul[data-v-9880b72a],
ol[data-v-9880b72a],
dt[data-v-9880b72a],
dd[data-v-9880b72a],
li[data-v-9880b72a],
dl[data-v-9880b72a],
h1[data-v-9880b72a],
h2[data-v-9880b72a],
h3[data-v-9880b72a],
h4[data-v-9880b72a],
p[data-v-9880b72a] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-9880b72a],
ul[data-v-9880b72a],
li[data-v-9880b72a] {
  list-style: none;
}
img[data-v-9880b72a] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-9880b72a] {
  color: #000;
  background: #fff;
}
.clear[data-v-9880b72a] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-9880b72a] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-9880b72a]:hover {
  text-decoration: none;
}
input[data-v-9880b72a],
textarea[data-v-9880b72a] {
  user-select: auto;
}
input[data-v-9880b72a]:focus,
input[data-v-9880b72a]:active,
textarea[data-v-9880b72a]:focus,
textarea[data-v-9880b72a]:active {
  outline: none;
}
.chat-aside[data-v-9880b72a] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.toolbar-item-container-dialog[data-v-9880b72a] {
  background: #fff;
  box-shadow: 0 2px 12px #0000001a;
}
.toolbar-item-container[data-v-9880b72a] {
  position: relative;
}
.toolbar-item-container-icon[data-v-9880b72a] {
  padding: 8px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.toolbar-item-container-dialog[data-v-9880b72a] {
  z-index: 5;
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 12px #0000001a;
  width: fit-content;
  height: fit-content;
  bottom: 35px;
}
.toolbar-item-container-h5-dialog[data-v-9880b72a] {
  position: static !important;
  width: 100%;
  box-shadow: none;
}
.toolbar-item-container-uni[data-v-9880b72a] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: static;
}
.toolbar-item-container-uni-icon[data-v-9880b72a] {
  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-9880b72a] {
  font-size: 14px;
  color: #8f959d;
}
.toolbar-item-container-uni-dialog[data-v-9880b72a] {
  position: absolute !important;
  background: transparent;
  left: -10px;
  bottom: -5px;
}
.toolbar-item-container-uni-dialog .toolbar-bottom-popup[data-v-9880b72a] {
  position: sticky;
}
body[data-v-ac6f7484],
div[data-v-ac6f7484],
ul[data-v-ac6f7484],
ol[data-v-ac6f7484],
dt[data-v-ac6f7484],
dd[data-v-ac6f7484],
li[data-v-ac6f7484],
dl[data-v-ac6f7484],
h1[data-v-ac6f7484],
h2[data-v-ac6f7484],
h3[data-v-ac6f7484],
h4[data-v-ac6f7484],
p[data-v-ac6f7484] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-ac6f7484],
ul[data-v-ac6f7484],
li[data-v-ac6f7484] {
  list-style: none;
}
img[data-v-ac6f7484] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-ac6f7484] {
  color: #000;
  background: #fff;
}
.clear[data-v-ac6f7484] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-ac6f7484] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-ac6f7484]:hover {
  text-decoration: none;
}
input[data-v-ac6f7484],
textarea[data-v-ac6f7484] {
  user-select: auto;
}
input[data-v-ac6f7484]:focus,
input[data-v-ac6f7484]:active,
textarea[data-v-ac6f7484]:focus,
textarea[data-v-ac6f7484]:active {
  outline: none;
}
.chat-aside[data-v-ac6f7484] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.emoji-picker[data-v-ac6f7484] {
  width: 405px;
  height: 300px;
  display: flex;
  flex-direction: column;
}
.emoji-picker-list[data-v-ac6f7484] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  margin: 2px;
}
.emoji-picker-list[data-v-ac6f7484]::-webkit-scrollbar {
  display: none;
}
.emoji-picker-list-item[data-v-ac6f7484] {
  cursor: pointer;
  padding: 5px;
}
.emoji-picker-list-item .emoji[data-v-ac6f7484] {
  width: 30px;
  height: 30px;
}
.emoji-picker-list-item .emoji-big[data-v-ac6f7484] {
  width: 70px;
  height: 70px;
}
.emoji-picker-tab[data-v-ac6f7484] {
  display: flex;
  align-items: center;
}
.emoji-picker-tab-item[data-v-ac6f7484] {
  padding: 0 10px;
  cursor: pointer;
}
.emoji-picker-tab-item .icon[data-v-ac6f7484] {
  margin: 10px;
  width: 20px;
  height: 20px;
}
.emoji-picker-tab-item .icon-big[data-v-ac6f7484] {
  margin: 2px 0;
  width: 30px;
  height: 30px;
}
.emoji-picker-h5[data-v-ac6f7484] {
  width: 100%;
}
.emoji-picker-h5-list[data-v-ac6f7484] {
  justify-content: space-between;
}
.emoji-picker-h5-list[data-v-ac6f7484]:after {
  content: "";
  display: block;
  flex: 1 1 auto;
}
.emoji-picker-h5 .send-btn[data-v-ac6f7484] {
  width: 50px;
  height: 30px;
  background-color: #55c06a;
  position: absolute;
  right: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
body[data-v-95e1cec5],
div[data-v-95e1cec5],
ul[data-v-95e1cec5],
ol[data-v-95e1cec5],
dt[data-v-95e1cec5],
dd[data-v-95e1cec5],
li[data-v-95e1cec5],
dl[data-v-95e1cec5],
h1[data-v-95e1cec5],
h2[data-v-95e1cec5],
h3[data-v-95e1cec5],
h4[data-v-95e1cec5],
p[data-v-95e1cec5] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-95e1cec5],
ul[data-v-95e1cec5],
li[data-v-95e1cec5] {
  list-style: none;
}
img[data-v-95e1cec5] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-95e1cec5] {
  color: #000;
  background: #fff;
}
.clear[data-v-95e1cec5] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-95e1cec5] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-95e1cec5]:hover {
  text-decoration: none;
}
input[data-v-95e1cec5],
textarea[data-v-95e1cec5] {
  user-select: auto;
}
input[data-v-95e1cec5]:focus,
input[data-v-95e1cec5]:active,
textarea[data-v-95e1cec5]:focus,
textarea[data-v-95e1cec5]:active {
  outline: none;
}
.chat-aside[data-v-95e1cec5] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
body[data-v-36363b41],
div[data-v-36363b41],
ul[data-v-36363b41],
ol[data-v-36363b41],
dt[data-v-36363b41],
dd[data-v-36363b41],
li[data-v-36363b41],
dl[data-v-36363b41],
h1[data-v-36363b41],
h2[data-v-36363b41],
h3[data-v-36363b41],
h4[data-v-36363b41],
p[data-v-36363b41] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-36363b41],
ul[data-v-36363b41],
li[data-v-36363b41] {
  list-style: none;
}
img[data-v-36363b41] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-36363b41] {
  color: #000;
  background: #fff;
}
.clear[data-v-36363b41] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-36363b41] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-36363b41]:hover {
  text-decoration: none;
}
input[data-v-36363b41],
textarea[data-v-36363b41] {
  user-select: auto;
}
input[data-v-36363b41]:focus,
input[data-v-36363b41]:active,
textarea[data-v-36363b41]:focus,
textarea[data-v-36363b41]:active {
  outline: none;
}
.chat-aside[data-v-36363b41] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
body[data-v-6216891d],
div[data-v-6216891d],
ul[data-v-6216891d],
ol[data-v-6216891d],
dt[data-v-6216891d],
dd[data-v-6216891d],
li[data-v-6216891d],
dl[data-v-6216891d],
h1[data-v-6216891d],
h2[data-v-6216891d],
h3[data-v-6216891d],
h4[data-v-6216891d],
p[data-v-6216891d] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-6216891d],
ul[data-v-6216891d],
li[data-v-6216891d] {
  list-style: none;
}
img[data-v-6216891d] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-6216891d] {
  color: #000;
  background: #fff;
}
.clear[data-v-6216891d] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-6216891d] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-6216891d]:hover {
  text-decoration: none;
}
input[data-v-6216891d],
textarea[data-v-6216891d] {
  user-select: auto;
}
input[data-v-6216891d]:focus,
input[data-v-6216891d]:active,
textarea[data-v-6216891d]:focus,
textarea[data-v-6216891d]:active {
  outline: none;
}
.chat-aside[data-v-6216891d] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.evaluate[data-v-47a142c4] {
  background: #fff;
  box-shadow: 0 2px 12px #0000001a;
}
.evaluate-header-content[data-v-47a142c4] {
  font-weight: 500;
  color: #1c1c1c;
}
.evaluate-adv[data-v-47a142c4] {
  font-weight: 500;
  color: #999;
}
.evaluate-adv a[data-v-47a142c4] {
  color: #006eff;
}
.evaluate-content-text[data-v-47a142c4] {
  background: #f8f8f8;
  border: 1px solid #ececec;
}
.evaluate-content-list-item[data-v-47a142c4] {
  font-weight: 400;
  color: #50545c;
}
.evaluate-H5-main[data-v-47a142c4] {
  background: rgba(0, 0, 0, 0.5);
}
.evaluate-H5-main .evaluate-main-content[data-v-47a142c4] {
  background: #fff;
}
.evaluate-H5-main .evaluate-main-content p a[data-v-47a142c4] {
  color: #3370ff;
}
.evaluate-H5-main .evaluate-main-content .close[data-v-47a142c4] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #3370ff;
  letter-spacing: 0;
}
.evaluate[data-v-47a142c4] {
  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;
  user-select: none;
}
.evaluate-header-content[data-v-47a142c4] {
  font-style: normal;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
}
.evaluate-content[data-v-47a142c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 0;
}
.evaluate-content-list[data-v-47a142c4] {
  flex: 1;
  display: flex;
}
.evaluate-content-list-item[data-v-47a142c4] {
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer;
  padding: 4px 15px 4px 0;
  font-size: 12px;
}
.evaluate-content-list-item[data-v-47a142c4]:last-child {
  padding-right: 0 !important;
}
.evaluate-content-text[data-v-47a142c4] {
  box-sizing: border-box;
  width: 288px;
  height: 90px;
  margin: 12px 0;
  padding: 12px;
  border-radius: 2px;
  resize: none;
}
.evaluate-content-button .btn[data-v-47a142c4] {
  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-47a142c4] {
  background-color: #3370ff;
  cursor: pointer;
}
.evaluate-content-button .btn-invalid[data-v-47a142c4] {
  background-color: #a0cfff;
  cursor: not-allowed;
}
.evaluate-adv[data-v-47a142c4] {
  font-size: 12px;
  text-align: center;
}
.evaluate-adv a[data-v-47a142c4] {
  display: inline-block;
}
.evaluate-h5[data-v-47a142c4] {
  position: static;
  width: 100%;
  height: fit-content;
  border-radius: 0;
  background: #fff;
  padding: 23px !important;
  box-sizing: border-box;
}
.evaluate-h5-header[data-v-47a142c4] {
  display: flex;
  justify-content: space-between;
}
.evaluate-h5-header-content[data-v-47a142c4] {
  font-size: 18px;
}
.evaluate-h5-header-close[data-v-47a142c4] {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #3370ff;
}
.evaluate-h5-content[data-v-47a142c4] {
  order: 1;
}
.evaluate-h5-content-list-item[data-v-47a142c4] {
  width: 40px;
  height: 24px;
  text-align: center;
  cursor: auto;
  font-size: 12px;
}
.evaluate-h5-content-text[data-v-47a142c4] {
  font-size: 16px;
  width: 100%;
}
.evaluate-h5-content-button[data-v-47a142c4] {
  width: 100%;
  display: flex;
}
.evaluate-h5-content-button .btn[data-v-47a142c4] {
  flex: 1;
  padding: 14px 0;
  font-size: 18px;
  cursor: auto;
}
.evaluate-h5-adv[data-v-47a142c4] {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #000;
}
body[data-v-47a142c4],
div[data-v-47a142c4],
ul[data-v-47a142c4],
ol[data-v-47a142c4],
dt[data-v-47a142c4],
dd[data-v-47a142c4],
li[data-v-47a142c4],
dl[data-v-47a142c4],
h1[data-v-47a142c4],
h2[data-v-47a142c4],
h3[data-v-47a142c4],
h4[data-v-47a142c4],
p[data-v-47a142c4] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-47a142c4],
ul[data-v-47a142c4],
li[data-v-47a142c4] {
  list-style: none;
}
img[data-v-47a142c4] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-47a142c4] {
  color: #000;
  background: #fff;
}
.clear[data-v-47a142c4] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-47a142c4] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-47a142c4]:hover {
  text-decoration: none;
}
input[data-v-47a142c4],
textarea[data-v-47a142c4] {
  user-select: auto;
}
input[data-v-47a142c4]:focus,
input[data-v-47a142c4]:active,
textarea[data-v-47a142c4]:focus,
textarea[data-v-47a142c4]:active {
  outline: none;
}
.chat-aside[data-v-47a142c4] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
body[data-v-9e8c403b],
div[data-v-9e8c403b],
ul[data-v-9e8c403b],
ol[data-v-9e8c403b],
dt[data-v-9e8c403b],
dd[data-v-9e8c403b],
li[data-v-9e8c403b],
dl[data-v-9e8c403b],
h1[data-v-9e8c403b],
h2[data-v-9e8c403b],
h3[data-v-9e8c403b],
h4[data-v-9e8c403b],
p[data-v-9e8c403b] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-9e8c403b],
ul[data-v-9e8c403b],
li[data-v-9e8c403b] {
  list-style: none;
}
img[data-v-9e8c403b] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-9e8c403b] {
  color: #000;
  background: #fff;
}
.clear[data-v-9e8c403b] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-9e8c403b] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-9e8c403b]:hover {
  text-decoration: none;
}
input[data-v-9e8c403b],
textarea[data-v-9e8c403b] {
  user-select: auto;
}
input[data-v-9e8c403b]:focus,
input[data-v-9e8c403b]:active,
textarea[data-v-9e8c403b]:focus,
textarea[data-v-9e8c403b]:active {
  outline: none;
}
.chat-aside[data-v-9e8c403b] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.words[data-v-9e8c403b] {
  background-color: #fff;
}
.words-header-close[data-v-9e8c403b] {
  color: #3370ff;
}
.words[data-v-9e8c403b] {
  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-9e8c403b] {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
}
.words-list[data-v-9e8c403b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.words-list-item[data-v-9e8c403b] {
  cursor: pointer;
  padding: 4px 0;
  font-size: 14px;
  color: #50545c;
  line-height: 18px;
}
.words-list-item[data-v-9e8c403b]:hover {
  color: #006eff;
}
.words-h5[data-v-9e8c403b] {
  width: 100%;
  box-sizing: border-box;
  max-height: 80vh;
  height: fit-content;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.words-h5-header-title[data-v-9e8c403b] {
  font-size: 18px;
  line-height: 40px;
}
.words-h5-list[data-v-9e8c403b] {
  flex: 1;
  overflow-y: scroll;
}
.words-h5-list-item[data-v-9e8c403b] {
  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;
}
body[data-v-48dbdd4a],
div[data-v-48dbdd4a],
ul[data-v-48dbdd4a],
ol[data-v-48dbdd4a],
dt[data-v-48dbdd4a],
dd[data-v-48dbdd4a],
li[data-v-48dbdd4a],
dl[data-v-48dbdd4a],
h1[data-v-48dbdd4a],
h2[data-v-48dbdd4a],
h3[data-v-48dbdd4a],
h4[data-v-48dbdd4a],
p[data-v-48dbdd4a] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-48dbdd4a],
ul[data-v-48dbdd4a],
li[data-v-48dbdd4a] {
  list-style: none;
}
img[data-v-48dbdd4a] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-48dbdd4a] {
  color: #000;
  background: #fff;
}
.clear[data-v-48dbdd4a] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-48dbdd4a] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-48dbdd4a]:hover {
  text-decoration: none;
}
input[data-v-48dbdd4a],
textarea[data-v-48dbdd4a] {
  user-select: auto;
}
input[data-v-48dbdd4a]:focus,
input[data-v-48dbdd4a]:active,
textarea[data-v-48dbdd4a]:focus,
textarea[data-v-48dbdd4a]:active {
  outline: none;
}
.chat-aside[data-v-48dbdd4a] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-input-toolbar[data-v-48dbdd4a] {
  border-top: 1px solid #f4f5f9;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  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-48dbdd4a] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.message-input-toolbar-list .extension-list[data-v-48dbdd4a] {
  list-style: none;
  display: flex;
}
.message-input-toolbar-list .extension-list-item[data-v-48dbdd4a] {
  width: 20px;
  height: 20px;
  padding: 12px 10px 1px;
  cursor: pointer;
}
.message-input-toolbar-h5[data-v-48dbdd4a] {
  padding: 5px 10px;
  box-sizing: border-box;
  flex-direction: column;
}
.message-input-toolbar-uni[data-v-48dbdd4a] {
  background-color: #ebf0f6;
  flex-direction: column;
}
.message-input-toolbar-uni-list[data-v-48dbdd4a] {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(2, 100px);
}
body[data-v-0ccfd9a2],
div[data-v-0ccfd9a2],
ul[data-v-0ccfd9a2],
ol[data-v-0ccfd9a2],
dt[data-v-0ccfd9a2],
dd[data-v-0ccfd9a2],
li[data-v-0ccfd9a2],
dl[data-v-0ccfd9a2],
h1[data-v-0ccfd9a2],
h2[data-v-0ccfd9a2],
h3[data-v-0ccfd9a2],
h4[data-v-0ccfd9a2],
p[data-v-0ccfd9a2] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-0ccfd9a2],
ul[data-v-0ccfd9a2],
li[data-v-0ccfd9a2] {
  list-style: none;
}
img[data-v-0ccfd9a2] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-0ccfd9a2] {
  color: #000;
  background: #fff;
}
.clear[data-v-0ccfd9a2] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-0ccfd9a2] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-0ccfd9a2]:hover {
  text-decoration: none;
}
input[data-v-0ccfd9a2],
textarea[data-v-0ccfd9a2] {
  user-select: auto;
}
input[data-v-0ccfd9a2]:focus,
input[data-v-0ccfd9a2]:active,
textarea[data-v-0ccfd9a2]:focus,
textarea[data-v-0ccfd9a2]:active {
  outline: none;
}
.chat-aside[data-v-0ccfd9a2] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.tui-chat[data-v-0ccfd9a2] {
  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-0ccfd9a2] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
}
.tui-chat-header[data-v-0ccfd9a2] {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
}
.tui-chat-message-list[data-v-0ccfd9a2] {
  flex: 1;
  overflow: hidden;
  display: flex;
}
.tui-chat-message-input[data-v-0ccfd9a2] {
  height: 160px;
  display: flex;
}
.chat[data-v-0ccfd9a2] {
  display: block;
  height: 100%;
  overflow: hidden;
}
.tui-chat-h5-message-list[data-v-0ccfd9a2] {
  flex: 1;
  overflow: hidden;
  display: flex;
}
.tui-chat-h5-message-input[data-v-0ccfd9a2] {
  height: auto;
  padding: 10px 10px 0;
  border-top: 1px solid #eee;
}
.tui-chat-h5-message-input-toolbar[data-v-0ccfd9a2] {
  order: 1;
  border: none;
}
.tui-chat-uniapp-header[data-v-0ccfd9a2] {
  display: none;
}
.group-profile[data-v-0ccfd9a2] {
  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-0ccfd9a2] {
  max-height: 370px;
  padding: 10px;
}
.tui-chat-uni-message-input-toolbar[data-v-0ccfd9a2] {
  z-index: 100;
}
.tui-chat-wx-message-input[data-v-0ccfd9a2] {
  padding: 0;
}
[data-v-0ccfd9a2]:not(not) {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}
.allMuted_box[data-v-0ccfd9a2] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #d3d3d3;
  height: 48px;
  cursor: not-allowed;
}
.cancel-hidden[data-v-99e6bbce] {
  opacity: 1 !important;
}
.actions-menu[data-v-99e6bbce] {
  position: absolute;
  left: 164px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 -4px 12px #0000000f;
  background-color: #fff;
  overflow: hidden;
  opacity: 0;
}
.actions-menu .actions-menu-item[data-v-99e6bbce] {
  cursor: pointer;
  padding: 10px 20px;
  font-size: 12px;
  word-break: keep-all;
}
.actions-menu.actions-menu-pc .actions-menu-item[data-v-99e6bbce]:hover {
  background-color: #eee;
}
body[data-v-bd890155],
div[data-v-bd890155],
ul[data-v-bd890155],
ol[data-v-bd890155],
dt[data-v-bd890155],
dd[data-v-bd890155],
li[data-v-bd890155],
dl[data-v-bd890155],
h1[data-v-bd890155],
h2[data-v-bd890155],
h3[data-v-bd890155],
h4[data-v-bd890155],
p[data-v-bd890155] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-bd890155],
ul[data-v-bd890155],
li[data-v-bd890155] {
  list-style: none;
}
img[data-v-bd890155] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-bd890155] {
  color: #000;
  background: #fff;
}
.clear[data-v-bd890155] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-bd890155] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-bd890155]:hover {
  text-decoration: none;
}
input[data-v-bd890155],
textarea[data-v-bd890155] {
  user-select: auto;
}
input[data-v-bd890155]:focus,
input[data-v-bd890155]:active,
textarea[data-v-bd890155]:focus,
textarea[data-v-bd890155]:active {
  outline: none;
}
.chat-aside[data-v-bd890155] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.tui-conversation-item-pinned[data-v-bd890155] {
  background: #edfff7;
}
.tui-conversation-item-selected[data-v-bd890155],
.tui-conversation-item-toggled[data-v-bd890155] {
  background: rgba(0, 110, 255, 0.1);
}
.tui-conversation-item .left .num[data-v-bd890155],
.tui-conversation-item .left .num-notify[data-v-bd890155] {
  background: red;
  color: #fff;
}
.tui-conversation-item .content-header-label[data-v-bd890155] {
  color: #000;
}
.tui-conversation-item .content-header .name[data-v-bd890155] {
  font-weight: 400;
  letter-spacing: 0;
  color: #000;
}
.tui-conversation-item .middle-box-at[data-v-bd890155],
.tui-conversation-item .middle-box-draft[data-v-bd890155] {
  color: #fb5059 !important;
  font-family: PingFangSC-Regular;
  font-weight: 400;
}
.tui-conversation-item .middle-box-content[data-v-bd890155] {
  font-weight: 400;
  color: #999;
  letter-spacing: 0;
}
.tui-conversation-item .content-footer[data-v-bd890155] {
  color: #999;
}
.tui-conversation-item .content-footer .time[data-v-bd890155] {
  color: #bbb;
}
.tui-conversation-content .dialog[data-v-bd890155] {
  background: #fff;
}
.tui-conversation-content .dialog-item[data-v-bd890155] {
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 -4px 12px #0000000f;
}
.tui-conversation-content .dialog .conversation-options[data-v-bd890155] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #4f4f4f;
  letter-spacing: 0;
}
.tui-conversation-list[data-v-bd890155] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  letter-spacing: 0;
  flex: 1;
  overflow: auto;
}
.tui-conversation-item[data-v-bd890155] {
  padding: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
}
.tui-conversation-item .left[data-v-bd890155] {
  position: relative;
  width: 36px;
  height: 36px;
}
.tui-conversation-item .left .num[data-v-bd890155] {
  position: absolute;
  display: inline-block;
  right: 0;
  top: -5px;
  min-width: 10px;
  width: fit-content;
  padding: 0 2.5px;
  height: 15px;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  border-radius: 7.5px;
}
.tui-conversation-item .left .num-notify[data-v-bd890155] {
  position: absolute;
  display: inline-block;
  right: 2px;
  top: -2px;
  width: 6px;
  height: 6px;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  border-radius: 65%;
}
.tui-conversation-item .left .avatar[data-v-bd890155] {
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
.tui-conversation-item .left .online-status[data-v-bd890155] {
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 24px;
  top: 22px;
  border: 2px solid #fff;
  box-shadow: 0 0 4px #0000001a;
  border-radius: 50%;
}
.tui-conversation-item .left .online-status-online[data-v-bd890155] {
  background: #29cc85;
}
.tui-conversation-item .left .online-status-offline[data-v-bd890155] {
  background: #a4a4a4;
}
.tui-conversation-item .content-footer[data-v-bd890155] {
  line-height: 16px;
  display: flex;
  flex-direction: column;
}
.tui-conversation-item .content-footer .time[data-v-bd890155] {
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  white-space: nowrap;
}
.tui-conversation-item .content[data-v-bd890155] {
  display: flex;
  flex: 1;
  padding-left: 8px;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: hidden;
}
.tui-conversation-item .content .content-footer[data-v-bd890155] {
  align-items: flex-end;
}
.tui-conversation-item .content .content-footer .icon[data-v-bd890155] {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
}
.tui-conversation-item .content-header[data-v-bd890155] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}
.tui-conversation-item .content-header-label[data-v-bd890155] {
  flex: 1;
  font-size: 14px;
}
.tui-conversation-item .content-header .name[data-v-bd890155] {
  width: 110px;
  letter-spacing: 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tui-conversation-item .content-header .middle-box[data-v-bd890155] {
  flex: 1;
  display: flex;
  align-items: center;
}
.tui-conversation-item .content-header .middle-box-at[data-v-bd890155],
.tui-conversation-item .content-header .middle-box-draft[data-v-bd890155] {
  font-size: 12px;
}
.tui-conversation-item .content-header .middle-box-content[data-v-bd890155] {
  flex: 1;
  width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 16px;
}
.tui-conversation-item-content[data-v-bd890155] {
  position: relative;
}
.tui-conversation-item-content .tui-conversation-item[data-v-bd890155]:hover {
  background: rgba(0, 110, 255, 0.1);
}
.tui-conversation-item-content .dialog[data-v-bd890155] {
  position: absolute;
  z-index: 5;
  padding: 2px 20px;
  cursor: pointer;
}
.tui-conversation-item-content .dialog-item[data-v-bd890155] {
  top: 30px;
  left: 164px;
  border-radius: 8px;
}
.tui-conversation-item-content .dialog .conversation-options[data-v-bd890155] {
  padding: 5px 0;
  height: 17px;
  font-size: 12px;
  line-height: 17px;
}
.tui-conversation-item-content .dialog-item-up[data-v-bd890155] {
  top: -50px;
}
.tui-conversation-list-h5 .tui-conversation-content .dialog[data-v-bd890155] {
  left: auto;
  right: 18px;
  padding: 0;
}
.tui-conversation-list-h5
  .tui-conversation-content
  .dialog
  .conversation-options[data-v-bd890155] {
  padding: 12px;
  font-size: 16px;
}
.tui-conversation-list-h5
  .tui-conversation-content
  .dialog-item-up[data-v-bd890155] {
  top: -70px;
}
.tui-conversation-list-h5
  .tui-conversation-content
  .tui-conversation-item[data-v-bd890155] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tui-conversation-list-h5
  .tui-conversation-content
  .tui-conversation-item
  .content
  .name[data-v-bd890155] {
  font-size: 16px;
}
.tui-conversation-list-h5
  .tui-conversation-content
  .tui-conversation-item
  .content
  .middle-box
  p[data-v-bd890155],
.tui-conversation-list-h5
  .tui-conversation-content
  .tui-conversation-item
  .time[data-v-bd890155] {
  font-size: 14px;
}
.disable-select[data-v-bd890155] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body[data-v-c2db8bb0],
div[data-v-c2db8bb0],
ul[data-v-c2db8bb0],
ol[data-v-c2db8bb0],
dt[data-v-c2db8bb0],
dd[data-v-c2db8bb0],
li[data-v-c2db8bb0],
dl[data-v-c2db8bb0],
h1[data-v-c2db8bb0],
h2[data-v-c2db8bb0],
h3[data-v-c2db8bb0],
h4[data-v-c2db8bb0],
p[data-v-c2db8bb0] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-c2db8bb0],
ul[data-v-c2db8bb0],
li[data-v-c2db8bb0] {
  list-style: none;
}
img[data-v-c2db8bb0] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-c2db8bb0] {
  color: #000;
  background: #fff;
}
.clear[data-v-c2db8bb0] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-c2db8bb0] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-c2db8bb0]:hover {
  text-decoration: none;
}
input[data-v-c2db8bb0],
textarea[data-v-c2db8bb0] {
  user-select: auto;
}
input[data-v-c2db8bb0]:focus,
input[data-v-c2db8bb0]:active,
textarea[data-v-c2db8bb0]:focus,
textarea[data-v-c2db8bb0]:active {
  outline: none;
}
.chat-aside[data-v-c2db8bb0] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.tui-conversation[data-v-c2db8bb0] {
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tui-conversation-list[data-v-c2db8bb0] {
  overflow: auto;
}
.tui-conversation-header[data-v-c2db8bb0] {
  width: 100%;
  position: relative;
}
.tui-conversation-header .list[data-v-c2db8bb0] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f4f5f9;
  padding: 7px 0;
}
.tui-conversation-header .list-item[data-v-c2db8bb0] {
  flex: 1;
  display: flex;
  position: relative;
  padding: 7px;
  cursor: pointer;
  user-select: none;
}
.tui-conversation-header-item[data-v-c2db8bb0] {
  flex: 1;
  display: flex;
  align-items: center;
}
.tui-conversation-header-item-title[data-v-c2db8bb0] {
  padding: 0 8px;
  font-size: 16px;
  font-weight: 400;
}
.tui-conversation-header-children[data-v-c2db8bb0] {
  position: absolute;
  top: 100%;
  z-index: 3;
  padding: 7px 9px;
  border-bottom: none;
  background-color: #fff;
  box-shadow: 0 3px 7px #0003;
  flex-direction: column;
}
.network[data-v-c2db8bb0] {
  padding: 0 12px;
  display: flex;
  align-items: center;
}
.network .icon-error[data-v-c2db8bb0] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: red;
  color: #fff;
  font-style: normal;
}
.network-content[data-v-c2db8bb0] {
  padding: 5px;
  font-size: 12px;
  line-height: 22px;
}
.plus[data-v-c2db8bb0] {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}
.plus[data-v-c2db8bb0]:before,
.plus[data-v-c2db8bb0]:after {
  content: "";
  position: absolute;
  background-color: #232832;
  border-radius: 0.5px;
  width: 1px;
  height: 14px;
  inset: 0;
  margin: auto;
}
.plus[data-v-c2db8bb0]:after {
  transform: rotate(90deg);
  width: 0.5px;
}
.tui-conversation[data-v-c2db8bb0] {
  background: #fff;
}
.network-content[data-v-c2db8bb0] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #e54545;
  letter-spacing: 0;
}
body[data-v-27a9bb52],
div[data-v-27a9bb52],
ul[data-v-27a9bb52],
ol[data-v-27a9bb52],
dt[data-v-27a9bb52],
dd[data-v-27a9bb52],
li[data-v-27a9bb52],
dl[data-v-27a9bb52],
h1[data-v-27a9bb52],
h2[data-v-27a9bb52],
h3[data-v-27a9bb52],
h4[data-v-27a9bb52],
p[data-v-27a9bb52] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-27a9bb52],
ul[data-v-27a9bb52],
li[data-v-27a9bb52] {
  list-style: none;
}
img[data-v-27a9bb52] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-27a9bb52] {
  color: #000;
  background: #fff;
}
.clear[data-v-27a9bb52] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-27a9bb52] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-27a9bb52]:hover {
  text-decoration: none;
}
input[data-v-27a9bb52],
textarea[data-v-27a9bb52] {
  user-select: auto;
}
input[data-v-27a9bb52]:focus,
input[data-v-27a9bb52]:active,
textarea[data-v-27a9bb52]:focus,
textarea[data-v-27a9bb52]:active {
  outline: none;
}
.chat-aside[data-v-27a9bb52] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.tui-conversation[data-v-27a9bb52] {
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tui-conversation-list[data-v-27a9bb52] {
  overflow: auto;
}
.tui-conversation-header[data-v-27a9bb52] {
  width: 100%;
  position: relative;
}
.tui-conversation-header .list[data-v-27a9bb52] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f4f5f9;
  padding: 7px 0;
}
.tui-conversation-header .list-item[data-v-27a9bb52] {
  flex: 1;
  display: flex;
  position: relative;
  padding: 7px;
  cursor: pointer;
  user-select: none;
}
.tui-conversation-header-item[data-v-27a9bb52] {
  flex: 1;
  display: flex;
  align-items: center;
}
.tui-conversation-header-item-title[data-v-27a9bb52] {
  padding: 0 8px;
  font-size: 16px;
  font-weight: 400;
}
.tui-conversation-header-children[data-v-27a9bb52] {
  position: absolute;
  top: 100%;
  z-index: 3;
  padding: 7px 9px;
  border-bottom: none;
  background-color: #fff;
  box-shadow: 0 3px 7px #0003;
  flex-direction: column;
}
.network[data-v-27a9bb52] {
  padding: 0 12px;
  display: flex;
  align-items: center;
}
.network .icon-error[data-v-27a9bb52] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: red;
  color: #fff;
  font-style: normal;
}
.network-content[data-v-27a9bb52] {
  padding: 5px;
  font-size: 12px;
  line-height: 22px;
}
.plus[data-v-27a9bb52] {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}
.plus[data-v-27a9bb52]:before,
.plus[data-v-27a9bb52]:after {
  content: "";
  position: absolute;
  background-color: #232832;
  border-radius: 0.5px;
  width: 1px;
  height: 14px;
  inset: 0;
  margin: auto;
}
.plus[data-v-27a9bb52]:after {
  transform: rotate(90deg);
  width: 0.5px;
}
.tui-conversation[data-v-27a9bb52] {
  background: #fff;
}
.network-content[data-v-27a9bb52] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #e54545;
  letter-spacing: 0;
}
body[data-v-4ec9a278],
div[data-v-4ec9a278],
ul[data-v-4ec9a278],
ol[data-v-4ec9a278],
dt[data-v-4ec9a278],
dd[data-v-4ec9a278],
li[data-v-4ec9a278],
dl[data-v-4ec9a278],
h1[data-v-4ec9a278],
h2[data-v-4ec9a278],
h3[data-v-4ec9a278],
h4[data-v-4ec9a278],
p[data-v-4ec9a278] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-4ec9a278],
ul[data-v-4ec9a278],
li[data-v-4ec9a278] {
  list-style: none;
}
img[data-v-4ec9a278] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-4ec9a278] {
  color: #000;
  background: #fff;
}
.clear[data-v-4ec9a278] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-4ec9a278] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-4ec9a278]:hover {
  text-decoration: none;
}
input[data-v-4ec9a278],
textarea[data-v-4ec9a278] {
  user-select: auto;
}
input[data-v-4ec9a278]:focus,
input[data-v-4ec9a278]:active,
textarea[data-v-4ec9a278]:focus,
textarea[data-v-4ec9a278]:active {
  outline: none;
}
.chat-aside[data-v-4ec9a278] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.tui-conversation[data-v-4ec9a278] {
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tui-conversation-list[data-v-4ec9a278] {
  overflow: auto;
}
.tui-conversation-header[data-v-4ec9a278] {
  width: 100%;
  position: relative;
}
.tui-conversation-header .list[data-v-4ec9a278] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f4f5f9;
  padding: 7px 0;
}
.tui-conversation-header .list-item[data-v-4ec9a278] {
  flex: 1;
  display: flex;
  position: relative;
  padding: 7px;
  cursor: pointer;
  user-select: none;
}
.tui-conversation-header-item[data-v-4ec9a278] {
  flex: 1;
  display: flex;
  align-items: center;
}
.tui-conversation-header-item-title[data-v-4ec9a278] {
  padding: 0 8px;
  font-size: 16px;
  font-weight: 400;
}
.tui-conversation-header-children[data-v-4ec9a278] {
  position: absolute;
  top: 100%;
  z-index: 3;
  padding: 7px 9px;
  border-bottom: none;
  background-color: #fff;
  box-shadow: 0 3px 7px #0003;
  flex-direction: column;
}
.network[data-v-4ec9a278] {
  padding: 0 12px;
  display: flex;
  align-items: center;
}
.network .icon-error[data-v-4ec9a278] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: red;
  color: #fff;
  font-style: normal;
}
.network-content[data-v-4ec9a278] {
  padding: 5px;
  font-size: 12px;
  line-height: 22px;
}
.plus[data-v-4ec9a278] {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}
.plus[data-v-4ec9a278]:before,
.plus[data-v-4ec9a278]:after {
  content: "";
  position: absolute;
  background-color: #232832;
  border-radius: 0.5px;
  width: 1px;
  height: 14px;
  inset: 0;
  margin: auto;
}
.plus[data-v-4ec9a278]:after {
  transform: rotate(90deg);
  width: 0.5px;
}
.tui-conversation[data-v-4ec9a278] {
  background: #fff;
}
.network-content[data-v-4ec9a278] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #e54545;
  letter-spacing: 0;
}
.tui-search-input-container[data-v-87bbb1fc] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.tui-search-input-container-global[data-v-87bbb1fc] {
  flex: 1;
}
.tui-search-input-container .tui-search-input[data-v-87bbb1fc] {
  flex: 1;
  display: flex;
  flex-direction: row;
  width: calc(100% - 20px);
  margin: 10px;
  background: #ededed;
  justify-content: center;
  align-items: center;
  height: 28px;
  border-radius: 4px;
}
.tui-search-input-container .tui-search-input-main[data-v-87bbb1fc] {
  flex: 1;
  background: transparent;
  border: none;
  caret-color: #007aff;
  font-size: 14px;
}
.tui-search-input-container .tui-search-input-main[data-v-87bbb1fc]:focus {
  border: none;
  outline: none;
}
.tui-search-input-container
  .tui-search-input-main[data-v-87bbb1fc]::placeholder {
  color: #666;
  font-size: 12px;
}
.tui-search-input-container .tui-search-input-left[data-v-87bbb1fc],
.tui-search-input-container .tui-search-input-right[data-v-87bbb1fc] {
  display: flex;
  width: 14px;
  height: 14px;
  padding: 0 7px;
}
.tui-search-input-container-h5 .tui-search-input-h5[data-v-87bbb1fc] {
  height: 34px;
}
.tui-search-input-container-h5 .tui-search-input-cancel[data-v-87bbb1fc] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 14px;
  padding: 7px 10px 7px 3px;
  font-family: PingFang SC, sans-serif;
}
.tui-date-table[data-v-ae88d311] {
  border-spacing: 0;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
  font-size: 12px;
  user-select: none;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
}
.tui-date-table[data-v-ae88d311]:after,
.tui-date-table[data-v-ae88d311]:before {
  box-sizing: border-box;
}
.tui-date-table-body[data-v-ae88d311] {
  width: 100%;
  background-color: #fff;
}
.tui-date-table-body-weeks[data-v-ae88d311],
.tui-date-table-body-days[data-v-ae88d311] {
  box-sizing: border-box;
  min-width: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  overflow: hidden;
}
.tui-date-table-body-weeks[data-v-ae88d311] {
  width: 100%;
}
.tui-date-table-body-weeks-item[data-v-ae88d311] {
  color: #666;
  font-size: 12px;
  font-weight: 400px;
}
.tui-date-table-body-days[data-v-ae88d311] {
  color: #000;
}
.tui-date-table-body-days-item-cell[data-v-ae88d311] {
  text-align: center;
  padding: 2px;
  margin: 2px 0;
}
.tui-date-table-body-days-item-cell-text[data-v-ae88d311] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
}
.tui-date-table-body-days-item .selected[data-v-ae88d311] {
  border-radius: 12px;
}
.tui-date-table-body-days-item
  .selected
  .tui-date-table-body-days-item-cell-text[data-v-ae88d311] {
  box-sizing: border-box;
  color: #007aff;
  border: 1px solid #007aff;
  background-color: #fff;
}
.tui-date-table-body-days-item .range[data-v-ae88d311] {
  background-color: #007aff33;
}
.tui-date-table-body-days-item .selected-start[data-v-ae88d311] {
  border-radius: 12px 0 0 12px;
}
.tui-date-table-body-days-item .selected-end[data-v-ae88d311] {
  border-radius: 0 12px 12px 0;
}
.tui-date-table-body-days-item .selected-start.selected-end[data-v-ae88d311] {
  border-radius: 12px;
}
.tui-date-table-body-days .prev-month[data-v-ae88d311],
.tui-date-table-body-days .next-month[data-v-ae88d311],
.tui-date-table-body-days .prev-month .range[data-v-ae88d311],
.tui-date-table-body-days .next-month .range[data-v-ae88d311] {
  color: #666;
  background-color: #fff;
}
.tui-date-table-body-days
  .prev-month
  .selected
  .tui-date-table-body-days-item-cell-text[data-v-ae88d311],
.tui-date-table-body-days
  .next-month
  .selected
  .tui-date-table-body-days-item-cell-text[data-v-ae88d311] {
  box-sizing: border-box;
  color: #666;
  border: none;
}
.tui-date-table-h5 .tui-date-table-body-days-item-cell-text[data-v-ae88d311] {
  cursor: none !important;
}
td[data-v-ae88d311],
._td[data-v-ae88d311],
.tui-date-table-body-days-item[data-v-ae88d311] {
  flex: 1;
}
.tui-date-picker-panel[data-v-ed7704de] {
  width: 200px;
  margin: 5px;
}
.tui-date-picker-panel-body[data-v-ed7704de] {
  width: 200px;
  display: flex;
  flex-direction: column;
}
.tui-date-picker-panel-body-header[data-v-ed7704de] {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 30px;
  padding: 0 5px;
  box-sizing: border-box;
}
.tui-date-picker-panel-body-header-prev[data-v-ed7704de] {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  width: 24px;
}
.tui-date-picker-panel-body-header-label[data-v-ed7704de] {
  flex: 1;
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  justify-content: center;
  user-select: none;
  color: #666;
}
.tui-date-picker-panel-body-header-label-item[data-v-ed7704de] {
  padding: 0 5px;
  color: #666;
}
.tui-date-picker-panel-body-header-next[data-v-ed7704de] {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  width: 24px;
}
.tui-date-picker-panel-icon[data-v-ed7704de] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
}
.tui-date-picker-input[data-v-5842e3ed] {
  min-width: 160px;
  display: flex;
  flex-direction: row;
  color: #666;
  border-radius: 5px;
  font-size: 12px;
}
.tui-date-picker-input-start[data-v-5842e3ed],
.tui-date-picker-input-end[data-v-5842e3ed] {
  flex: 1;
  color: #666;
  height: 17px;
  border: none;
  width: 67px;
  background-color: transparent;
  font-size: 12px;
  text-align: center;
}
.tui-date-picker-input-start[data-v-5842e3ed]:focus,
.tui-date-picker-input-end[data-v-5842e3ed]:focus {
  border: none;
  outline: none;
}
.tui-date-picker-input-start[data-v-5842e3ed]::placeholder,
.tui-date-picker-input-end[data-v-5842e3ed]::placeholder {
  text-align: center;
}
.tui-date-picker-dialog[data-v-5842e3ed] {
  position: relative;
}
.tui-date-picker-dialog-container[data-v-5842e3ed] {
  position: absolute;
  display: flex;
  flex-direction: row;
  padding: 10px;
  left: 5px;
  background-color: #fff;
  box-shadow: #00000029 0 3px 6px, #0000003b 0 3px 6px;
  z-index: 1000;
}
.tui-date-picker-dialog-container-bottom[data-v-5842e3ed] {
  left: 5px;
}
.tui-date-picker-dialog-container-top[data-v-5842e3ed] {
  bottom: 30px;
}
.tui-date-picker-dialog-container-one[data-v-5842e3ed] {
  left: -5px;
}
body[data-v-7ef5022c],
div[data-v-7ef5022c],
ul[data-v-7ef5022c],
ol[data-v-7ef5022c],
dt[data-v-7ef5022c],
dd[data-v-7ef5022c],
li[data-v-7ef5022c],
dl[data-v-7ef5022c],
h1[data-v-7ef5022c],
h2[data-v-7ef5022c],
h3[data-v-7ef5022c],
h4[data-v-7ef5022c],
p[data-v-7ef5022c] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-7ef5022c],
ul[data-v-7ef5022c],
li[data-v-7ef5022c] {
  list-style: none;
}
img[data-v-7ef5022c] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-7ef5022c] {
  color: #000;
  background: #fff;
}
.clear[data-v-7ef5022c] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-7ef5022c] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-7ef5022c]:hover {
  text-decoration: none;
}
input[data-v-7ef5022c],
textarea[data-v-7ef5022c] {
  user-select: auto;
}
input[data-v-7ef5022c]:focus,
input[data-v-7ef5022c]:active,
textarea[data-v-7ef5022c]:focus,
textarea[data-v-7ef5022c]:active {
  outline: none;
}
.chat-aside[data-v-7ef5022c] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.container-bottom[data-v-7ef5022c] {
  margin: 0;
  position: relative;
}
.container-conversation[data-v-7ef5022c] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tui-search-container-bottom[data-v-7ef5022c] {
  position: absolute;
  min-width: 100%;
  width: fit-content;
  overflow-y: auto;
  height: 90vh;
  border-radius: 4px;
  background-color: #fff;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  box-shadow: #00000029 0 3px 6px, #0000003b 0 3px 6px;
  left: 0;
  top: -5px;
}
.tui-search-container-aside[data-v-7ef5022c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tui-search-container .tui-search-header[data-v-7ef5022c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 10px;
}
.tui-search-container .tui-search-header-title[data-v-7ef5022c] {
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  font-family: PingFang SC, sans-serif;
}
.tui-search-container .tui-search-header-close[data-v-7ef5022c] {
  cursor: pointer;
}
.tui-search-container .tui-search-tabs[data-v-7ef5022c] {
  width: 100%;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tui-search-container .tui-search-tabs-item[data-v-7ef5022c] {
  padding: 10px 0;
  margin: 0 10px;
  font-size: 14px;
  color: #666;
  user-select: none;
  cursor: pointer;
}
.tui-search-container .tui-search-tabs-item-selected[data-v-7ef5022c] {
  color: #007aff;
  border-bottom: 2px solid #007aff;
}
.tui-search-container .tui-search-time[data-v-7ef5022c] {
  width: 100%;
  height: 43px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.tui-search-container .tui-search-time-item[data-v-7ef5022c] {
  height: calc(100% - 20px);
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #666;
  user-select: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tui-search-container .tui-search-time-item-picker[data-v-7ef5022c] {
  display: flex;
}
.tui-search-container .tui-search-time-item-close[data-v-7ef5022c],
.tui-search-container .tui-search-time-item-all[data-v-7ef5022c] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tui-search-container .tui-search-time-item-selected[data-v-7ef5022c] {
  background-color: #007aff33;
}
.tui-search-container-h5[data-v-7ef5022c] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.tui-search-container-h5 .tui-search-container-h5-main[data-v-7ef5022c] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.tui-search-container-h5
  .tui-search-container-h5-main
  .tui-search-tabs
  .tui-search-tabs-item[data-v-7ef5022c] {
  cursor: none;
}
.tui-search-container-h5
  .tui-search-container-h5-main
  .tui-search-time[data-v-7ef5022c] {
  background-color: #f4f4f4;
}
.tui-search-container-h5
  .tui-search-container-h5-main
  .tui-search-time
  .tui-search-time-item[data-v-7ef5022c] {
  cursor: none;
  background-color: #fff;
}
.tui-search-container-h5
  .tui-search-container-h5-main
  .tui-search-time
  .tui-search-time-item-selected[data-v-7ef5022c] {
  background-color: #007aff33;
}
body[data-v-9de03a59],
div[data-v-9de03a59],
ul[data-v-9de03a59],
ol[data-v-9de03a59],
dt[data-v-9de03a59],
dd[data-v-9de03a59],
li[data-v-9de03a59],
dl[data-v-9de03a59],
h1[data-v-9de03a59],
h2[data-v-9de03a59],
h3[data-v-9de03a59],
h4[data-v-9de03a59],
p[data-v-9de03a59] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-9de03a59],
ul[data-v-9de03a59],
li[data-v-9de03a59] {
  list-style: none;
}
img[data-v-9de03a59] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-9de03a59] {
  color: #000;
  background: #fff;
}
.clear[data-v-9de03a59] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-9de03a59] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-9de03a59]:hover {
  text-decoration: none;
}
input[data-v-9de03a59],
textarea[data-v-9de03a59] {
  user-select: auto;
}
input[data-v-9de03a59]:focus,
input[data-v-9de03a59]:active,
textarea[data-v-9de03a59]:focus,
textarea[data-v-9de03a59]:active {
  outline: none;
}
.chat-aside[data-v-9de03a59] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-abstract-text[data-v-9de03a59] {
  justify-content: flex-start;
}
.message-abstract-text-font[data-v-9de03a59] {
  color: #999;
}
.message-abstract-text-font .highlight[data-v-9de03a59] {
  color: #007aff;
}
.message-abstract-text-font .normal[data-v-9de03a59] {
  color: #999;
}
.message-abstract-text-background[data-v-9de03a59] {
  color: #1f2329;
}
.message-abstract-text-background .highlight[data-v-9de03a59] {
  background-color: #007aff33;
}
.message-abstract-text-background .normal[data-v-9de03a59] {
  font-size: 14px;
}
.message-abstract-text-info[data-v-9de03a59] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.message-abstract-text-info .highlight[data-v-9de03a59],
.message-abstract-text-info .normal[data-v-9de03a59] {
  font-size: 12px;
}
.message-abstract-text-bubble[data-v-9de03a59],
.message-abstract-text-bubble .highlight[data-v-9de03a59],
.message-abstract-text-bubble .normal[data-v-9de03a59] {
  font-size: 14px;
}
body[data-v-dfb279ec],
div[data-v-dfb279ec],
ul[data-v-dfb279ec],
ol[data-v-dfb279ec],
dt[data-v-dfb279ec],
dd[data-v-dfb279ec],
li[data-v-dfb279ec],
dl[data-v-dfb279ec],
h1[data-v-dfb279ec],
h2[data-v-dfb279ec],
h3[data-v-dfb279ec],
h4[data-v-dfb279ec],
p[data-v-dfb279ec] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-dfb279ec],
ul[data-v-dfb279ec],
li[data-v-dfb279ec] {
  list-style: none;
}
img[data-v-dfb279ec] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-dfb279ec] {
  color: #000;
  background: #fff;
}
.clear[data-v-dfb279ec] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-dfb279ec] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-dfb279ec]:hover {
  text-decoration: none;
}
input[data-v-dfb279ec],
textarea[data-v-dfb279ec] {
  user-select: auto;
}
input[data-v-dfb279ec]:focus,
input[data-v-dfb279ec]:active,
textarea[data-v-dfb279ec]:focus,
textarea[data-v-dfb279ec]:active {
  outline: none;
}
.chat-aside[data-v-dfb279ec] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-abstract-file[data-v-dfb279ec] {
  display: flex;
  flex: 1;
  overflow: hidden;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.message-abstract-file-left[data-v-dfb279ec] {
  width: 42px;
  height: 32px;
}
.message-abstract-file-left-icon[data-v-dfb279ec] {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border-radius: 5px;
}
.message-abstract-file-main[data-v-dfb279ec] {
  flex: 1;
  overflow: hidden;
}
.message-abstract-file-main-name[data-v-dfb279ec] {
  width: 100%;
  color: #000;
  font-size: 14px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-abstract-file-main-name .highlight[data-v-dfb279ec] {
  background-color: #007aff33;
}
.message-abstract-file-main-name .normal[data-v-dfb279ec] {
  color: #000;
}
.message-abstract-file-main-size[data-v-dfb279ec] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #888;
  font-size: 12px;
}
.message-abstract-file-bubble[data-v-dfb279ec] {
  background-color: #f1f1f1;
}
.message-abstract-file-bubble
  .message-abstract-file-main
  .message-abstract-file-main-name[data-v-dfb279ec],
.message-abstract-file-bubble
  .message-abstract-file-main
  .message-abstract-file-main-name
  .normal[data-v-dfb279ec] {
  color: #1f2329;
}
.message-abstract-file-file[data-v-dfb279ec] {
  margin: 8px 10px 5px;
  padding: 10px;
  background-color: #f1f1f1;
  height: 51px;
}
body[data-v-4866a608],
div[data-v-4866a608],
ul[data-v-4866a608],
ol[data-v-4866a608],
dt[data-v-4866a608],
dd[data-v-4866a608],
li[data-v-4866a608],
dl[data-v-4866a608],
h1[data-v-4866a608],
h2[data-v-4866a608],
h3[data-v-4866a608],
h4[data-v-4866a608],
p[data-v-4866a608] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-4866a608],
ul[data-v-4866a608],
li[data-v-4866a608] {
  list-style: none;
}
img[data-v-4866a608] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-4866a608] {
  color: #000;
  background: #fff;
}
.clear[data-v-4866a608] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-4866a608] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-4866a608]:hover {
  text-decoration: none;
}
input[data-v-4866a608],
textarea[data-v-4866a608] {
  user-select: auto;
}
input[data-v-4866a608]:focus,
input[data-v-4866a608]:active,
textarea[data-v-4866a608]:focus,
textarea[data-v-4866a608]:active {
  outline: none;
}
.chat-aside[data-v-4866a608] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-abstract-custom .service .service-header[data-v-4866a608] {
  font-size: 14px;
  color: #000;
}
.message-abstract-custom
  .service
  .service-list
  .service-list-item[data-v-4866a608] {
  font-size: 14px;
}
.message-abstract-custom .evaluate .evaluate-list[data-v-4866a608] {
  padding: 5px 0;
  display: flex;
  flex-direction: row;
}
.message-abstract-custom
  .evaluate
  .evaluate-list
  .evaluate-item[data-v-4866a608] {
  padding: 0 2px;
}
.message-abstract-custom .order[data-v-4866a608] {
  display: flex;
}
.message-abstract-custom .order .order-main[data-v-4866a608] {
  padding-left: 5px;
}
.message-abstract-custom .order .order-main .order-main-title[data-v-4866a608] {
  font-size: 14px;
  color: #000;
}
.message-abstract-custom
  .order
  .order-main
  .order-main-description[data-v-4866a608] {
  font-family: PingFangSC-Regular, sans-serif;
  width: 145px;
  line-height: 17px;
  font-size: 14px;
  color: #999;
  letter-spacing: 0;
  margin-bottom: 6px;
  word-break: break-word;
}
.message-abstract-custom .order .order-main .order-main-price[data-v-4866a608] {
  font-family: PingFangSC-Regular, sans-serif;
  line-height: 25px;
  color: #ff7201;
}
.message-abstract-custom .order .order-img[data-v-4866a608] {
  width: 67px;
  height: 67px;
}
.message-abstract-custom .link[data-v-4866a608] {
  font-size: 14px;
  color: #679ce1;
}
.message-abstract-custom .description[data-v-4866a608] {
  font-size: 14px;
  color: #000;
}
.message-abstract-custom .description .highlight[data-v-4866a608] {
  background-color: #007aff33;
}
.message-abstract-custom .description .normal[data-v-4866a608] {
  font-size: 14px;
  color: #000;
}
body[data-v-2a995d22],
div[data-v-2a995d22],
ul[data-v-2a995d22],
ol[data-v-2a995d22],
dt[data-v-2a995d22],
dd[data-v-2a995d22],
li[data-v-2a995d22],
dl[data-v-2a995d22],
h1[data-v-2a995d22],
h2[data-v-2a995d22],
h3[data-v-2a995d22],
h4[data-v-2a995d22],
p[data-v-2a995d22] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-2a995d22],
ul[data-v-2a995d22],
li[data-v-2a995d22] {
  list-style: none;
}
img[data-v-2a995d22] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-2a995d22] {
  color: #000;
  background: #fff;
}
.clear[data-v-2a995d22] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-2a995d22] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-2a995d22]:hover {
  text-decoration: none;
}
input[data-v-2a995d22],
textarea[data-v-2a995d22] {
  user-select: auto;
}
input[data-v-2a995d22]:focus,
input[data-v-2a995d22]:active,
textarea[data-v-2a995d22]:focus,
textarea[data-v-2a995d22]:active {
  outline: none;
}
.chat-aside[data-v-2a995d22] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-abstract-image-container[data-v-2a995d22] {
  max-width: 100px;
  max-height: 100px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: #fff;
}
.message-abstract-image-container .message-abstract-image[data-v-2a995d22] {
  max-width: 100px;
  max-height: 100px;
  width: 100px;
  height: 100px;
  object-fit: contain;
}
body[data-v-f136d91d],
div[data-v-f136d91d],
ul[data-v-f136d91d],
ol[data-v-f136d91d],
dt[data-v-f136d91d],
dd[data-v-f136d91d],
li[data-v-f136d91d],
dl[data-v-f136d91d],
h1[data-v-f136d91d],
h2[data-v-f136d91d],
h3[data-v-f136d91d],
h4[data-v-f136d91d],
p[data-v-f136d91d] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-f136d91d],
ul[data-v-f136d91d],
li[data-v-f136d91d] {
  list-style: none;
}
img[data-v-f136d91d] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-f136d91d] {
  color: #000;
  background: #fff;
}
.clear[data-v-f136d91d] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-f136d91d] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-f136d91d]:hover {
  text-decoration: none;
}
input[data-v-f136d91d],
textarea[data-v-f136d91d] {
  user-select: auto;
}
input[data-v-f136d91d]:focus,
input[data-v-f136d91d]:active,
textarea[data-v-f136d91d]:focus,
textarea[data-v-f136d91d]:active {
  outline: none;
}
.chat-aside[data-v-f136d91d] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.message-abstract-video[data-v-f136d91d] {
  max-width: 100px;
  max-height: 100px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: #fff;
}
.message-abstract-video-box[data-v-f136d91d] {
  max-width: 100px;
  max-height: 100px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
}
.message-abstract-video-box .video-snapshot[data-v-f136d91d] {
  max-width: 100px;
  max-height: 100px;
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.message-abstract-video-box .video-play[data-v-f136d91d] {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 35px;
  height: 35px;
  margin: auto;
}
body[data-v-7d000737],
div[data-v-7d000737],
ul[data-v-7d000737],
ol[data-v-7d000737],
dt[data-v-7d000737],
dd[data-v-7d000737],
li[data-v-7d000737],
dl[data-v-7d000737],
h1[data-v-7d000737],
h2[data-v-7d000737],
h3[data-v-7d000737],
h4[data-v-7d000737],
p[data-v-7d000737] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-7d000737],
ul[data-v-7d000737],
li[data-v-7d000737] {
  list-style: none;
}
img[data-v-7d000737] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-7d000737] {
  color: #000;
  background: #fff;
}
.clear[data-v-7d000737] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-7d000737] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-7d000737]:hover {
  text-decoration: none;
}
input[data-v-7d000737],
textarea[data-v-7d000737] {
  user-select: auto;
}
input[data-v-7d000737]:focus,
input[data-v-7d000737]:active,
textarea[data-v-7d000737]:focus,
textarea[data-v-7d000737]:active {
  outline: none;
}
.chat-aside[data-v-7d000737] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.search-result-list-item[data-v-7d000737] {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.search-result-list-item-image[data-v-7d000737] {
  display: inline-block;
  width: 100px;
  height: 100px;
  max-width: 100px;
  max-height: 100px;
  overflow: hidden;
  box-sizing: content-box;
  border: 1px solid #f1f1f1;
  padding: 0;
  margin: 5px;
}
.search-result-list-item-file[data-v-7d000737] {
  border: none;
}
.search-result-list-item .info[data-v-7d000737] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.search-result-list-item .info-left-avatar[data-v-7d000737] {
  width: 36px;
  height: 36px;
  border-radius: 5px;
}
.search-result-list-item .info-main[data-v-7d000737] {
  flex: 1;
  padding: 0 10px;
  overflow: hidden;
}
.search-result-list-item .info-main-name[data-v-7d000737],
.search-result-list-item .info-main-content[data-v-7d000737] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-list-item .info-main-name[data-v-7d000737] {
  color: #333;
  font-size: 14px;
  height: 20px;
}
.search-result-list-item .info-main-content[data-v-7d000737] {
  color: #999;
  font-size: 12px;
}
.search-result-list-item .info-main-content .highlight[data-v-7d000737] {
  color: #007aff;
}
.search-result-list-item .info-main-content .normal[data-v-7d000737] {
  color: #999;
}
.search-result-list-item .info-right[data-v-7d000737] {
  width: fit-content;
}
.search-result-list-item .info-right-time[data-v-7d000737] {
  font-weight: 400;
  font-size: 12px;
  color: #999;
  letter-spacing: 0;
  white-space: nowrap;
}
.search-result-list-item .bubble[data-v-7d000737] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.search-result-list-item .bubble-left-avatar[data-v-7d000737] {
  width: 36px;
  height: 36px;
  border-radius: 5px;
}
.search-result-list-item .bubble-main[data-v-7d000737] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 8px;
}
.search-result-list-item .bubble-main-name[data-v-7d000737] {
  max-width: 100%;
  width: fit-content;
  padding-bottom: 4px;
  font-weight: 400;
  font-size: 12px;
  color: #999;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-list-item .bubble-main-content[data-v-7d000737] {
  max-width: 100%;
  width: fit-content;
  box-sizing: border-box;
  padding: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  letter-spacing: 0;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  background: #eff0f1;
  border-radius: 0 10px 10px;
}
.search-result-list-item .bubble-main-content .highlight[data-v-7d000737] {
  background-color: #007aff33;
}
.search-result-list-item .bubble-main-content .normal[data-v-7d000737] {
  color: #1f2329;
}
.search-result-list-item .bubble-right[data-v-7d000737] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.search-result-list-item .bubble-right-time[data-v-7d000737] {
  font-weight: 400;
  font-size: 12px;
  color: #999;
  letter-spacing: 0;
  white-space: nowrap;
}
.search-result-list-item .bubble-right-to[data-v-7d000737] {
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  color: #007aff;
  letter-spacing: 0;
  white-space: nowrap;
}
.search-result-list-item .file[data-v-7d000737] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.search-result-list-item .file-header[data-v-7d000737] {
  flex: 1;
  padding: 10px 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.search-result-list-item .file-header-avatar[data-v-7d000737] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  margin-right: 3px;
}
.search-result-list-item .file-header-name[data-v-7d000737] {
  flex: 1;
}
.search-result-list-item .file-header-name[data-v-7d000737],
.search-result-list-item .file-header-time[data-v-7d000737],
.search-result-list-item .file-header-to[data-v-7d000737] {
  color: #666;
  font-size: 14px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-list-item .file-header-to[data-v-7d000737] {
  cursor: pointer;
  font-weight: 400;
  color: #007aff;
  letter-spacing: 0;
  white-space: nowrap;
  padding-right: 3px;
}
.search-result-list-item .file-main-content[data-v-7d000737] {
  padding: 10px;
  background-color: #f1f1f1;
}
.search-result-list-item .image[data-v-7d000737] {
  width: 100px;
  height: 100px;
  max-width: 100px;
  max-height: 100px;
  overflow: hidden;
  box-sizing: content-box;
}
.search-result-list-item .image .image-container[data-v-7d000737] {
  width: 100px;
  height: 100px;
  max-width: 100px;
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
.search-result-list-item
  .image
  .image-container
  .image-container-hover[data-v-7d000737] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40%;
  background-color: #0000004d;
}
.search-result-list-item
  .image
  .image-container
  .image-container-hover
  .image-container-hover-text[data-v-7d000737] {
  width: 100%;
  height: 100%;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
  user-select: none;
}
.hover-info[data-v-7d000737] {
  border-radius: 5px;
  background-color: #f5f5f5;
}
.hover-bubble[data-v-7d000737] {
  background-color: #f5f5f5;
}
.search-result-list-item-h5[data-v-7d000737] {
  padding: 10px 0;
  border-radius: 0;
}
.search-result-list-item-h5
  .bubble
  .bubble-left
  .bubble-left-avatar[data-v-7d000737] {
  width: 48px;
  height: 48px;
}
.search-result-list-item-h5
  .bubble
  .bubble-left
  .bubble-main
  .bubble-main-name[data-v-7d000737] {
  color: #333;
  font-family: PingFang SC, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  text-align: left;
}
.search-result-default[data-v-87e090a9] {
  width: 100%;
  flex: 0 !important;
  margin-top: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .search-result-default[data-v-87e090a9] {
    flex: auto !important;
    margin-top: 0;
  }
}
.search-result-default-h5[data-v-87e090a9] {
  background-color: #f4f4f4;
}
.search-result-default-main[data-v-87e090a9] {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.search-result-default-main .default-text[data-v-87e090a9] {
  font-family: PingFang SC, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
}
.tui-loading[data-v-f83d70f5] {
  width: 30px;
  height: 30px;
  border: 2px solid #d9d9d9;
  border-top-color: transparent;
  border-radius: 100%;
  animation: circle-f83d70f5 infinite 0.75s linear;
}
@keyframes circle-f83d70f5 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.search-result-loading[data-v-77ff6982] {
  width: 100%;
  flex: 0 !important;
  margin-top: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .search-result-loading[data-v-77ff6982] {
    flex: auto !important;
    margin-top: 0;
  }
}
.search-result-loading-h5[data-v-77ff6982] {
  background-color: #f4f4f4;
}
body[data-v-04fcfa45],
div[data-v-04fcfa45],
ul[data-v-04fcfa45],
ol[data-v-04fcfa45],
dt[data-v-04fcfa45],
dd[data-v-04fcfa45],
li[data-v-04fcfa45],
dl[data-v-04fcfa45],
h1[data-v-04fcfa45],
h2[data-v-04fcfa45],
h3[data-v-04fcfa45],
h4[data-v-04fcfa45],
p[data-v-04fcfa45] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-04fcfa45],
ul[data-v-04fcfa45],
li[data-v-04fcfa45] {
  list-style: none;
}
img[data-v-04fcfa45] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-04fcfa45] {
  color: #000;
  background: #fff;
}
.clear[data-v-04fcfa45] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-04fcfa45] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-04fcfa45]:hover {
  text-decoration: none;
}
input[data-v-04fcfa45],
textarea[data-v-04fcfa45] {
  user-select: auto;
}
input[data-v-04fcfa45]:focus,
input[data-v-04fcfa45]:active,
textarea[data-v-04fcfa45]:focus,
textarea[data-v-04fcfa45]:active {
  outline: none;
}
.chat-aside[data-v-04fcfa45] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.tui-search-result[data-v-04fcfa45] {
  overflow: hidden;
  flex: 1;
  display: flex;
  width: 100%;
  flex-direction: row;
  box-sizing: border-box;
}
.tui-search-result-with-border[data-v-04fcfa45] {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.tui-search-result-detail[data-v-04fcfa45] {
  width: 360px;
  overflow-y: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  flex: 1;
}
.tui-search-result-detail .tui-search-message-header[data-v-04fcfa45] {
  padding: 10px;
  display: flex;
  flex-direction: row;
  place-content: space-between space-between;
  font-size: 14px;
  align-items: center;
}
.tui-search-result-detail
  .tui-search-message-header
  .header-content[data-v-04fcfa45] {
  display: flex;
  flex-flow: row nowrap;
  flex: 1;
  overflow: hidden;
  color: #666;
  white-space: nowrap;
}
.tui-search-result-detail
  .tui-search-message-header
  .header-content
  .header-content-count[data-v-04fcfa45] {
  width: fit-content;
  white-space: nowrap;
}
.tui-search-result-detail
  .tui-search-message-header
  .header-content
  .header-content-keyword[data-v-04fcfa45] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tui-search-result-detail
  .tui-search-message-header
  .header-content
  .header-content-type[data-v-04fcfa45] {
  width: 110px;
  white-space: nowrap;
}
.tui-search-result-detail
  .tui-search-message-header
  .header-content
  .normal[data-v-04fcfa45] {
  color: #666;
}
.tui-search-result-detail
  .tui-search-message-header
  .header-content
  .highlight[data-v-04fcfa45] {
  color: #007aff;
}
.tui-search-result-detail
  .tui-search-message-header
  .header-enter[data-v-04fcfa45] {
  margin-left: 10px;
  width: 70px;
  color: #666;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tui-search-result-detail .tui-search-message-list[data-v-04fcfa45] {
  overflow-y: auto;
}
.tui-search-result-detail .tui-search-message-list .list-item[data-v-04fcfa45] {
  width: 100%;
  flex: 1;
  overflow: hidden;
}
.tui-search-result-detail
  .tui-search-message-list
  .list-group.list-group-image[data-v-04fcfa45] {
  display: flex;
  flex-flow: row wrap;
}
.tui-search-result-detail
  .tui-search-message-list
  .list-group.list-group-image
  .list-group-item[data-v-04fcfa45] {
  width: 111px;
  height: 111px;
}
.tui-search-result-detail
  .tui-search-message-list
  .list-group
  .list-group-date[data-v-04fcfa45] {
  width: 100%;
  box-sizing: border-box;
  font-family: PingFang SC, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
  padding: 10px 10px 2px;
}
.tui-search-result-detail .tui-search-message-list .more[data-v-04fcfa45] {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.tui-search-result-detail
  .tui-search-message-list
  .more
  .more-text[data-v-04fcfa45] {
  padding-left: 8px;
  font-size: 12px;
  color: #007aff;
  user-select: none;
}
.tui-search-result-main[data-v-04fcfa45] {
  width: 350px;
  padding: 10px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.tui-search-result-main .tui-search-result-list-item .header[data-v-04fcfa45] {
  font-size: 14px;
  padding: 4px 0;
}
.tui-search-result-main .tui-search-result-list-item .list[data-v-04fcfa45] {
  display: flex;
  flex-direction: column;
}
.tui-search-result-main
  .tui-search-result-list-item
  .list
  .list-item[data-v-04fcfa45] {
  cursor: pointer;
}
.tui-search-result-main
  .tui-search-result-list-item
  .list
  .list-item-selected[data-v-04fcfa45] {
  background: #f2f2f2;
  border-radius: 5px;
}
.tui-search-result-main .tui-search-result-list-item .more[data-v-04fcfa45] {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  padding-top: 10px;
  user-select: none;
  cursor: pointer;
}
.tui-search-result-main
  .tui-search-result-list-item
  .more
  .more-text[data-v-04fcfa45] {
  padding-left: 8px;
  font-size: 12px;
  color: #007aff;
  user-select: none;
}
.tui-search-result .tui-search-result-in-conversation[data-v-04fcfa45] {
  border: none;
}
.tui-search-result-h5[data-v-04fcfa45],
.tui-search-result-h5 .tui-search-result-main[data-v-04fcfa45] {
  background-color: #f4f4f4;
}
.tui-search-result-h5
  .tui-search-result-main
  .tui-search-result-list
  .tui-search-result-list-item[data-v-04fcfa45] {
  background-color: #fff;
  padding: 0 10px 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.tui-search-result-h5 .tui-search-result-detail[data-v-04fcfa45] {
  background-color: #f4f4f4;
  border: none;
}
.tui-search-result-h5 .tui-search-result-detail .list-item[data-v-04fcfa45] {
  margin: 0 10px;
  width: calc(100% - 20px);
}
.tui-search-result-h5
  .tui-search-result-detail
  .list-group-date[data-v-04fcfa45] {
  padding: 10px;
}
.tui-search-result-h5
  .tui-search-result-detail
  .list-group-image
  .list-group-item
  .search-result-list-item-h5[data-v-04fcfa45] {
  padding: 0;
}
.tui-search-result-h5
  .tui-search-result-detail
  .list-group-file
  .list-group-item[data-v-04fcfa45] {
  background-color: #fff;
  padding: 0 10px;
  border-bottom: 1px solid #f4f4f4;
}
.tui-search-result-h5
  .tui-search-result-detail
  .list-group-file
  .list-group-item
  .search-result-list-item-h5[data-v-04fcfa45] {
  padding: 0 0 10px;
}
.tui-search-result-h5
  .tui-search-result-detail
  .list-group-file
  .list-group-item[data-v-04fcfa45]:last-child {
  border-bottom: none;
}
.search-result-loading[data-v-04fcfa45],
.search-result-default[data-v-04fcfa45] {
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-result-loading-h5[data-v-04fcfa45],
.search-result-default-h5[data-v-04fcfa45] {
  background-color: #f4f4f4;
}
.resultbox[data-v-04fcfa45] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}
.resultbox .titles[data-v-04fcfa45] {
  padding: 10px 4px;
}
.resultbox .grouph1[data-v-04fcfa45] {
  color: #01fe89;
  padding: 0 4px;
  margin-bottom: 11px;
  cursor: pointer;
}
.resultbox .resbox[data-v-04fcfa45] {
  padding: 10px 24px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.resultbox .resbox[data-v-04fcfa45]:hover {
  background-color: #99ffd0;
}
.resultbox .resbox img[data-v-04fcfa45] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.resultbox .resbox .list_item[data-v-04fcfa45] {
  font-size: 14px;
  margin-left: 8px;
}
.resultbox .resbox .list_item > div[data-v-04fcfa45]:first-child {
  font-size: 14px;
}
.resultbox .resbox .list_item > div[data-v-04fcfa45]:last-child {
  font-size: 12px;
}
.tui-search-more[data-v-c52ec74d] {
  display: flex;
  flex-direction: column;
  position: relative;
}
.tui-search-more .more[data-v-c52ec74d] {
  width: 28px;
  height: 28px;
  margin-right: 6px;
}
.tui-search-more-list[data-v-c52ec74d] {
  margin: 10px 0;
  position: absolute;
  list-style: none;
  cursor: pointer;
  right: 6px;
  top: 20px;
  z-index: 1000;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  box-shadow: #00000029 0 3px 6px, #0000003b 0 3px 6px;
}
.tui-search-more-list .list-item[data-v-c52ec74d] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 10px;
}
.tui-search-more-list .list-item[data-v-c52ec74d]:hover {
  color: #01fe89;
}
.tui-search-more-list .list-item-icon[data-v-c52ec74d] {
  margin-right: 2px;
}
.tui-search-more-list .list-item-title[data-v-c52ec74d] {
  font-size: 14px;
  text-wrap: nowrap;
  word-break: keep-all;
}
.tui-search-more-h5 .more[data-v-c52ec74d] {
  width: 34px;
  height: 34px;
}
body[data-v-e4a2ab6e],
div[data-v-e4a2ab6e],
ul[data-v-e4a2ab6e],
ol[data-v-e4a2ab6e],
dt[data-v-e4a2ab6e],
dd[data-v-e4a2ab6e],
li[data-v-e4a2ab6e],
dl[data-v-e4a2ab6e],
h1[data-v-e4a2ab6e],
h2[data-v-e4a2ab6e],
h3[data-v-e4a2ab6e],
h4[data-v-e4a2ab6e],
p[data-v-e4a2ab6e] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-e4a2ab6e],
ul[data-v-e4a2ab6e],
li[data-v-e4a2ab6e] {
  list-style: none;
}
img[data-v-e4a2ab6e] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-e4a2ab6e] {
  color: #000;
  background: #fff;
}
.clear[data-v-e4a2ab6e] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-e4a2ab6e] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-e4a2ab6e]:hover {
  text-decoration: none;
}
input[data-v-e4a2ab6e],
textarea[data-v-e4a2ab6e] {
  user-select: auto;
}
input[data-v-e4a2ab6e]:focus,
input[data-v-e4a2ab6e]:active,
textarea[data-v-e4a2ab6e]:focus,
textarea[data-v-e4a2ab6e]:active {
  outline: none;
}
.chat-aside[data-v-e4a2ab6e] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.tui-search-main-global[data-v-e4a2ab6e] {
  width: 100%;
  height: fit-content;
}
.tui-search-main-conversation[data-v-e4a2ab6e] {
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0 1px 10px #02102b26;
}
.tui-search .tui-search-global-header[data-v-e4a2ab6e] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.tui-search .tui-search-conversation[data-v-e4a2ab6e] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tui-search-h5-full-screen[data-v-e4a2ab6e] {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  background: #fff;
}
.tui-search-h5-global[data-v-e4a2ab6e],
.tui-search-h5-conversation[data-v-e4a2ab6e] {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.tui-search-h5-conversation[data-v-e4a2ab6e] {
  overflow: hidden;
}
.tui-search-h5.tui-search-main-conversation[data-v-e4a2ab6e] {
  box-shadow: none;
}
.tui-search-h5 .search-input[data-v-e4a2ab6e],
.tui-search-h5 .search-container[data-v-e4a2ab6e],
.tui-search-h5 .search-result[data-v-e4a2ab6e] {
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  flex: 1;
  overflow: hidden;
}
.tui-contact-search[data-v-67950906] {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #f4f5f9;
  margin-top: 10px;
  background: #54ff29;
  border-radius: 30px;
}
.tui-contact-search[data-v-67950906]:hover {
  background: #2ac204;
}
.tui-contact-search-header[data-v-67950906],
.tui-contact-search-main[data-v-67950906] {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tui-contact-search-header[data-v-67950906] {
  user-select: none;
  cursor: pointer;
}
.tui-contact-search-header-icon[data-v-67950906] {
  padding-right: 10px;
}
.tui-contact-search-header-title[data-v-67950906] {
  font-size: 14px;
}
.tui-contact-search-main[data-v-67950906] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.tui-contact-search-main-input[data-v-67950906] {
  flex: 1;
  font-size: 14px;
  border-radius: 5px;
  padding: 7px;
  border: 1px solid #ddd;
}
.tui-contact-search-main-input[data-v-67950906]:focus {
  outline: none;
  border: 1px solid #ddd;
}
.tui-contact-search-main-cancel[data-v-67950906] {
  padding-left: 10px;
  user-select: none;
  font-size: 15px;
  cursor: pointer;
}
.tui-contact-search-h5-header[data-v-67950906] {
  width: 100%;
}
.tui-contact-searching-h5-header[data-v-67950906] {
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
}
.tui-contact-searching-h5-header
  .tui-contact-search-h5-header-title[data-v-67950906] {
  flex: 1;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  margin-right: 30px;
}
.tui-contact-list-card[data-v-36743d5a] {
  padding: 5px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  flex: 1;
}
.tui-contact-list-card-left[data-v-36743d5a] {
  position: relative;
  width: 36px;
  height: 36px;
}
.tui-contact-list-card-left-avatar[data-v-36743d5a] {
  width: 36px;
  height: 36px;
  border-radius: 5px;
}
.tui-contact-list-card-left .online-status[data-v-36743d5a] {
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 30px;
  top: 30px;
  border: 2px solid #fff;
  box-shadow: 0 0 4px #0000001a;
  border-radius: 50%;
}
.tui-contact-list-card-left .online-status-online[data-v-36743d5a] {
  background: #29cc85;
}
.tui-contact-list-card-left .online-status-offline[data-v-36743d5a] {
  background: #a4a4a4;
}
.tui-contact-list-card-main[data-v-36743d5a] {
  flex: 1;
  padding: 0 10px;
  overflow: hidden;
}
.tui-contact-list-card-main-name[data-v-36743d5a],
.tui-contact-list-card-main-other[data-v-36743d5a] {
  font-size: 14px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tui-contact-list-card-main-other[data-v-36743d5a] {
  color: #999;
}
.tui-contact-list-card-right[data-v-36743d5a] {
  width: fit-content;
}
.tui-contact-list-card-right-group-type[data-v-36743d5a] {
  padding: 0 4px;
  line-height: 14px;
  font-size: 12px;
  border-radius: 1px;
  font-weight: 400;
  color: #0000004d;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.tui-contact-list-card-right-application-text[data-v-36743d5a] {
  color: #999;
  font-size: 12px;
}
.tui-contact-list-card-right-application-button[data-v-36743d5a] {
  border: 1px solid #54ff29;
  background: #54ff29;
  color: #000;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  user-select: none;
  line-height: 150%;
}
.tui-contact-list-card-right-application-button[data-v-36743d5a]:after {
  border: none;
}
.tui-contact-list-card-h5[data-v-36743d5a] {
  cursor: none !important;
}
.tui-contact-list[data-v-bbbb4011] {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  list-style: none;
}
.tui-contact-list-item[data-v-bbbb4011] {
  display: flex;
  flex-direction: column;
}
.tui-contact-list-item-header[data-v-bbbb4011] {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  padding: 14px 15px;
  justify-content: space-between;
}
.tui-contact-list-item-header-left[data-v-bbbb4011] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tui-contact-list-item-header-right[data-v-bbbb4011] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tui-contact-list-item-header-right-unread[data-v-bbbb4011] {
  display: flex;
  min-width: 10px;
  width: fit-content;
  padding: 0 2.5px;
  height: 15px;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  border-radius: 7.5px;
  background: red;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.tui-contact-list-item-main.hidden[data-v-bbbb4011] {
  display: none;
}
.tui-contact-list-item-main-item[data-v-bbbb4011] {
  padding: 5px 15px;
}
.tui-contact-search-list[data-v-bbbb4011] {
  padding: 0 15px !important;
}
.tui-contact-search-list-title[data-v-bbbb4011] {
  font-size: 14px;
  color: #999;
  border-bottom: 1px solid #f4f5f9;
}
.tui-contact-search-list-item[data-v-bbbb4011] {
  padding: 5px 0;
}
.tui-contact-search-list-default[data-v-bbbb4011] {
  padding: 20px;
  text-align: center;
  font-size: 14px;
  color: #999;
}
.tui-contact-list-h5
  .tui-contact-list-item
  .tui-contact-list-item-header[data-v-bbbb4011] {
  cursor: none;
}
.tui-contact-list-h5
  .tui-contact-list-item
  .tui-contact-list-item-header[data-v-bbbb4011]:active,
.tui-contact-list-h5
  .tui-contact-list-item
  .tui-contact-list-item-main-item[data-v-bbbb4011]:active {
  background-color: #eef0f3;
}
body[data-v-bbbb4011],
div[data-v-bbbb4011],
ul[data-v-bbbb4011],
ol[data-v-bbbb4011],
dt[data-v-bbbb4011],
dd[data-v-bbbb4011],
li[data-v-bbbb4011],
dl[data-v-bbbb4011],
h1[data-v-bbbb4011],
h2[data-v-bbbb4011],
h3[data-v-bbbb4011],
h4[data-v-bbbb4011],
p[data-v-bbbb4011] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-bbbb4011],
ul[data-v-bbbb4011],
li[data-v-bbbb4011] {
  list-style: none;
}
img[data-v-bbbb4011] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-bbbb4011] {
  color: #000;
  background: #fff;
}
.clear[data-v-bbbb4011] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-bbbb4011] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-bbbb4011]:hover {
  text-decoration: none;
}
input[data-v-bbbb4011],
textarea[data-v-bbbb4011] {
  user-select: auto;
}
input[data-v-bbbb4011]:focus,
input[data-v-bbbb4011]:active,
textarea[data-v-bbbb4011]:focus,
textarea[data-v-bbbb4011]:active {
  outline: none;
}
.chat-aside[data-v-bbbb4011] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.etxtbox[data-v-bbbb4011] {
  text-align: center;
  font-size: 14px;
  color: #949494;
}
.tui-switch[data-v-ca3a9ad0] {
  margin: 2px 5px;
  width: 48px;
  height: 30px;
  position: relative;
  border: 1px solid transparent;
  box-shadow: #dfdfdf 0 0 inset;
  border-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  user-select: none;
  outline: none;
}
.tui-switch[data-v-ca3a9ad0]:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
.tui-switch-checked[data-v-ca3a9ad0] {
  background-color: #54ff29;
  transition: 0.6s;
}
.tui-switch-checked[data-v-ca3a9ad0]:before {
  transition: 0.3s;
  left: 20px;
}
.tui-switch-checked[data-v-ca3a9ad0]:active:before {
  width: 28px;
  left: 16px;
  transition: 0.3s;
}
.tui-switch-no-checked[data-v-ca3a9ad0] {
  background-color: #dcdfe6;
  transition: 0.6s;
}
.tui-switch-no-checked[data-v-ca3a9ad0]:before {
  left: 2px;
  transition: 0.3s;
}
.tui-switch-no-checked[data-v-ca3a9ad0]:active:before {
  width: 28px;
  transition: 0.3s;
}
.tui-contact-info[data-v-9e7adcea] {
  width: 100%;
  height: 100%;
  background: #f7f8fa;
  display: flex;
  padding: 30px;
  box-sizing: border-box;
  flex-direction: column;
  overflow: hidden;
}
.tui-contact-info-basic[data-v-9e7adcea] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}
.tui-contact-info-basic-text[data-v-9e7adcea] {
  flex: 1;
}
.tui-contact-info-basic-text-name[data-v-9e7adcea] {
  font-size: 24px;
  padding-bottom: 10px;
}
.tui-contact-info-basic-text-other[data-v-9e7adcea] {
  font-size: 16px;
  padding: 6px 0;
  font-weight: 400;
  color: #999;
}
.tui-contact-info-basic-avatar[data-v-9e7adcea] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
@media screen and (max-width: 500px) {
  .tui-contact-info-basic-avatar[data-v-9e7adcea] {
    width: 45px !important;
    height: 45px !important;
  }
}
.tui-contact-info-more[data-v-9e7adcea] {
  padding: 15px 0;
  overflow: hidden;
}
.tui-contact-info-more-item[data-v-9e7adcea] {
  display: flex;
  padding: 6px 0;
  font-size: 16px;
  font-weight: 400;
  min-height: 56px;
}
.tui-contact-info-more-item-label[data-v-9e7adcea] {
  color: #999;
  height: fit-content;
}
.tui-contact-info-more-item-left[data-v-9e7adcea] {
  flex-direction: row;
  align-items: center;
}
.tui-contact-info-more-item-left
  .tui-contact-info-more-item-label[data-v-9e7adcea] {
  width: 80px;
}
.tui-contact-info-more-item-top[data-v-9e7adcea] {
  flex-direction: column;
}
.tui-contact-info-more-item-content[data-v-9e7adcea] {
  flex: 1;
  display: flex;
  flex-direction: row;
  color: #333;
  overflow: hidden;
}
.tui-contact-info-more-item-content-text[data-v-9e7adcea] {
  display: flex;
  overflow: hidden;
}
.tui-contact-info-more-item-content-text-data[data-v-9e7adcea] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tui-contact-info-more-item-content-text-icon[data-v-9e7adcea] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.tui-contact-info-more-item-content-input[data-v-9e7adcea],
.tui-contact-info-more-item-content-textarea[data-v-9e7adcea] {
  flex: 1;
  border: 1px solid #e8e8e9;
  border-radius: 4px;
  padding: 4px;
  color: inherit;
}
.tui-contact-info-more-item-content-input[data-v-9e7adcea] {
  height: 22px;
  font-size: 16px;
}
@media screen and (max-width: 500px) {
  .tui-contact-info-more-item-content-input[data-v-9e7adcea] {
    font-size: 14px !important;
  }
}
.tui-contact-info-more-item-content-textarea[data-v-9e7adcea] {
  resize: none;
  height: 100px;
}
.tui-contact-info-button[data-v-9e7adcea] {
  display: flex;
  padding: 30px;
  justify-content: center;
}
.tui-contact-info-button-item[data-v-9e7adcea] {
  margin: 15px;
  min-width: 142px;
  height: 36px;
  padding: 8px 20px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
  cursor: pointer;
  user-select: none;
  font-family: Baloo15;
}
.tui-contact-info-button-item-submit[data-v-9e7adcea] {
  border: 1px solid #54ff29;
  background: #54ff29;
  color: #000;
}
.tui-contact-info-button-item-cancel[data-v-9e7adcea] {
  border: 1px solid #e54545;
  background: transparent;
  color: #e54545;
}
.tui-contact-info-h5[data-v-9e7adcea] {
  padding: 0;
  overflow: hidden;
}
.tui-contact-info-h5-header[data-v-9e7adcea] {
  background-color: #fff;
  padding: 10px !important;
  display: flex;
  flex-direction: row;
}
.tui-contact-info-h5-header-title[data-v-9e7adcea] {
  flex: 1;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  margin-right: 30px;
}
.tui-contact-info-h5-basic[data-v-9e7adcea] {
  padding: 10px !important;
  background: #fff;
  margin-top: 10px !important;
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
  border-bottom: none;
}
.tui-contact-info-h5-basic-text-name[data-v-9e7adcea] {
  font-size: 20px;
  padding-bottom: 1px;
}
@media screen and (max-width: 500px) {
  .tui-contact-info-h5-basic-text-name[data-v-9e7adcea] {
    font-size: 16px;
  }
}
.tui-contact-info-h5-basic-text-other[data-v-9e7adcea] {
  font-size: 14px;
  padding: 3px 0;
}
@media screen and (max-width: 500px) {
  .tui-contact-info-h5-basic-text-other[data-v-9e7adcea] {
    font-size: 12px;
  }
}
.tui-contact-info-h5-basic-avatar[data-v-9e7adcea] {
  border-radius: 50%;
  margin-right: 10px;
}
.tui-contact-info-h5-more[data-v-9e7adcea] {
  background: #fff;
  margin-top: 10px !important;
  overflow: hidden;
  padding: 0;
}
.tui-contact-info-h5-more-item[data-v-9e7adcea] {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 10px !important;
  border-bottom: 1px solid #eee;
}
.tui-contact-info-h5-more-item-label[data-v-9e7adcea] {
  color: #000;
}
.tui-contact-info-h5-more-item-content[data-v-9e7adcea] {
  overflow: hidden;
  color: #979797;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.tui-contact-info-h5-more-item-content-text[data-v-9e7adcea] {
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.tui-contact-info-h5-more-item-content-text-data[data-v-9e7adcea] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tui-contact-info-h5-more-item[data-v-9e7adcea]:last-child {
  border-bottom: none;
}
.tui-contact-info-h5-button[data-v-9e7adcea] {
  margin-top: 10px !important;
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: #fff;
}
.tui-contact-info-h5-button-item[data-v-9e7adcea] {
  width: 100%;
  margin: 0;
  border: none;
  padding: 16px !important;
  font-size: 16px;
  border-bottom: 1px solid #eee;
  height: fit-content;
}
.tui-contact-info-h5-button-item[data-v-9e7adcea]:after {
  border: none;
}
.tui-contact-info-h5-button-item-textarea[data-v-9e7adcea] {
  background-color: #f8f8f8;
}
.tui-contact-info-h5-button-item[data-v-9e7adcea]:last-child {
  border-bottom: none;
}
.tui-contact-info-h5-button
  .tui-contact-info-button-item-cancel[data-v-9e7adcea] {
  background-color: #fff;
  color: #e54545;
}
.tui-contact-info-h5-button
  .tui-contact-info-button-item-submit[data-v-9e7adcea] {
  background-color: #fff;
  color: #006eff;
}
body[data-v-9e7adcea],
div[data-v-9e7adcea],
ul[data-v-9e7adcea],
ol[data-v-9e7adcea],
dt[data-v-9e7adcea],
dd[data-v-9e7adcea],
li[data-v-9e7adcea],
dl[data-v-9e7adcea],
h1[data-v-9e7adcea],
h2[data-v-9e7adcea],
h3[data-v-9e7adcea],
h4[data-v-9e7adcea],
p[data-v-9e7adcea] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-9e7adcea],
ul[data-v-9e7adcea],
li[data-v-9e7adcea] {
  list-style: none;
}
img[data-v-9e7adcea] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-9e7adcea] {
  color: #000;
  background: #fff;
}
.clear[data-v-9e7adcea] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-9e7adcea] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-9e7adcea]:hover {
  text-decoration: none;
}
input[data-v-9e7adcea],
textarea[data-v-9e7adcea] {
  user-select: auto;
}
input[data-v-9e7adcea]:focus,
input[data-v-9e7adcea]:active,
textarea[data-v-9e7adcea]:focus,
textarea[data-v-9e7adcea]:active {
  outline: none;
}
.chat-aside[data-v-9e7adcea] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.infoMomentbox .logava[data-v-9e7adcea] {
  display: flex;
  justify-content: center;
}
.infoMomentbox .infoDatabox[data-v-9e7adcea] {
  padding: 0 18px;
}
.infoMomentbox .infoDatabox .remarksbox[data-v-9e7adcea] {
  margin-top: 5px;
  font-size: 16px;
  text-align: center;
}
.infoMomentbox .infoDatabox .info_name[data-v-9e7adcea] {
  display: flex;
  font-size: 16px;
}
.infoMomentbox .infoDatabox .info_name span[data-v-9e7adcea] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id[data-v-9e7adcea] {
  display: flex;
  font-size: 16px;
  align-items: center;
}
.infoMomentbox .infoDatabox .info_id span[data-v-9e7adcea] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id img[data-v-9e7adcea] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 8px;
}
.infoMomentbox .twobtnboxes[data-v-9e7adcea] {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding-bottom: 20px;
}
.infoMomentbox .twobtnboxes .chat_styls[data-v-9e7adcea] {
  background-color: #54ff29;
}
.infoMomentbox .twobtnboxes .not_styls[data-v-9e7adcea] {
  background-color: #e6e6e6;
}
.infoMomentbox .twobtnboxes button[data-v-9e7adcea] {
  border: none;
  height: 35px;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-weight: 700;
  width: 200px;
}
.infoddata .textinf[data-v-9e7adcea] {
  display: flex;
  align-items: center;
}
.infoddata .textinf .imgbox[data-v-9e7adcea] {
  cursor: pointer;
  margin-left: 4px;
}
.infoddata .textinf .imgbox img[data-v-9e7adcea] {
  width: 20px;
  height: 20px;
}
.momentboxed[data-v-9e7adcea] {
  max-height: 700px;
  overflow-y: auto;
}
.momentboxed .item[data-v-9e7adcea] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .item .left[data-v-9e7adcea] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .item .left img[data-v-9e7adcea] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .item .right[data-v-9e7adcea] {
  flex: 1;
}
.momentboxed .item .right .name[data-v-9e7adcea] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .item .right .name .time[data-v-9e7adcea] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .item .right .emoji_img[data-v-9e7adcea] {
  width: 30px;
  height: 30px;
}
.momentboxed .item .right .content[data-v-9e7adcea] {
  font-size: 14px;
}
.momentboxed .item .right .content .showtext[data-v-9e7adcea] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .item .right .img_box[data-v-9e7adcea] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed .item .right .img_box .selectimgbox[data-v-9e7adcea] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-9e7adcea] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-9e7adcea] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-9e7adcea] {
  display: none;
}
.momentboxed .item .right .img_box .selectimgbox .img[data-v-9e7adcea] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .item .right .video_box[data-v-9e7adcea] {
  width: 100%;
}
.momentboxed .item .right .video_box video[data-v-9e7adcea] {
  width: 50%;
  height: 300px;
}
.momentboxed .item .right .btn_box[data-v-9e7adcea] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed .item .right .btn_box .pointer[data-v-9e7adcea] {
  cursor: pointer;
}
.momentboxed .item .right .btn_box .left[data-v-9e7adcea] {
  display: flex;
  align-items: center;
}
.momentboxed .item .right .btn_box .left > div[data-v-9e7adcea] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed .item .right .btn_box .left img[data-v-9e7adcea] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed .item .right .btn_box .left img.huifu[data-v-9e7adcea],
.momentboxed .item .right .btn_box .left img.zhuanfa[data-v-9e7adcea] {
  width: 18px;
  height: auto;
}
.momentboxed .item .right .btn_box .left img.xihuan[data-v-9e7adcea] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed .item .right .btn_box .right[data-v-9e7adcea] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed .item .right .btn_box .right img[data-v-9e7adcea] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .boxouside_p[data-v-9e7adcea] {
  margin-top: 10px;
  border: 1px solid #000000;
  border-radius: 7px;
  padding-left: 10px;
  padding-right: 4px;
}
@media screen and (max-width: 467px) {
  .momentboxed .boxouside_p[data-v-9e7adcea] {
    width: auto;
  }
}
.momentboxed .boxouside_p .box_pin[data-v-9e7adcea] {
  margin-top: 12px;
  overflow-y: auto;
  height: 160px;
}
.momentboxed .boxouside_p .box_pin .item[data-v-9e7adcea] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .boxouside_p .box_pin .item .left[data-v-9e7adcea] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .boxouside_p .box_pin .item .left img[data-v-9e7adcea] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .boxouside_p .box_pin .item .right[data-v-9e7adcea] {
  flex: 1;
}
.momentboxed .boxouside_p .box_pin .item .right .name[data-v-9e7adcea] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .boxouside_p .box_pin .item .right .name .time[data-v-9e7adcea] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .boxouside_p .box_pin .item .right .emoji_img[data-v-9e7adcea] {
  width: 30px;
  height: 30px;
}
.momentboxed .boxouside_p .box_pin .item .right .content[data-v-9e7adcea] {
  font-size: 14px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .content
  .showtext[data-v-9e7adcea] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .boxouside_p .box_pin .item .right .img_box[data-v-9e7adcea] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox[data-v-9e7adcea] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-9e7adcea] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-9e7adcea] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-9e7adcea] {
  display: none;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-9e7adcea] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .boxouside_p .box_pin .item .right .video_box[data-v-9e7adcea] {
  width: 100%;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .video_box
  video[data-v-9e7adcea] {
  width: 50%;
  height: 300px;
}
.momentboxed .boxouside_p .box_pin .item .right .btn_box[data-v-9e7adcea] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .pointer[data-v-9e7adcea] {
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left[data-v-9e7adcea] {
  display: flex;
  align-items: center;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  > div[data-v-9e7adcea] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img[data-v-9e7adcea] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-9e7adcea],
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-9e7adcea] {
  width: 18px;
  height: auto;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-9e7adcea] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right[data-v-9e7adcea] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right
  img[data-v-9e7adcea] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .notdataox[data-v-9e7adcea] {
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.momentboxed .notdataox img[data-v-9e7adcea] {
  width: 140px;
  height: 100px;
}
.momentboxed .notdataox div[data-v-9e7adcea] {
  font-weight: 500;
}
.momentboxed .pageBoxes[data-v-9e7adcea] {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 467px) {
  .momentboxed .pageBoxes[data-v-9e7adcea] {
    padding-bottom: 12px;
  }
}
.comment_list_box .comment_list .comment_item[data-v-9e7adcea] {
  display: flex;
  margin-bottom: 24px;
  padding: 12px;
}
.comment_list_box .comment_list .comment_item[data-v-9e7adcea]:hover {
  background-color: #01fe891a;
}
.comment_list_box .comment_list .comment_item:hover .btn[data-v-9e7adcea],
.comment_list_box .comment_list .comment_item:hover .del_img[data-v-9e7adcea] {
  display: inline-block;
}
.comment_list_box .comment_list .comment_item .del_img[data-v-9e7adcea] {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.comment_list_box .comment_list .comment_item .del_img img[data-v-9e7adcea] {
  width: 100%;
  height: 100%;
}
.comment_list_box .comment_list .comment_item .btn[data-v-9e7adcea] {
  display: none;
}
.comment_list_box .comment_list .comment_item .img[data-v-9e7adcea] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}
.comment_list_box .comment_list .comment_item .right[data-v-9e7adcea] {
  flex: 1;
}
.comment_list_box .comment_list .comment_item .name[data-v-9e7adcea] {
  font-size: 18px;
}
.comment_list_box .comment_list .comment_item .name .to[data-v-9e7adcea] {
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
}
.comment_list_box .comment_list .comment_item .time[data-v-9e7adcea] {
  float: right;
  font-size: 13px;
}
.comment_list_box .comment_list .comment_item .content[data-v-9e7adcea] {
  font-size: 14px;
}
.emojibox[data-v-9e7adcea] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.repostMadolBox .tag_box .el-tag[data-v-9e7adcea] {
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
.repostMadolBox .imagebox .showimg[data-v-9e7adcea] {
  width: 100%;
  height: inherit;
}
.repostMadolBox .input_box[data-v-9e7adcea] {
  margin-top: 20px;
}
.user_box[data-v-9e7adcea] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-top: 1px solid #ccc;
  padding-top: 24px;
}
.user_box .tab[data-v-9e7adcea] {
  margin-left: 12px;
}
.user_box img[data-v-9e7adcea] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}
.editRemark[data-v-9e7adcea] {
  background-color: #54ff29;
  border: none;
  color: #000;
  height: 30px;
  margin: 15px;
  min-width: 80px;
  line-height: 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  .editRemark[data-v-9e7adcea] {
    margin: 10px 0;
  }
}
body[data-v-69ee6d2f],
div[data-v-69ee6d2f],
ul[data-v-69ee6d2f],
ol[data-v-69ee6d2f],
dt[data-v-69ee6d2f],
dd[data-v-69ee6d2f],
li[data-v-69ee6d2f],
dl[data-v-69ee6d2f],
h1[data-v-69ee6d2f],
h2[data-v-69ee6d2f],
h3[data-v-69ee6d2f],
h4[data-v-69ee6d2f],
p[data-v-69ee6d2f] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-69ee6d2f],
ul[data-v-69ee6d2f],
li[data-v-69ee6d2f] {
  list-style: none;
}
img[data-v-69ee6d2f] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-69ee6d2f] {
  color: #000;
  background: #fff;
}
.clear[data-v-69ee6d2f] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-69ee6d2f] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-69ee6d2f]:hover {
  text-decoration: none;
}
input[data-v-69ee6d2f],
textarea[data-v-69ee6d2f] {
  user-select: auto;
}
input[data-v-69ee6d2f]:focus,
input[data-v-69ee6d2f]:active,
textarea[data-v-69ee6d2f]:focus,
textarea[data-v-69ee6d2f]:active {
  outline: none;
}
.chat-aside[data-v-69ee6d2f] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.tui-contact[data-v-69ee6d2f] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
}
.tui-contact-left[data-v-69ee6d2f] {
  min-width: 285px;
  flex: 0 0 24%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e6e6e6;
}
.tui-contact-right[data-v-69ee6d2f] {
  flex: 1;
  overflow: hidden;
}
.tui-contact-h5[data-v-69ee6d2f] {
  position: relative;
}
.tui-contact-h5-left[data-v-69ee6d2f],
.tui-contact-h5-right[data-v-69ee6d2f] {
  width: 100%;
  height: 100%;
  flex: 1;
}
.tui-contact-h5-right[data-v-69ee6d2f] {
  position: absolute;
  z-index: 100;
}
.tui-contact-h5-left-list[data-v-69ee6d2f] {
  overflow-y: auto;
}
body[data-v-a17effda],
div[data-v-a17effda],
ul[data-v-a17effda],
ol[data-v-a17effda],
dt[data-v-a17effda],
dd[data-v-a17effda],
li[data-v-a17effda],
dl[data-v-a17effda],
h1[data-v-a17effda],
h2[data-v-a17effda],
h3[data-v-a17effda],
h4[data-v-a17effda],
p[data-v-a17effda] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-a17effda],
ul[data-v-a17effda],
li[data-v-a17effda] {
  list-style: none;
}
img[data-v-a17effda] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-a17effda] {
  color: #000;
  background: #fff;
}
.clear[data-v-a17effda] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-a17effda] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-a17effda]:hover {
  text-decoration: none;
}
input[data-v-a17effda],
textarea[data-v-a17effda] {
  user-select: auto;
}
input[data-v-a17effda]:focus,
input[data-v-a17effda]:active,
textarea[data-v-a17effda]:focus,
textarea[data-v-a17effda]:active {
  outline: none;
}
.chat-aside[data-v-a17effda] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.group[data-v-a17effda],
.group-list-item[data-v-a17effda] {
  background: #fff;
}
.group-list-item label[data-v-a17effda] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #333;
}
.group-list input[data-v-a17effda] {
  border: 1px solid rgba(131, 137, 153, 0.4);
  font-weight: 400;
  color: #333;
}
.group-list-edit[data-v-a17effda],
.group-profile-footer[data-v-a17effda] {
  background: #fff;
}
.group-h5[data-v-a17effda] {
  background: #f7f8fa;
}
.group-h5-list-item-introduction[data-v-a17effda] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #888;
}
.group-h5-list-item-introduction a[data-v-a17effda] {
  color: #006eff;
}
.select a[data-v-a17effda] {
  color: #006eff;
}
.select-item[data-v-a17effda] {
  border: 1px solid rgba(131, 137, 153, 0.4);
}
.select-item-header .left[data-v-a17effda] {
  font-weight: 500;
  color: #333;
}
.select-item-detail[data-v-a17effda] {
  color: #4f4f4f;
}
.select .selected[data-v-a17effda] {
  border: 1px solid #54ff29;
}
header[data-v-a17effda] {
  background: #fff;
}
header h1[data-v-a17effda] {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
}
.btn-default[data-v-a17effda] {
  background: #fff;
  border: 1px solid #ddd;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #828282;
}
.btn-submit[data-v-a17effda] {
  background: #54ff29;
  border: 0 solid #54ff29;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #000;
  letter-spacing: 0;
}
.btn-submit[data-v-a17effda]:disabled {
  background: #e8e8e9;
  border: 1px solid #ddd;
  color: #fff;
}
.group[data-v-a17effda] {
  padding: 30px;
  box-sizing: border-box;
  width: 750px;
  max-height: 98vh;
  border-radius: 10px;
}
.group .group-box[data-v-a17effda] {
  position: relative;
}
.group .group-box .group-box-header[data-v-a17effda] {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.group .group-box .group-box-header .group-box-header-title[data-v-a17effda] {
  font-size: 18px;
  line-height: 30px;
}
.group-list[data-v-a17effda] {
  padding-top: 30px;
  overflow-y: auto;
  max-height: calc(100vh - 150px);
}
.group-list-item[data-v-a17effda] {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.group-list-item-label[data-v-a17effda] {
  width: 160px;
}
.group-list input[data-v-a17effda] {
  flex: 1;
  box-sizing: border-box;
  padding: 6px 10px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 20px;
}
.select[data-v-a17effda] {
  flex: 1;
}
.select-item[data-v-a17effda] {
  padding: 12px 20px !important;
  border-radius: 2px;
  margin-bottom: 20px !important;
}
.select-item-header[data-v-a17effda] {
  display: flex;
  justify-content: space-between;
}
.select-item-header .left[data-v-a17effda] {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.select-item-header .left .icon[data-v-a17effda] {
  margin-right: 12px;
}
.select-item-header .icon-selected[data-v-a17effda] {
  position: relative;
  left: 12px;
  top: -4px;
}
.select-item-type[data-v-a17effda] {
  text-align: left;
}
.select-item-detail[data-v-a17effda] {
  padding-top: 6px;
  font-size: 14px;
}
.select-item .link[data-v-a17effda] {
  display: inline-block;
}
.group-profile-footer[data-v-a17effda] {
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.btn-default[data-v-a17effda] {
  width: 82px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  font-family: Baloo15;
}
.btn-submit[data-v-a17effda] {
  width: 82px;
  height: 32px;
  border-radius: 4px;
  margin-left: 10px;
  font-size: 14px;
  font-family: Baloo15;
}
.group-h5[data-v-a17effda] {
  max-height: none;
  height: 100%;
  border-radius: 0;
  padding: 0;
}
.group-h5 .group-box[data-v-a17effda] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.group-h5 .group-box .group-box-header[data-v-a17effda] {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 16px 18px;
}
.group-h5 .group-box .group-box-header .icon-close[data-v-a17effda] {
  position: absolute;
  left: 18px;
}
.group-h5 .group-box .group-list[data-v-a17effda] {
  flex: 1;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  margin-top: 12px;
  overflow: hidden;
}
.group-h5 .group-box .group-list .group-introduction-list[data-v-a17effda] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 12px 18px;
}
.group-h5 .group-box .group-list-item[data-v-a17effda] {
  padding: 14px 18px;
  border-bottom: 1px solid #e5e5e5;
}
.group-h5 .group-box .group-list-item-label[data-v-a17effda] {
  font-size: 14px;
  text-align: start;
}
.group-h5 .group-box .group-list-edit[data-v-a17effda] {
  display: flex;
  align-items: flex-start;
}
.group-h5 .group-box .group-list-edit .group-name-input[data-v-a17effda] {
  flex: 0 0 auto;
  width: 100%;
  height: 40px;
}
.group-h5 .group-box .group-profile-footer[data-v-a17effda] {
  box-shadow: inset 0 1px #eee;
  padding: 12px 18px;
}
.group-h5-list-item-content[data-v-a17effda] {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.group-h5-list-item-content .content[data-v-a17effda] {
  width: 0;
  flex: 1;
  padding: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: end;
}
.group-h5-list-item-introduction[data-v-a17effda] {
  padding: 12px 18px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.group-h5 .select-item-type[data-v-a17effda] {
  text-align: left;
}
body[data-v-b35a4417],
div[data-v-b35a4417],
ul[data-v-b35a4417],
ol[data-v-b35a4417],
dt[data-v-b35a4417],
dd[data-v-b35a4417],
li[data-v-b35a4417],
dl[data-v-b35a4417],
h1[data-v-b35a4417],
h2[data-v-b35a4417],
h3[data-v-b35a4417],
h4[data-v-b35a4417],
p[data-v-b35a4417] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-b35a4417],
ul[data-v-b35a4417],
li[data-v-b35a4417] {
  list-style: none;
}
img[data-v-b35a4417] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-b35a4417] {
  color: #000;
  background: #fff;
}
.clear[data-v-b35a4417] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-b35a4417] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-b35a4417]:hover {
  text-decoration: none;
}
input[data-v-b35a4417],
textarea[data-v-b35a4417] {
  user-select: auto;
}
input[data-v-b35a4417]:focus,
input[data-v-b35a4417]:active,
textarea[data-v-b35a4417]:focus,
textarea[data-v-b35a4417]:active {
  outline: none;
}
.chat-aside[data-v-b35a4417] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.group[data-v-b35a4417],
.group-list-item[data-v-b35a4417] {
  background: #fff;
}
.group-list-item label[data-v-b35a4417] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #333;
}
.group-list input[data-v-b35a4417] {
  border: 1px solid rgba(131, 137, 153, 0.4);
  font-weight: 400;
  color: #333;
}
.group-list-edit[data-v-b35a4417],
.group-profile-footer[data-v-b35a4417] {
  background: #fff;
}
.group-h5[data-v-b35a4417] {
  background: #f7f8fa;
}
.group-h5-list-item-introduction[data-v-b35a4417] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #888;
}
.group-h5-list-item-introduction a[data-v-b35a4417] {
  color: #006eff;
}
.select a[data-v-b35a4417] {
  color: #006eff;
}
.select-item[data-v-b35a4417] {
  border: 1px solid rgba(131, 137, 153, 0.4);
}
.select-item-header .left[data-v-b35a4417] {
  font-weight: 500;
  color: #333;
}
.select-item-detail[data-v-b35a4417] {
  color: #4f4f4f;
}
.select .selected[data-v-b35a4417] {
  border: 1px solid #54ff29;
}
header[data-v-b35a4417] {
  background: #fff;
}
header h1[data-v-b35a4417] {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
}
.btn-default[data-v-b35a4417] {
  background: #fff;
  border: 1px solid #ddd;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #828282;
}
.btn-submit[data-v-b35a4417] {
  background: #54ff29;
  border: 0 solid #54ff29;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #000;
  letter-spacing: 0;
}
.btn-submit[data-v-b35a4417]:disabled {
  background: #e8e8e9;
  border: 1px solid #ddd;
  color: #fff;
}
.group[data-v-b35a4417] {
  padding: 30px;
  box-sizing: border-box;
  width: 750px;
  max-height: 98vh;
  border-radius: 10px;
}
.group .group-box[data-v-b35a4417] {
  position: relative;
}
.group .group-box .group-box-header[data-v-b35a4417] {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.group .group-box .group-box-header .group-box-header-title[data-v-b35a4417] {
  font-size: 18px;
  line-height: 30px;
}
.group-list[data-v-b35a4417] {
  padding-top: 30px;
  overflow-y: auto;
  max-height: calc(100vh - 150px);
}
.group-list-item[data-v-b35a4417] {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.group-list-item-label[data-v-b35a4417] {
  width: 160px;
}
.group-list input[data-v-b35a4417] {
  flex: 1;
  box-sizing: border-box;
  padding: 6px 10px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 20px;
}
.select[data-v-b35a4417] {
  flex: 1;
}
.select-item[data-v-b35a4417] {
  padding: 12px 20px !important;
  border-radius: 2px;
  margin-bottom: 20px !important;
}
.select-item-header[data-v-b35a4417] {
  display: flex;
  justify-content: space-between;
}
.select-item-header .left[data-v-b35a4417] {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.select-item-header .left .icon[data-v-b35a4417] {
  margin-right: 12px;
}
.select-item-header .icon-selected[data-v-b35a4417] {
  position: relative;
  left: 12px;
  top: -4px;
}
.select-item-type[data-v-b35a4417] {
  text-align: left;
}
.select-item-detail[data-v-b35a4417] {
  padding-top: 6px;
  font-size: 14px;
}
.select-item .link[data-v-b35a4417] {
  display: inline-block;
}
.group-profile-footer[data-v-b35a4417] {
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.btn-default[data-v-b35a4417] {
  width: 82px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  font-family: Baloo15;
}
.btn-submit[data-v-b35a4417] {
  width: 82px;
  height: 32px;
  border-radius: 4px;
  margin-left: 10px;
  font-size: 14px;
  font-family: Baloo15;
}
.group-h5[data-v-b35a4417] {
  max-height: none;
  height: 100%;
  border-radius: 0;
  padding: 0;
}
.group-h5 .group-box[data-v-b35a4417] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.group-h5 .group-box .group-box-header[data-v-b35a4417] {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 16px 18px;
}
.group-h5 .group-box .group-box-header .icon-close[data-v-b35a4417] {
  position: absolute;
  left: 18px;
}
.group-h5 .group-box .group-list[data-v-b35a4417] {
  flex: 1;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  margin-top: 12px;
  overflow: hidden;
}
.group-h5 .group-box .group-list .group-introduction-list[data-v-b35a4417] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 12px 18px;
}
.group-h5 .group-box .group-list-item[data-v-b35a4417] {
  padding: 14px 18px;
  border-bottom: 1px solid #e5e5e5;
}
.group-h5 .group-box .group-list-item-label[data-v-b35a4417] {
  font-size: 14px;
  text-align: start;
}
.group-h5 .group-box .group-list-edit[data-v-b35a4417] {
  display: flex;
  align-items: flex-start;
}
.group-h5 .group-box .group-list-edit .group-name-input[data-v-b35a4417] {
  flex: 0 0 auto;
  width: 100%;
  height: 40px;
}
.group-h5 .group-box .group-profile-footer[data-v-b35a4417] {
  box-shadow: inset 0 1px #eee;
  padding: 12px 18px;
}
.group-h5-list-item-content[data-v-b35a4417] {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.group-h5-list-item-content .content[data-v-b35a4417] {
  width: 0;
  flex: 1;
  padding: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: end;
}
.group-h5-list-item-introduction[data-v-b35a4417] {
  padding: 12px 18px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.group-h5 .select-item-type[data-v-b35a4417] {
  text-align: left;
}
.editboxs .imgboxs[data-v-b35a4417] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.editboxs .imgboxs > img[data-v-b35a4417] {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
}
.editboxs .bottom_box[data-v-b35a4417] {
  margin: 10px 26px;
}
.editboxs .bottom_box > span[data-v-b35a4417] {
  text-transform: capitalize;
  font-size: 16px;
}
.editboxs .bottom_box .inputboxs[data-v-b35a4417] {
  margin-top: 8px;
}
.editboxs .bottom_box .inputboxs .inputsed[data-v-b35a4417] {
  width: 100%;
  border-radius: 8px;
  height: 80px;
}
.editboxs .bottom_box .bthbos[data-v-b35a4417] {
  display: flex;
  justify-content: center;
}
.editboxs .bottom_box .bthbos .submit_btns[data-v-b35a4417] {
  font-size: 14px;
  font-weight: 700;
  width: 60%;
  height: 38px;
  margin-top: 26px;
  background-color: #54ff29;
  border-radius: 40px;
  cursor: pointer;
  border: none;
}
.el-tag[data-v-b35a4417],
.el-tag.el-tag--primary[data-v-b35a4417] {
  --el-tag-bg-color: #54ff29 !important;
}
.el-tag[data-v-b35a4417],
.el-tag.el-tag--primary[data-v-b35a4417] {
  --el-tag-hover-color: #000000 !important;
}
.el-tag .el-tag__close[data-v-b35a4417] {
  color: #fff !important;
  background: #000000 !important;
}
.tagbox[data-v-b35a4417] {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tag-els[data-v-b35a4417],
.w-20[data-v-b35a4417] {
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 14px !important;
}
.button-new-tag[data-v-b35a4417] {
  font-size: 14px !important;
  border-radius: 40px !important;
  background: #b3b3b3 !important;
  color: #000 !important;
  border: none !important;
}
.button-new-tag[data-v-b35a4417]:hover {
  border: none !important;
}
.el-button[data-v-b35a4417] {
  --el-button-hover-text-color: #000000 !important;
  --el-button-hover-bg-color: #54ff29 !important;
}
.el-button.is-disabled[data-v-b35a4417] {
  background-color: #e8e8e9 !important;
  color: #fff !important;
  border: 1px solid #ddd !important;
}
.loader[data-v-b35a4417] {
  width: 36px;
  padding: 2px !important;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #54ff29;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3-b35a4417 1s infinite linear;
}
@keyframes l3-b35a4417 {
  to {
    transform: rotate(1turn);
  }
}
.el-select__wrapper.is-focused[data-v-b35a4417] {
  box-shadow: 0 0 0 1px #54ff29 !important;
}
.el-select-dropdown__item.is-hovering[data-v-b35a4417] {
  background-color: #e3ffdc !important;
}
.el-select-dropdown__item.is-selected[data-v-b35a4417] {
  color: #54ff29 !important;
  font-weight: 700;
}
.el-select[data-v-b35a4417] {
  flex: 1 !important;
}
.el-select-dropdown__item[data-v-b35a4417] {
  padding: 0 12px !important;
}
.group-list-item-label[data-v-b35a4417] {
  width: 160px !important;
}
.avatar-uploader .avatar[data-v-b35a4417] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: block;
}
.avatar-uploader .el-upload[data-v-b35a4417] {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}
.avatar-uploader .el-upload[data-v-b35a4417]:hover {
  border-color: var(--el-color-primary);
}
.el-icon.avatar-uploader-icon[data-v-b35a4417] {
  font-size: 18px;
  color: #8c939d;
  width: 36px;
  height: 36px;
  text-align: center;
}
.managebox[data-v-e794e042] {
  margin-top: 10px;
}
.managebox ul[data-v-e794e042] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.managebox .title-top .hint[data-v-e794e042] {
  background-color: #f3ffee;
  padding: 6px 20px;
  font-size: 14px;
}
.managebox .title-top .additem[data-v-e794e042] {
  display: flex;
  align-items: center;
  padding: 6px 20px;
  cursor: pointer;
}
.managebox .title-top .additem img[data-v-e794e042] {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  cursor: pointer;
}
.managebox .title-top .menberListbox[data-v-e794e042] {
  margin-top: 16px;
  padding-left: 30px;
}
.managebox .title-top .menberListbox ul[data-v-e794e042] {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.managebox .title-top .menberListbox ul li[data-v-e794e042] {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 6px 0;
  cursor: pointer;
}
.managebox .title-top .menberListbox ul li .icon-unselected[data-v-e794e042] {
  display: block;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 11px;
  box-sizing: border-box;
}
.managebox .title-top .menberListbox ul li .ava_right[data-v-e794e042] {
  margin-left: 14px;
}
.managebox .title-top .menberListbox ul li .ava_right .avatar[data-v-e794e042] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.managebox .title-top .menberListbox ul li .ava_right .name[data-v-e794e042] {
  margin-left: 10px;
}
.managebox .title-top .menberListbox .btnbox[data-v-e794e042] {
  margin-top: 26px;
  display: flex;
  justify-content: center;
}
.managebox .title-top .menberListbox .btnbox button[data-v-e794e042] {
  background-color: #01fe89;
  border: none;
  border-radius: 4px;
  width: 80px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.managebox
  .title-top
  .menberListbox
  .btnbox
  > button[data-v-e794e042]:last-child {
  margin-left: 40px;
}
body[data-v-c7899cf0],
div[data-v-c7899cf0],
ul[data-v-c7899cf0],
ol[data-v-c7899cf0],
dt[data-v-c7899cf0],
dd[data-v-c7899cf0],
li[data-v-c7899cf0],
dl[data-v-c7899cf0],
h1[data-v-c7899cf0],
h2[data-v-c7899cf0],
h3[data-v-c7899cf0],
h4[data-v-c7899cf0],
p[data-v-c7899cf0] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-c7899cf0],
ul[data-v-c7899cf0],
li[data-v-c7899cf0] {
  list-style: none;
}
img[data-v-c7899cf0] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-c7899cf0] {
  color: #000;
  background: #fff;
}
.clear[data-v-c7899cf0] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-c7899cf0] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-c7899cf0]:hover {
  text-decoration: none;
}
input[data-v-c7899cf0],
textarea[data-v-c7899cf0] {
  user-select: auto;
}
input[data-v-c7899cf0]:focus,
input[data-v-c7899cf0]:active,
textarea[data-v-c7899cf0]:focus,
textarea[data-v-c7899cf0]:active {
  outline: none;
}
.chat-aside[data-v-c7899cf0] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.mask[data-v-c7899cf0] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mask main[data-v-c7899cf0] {
  position: relative;
}
body[data-v-f0167ea2],
div[data-v-f0167ea2],
ul[data-v-f0167ea2],
ol[data-v-f0167ea2],
dt[data-v-f0167ea2],
dd[data-v-f0167ea2],
li[data-v-f0167ea2],
dl[data-v-f0167ea2],
h1[data-v-f0167ea2],
h2[data-v-f0167ea2],
h3[data-v-f0167ea2],
h4[data-v-f0167ea2],
p[data-v-f0167ea2] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-f0167ea2],
ul[data-v-f0167ea2],
li[data-v-f0167ea2] {
  list-style: none;
}
img[data-v-f0167ea2] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-f0167ea2] {
  color: #000;
  background: #fff;
}
.clear[data-v-f0167ea2] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-f0167ea2] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-f0167ea2]:hover {
  text-decoration: none;
}
input[data-v-f0167ea2],
textarea[data-v-f0167ea2] {
  user-select: auto;
}
input[data-v-f0167ea2]:focus,
input[data-v-f0167ea2]:active,
textarea[data-v-f0167ea2]:focus,
textarea[data-v-f0167ea2]:active {
  outline: none;
}
.chat-aside[data-v-f0167ea2] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.group-name[data-v-f0167ea2] {
  padding: 14px 20px;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  display: flex;
  flex-direction: column;
}
.group-name .name[data-v-f0167ea2] {
  color: #999;
  display: flex;
  align-items: center;
}
.group-name .name .icon[data-v-f0167ea2] {
  margin-left: 4px;
}
.input-box[data-v-f0167ea2] {
  display: flex;
}
.input-box .input[data-v-f0167ea2] {
  flex: 1;
  border: 1px solid #e8e8e9;
  border-radius: 4px;
  padding: 4px 16px;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  opacity: 0.6;
}
.space-top[data-v-f0167ea2] {
  border-top: 10px solid #f4f5f9;
}
.edit-h5[data-v-f0167ea2] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
  z-index: 1;
}
.edit-h5 .edit-h5-main[data-v-f0167ea2] {
  background: #fff;
  flex: 1;
  padding: 18px;
  border-radius: 12px 12px 0 0;
  width: 80vw;
}
.edit-h5 .edit-h5-main .input-box[data-v-f0167ea2] {
  flex-direction: column;
  padding: 18px 0;
}
.edit-h5 .edit-h5-main .input-box .input[data-v-f0167ea2] {
  background: #f8f8f8;
  padding: 10px 12px;
}
.edit-h5 .edit-h5-main .input-box .tip[data-v-f0167ea2] {
  font-size: 12px;
  color: #888;
  padding-top: 8px;
}
.edit-h5-header[data-v-f0167ea2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-h5-header .close[data-v-f0167ea2] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 18px;
  color: #3370ff;
  letter-spacing: 0;
  line-height: 27px;
}
.edit-h5-footer[data-v-f0167ea2] {
  display: flex;
}
.edit-h5-footer .btn[data-v-f0167ea2] {
  flex: 1;
  border: none;
  background: #54ff29;
  border-radius: 5px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  letter-spacing: 0;
  line-height: 27px;
  padding: 8px 0;
}
.edit-h5-footer .btn[data-v-f0167ea2]:disabled {
  opacity: 0.3;
}
body[data-v-c8460f7d],
div[data-v-c8460f7d],
ul[data-v-c8460f7d],
ol[data-v-c8460f7d],
dt[data-v-c8460f7d],
dd[data-v-c8460f7d],
li[data-v-c8460f7d],
dl[data-v-c8460f7d],
h1[data-v-c8460f7d],
h2[data-v-c8460f7d],
h3[data-v-c8460f7d],
h4[data-v-c8460f7d],
p[data-v-c8460f7d] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-c8460f7d],
ul[data-v-c8460f7d],
li[data-v-c8460f7d] {
  list-style: none;
}
img[data-v-c8460f7d] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-c8460f7d] {
  color: #000;
  background: #fff;
}
.clear[data-v-c8460f7d] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-c8460f7d] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-c8460f7d]:hover {
  text-decoration: none;
}
input[data-v-c8460f7d],
textarea[data-v-c8460f7d] {
  user-select: auto;
}
input[data-v-c8460f7d]:focus,
input[data-v-c8460f7d]:active,
textarea[data-v-c8460f7d]:focus,
textarea[data-v-c8460f7d]:active {
  outline: none;
}
.chat-aside[data-v-c8460f7d] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.notification[data-v-c8460f7d] {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  word-break: break-all;
}
.notification .row[data-v-c8460f7d] {
  flex: 1;
  font-size: 14px;
}
.notification .row .row-p[data-v-c8460f7d] {
  text-align: center;
  padding-bottom: 20px;
}
.notification .editcontainer[data-v-c8460f7d] {
  border: 1px solid #e8e8e9;
  height: 100%;
  position: relative;
  margin-bottom: 10px;
}
.notification .editcontainer .maxtext[data-v-c8460f7d] {
  position: absolute;
  right: 7px;
  bottom: 3px;
  color: #868686;
  font-size: 14px;
}
.notification .editcontainer .textarea[data-v-c8460f7d] {
  width: 100%;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 10px;
  border: none;
  resize: none;
  font-size: 14px;
  height: 100%;
}
.notification .uni-height[data-v-c8460f7d] {
  height: 20vh;
}
.notification .footer[data-v-c8460f7d] {
  display: flex;
  justify-content: flex-end;
  padding: 20px 10px;
}
.btn[data-v-c8460f7d] {
  background: #54ff29;
  border: 0 solid #54ff29;
  padding: 4px 28px;
  font-weight: 400;
  font-size: 12px;
  color: #000;
  line-height: 24px;
  border-radius: 4px;
}
.btn-cancel[data-v-c8460f7d] {
  background: #fff;
  border: 1px solid #ddd;
  color: #828282;
}
.edit-h5[data-v-c8460f7d] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
  z-index: 1;
}
.edit-h5 .edit-h5-main[data-v-c8460f7d] {
  background: #fff;
  flex: 1;
  padding: 18px;
  border-radius: 12px 12px 0 0;
  width: 80vw;
}
.edit-h5-header[data-v-c8460f7d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-h5-header .close[data-v-c8460f7d] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 18px;
  color: #3370ff;
  letter-spacing: 0;
  line-height: 27px;
}
.edit-h5-footer[data-v-c8460f7d] {
  display: flex;
}
.edit-h5-footer .btn[data-v-c8460f7d] {
  flex: 1;
  border: none;
  background: #147aff;
  border-radius: 5px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0;
  line-height: 27px;
  padding: 8px 0;
}
.edit-h5-footer .btn[data-v-c8460f7d]:disabled {
  opacity: 0.3;
}
body[data-v-b701d34c],
div[data-v-b701d34c],
ul[data-v-b701d34c],
ol[data-v-b701d34c],
dt[data-v-b701d34c],
dd[data-v-b701d34c],
li[data-v-b701d34c],
dl[data-v-b701d34c],
h1[data-v-b701d34c],
h2[data-v-b701d34c],
h3[data-v-b701d34c],
h4[data-v-b701d34c],
p[data-v-b701d34c] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-b701d34c],
ul[data-v-b701d34c],
li[data-v-b701d34c] {
  list-style: none;
}
img[data-v-b701d34c] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-b701d34c] {
  color: #000;
  background: #fff;
}
.clear[data-v-b701d34c] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-b701d34c] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-b701d34c]:hover {
  text-decoration: none;
}
input[data-v-b701d34c],
textarea[data-v-b701d34c] {
  user-select: auto;
}
input[data-v-b701d34c]:focus,
input[data-v-b701d34c]:active,
textarea[data-v-b701d34c]:focus,
textarea[data-v-b701d34c]:active {
  outline: none;
}
.chat-aside[data-v-b701d34c] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.not_data_box[data-v-b701d34c] {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.not_data_box img[data-v-b701d34c] {
  width: 90px;
  height: 65px;
}
.member[data-v-b701d34c] {
  flex: 1;
  background: #fff;
}
.member .searchbox[data-v-b701d34c] {
  padding: 10px 6px;
}
.member .list[data-v-b701d34c] {
  display: flex;
  flex-direction: column;
  background: #f4f5f9;
  padding-top: 22px;
}
.member .list-uniapp[data-v-b701d34c] {
  background: none;
}
.member .list-item[data-v-b701d34c] {
  padding: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
}
.member .list-item[data-v-b701d34c]:hover {
  background: #f1f2f6;
}
.member .list-item .aside[data-v-b701d34c] {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.member .list-item .aside .name[data-v-b701d34c] {
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.avatar[data-v-b701d34c] {
  width: 36px;
  height: 36px;
  border-radius: 4px;
}
.edit-h5[data-v-b701d34c] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
  z-index: 1;
}
.edit-h5 .main[data-v-b701d34c] {
  background: #fff;
  flex: 1;
  padding: 18px;
  border-radius: 12px 12px 0 0;
  overflow: scroll;
  height: 50%;
  width: 80vw;
}
.edit-h5-header[data-v-b701d34c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-h5-header .close[data-v-b701d34c] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 18px;
  color: #3370ff;
  letter-spacing: 0;
  line-height: 27px;
}
.edit-h5-footer[data-v-b701d34c] {
  display: flex;
}
.edit-h5-footer .btn[data-v-b701d34c] {
  flex: 1;
  border: none;
  background: #147aff;
  border-radius: 5px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0;
  line-height: 27px;
  padding: 8px 0;
}
.edit-h5-footer .btn[data-v-b701d34c]:disabled {
  opacity: 0.3;
}
body[data-v-48b3aa14],
div[data-v-48b3aa14],
ul[data-v-48b3aa14],
ol[data-v-48b3aa14],
dt[data-v-48b3aa14],
dd[data-v-48b3aa14],
li[data-v-48b3aa14],
dl[data-v-48b3aa14],
h1[data-v-48b3aa14],
h2[data-v-48b3aa14],
h3[data-v-48b3aa14],
h4[data-v-48b3aa14],
p[data-v-48b3aa14] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-48b3aa14],
ul[data-v-48b3aa14],
li[data-v-48b3aa14] {
  list-style: none;
}
img[data-v-48b3aa14] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-48b3aa14] {
  color: #000;
  background: #fff;
}
.clear[data-v-48b3aa14] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-48b3aa14] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-48b3aa14]:hover {
  text-decoration: none;
}
input[data-v-48b3aa14],
textarea[data-v-48b3aa14] {
  user-select: auto;
}
input[data-v-48b3aa14]:focus,
input[data-v-48b3aa14]:active,
textarea[data-v-48b3aa14]:focus,
textarea[data-v-48b3aa14]:active {
  outline: none;
}
.chat-aside[data-v-48b3aa14] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.loadingboxs[data-v-48b3aa14] {
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loadingboxs .loadereds[data-v-48b3aa14] {
  width: 36px;
  height: 36px;
  padding: 2px !important;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #54ff29;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3-48b3aa14 1s infinite linear;
}
@keyframes l3-48b3aa14 {
  to {
    transform: rotate(1turn);
  }
}
.infoMomentbox .logava[data-v-48b3aa14] {
  display: flex;
  justify-content: center;
}
.infoMomentbox .infoDatabox[data-v-48b3aa14] {
  padding: 0 18px;
}
.infoMomentbox .infoDatabox .remarksbox[data-v-48b3aa14] {
  margin-top: 5px;
  font-size: 16px;
  text-align: center;
}
.infoMomentbox .infoDatabox .info_name[data-v-48b3aa14] {
  display: flex;
  font-size: 16px;
}
.infoMomentbox .infoDatabox .info_name span[data-v-48b3aa14] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id[data-v-48b3aa14] {
  display: flex;
  font-size: 16px;
  align-items: center;
}
.infoMomentbox .infoDatabox .info_id span[data-v-48b3aa14] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id img[data-v-48b3aa14] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 8px;
}
.infoMomentbox .twobtnboxes[data-v-48b3aa14] {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding-bottom: 20px;
}
.infoMomentbox .twobtnboxes .chat_styls[data-v-48b3aa14] {
  background-color: #54ff29;
}
.infoMomentbox .twobtnboxes .not_styls[data-v-48b3aa14] {
  background-color: #e6e6e6;
}
.infoMomentbox .twobtnboxes button[data-v-48b3aa14] {
  border: none;
  height: 35px;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-weight: 700;
  width: 200px;
}
.momentboxed[data-v-48b3aa14] {
  max-height: 700px;
  overflow-y: auto;
}
.momentboxed .item[data-v-48b3aa14] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .item .left[data-v-48b3aa14] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .item .left img[data-v-48b3aa14] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .item .right[data-v-48b3aa14] {
  flex: 1;
}
.momentboxed .item .right .name[data-v-48b3aa14] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .item .right .name .time[data-v-48b3aa14] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .item .right .emoji_img[data-v-48b3aa14] {
  width: 30px;
  height: 30px;
}
.momentboxed .item .right .content[data-v-48b3aa14] {
  font-size: 14px;
}
.momentboxed .item .right .content .showtext[data-v-48b3aa14] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .item .right .img_box[data-v-48b3aa14] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed .item .right .img_box .selectimgbox[data-v-48b3aa14] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-48b3aa14] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-48b3aa14] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-48b3aa14] {
  display: none;
}
.momentboxed .item .right .img_box .selectimgbox .img[data-v-48b3aa14] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .item .right .video_box[data-v-48b3aa14] {
  width: 100%;
}
.momentboxed .item .right .video_box video[data-v-48b3aa14] {
  width: 50%;
  height: 300px;
}
.momentboxed .item .right .btn_box[data-v-48b3aa14] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed .item .right .btn_box .pointer[data-v-48b3aa14] {
  cursor: pointer;
}
.momentboxed .item .right .btn_box .left[data-v-48b3aa14] {
  display: flex;
  align-items: center;
}
.momentboxed .item .right .btn_box .left > div[data-v-48b3aa14] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed .item .right .btn_box .left img[data-v-48b3aa14] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed .item .right .btn_box .left img.huifu[data-v-48b3aa14],
.momentboxed .item .right .btn_box .left img.zhuanfa[data-v-48b3aa14] {
  width: 18px;
  height: auto;
}
.momentboxed .item .right .btn_box .left img.xihuan[data-v-48b3aa14] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed .item .right .btn_box .right[data-v-48b3aa14] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed .item .right .btn_box .right img[data-v-48b3aa14] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .boxouside_p[data-v-48b3aa14] {
  margin-top: 10px;
  border: 1px solid #000000;
  border-radius: 7px;
  padding-left: 10px;
  padding-right: 4px;
}
@media screen and (max-width: 467px) {
  .momentboxed .boxouside_p[data-v-48b3aa14] {
    width: auto;
  }
}
.momentboxed .boxouside_p .box_pin[data-v-48b3aa14] {
  margin-top: 12px;
  overflow-y: auto;
  height: 160px;
}
.momentboxed .boxouside_p .box_pin .item[data-v-48b3aa14] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .boxouside_p .box_pin .item .left[data-v-48b3aa14] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .boxouside_p .box_pin .item .left img[data-v-48b3aa14] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .boxouside_p .box_pin .item .right[data-v-48b3aa14] {
  flex: 1;
}
.momentboxed .boxouside_p .box_pin .item .right .name[data-v-48b3aa14] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .boxouside_p .box_pin .item .right .name .time[data-v-48b3aa14] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .boxouside_p .box_pin .item .right .emoji_img[data-v-48b3aa14] {
  width: 30px;
  height: 30px;
}
.momentboxed .boxouside_p .box_pin .item .right .content[data-v-48b3aa14] {
  font-size: 14px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .content
  .showtext[data-v-48b3aa14] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .boxouside_p .box_pin .item .right .img_box[data-v-48b3aa14] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox[data-v-48b3aa14] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-48b3aa14] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-48b3aa14] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-48b3aa14] {
  display: none;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-48b3aa14] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .boxouside_p .box_pin .item .right .video_box[data-v-48b3aa14] {
  width: 100%;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .video_box
  video[data-v-48b3aa14] {
  width: 50%;
  height: 300px;
}
.momentboxed .boxouside_p .box_pin .item .right .btn_box[data-v-48b3aa14] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .pointer[data-v-48b3aa14] {
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left[data-v-48b3aa14] {
  display: flex;
  align-items: center;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  > div[data-v-48b3aa14] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img[data-v-48b3aa14] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-48b3aa14],
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-48b3aa14] {
  width: 18px;
  height: auto;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-48b3aa14] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right[data-v-48b3aa14] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right
  img[data-v-48b3aa14] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .notdataox[data-v-48b3aa14] {
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.momentboxed .notdataox img[data-v-48b3aa14] {
  width: 140px;
  height: 100px;
}
.momentboxed .notdataox div[data-v-48b3aa14] {
  font-weight: 500;
}
.momentboxed .pageBoxes[data-v-48b3aa14] {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 467px) {
  .momentboxed .pageBoxes[data-v-48b3aa14] {
    padding-bottom: 12px;
  }
}
.comment_list_box .comment_list .comment_item[data-v-48b3aa14] {
  display: flex;
  margin-bottom: 24px;
  padding: 12px;
}
.comment_list_box .comment_list .comment_item[data-v-48b3aa14]:hover {
  background-color: #01fe891a;
}
.comment_list_box .comment_list .comment_item:hover .btn[data-v-48b3aa14],
.comment_list_box .comment_list .comment_item:hover .del_img[data-v-48b3aa14] {
  display: inline-block;
}
.comment_list_box .comment_list .comment_item .del_img[data-v-48b3aa14] {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.comment_list_box .comment_list .comment_item .del_img img[data-v-48b3aa14] {
  width: 100%;
  height: 100%;
}
.comment_list_box .comment_list .comment_item .btn[data-v-48b3aa14] {
  display: none;
}
.comment_list_box .comment_list .comment_item .img[data-v-48b3aa14] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}
.comment_list_box .comment_list .comment_item .right[data-v-48b3aa14] {
  flex: 1;
}
.comment_list_box .comment_list .comment_item .name[data-v-48b3aa14] {
  font-size: 18px;
}
.comment_list_box .comment_list .comment_item .name .to[data-v-48b3aa14] {
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
}
.comment_list_box .comment_list .comment_item .time[data-v-48b3aa14] {
  float: right;
  font-size: 13px;
}
.comment_list_box .comment_list .comment_item .content[data-v-48b3aa14] {
  font-size: 14px;
}
.emojibox[data-v-48b3aa14] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.repostMadolBox .tag_box .el-tag[data-v-48b3aa14] {
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
.repostMadolBox .imagebox .showimg[data-v-48b3aa14] {
  width: 100%;
  height: inherit;
}
.repostMadolBox .input_box[data-v-48b3aa14] {
  margin-top: 20px;
}
.user_box[data-v-48b3aa14] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-top: 1px solid #ccc;
  padding-top: 24px;
}
.user_box .tab[data-v-48b3aa14] {
  margin-left: 12px;
}
.user_box img[data-v-48b3aa14] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}
.memeber-profile[data-v-48b3aa14] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.memeber-profile-main[data-v-48b3aa14] {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
}
.memeber-profile-main .avatar[data-v-48b3aa14] {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  margin: 20px 10px 20px 20px;
}
.memeber-profile-main .list[data-v-48b3aa14] {
  flex: 1;
  overflow: hidden;
  margin: 20px 10px;
  font-weight: 400;
}
.memeber-profile-main .list li[data-v-48b3aa14] {
  color: #999;
}
.memeber-profile-main .list h1[data-v-48b3aa14],
.memeber-profile-main .list li[data-v-48b3aa14] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.memeber-profile-footer[data-v-48b3aa14] {
  border-top: 1px solid #f4f5f9;
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.memeber-profile-footer .button[data-v-48b3aa14],
.memeber-profile-footer .mont_btn[data-v-48b3aa14] {
  width: 100px;
  cursor: pointer;
  background-color: #54ff29;
  color: #000;
  padding: 8px 20px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
.memeber-profile-footer .mont_btn[data-v-48b3aa14] {
  background-color: #e6e6e6;
  margin-top: 10px;
}
.edit-h5[data-v-48b3aa14] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
  z-index: 1;
}
.edit-h5 .main[data-v-48b3aa14] {
  background: #fff;
  flex: 1;
  padding: 18px;
  border-radius: 12px 12px 0 0;
  width: 80vw;
}
.edit-h5 .main .edit-h5-header[data-v-48b3aa14] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-h5 .main .edit-h5-header .close[data-v-48b3aa14] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 18px;
  color: #3370ff;
  letter-spacing: 0;
  line-height: 27px;
}
.edit-h5 .main .edit-h5-profile .memeber-profile-main .avatar[data-v-48b3aa14] {
  margin: 20px;
}
body[data-v-96c90f5b],
div[data-v-96c90f5b],
ul[data-v-96c90f5b],
ol[data-v-96c90f5b],
dt[data-v-96c90f5b],
dd[data-v-96c90f5b],
li[data-v-96c90f5b],
dl[data-v-96c90f5b],
h1[data-v-96c90f5b],
h2[data-v-96c90f5b],
h3[data-v-96c90f5b],
h4[data-v-96c90f5b],
p[data-v-96c90f5b] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-96c90f5b],
ul[data-v-96c90f5b],
li[data-v-96c90f5b] {
  list-style: none;
}
img[data-v-96c90f5b] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-96c90f5b] {
  color: #000;
  background: #fff;
}
.clear[data-v-96c90f5b] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-96c90f5b] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-96c90f5b]:hover {
  text-decoration: none;
}
input[data-v-96c90f5b],
textarea[data-v-96c90f5b] {
  user-select: auto;
}
input[data-v-96c90f5b]:focus,
input[data-v-96c90f5b]:active,
textarea[data-v-96c90f5b]:focus,
textarea[data-v-96c90f5b]:active {
  outline: none;
}
.chat-aside[data-v-96c90f5b] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.slider-box[data-v-96c90f5b] {
  display: flex;
  align-items: center;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background: #e1e1e3;
}
.slider-open[data-v-96c90f5b] {
  background: #54ff29 !important;
  justify-content: flex-end;
}
.slider-block[data-v-96c90f5b] {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin: 0 2px;
  background: #fff;
  border: 0 solid rgba(0, 0, 0, 0.85);
  box-shadow: 0 2px 4px #d1d1d1;
}
body[data-v-1c77005d],
div[data-v-1c77005d],
ul[data-v-1c77005d],
ol[data-v-1c77005d],
dt[data-v-1c77005d],
dd[data-v-1c77005d],
li[data-v-1c77005d],
dl[data-v-1c77005d],
h1[data-v-1c77005d],
h2[data-v-1c77005d],
h3[data-v-1c77005d],
h4[data-v-1c77005d],
p[data-v-1c77005d] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-1c77005d],
ul[data-v-1c77005d],
li[data-v-1c77005d] {
  list-style: none;
}
img[data-v-1c77005d] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-1c77005d] {
  color: #000;
  background: #fff;
}
.clear[data-v-1c77005d] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-1c77005d] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-1c77005d]:hover {
  text-decoration: none;
}
input[data-v-1c77005d],
textarea[data-v-1c77005d] {
  user-select: auto;
}
input[data-v-1c77005d]:focus,
input[data-v-1c77005d]:active,
textarea[data-v-1c77005d]:focus,
textarea[data-v-1c77005d]:active {
  outline: none;
}
.chat-aside[data-v-1c77005d] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.admin[data-v-1c77005d] {
  width: 100%;
  overflow: hidden;
}
.admin-header[data-v-1c77005d] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
}
.admin-header-left[data-v-1c77005d] {
  font-family: PingFang SC, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 0;
  text-align: left;
}
.admin-header-close[data-v-1c77005d] {
  font-family: PingFang SC, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 0;
  text-align: left;
  color: #3370ff;
}
.admin-main[data-v-1c77005d] {
  width: 100%;
  overflow: hidden;
}
.admin-main .admin-manage[data-v-1c77005d] {
  border-bottom: 10px solid #f4f5f9;
}
.admin-main .admin-manage[data-v-1c77005d],
.admin-main .admin-mute[data-v-1c77005d] {
  padding: 10px;
  width: calc(100% - 20px);
  overflow: hidden;
}
.admin-main .admin-manage-header[data-v-1c77005d],
.admin-main .admin-mute-header[data-v-1c77005d] {
  padding-left: 10px;
  font-family: PingFang SC, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
}
.admin-main .admin-manage-list[data-v-1c77005d],
.admin-main .admin-mute-list[data-v-1c77005d] {
  display: flex;
  width: 100%;
  overflow: hidden;
  flex-wrap: wrap;
}
.admin-main .admin-manage-list-item[data-v-1c77005d],
.admin-main .admin-mute-list-item[data-v-1c77005d] {
  flex: 0 0 36px;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.admin-main .admin-manage-list-item .item-main[data-v-1c77005d],
.admin-main .admin-mute-list-item .item-main[data-v-1c77005d] {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f4f5f9;
  color: #000;
}
.admin-main .admin-manage-list-item .item-main-avatar[data-v-1c77005d],
.admin-main .admin-mute-list-item .item-main-avatar[data-v-1c77005d] {
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 4px;
}
.admin-main .admin-manage-list-item .item-name[data-v-1c77005d],
.admin-main .admin-mute-list-item .item-name[data-v-1c77005d] {
  text-align: center;
  max-width: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-main .admin-mute-all[data-v-1c77005d] {
  margin: 0 10px;
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e9;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.admin-main .admin-mute-all-title[data-v-1c77005d] {
  padding-left: 10px;
  font-family: PingFang SC, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
}
.admin-main .admin-mute-all-content[data-v-1c77005d] {
  color: #999;
  padding-left: 10px;
  font-family: PingFang SC, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
}
body[data-v-3b14ef1a],
div[data-v-3b14ef1a],
ul[data-v-3b14ef1a],
ol[data-v-3b14ef1a],
dt[data-v-3b14ef1a],
dd[data-v-3b14ef1a],
li[data-v-3b14ef1a],
dl[data-v-3b14ef1a],
h1[data-v-3b14ef1a],
h2[data-v-3b14ef1a],
h3[data-v-3b14ef1a],
h4[data-v-3b14ef1a],
p[data-v-3b14ef1a] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-3b14ef1a],
ul[data-v-3b14ef1a],
li[data-v-3b14ef1a] {
  list-style: none;
}
img[data-v-3b14ef1a] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-3b14ef1a] {
  color: #000;
  background: #fff;
}
.clear[data-v-3b14ef1a] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-3b14ef1a] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-3b14ef1a]:hover {
  text-decoration: none;
}
input[data-v-3b14ef1a],
textarea[data-v-3b14ef1a] {
  user-select: auto;
}
input[data-v-3b14ef1a]:focus,
input[data-v-3b14ef1a]:active,
textarea[data-v-3b14ef1a]:focus,
textarea[data-v-3b14ef1a]:active {
  outline: none;
}
.chat-aside[data-v-3b14ef1a] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.manage[data-v-3b14ef1a] {
  background: #fff;
  box-shadow: 0 1px 10px #02102b26;
}
.manage-header[data-v-3b14ef1a] {
  border-bottom: 1px solid #e8e8e9;
}
.manage-header .manage-header-content[data-v-3b14ef1a] {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #000;
}
.manage .main .footer .list-item[data-v-3b14ef1a] {
  font-weight: 400;
  color: #dc2113;
  border-bottom: 1px solid #e8e8e9;
}
.input[data-v-3b14ef1a] {
  border: 1px solid #e8e8e9;
  font-weight: 400;
  color: #000;
  opacity: 0.6;
}
.avatar[data-v-3b14ef1a] {
  background: #f4f5f9;
  color: #000;
}
.space-top[data-v-3b14ef1a] {
  border-top: 10px solid #dfffd7;
}
.btn[data-v-3b14ef1a] {
  background: #32fa00;
  border: 0 solid #32fa00;
  color: #fff;
}
.btn-cancel[data-v-3b14ef1a] {
  background: #fff;
  border: 1px solid #ddd;
  color: #828282;
}
.slider-box[data-v-3b14ef1a] {
  background: #e1e1e3;
}
.slider-block[data-v-3b14ef1a] {
  background: #fff;
  border: 0 solid rgba(0, 0, 0, 0.85);
  box-shadow: 0 2px 4px #d1d1d1;
}
.btn[data-v-3b14ef1a] {
  padding: 4px 28px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
}
.list[data-v-3b14ef1a] {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
}
.list-item[data-v-3b14ef1a] {
  padding: 14px 0;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.list-between[data-v-3b14ef1a] {
  justify-content: space-between;
}
.manage[data-v-3b14ef1a] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.manage-header[data-v-3b14ef1a] {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manage-header-content[data-v-3b14ef1a] {
  margin-left: -20px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
}
.manage-header-left[data-v-3b14ef1a] {
  display: flex;
}
.manage .main .user-info[data-v-3b14ef1a] {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.manage .main .user-info-header[data-v-3b14ef1a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
}
.manage .main .user-info-header-right[data-v-3b14ef1a] {
  display: flex;
  align-items: center;
}
.manage .main .user-info-list[data-v-3b14ef1a] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.manage .main .user-info-list-item[data-v-3b14ef1a] {
  position: relative;
  flex: 0 0 36px;
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.manage .main .user-info-list-item[data-v-3b14ef1a]:last-child {
  padding-right: 0;
}
.manage .main .user-info-list-item .more[data-v-3b14ef1a] {
  padding-top: 10px;
}
.manage .main .user-info-list-item-info[data-v-3b14ef1a] {
  text-align: center;
  max-width: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.manage .main .content[data-v-3b14ef1a] {
  padding: 0 20px;
}
.manage .main .content .list-item[data-v-3b14ef1a] {
  justify-content: space-between;
}
.manage .main .content .list-item .btn[data-v-3b14ef1a] {
  flex: 1;
}
.manage .main .content .list-item .article[data-v-3b14ef1a] {
  opacity: 0.6;
  width: 246px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.manage .main .content .list-item .end[data-v-3b14ef1a] {
  align-self: flex-end;
  margin-bottom: 4px;
}
.manage .main .footer[data-v-3b14ef1a] {
  padding: 0 20px;
}
.manage .main .footer .list-item[data-v-3b14ef1a] {
  cursor: pointer;
  width: 100%;
  font-size: 14px;
  padding: 14px 0;
  justify-content: center;
}
.manage .main .footer .list-item[data-v-3b14ef1a]:last-child {
  border: none;
}
.manage .admin[data-v-3b14ef1a] {
  padding: 20px 0;
}
.manage .admin-content[data-v-3b14ef1a] {
  padding: 20px 20px 12px;
  display: flex;
  align-items: center;
}
.manage .admin-content .aside[data-v-3b14ef1a] {
  flex: 1;
  font-size: 14px;
}
.manage .admin-content .aside .p[data-v-3b14ef1a] {
  font-size: 12px;
}
.manage .admin-list[data-v-3b14ef1a] {
  padding: 0 20px;
}
.manage .admin-list .label[data-v-3b14ef1a] {
  display: inline-block;
  font-size: 14px;
  padding-bottom: 8px;
}
.manage .admin .last[data-v-3b14ef1a] {
  padding-top: 13px;
  position: relative;
}
.manage .admin .last[data-v-3b14ef1a]:before {
  position: absolute;
  content: "";
  width: calc(100% - 40px);
  height: 1px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.input[data-v-3b14ef1a] {
  border-radius: 4px;
  padding: 4px 16px;
  font-size: 14px;
}
.group-id[data-v-3b14ef1a] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.group-id .icon[data-v-3b14ef1a] {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.avatar[data-v-3b14ef1a] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-box[data-v-3b14ef1a] {
  display: flex;
  align-items: center;
  width: 34px;
  height: 20px;
  border-radius: 10px;
}
.slider-block[data-v-3b14ef1a] {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin: 0 2px;
}
.space-between[data-v-3b14ef1a] {
  justify-content: space-between;
}
.del-dialog-title[data-v-3b14ef1a] {
  text-align: center;
  padding: 20px 0;
}
.deleted-dialog[data-v-3b14ef1a] {
  padding: 20%;
}
.icon-close[data-v-3b14ef1a] {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  border-radius: 50%;
}
.icon-close[data-v-3b14ef1a]:before,
.icon-close[data-v-3b14ef1a]:after {
  content: "";
  position: absolute;
  background-color: #8f959e;
  height: 16px;
  width: 2px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -1px;
}
.icon-close[data-v-3b14ef1a]:before {
  transform: rotate(45deg);
}
.icon-close[data-v-3b14ef1a]:after {
  transform: rotate(-45deg);
}
.tab-icon[data-v-3b14ef1a] {
  position: absolute;
  left: 20px;
}
.button-new-tag[data-v-3b14ef1a] {
  font-size: 14px !important;
  border-radius: 40px !important;
  background: #b3b3b3 !important;
  color: #000 !important;
  border: none !important;
}
.button-new-tag[data-v-3b14ef1a]:hover {
  border: none !important;
}
.el-tag[data-v-3b14ef1a],
.el-tag.el-tag--primary[data-v-3b14ef1a] {
  --el-tag-bg-color: #54ff29 !important;
}
.el-tag[data-v-3b14ef1a],
.el-tag.el-tag--primary[data-v-3b14ef1a] {
  --el-tag-hover-color: #000000 !important;
}
.el-tag .el-tag__close[data-v-3b14ef1a] {
  color: #fff !important;
  background: #000000 !important;
}
.el-button[data-v-3b14ef1a] {
  --el-button-hover-text-color: #000000 !important;
  --el-button-hover-bg-color: #54ff29 !important;
}
.el-button.is-disabled[data-v-3b14ef1a] {
  background-color: #e8e8e9 !important;
  color: #fff !important;
  border: 1px solid #ddd !important;
}
.editboxs .imgboxs[data-v-3b14ef1a] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.editboxs .imgboxs > img[data-v-3b14ef1a] {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
}
.editboxs .bottom_box[data-v-3b14ef1a] {
  margin: 10px 26px;
}
.editboxs .bottom_box .title_del[data-v-3b14ef1a] {
  text-align: center;
  font-size: 16px;
  color: #000;
}
.editboxs .bottom_box > span[data-v-3b14ef1a] {
  text-transform: capitalize;
  font-size: 16px;
}
.editboxs .bottom_box .inputboxs[data-v-3b14ef1a] {
  margin-top: 8px;
}
.editboxs .bottom_box .inputboxs .inputsed[data-v-3b14ef1a] {
  width: 100%;
  border-radius: 8px;
  height: 80px;
}
.editboxs .bottom_box .bthbos[data-v-3b14ef1a] {
  display: flex;
  justify-content: center;
}
.editboxs .bottom_box .bthbos .submit_btns[data-v-3b14ef1a] {
  font-size: 14px;
  font-weight: 700;
  width: 60%;
  height: 38px;
  margin-top: 26px;
  background-color: #54ff29;
  border-radius: 40px;
  cursor: pointer;
  border: none;
}
.tagbox[data-v-3b14ef1a] {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tagbox .tag-els[data-v-3b14ef1a],
.tagbox .w-20[data-v-3b14ef1a] {
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 14px !important;
}
.addremove[data-v-3b14ef1a] {
  border-radius: 4px !important;
  background-color: #fff;
  border: 1px dashed #000000;
  cursor: pointer;
}
.addremove .oneimg[data-v-3b14ef1a] {
  width: 12px;
  height: 12px;
}
.addremove .removeimg[data-v-3b14ef1a] {
  width: 10px;
  height: 3px;
}
.eqbox[data-v-3b14ef1a] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 10px;
}
.eqbox .groupava[data-v-3b14ef1a] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.eqbox span[data-v-3b14ef1a] {
  color: #000;
  margin: 10px 0;
}
.eqbox .indroce[data-v-3b14ef1a] {
  text-align: center;
  margin-top: 10px;
  padding-bottom: 16px;
}
.quitboxed[data-v-3b14ef1a] {
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.quitboxed .title[data-v-3b14ef1a] {
  text-transform: capitalize;
  width: 78%;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.quitboxed .twobtncon[data-v-3b14ef1a] {
  display: flex;
  justify-content: center;
  margin-top: 44px;
}
.quitboxed .twobtncon button[data-v-3b14ef1a] {
  width: 120px;
  height: 40px;
  font-size: 14px;
  border-radius: 30px;
  cursor: pointer;
  border: none;
}
.quitboxed .twobtncon > button[data-v-3b14ef1a]:first-child {
  color: #000;
  background-color: #e6e6e6;
  margin-right: 16px;
}
.quitboxed .twobtncon > button[data-v-3b14ef1a]:last-child {
  color: #fff;
  background-color: red;
}
.avaBOX[data-v-3b14ef1a],
.flex_box_1[data-v-3b14ef1a] {
  display: flex;
  align-items: center;
}
.flex_box_1 img[data-v-3b14ef1a] {
  width: 36px;
  height: 36px;
}
.tui-group[data-v-20e16dfb] {
  width: 100%;
  height: 100%;
}
body[data-v-858356cd],
div[data-v-858356cd],
ul[data-v-858356cd],
ol[data-v-858356cd],
dt[data-v-858356cd],
dd[data-v-858356cd],
li[data-v-858356cd],
dl[data-v-858356cd],
h1[data-v-858356cd],
h2[data-v-858356cd],
h3[data-v-858356cd],
h4[data-v-858356cd],
p[data-v-858356cd] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-858356cd],
ul[data-v-858356cd],
li[data-v-858356cd] {
  list-style: none;
}
img[data-v-858356cd] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-858356cd] {
  color: #000;
  background: #fff;
}
.clear[data-v-858356cd] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-858356cd] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-858356cd]:hover {
  text-decoration: none;
}
input[data-v-858356cd],
textarea[data-v-858356cd] {
  user-select: auto;
}
input[data-v-858356cd]:focus,
input[data-v-858356cd]:active,
textarea[data-v-858356cd]:focus,
textarea[data-v-858356cd]:active {
  outline: none;
}
.chat-aside[data-v-858356cd] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.TUIKit[data-v-858356cd] {
  display: flex;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  text-align: left;
}
.TUIKit .TUIKit-navbar[data-v-858356cd] {
  background: #e8e8e9;
  overflow: hidden;
}
.TUIKit .TUIKit-navbar .TUIKit-navbar-item[data-v-858356cd] {
  padding: 10px;
  color: #147aff;
  font-weight: 500;
  cursor: pointer;
}
.TUIKit .TUIKit-navbar .TUIKit-navbar-item-active[data-v-858356cd] {
  background: #dddddd;
}
.TUIKit .TUIKit-main-container[data-v-858356cd] {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.TUIKit .TUIKit-main-container .TUIKit-main[data-v-858356cd] {
  flex: 1;
  display: flex;
}
.TUIKit
  .TUIKit-main-container
  .TUIKit-main
  .TUIKit-main-aside[data-v-858356cd] {
  min-width: 285px;
  flex: 0 0 24%;
  border-right: 1px solid #f4f5f9;
}
.TUIKit .TUIKit-main-container .TUIKit-main .TUIKit-main-main[data-v-858356cd] {
  flex: 1;
  display: flex;
}
.TUIKit
  .TUIKit-main-container
  .TUIKit-main
  .TUIKit-main-main
  .chat[data-v-858356cd] {
  flex: 1;
}
.TUIKit
  .TUIKit-main-container
  .TUIKit-main
  .TUIKit-main-main
  .chat-aside[data-v-858356cd] {
  position: absolute;
  top: 50px;
  right: 0;
  box-sizing: border-box;
  max-width: 360px;
  max-height: calc(100% - 50px);
  border-radius: 8px 0 0 8px;
  z-index: 9999;
}
.TUIKit .TUIKit-main-container .callkit-container[data-v-858356cd] {
  position: fixed;
  left: calc(50% - 25rem);
  top: calc(50% - 18rem);
  width: 50rem;
  height: 36rem;
}
.TUIKit .TUIKit-main-container .callkit-container.miniMized[data-v-858356cd] {
  left: auto;
  right: 10px;
  top: 70px;
  background: transparent;
}
.TUIKit-h5[data-v-858356cd] {
  display: flex;
  flex-direction: column-reverse;
}
.TUIKit-h5 .TUIKit-navbar[data-v-858356cd] {
  display: flex;
  flex-direction: row;
}
.TUIKit-h5 .TUIKit-navbar .TUIKit-navbar-item[data-v-858356cd] {
  flex: 1;
  text-align: center;
  cursor: none;
}
.TUIKit-h5 .TUIKit-main-container[data-v-858356cd],
.TUIKit-h5
  .TUIKit-main-container
  .TUIKit-main
  .TUIKit-main-aside[data-v-858356cd] {
  flex: 1;
}
.TUIKit-h5
  .TUIKit-main-container
  .TUIKit-main
  .TUIKit-main-main
  .chat-popup[data-v-858356cd] {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
}
.TUIKit-h5 .TUIKit-main-container .callkit-container[data-v-858356cd] {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.callkit-container {
  position: fixed !important;
  left: var(--callLeft, calc(50% - 25rem)) !important;
  top: var(--callTop, calc(50% - 18rem)) !important;
  width: var(--callWidth, 50rem) !important;
  height: var(--callHeight, 36rem) !important;
}
.header[data-v-93fff5d4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  box-sizing: border-box;
  padding: 20px 34px;
  user-select: none;
}
.header .left .menu[data-v-93fff5d4],
.header .left .logo[data-v-93fff5d4] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.header .left .menu .menu-guide[data-v-93fff5d4] {
  margin-left: 15px;
}
.header .left .logo .logo-img[data-v-93fff5d4] {
  width: 30px;
  margin-right: 7px;
}
.header .left .logo .logo-name[data-v-93fff5d4] {
  font-family: PingFangSC-Regular;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}
.header .left .logo .label-tencent[data-v-93fff5d4] {
  padding-right: 15px;
  border-right: 1px solid #ddd;
}
.header .left .logo .label-im[data-v-93fff5d4] {
  padding-left: 15px;
}
.header .right .dropdown[data-v-93fff5d4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header .right .dropdown .dropdown-label[data-v-93fff5d4] {
  padding: 0 8px;
}
.menu[data-v-f8dbbb50],
.header[data-v-f8dbbb50],
.main[data-v-f8dbbb50],
.footer[data-v-f8dbbb50] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.menu[data-v-f8dbbb50] {
  width: 300px;
  z-index: 100;
  background: rgb(255, 255, 255);
  box-shadow: 10px 20px 30px #38495a17;
  padding: 0 30px;
  user-select: none;
  overflow: auto;
}
.menu .header[data-v-f8dbbb50] {
  width: 100%;
  flex-direction: row;
  padding: 20px 0;
}
.menu .header .header-tencent-cloud[data-v-f8dbbb50],
.menu .header .header-im[data-v-f8dbbb50] {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.menu .header .header-tencent-cloud[data-v-f8dbbb50] {
  padding-right: 20px;
}
.menu .header .header-im[data-v-f8dbbb50] {
  padding-left: 20px;
  border-left: 1px solid rgb(221, 221, 221);
}
.menu .header .header-name[data-v-f8dbbb50] {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  font-style: normal;
  font-family: PingFangSC-Regular;
}
.menu .header .header-icon[data-v-f8dbbb50] {
  width: 30px;
  margin-right: 7px;
}
.menu .header-border[data-v-f8dbbb50] {
  border-bottom: 1px solid rgb(221, 221, 221);
}
.menu .header-guide[data-v-f8dbbb50] {
  padding-bottom: 0;
  justify-content: space-between;
}
.menu .header-guide .header-name[data-v-f8dbbb50] {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: 20px;
  color: #000;
  line-height: 28px;
}
.menu .header-guide .header-close[data-v-f8dbbb50] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #006eff;
  font-size: 18px;
}
.menu .main[data-v-f8dbbb50] {
  width: 100%;
  padding-bottom: 16px;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
}
.menu .main .task[data-v-f8dbbb50],
.menu .main .step[data-v-f8dbbb50] {
  width: 100%;
}
.menu .main .task-title[data-v-f8dbbb50],
.menu .main .step-title[data-v-f8dbbb50] {
  padding: 20px 0;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
}
.menu .main .task-list-item[data-v-f8dbbb50],
.menu .main .step-list-item[data-v-f8dbbb50] {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
}
.menu .main .task[data-v-f8dbbb50] {
  padding-bottom: 14px;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.menu .main .task .task-list-item[data-v-f8dbbb50] {
  justify-content: space-between;
}
.menu .main .task .task-list-item .task-list-item-label[data-v-f8dbbb50] {
  color: #b5b5b5;
}
.menu .main .task .task-list-item .task-list-item-status[data-v-f8dbbb50] {
  background-color: #cfd7e0;
  border-radius: 2px;
  padding: 0 5px;
  color: #fff;
  text-wrap: nowrap;
  height: fit-content;
  align-self: center;
}
.menu .main .task .task-list-item-done .task-list-item-label[data-v-f8dbbb50] {
  color: #333;
}
.menu .main .task .task-list-item-done .task-list-item-status[data-v-f8dbbb50] {
  background-color: #147aff;
}
.menu .main .step-list-item[data-v-f8dbbb50] {
  justify-content: flex-start;
}
.menu .main .step-list-item .step-list-item-index[data-v-f8dbbb50] {
  background: rgba(81, 94, 136, 0.04);
  border: 1px solid #d2d6dc;
  color: #d2d6dc;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 11.67px;
  margin-right: 10px;
}
.menu .main .step-list-item .step-list-item-label[data-v-f8dbbb50] {
  line-height: 22px;
  color: #147aff;
}
.menu .footer[data-v-f8dbbb50] {
  width: 100%;
  margin-top: auto;
  margin-bottom: 30px;
}
.menu .footer .footer-card-list[data-v-f8dbbb50] {
  box-sizing: border-box;
  display: flex;
  width: 100%;
}
.menu .footer .footer-card-list .footer-card[data-v-f8dbbb50] {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid #96c3ff;
  border-radius: 4px;
  background-image: url(/assets/adv-background-dee6cc1d.svg);
  background-size: cover;
}
.menu
  .footer
  .footer-card-list
  .footer-card
  .footer-card-content[data-v-f8dbbb50] {
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.menu
  .footer
  .footer-card-list
  .footer-card
  .footer-card-button[data-v-f8dbbb50] {
  margin-right: 10px;
  padding: 1px 7px;
  background: #147aff;
  border-radius: 0.88rem;
  box-shadow: 0 0.19rem 0.25rem #ffffffb3, 0 0.13rem 0.38rem #147aff8c;
  color: #fff;
}
.menu-h5[data-v-f8dbbb50] {
  flex: 1;
  border-radius: 12px 12px 0 0;
  margin-top: 200px;
  height: calc(100% - 200px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}
.menu-h5 .header-guide[data-v-f8dbbb50] {
  position: sticky;
  padding: 15px 30px;
}
.menu-h5 .main[data-v-f8dbbb50] {
  flex: 1;
  overflow: auto;
  padding: 0 30px;
}
.menu-h5 .footer[data-v-f8dbbb50] {
  margin: 10px 0;
  padding: 0 30px;
}
.navbar[data-v-a7a67ff8] {
  box-sizing: border-box;
  width: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 56px 0 17px;
  background: #000;
  user-select: none;
}
.navbar .navbar-list[data-v-a7a67ff8] {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
.navbar .navbar-list .navbar-list-item[data-v-a7a67ff8] {
  padding: 13px;
  cursor: pointer;
}
.navbar .navbar-list .navbar-list-item-selected[data-v-a7a67ff8] {
  background: rgba(1, 254, 137, 0.15);
}
.navbar .header[data-v-a7a67ff8],
.navbar .footer[data-v-a7a67ff8] {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.navbar .header .user-info[data-v-a7a67ff8] {
  padding: 12px;
  position: relative;
}
.navbar .header .user-info .avatar[data-v-a7a67ff8] {
  width: 36px;
  height: 36px;
  border-radius: 5px;
}
.navbar .header .user-info:hover .user-info-main[data-v-a7a67ff8] {
  display: block;
}
.navbar .header .user-info .user-info-main[data-v-a7a67ff8] {
  width: 100%;
  display: none;
  position: absolute;
  min-width: 165px;
  max-width: 200px;
  top: 0;
  left: 100%;
  z-index: 5;
  padding: 14px 20px;
  border-radius: 0 4px 4px 0;
  background: #fff;
  box-shadow: 0 1px 10px #02102b26;
}
.navbar .footer .setting[data-v-a7a67ff8] {
  cursor: pointer;
  padding: 12px;
  position: relative;
  flex: 1;
}
.navbar .footer .setting .setting-more[data-v-a7a67ff8] {
  background: #fff;
  min-width: 11.25rem;
  box-shadow: 0 1px 10px #02102b26;
  border-radius: 0 4px 4px 0;
  position: absolute;
  bottom: 10px;
  left: 100%;
  z-index: 2;
  white-space: nowrap;
}
.navbar-h5[data-v-a7a67ff8] {
  padding: 0;
  flex-direction: row;
  flex: 1;
  box-shadow: 0 0 18px #f0f6ff;
  overflow: hidden;
  width: 100% !important;
}
.navbar-h5 .navbar-list[data-v-a7a67ff8] {
  flex-direction: row;
  justify-content: space-around;
}
.navbar-h5 .navbar-list .navbar-list-item[data-v-a7a67ff8] {
  display: flex;
  padding: 10px;
  justify-content: center;
}
.navbar-h5
  .navbar-list
  .navbar-list-item
  .navbar-list-item-name[data-v-a7a67ff8] {
  text-align: center;
  padding-top: 4px;
  font-size: 12px;
  color: #a0a3a6;
}
.navbar-h5 .navbar-list .navbar-list-item-selected[data-v-a7a67ff8] {
  background-color: inherit;
}
.navbar-h5
  .navbar-list
  .navbar-list-item-selected
  .navbar-list-item-name[data-v-a7a67ff8] {
  color: #006eff;
}
@media screen and (max-width: 1075px) {
  .navbar[data-v-a7a67ff8] {
    width: 100%;
    overflow: visible;
    display: flex;
    justify-content: space-between;
  }
  .navbar .navbar-list[data-v-a7a67ff8] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    padding: 0 12px;
    justify-content: space-between;
  }
  .navbar .navbar-list .navbar-list-item[data-v-a7a67ff8] {
    position: relative;
  }
  .navbar .navbar-list .navbar-list-item .setting-more[data-v-a7a67ff8] {
    background-color: #000;
    min-width: 11.25rem;
    position: absolute;
    bottom: 50px;
    left: -130px;
    z-index: 9999;
    white-space: nowrap;
    box-shadow: 0 1px 10px #02102b26;
    border-radius: 0 4px 4px 0;
  }
  .navbar .header[data-v-a7a67ff8],
  .navbar .footer[data-v-a7a67ff8] {
    justify-content: start;
  }
  .navbar .footer[data-v-a7a67ff8] {
    width: auto;
  }
  .navbar .footer .common-icon-container[data-v-a7a67ff8] {
    justify-content: start;
  }
  .navbar .footer .setting[data-v-a7a67ff8] {
    cursor: pointer;
    padding: 12px;
    position: relative;
    flex: 1;
  }
  .navbar .footer .setting .setting-more[data-v-a7a67ff8] {
    background-color: #000;
    min-width: 11.25rem;
    border-radius: 0 4px 4px 0;
    position: absolute;
    bottom: 50px;
    left: -130px;
    z-index: 9999;
    white-space: nowrap;
  }
}
.loadbox[data-v-2f6602b7] {
  height: 20px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.not_data_box[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  margin-top: 62px;
  padding-bottom: 45px;
}
.not_data_box > img[data-v-2f6602b7] {
  width: 95px;
  height: 95px;
}
.ChatToEarnBox[data-v-2f6602b7] {
  padding: 40px;
}
@media screen and (max-width: 756px) {
  .ChatToEarnBox[data-v-2f6602b7] {
    height: 100vh;
    padding: 10px;
    overflow-y: auto;
  }
}
.ChatToEarnBox .card_top[data-v-2f6602b7] {
  padding: 12px 26px;
  border: 1px solid #000000;
  border-radius: 11px;
}
@media screen and (max-width: 756px) {
  .ChatToEarnBox .card_top[data-v-2f6602b7] {
    padding: 8px;
  }
}
.ChatToEarnBox .card_top .one_instruction[data-v-2f6602b7] {
  width: 100%;
  display: flex;
  justify-content: end;
}
.ChatToEarnBox .card_top .one_instruction > div[data-v-2f6602b7] {
  cursor: pointer;
}
.ChatToEarnBox .card_top .one_instruction > div > img[data-v-2f6602b7] {
  width: 26px;
  height: 26px;
  object-fit: cover;
}
.ChatToEarnBox .card_top .info_con[data-v-2f6602b7] {
  display: flex;
  align-items: flex-end;
}
.ChatToEarnBox .card_top .info_con .img_avatars > img[data-v-2f6602b7] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.ChatToEarnBox .card_top .info_con > span[data-v-2f6602b7] {
  font-size: 14px;
  margin-left: 10px;
}
.ChatToEarnBox .card_top .history_box[data-v-2f6602b7] {
  margin-top: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #000000;
  display: flex;
  align-items: center;
}
.ChatToEarnBox
  .card_top
  .history_box
  .number_box
  > span[data-v-2f6602b7]:first-child {
  font-weight: bolder;
  font-size: 28px;
}
.ChatToEarnBox
  .card_top
  .history_box
  .number_box
  > span[data-v-2f6602b7]:last-child {
  margin-left: 8px;
  font-size: 12px;
}
.ChatToEarnBox .card_top .history_box .history_btn[data-v-2f6602b7] {
  margin-left: 44px;
  color: #54ff29;
  background-color: #000;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  height: 32px;
  width: 80px;
}
.ChatToEarnBox .card_top .tab_item[data-v-2f6602b7] {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 756px) {
  .ChatToEarnBox .card_top .tab_item[data-v-2f6602b7] {
    justify-content: space-between;
  }
}
.ChatToEarnBox .card_top .tab_item .item_con[data-v-2f6602b7] {
  width: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 756px) {
  .ChatToEarnBox .card_top .tab_item .item_con[data-v-2f6602b7] {
    width: 100%;
  }
}
.ChatToEarnBox .card_top .tab_item .item_con .imgboxs[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.ChatToEarnBox .card_top .tab_item .item_con .imgboxs > img[data-v-2f6602b7] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.ChatToEarnBox .card_top .tab_item .item_con .text_i[data-v-2f6602b7] {
  margin-top: 16px;
  text-transform: capitalize;
  font-size: 14px;
}
.ChatToEarnBox .card_bottom[data-v-2f6602b7] {
  margin-top: 24px;
  padding: 12px 26px;
  border: 1px solid #000000;
  border-radius: 11px;
}
@media screen and (max-width: 756px) {
  .ChatToEarnBox .card_bottom[data-v-2f6602b7] {
    margin-top: 10px;
    margin-bottom: 30%;
    padding: 8px;
  }
}
.ChatToEarnBox .card_bottom .bottom_title[data-v-2f6602b7] {
  margin-top: 10px;
  font-weight: 700;
  font-size: 15px;
}
.ChatToEarnBox .card_bottom .chatxp_num[data-v-2f6602b7] {
  display: flex;
  align-items: center;
  margin-top: 22px;
}
@media screen and (max-width: 756px) {
  .ChatToEarnBox .card_bottom .chatxp_num[data-v-2f6602b7] {
    justify-content: space-between;
  }
}
.ChatToEarnBox .card_bottom .chatxp_num .num_s[data-v-2f6602b7] {
  font-weight: bolder;
  font-size: 28px;
}
.ChatToEarnBox .card_bottom .chatxp_num .not_btnsd[data-v-2f6602b7] {
  background-color: #b3b3b3;
}
.ChatToEarnBox .card_bottom .chatxp_num .will_btnsd[data-v-2f6602b7] {
  background-color: #000;
  color: #54ff29;
}
.ChatToEarnBox .card_bottom .chatxp_num .btn_xp[data-v-2f6602b7] {
  margin-left: 25px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  height: 32px;
  padding: 0 14px;
}
.ChatToEarnBox .card_bottom .list_container[data-v-2f6602b7] {
  margin-top: 21px;
}
.ChatToEarnBox .card_bottom .list_container .list_item[data-v-2f6602b7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.ChatToEarnBox
  .card_bottom
  .list_container
  .list_item
  .list_name[data-v-2f6602b7] {
  font-size: 14px;
  text-transform: capitalize;
}
.ChatToEarnBox
  .card_bottom
  .list_container
  .list_item
  .num_and_btn
  > span[data-v-2f6602b7] {
  font-size: 15px;
}
.ChatToEarnBox
  .card_bottom
  .list_container
  .list_item
  .num_and_btn
  > button[data-v-2f6602b7] {
  text-transform: capitalize;
  background-color: #01fe89;
  border: none;
  cursor: pointer;
  font-weight: 700;
  height: 32px;
  padding: 0 14px;
  margin-left: 12px;
  border-radius: 35px;
}
@media screen and (max-width: 756px) {
  .ChatToEarnBox
    .card_bottom
    .list_container
    .list_item
    .num_and_btn
    > button[data-v-2f6602b7] {
    padding: 0;
    margin-left: 4px;
    width: 100px;
    font-size: 12px;
  }
}
.history_modal h3[data-v-2f6602b7] {
  text-align: center;
  color: #000;
}
.history_modal > ul[data-v-2f6602b7] {
  color: #000;
  margin-top: 18px;
  padding: 0 16px;
  height: 50vh;
  overflow-y: auto;
}
@media screen and (max-width: 756px) {
  .history_modal > ul[data-v-2f6602b7] {
    padding: 0;
  }
}
.history_modal > ul li[data-v-2f6602b7] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.history_modal > ul li .left_txt .names_t[data-v-2f6602b7] {
  display: flex;
}
.history_modal > ul li .left_txt .names_t > span[data-v-2f6602b7] {
  font-weight: 700;
}
.history_modal > ul li .left_txt .names_t .decaht_data[data-v-2f6602b7] {
  display: flex;
  align-items: center;
  margin-left: 42px;
}
@media screen and (max-width: 756px) {
  .history_modal > ul li .left_txt .names_t .decaht_data[data-v-2f6602b7] {
    margin-left: 12px;
  }
}
.history_modal > ul li .left_txt .names_t .decaht_data > img[data-v-2f6602b7] {
  width: 18px;
  height: 12px;
  margin-right: 12px;
}
@media screen and (max-width: 756px) {
  .history_modal
    > ul
    li
    .left_txt
    .names_t
    .decaht_data
    > img[data-v-2f6602b7] {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }
}
.history_modal > ul li .left_txt .names_t .decaht_data > div[data-v-2f6602b7] {
  font-weight: 700;
}
.history_modal > ul li .left_txt .time_t[data-v-2f6602b7] {
  color: #949191;
  font-size: 13px;
  margin-top: 6px;
}
.history_modal > ul li .left_txt .wallet_address[data-v-2f6602b7] {
  font-size: 13px;
  margin-top: 4px;
}
.history_modal > ul li .left_txt .sn_t[data-v-2f6602b7] {
  font-size: 13px;
  margin-top: 4px;
}
.history_modal > ul li .right_txt[data-v-2f6602b7] {
  font-weight: 700;
}
.history_modal .page_box[data-v-2f6602b7] {
  margin-top: 22px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history_modal .page_box span[data-v-2f6602b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  color: #000;
  font-size: 14px;
}
.history_modal .page_box button[data-v-2f6602b7] {
  margin: 0 10px;
  padding: 5px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 8px;
  background-color: #54ff29;
}
.history_modal .page_box button .icon[data-v-2f6602b7] {
  width: 20px;
  height: 20px;
}
.history_modal .page_box button[data-v-2f6602b7]:disabled {
  cursor: not-allowed;
  background-color: #d6d6d6;
  opacity: 0.5;
}
.instruction_box[data-v-2f6602b7] {
  color: #000;
}
.instruction_box > h3[data-v-2f6602b7] {
  text-align: center;
}
.instruction_box .content_con[data-v-2f6602b7] {
  font-size: 13px;
  margin-top: 12px;
  padding: 0 25px;
}
@media screen and (max-width: 756px) {
  .instruction_box .content_con[data-v-2f6602b7] {
    padding: 0 0 28px;
    height: 70vh;
    overflow-y: auto;
  }
}
.notStakBox[data-v-2f6602b7] {
  color: #000;
}
.notStakBox .top_img[data-v-2f6602b7] {
  margin-top: 11px;
  display: flex;
  justify-content: center;
}
.notStakBox .top_img > img[data-v-2f6602b7] {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.notStakBox .tip_text[data-v-2f6602b7] {
  margin-top: 38px;
  font-size: 16px;
  text-align: center;
  text-transform: capitalize;
}
.notStakBox .btn_twos[data-v-2f6602b7] {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.notStakBox .btn_twos button[data-v-2f6602b7] {
  border-radius: 40px;
  height: 40px;
  width: 300px;
  cursor: pointer;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}
.notStakBox .btn_twos > button[data-v-2f6602b7]:first-child {
  border: none;
  background-color: #54ff29;
}
.notStakBox .btn_twos > button[data-v-2f6602b7]:last-child {
  background-color: #fff;
  border: #000000 1px solid;
}
.will_stak_box[data-v-2f6602b7],
.willstakend_modal[data-v-2f6602b7] {
  margin-top: 25px;
  padding: 0 22px 10px;
  color: #000;
}
@media screen and (max-width: 756px) {
  .will_stak_box[data-v-2f6602b7],
  .willstakend_modal[data-v-2f6602b7] {
    margin-top: 15px;
    padding: 0 0 10px;
  }
}
.will_stak_box .top_wallet_box[data-v-2f6602b7],
.willstakend_modal .top_wallet_box[data-v-2f6602b7] {
  display: flex;
  justify-content: end;
}
.will_stak_box .top_wallet_box > button[data-v-2f6602b7],
.willstakend_modal .top_wallet_box > button[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  font-size: 16px;
  height: 37px;
  width: 226px;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  background: #54ff29;
}
.will_stak_box h2[data-v-2f6602b7],
.willstakend_modal h2[data-v-2f6602b7] {
  margin-top: 20px;
}
.will_stak_box h3[data-v-2f6602b7],
.willstakend_modal h3[data-v-2f6602b7] {
  margin-top: 40px;
}
.will_stak_box .stak_period[data-v-2f6602b7],
.willstakend_modal .stak_period[data-v-2f6602b7] {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.will_stak_box .will_stakeamount[data-v-2f6602b7],
.willstakend_modal .will_stakeamount[data-v-2f6602b7] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.will_stak_box .will_stakeamount > span[data-v-2f6602b7],
.willstakend_modal .will_stakeamount > span[data-v-2f6602b7] {
  font-size: 18px;
  font-weight: 700;
}
.will_stak_box .have_title_ss[data-v-2f6602b7],
.willstakend_modal .have_title_ss[data-v-2f6602b7] {
  margin-top: 15px;
  color: #6b6a6a;
}
.will_stak_box .have_title_ss > span[data-v-2f6602b7],
.willstakend_modal .have_title_ss > span[data-v-2f6602b7] {
  text-decoration: underline;
  cursor: pointer;
}
.will_stak_box .amount_box > span[data-v-2f6602b7],
.willstakend_modal .amount_box > span[data-v-2f6602b7] {
  font-size: 18px;
  font-weight: 700;
}
.will_stak_box .amount_box .title_ss[data-v-2f6602b7],
.willstakend_modal .amount_box .title_ss[data-v-2f6602b7] {
  color: #6b6a6a;
}
.will_stak_box .amount_box .title_ss > span[data-v-2f6602b7],
.willstakend_modal .amount_box .title_ss > span[data-v-2f6602b7] {
  text-decoration: underline;
  cursor: pointer;
}
.will_stak_box .earn_address[data-v-2f6602b7],
.willstakend_modal .earn_address[data-v-2f6602b7] {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.will_stak_box .earn_address > div[data-v-2f6602b7]:first-child,
.willstakend_modal .earn_address > div[data-v-2f6602b7]:first-child {
  font-size: 16px;
  font-weight: 700;
}
.will_stak_box .earn_address > div[data-v-2f6602b7]:last-child,
.willstakend_modal .earn_address > div[data-v-2f6602b7]:last-child {
  color: #54ff29;
  font-size: 14px;
  cursor: pointer;
}
.will_stak_box .input_box_con[data-v-2f6602b7],
.willstakend_modal .input_box_con[data-v-2f6602b7] {
  margin-top: 20px;
  padding: 14px;
  border: 1px solid #000000;
  border-radius: 12px;
}
.will_stak_box .input_box_con input[data-v-2f6602b7],
.willstakend_modal .input_box_con input[data-v-2f6602b7] {
  border: none;
  width: 100%;
  font-size: 14px;
}
.will_stak_box .btn_container[data-v-2f6602b7],
.willstakend_modal .btn_container[data-v-2f6602b7] {
  margin-top: 47px;
  display: flex;
  justify-content: center;
  padding-bottom: 45px;
}
.will_stak_box .btn_container button[data-v-2f6602b7],
.willstakend_modal .btn_container button[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 37px;
  cursor: pointer;
  border: none;
  border-radius: 40px;
  font-size: 16px;
  text-transform: capitalize;
  width: 90%;
  background-color: #b3b3b3;
}
.willstakend_modal .amount_box h3[data-v-2f6602b7] {
  margin-top: 20px;
}
.willstakend_modal .amount_box > span[data-v-2f6602b7] {
  font-size: 14px;
  font-weight: 400;
}
.willstakend_modal .amount_box .earn_address_con[data-v-2f6602b7] {
  display: flex;
  align-items: center;
}
.willstakend_modal .amount_box .earn_address_con > div[data-v-2f6602b7] {
  margin-left: 8px;
  cursor: pointer;
}
.willstakend_modal .amount_box .earn_address_con > div img[data-v-2f6602b7] {
  width: 17px;
  height: 17px;
}
.willstakend_modal .amount_box .status_con[data-v-2f6602b7] {
  color: #009951;
  font-size: 16px;
}
.willstakend_modal .amount_box .amounts_con_box[data-v-2f6602b7] {
  display: flex;
  align-items: center;
}
.willstakend_modal .amount_box .amounts_con_box > div[data-v-2f6602b7] {
  margin-left: 8px;
  cursor: pointer;
}
.willstakend_modal .amount_box .amounts_con_box > div > img[data-v-2f6602b7] {
  width: 17px;
  height: 17px;
}
.willstakend_modal .have_btn_container[data-v-2f6602b7] {
  background-color: #54ff29 !important;
}
.willstakend_modal .not_btn_container[data-v-2f6602b7] {
  background-color: #b3b3b3 !important;
}
.verify_modal[data-v-2f6602b7] {
  color: #000;
}
.verify_modal h3[data-v-2f6602b7] {
  text-align: center;
  margin-top: 10px;
  text-transform: capitalize;
}
.verify_modal .captcha-inputs[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
.verify_modal .captcha-inputs .captcha-input[data-v-2f6602b7] {
  width: 40px;
  height: 40px;
  font-size: 22px;
  text-align: center;
  margin: 0 5px;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
  transition: border-color 0.3s;
}
.verify_modal .captcha-inputs .captcha-input[data-v-2f6602b7]:focus {
  border-bottom: 1px solid #54ff29;
}
.verify_modal .btnboxes[data-v-2f6602b7] {
  margin-top: 35px;
  display: flex;
  justify-content: center;
}
.verify_modal .btnboxes button[data-v-2f6602b7] {
  height: 37px;
  cursor: pointer;
  border: none;
  border-radius: 40px;
  font-size: 16px;
  text-transform: capitalize;
  width: 300px;
  background-color: #54ff29;
}
.exchange_modals[data-v-2f6602b7] {
  color: #000;
  margin-top: 25px;
  padding: 0 22px 100px;
}
.exchange_modals .top_wallet_box[data-v-2f6602b7] {
  display: flex;
  justify-content: end;
}
.exchange_modals .top_wallet_box > button[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 37px;
  cursor: pointer;
  border: none;
  border-radius: 40px;
  font-size: 16px;
  text-transform: capitalize;
  width: 226px;
  background: #54ff29;
}
.exchange_modals .order_box[data-v-2f6602b7] {
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.exchange_modals .order_box .or_left[data-v-2f6602b7] {
  font-size: 16px;
  font-weight: 700;
}
.exchange_modals .order_box button[data-v-2f6602b7] {
  cursor: pointer;
  border: none;
  background-color: #fff;
}
.exchange_modals .order_box button img[data-v-2f6602b7] {
  width: 23px;
  height: 24px;
}
.exchange_modals .input_num_box[data-v-2f6602b7] {
  margin-top: 13px;
  display: flex;
  align-items: center;
}
.exchange_modals .input_num_box .btn_input[data-v-2f6602b7] {
  border-radius: 40px;
  border: 1px solid #000000;
  width: 40%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.exchange_modals .input_num_box .btn_input button[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.exchange_modals .input_num_box .btn_input button img[data-v-2f6602b7] {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
}
.exchange_modals .input_num_box .btn_input .show_bumbers[data-v-2f6602b7] {
  font-size: 20px;
  font-weight: 700;
}
.exchange_modals .input_num_box .max_box[data-v-2f6602b7] {
  margin-left: 22px;
}
.exchange_modals .input_num_box .max_box button[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 37px;
  cursor: pointer;
  border: none;
  border-radius: 40px;
  font-size: 16px;
  text-transform: capitalize;
  width: 126px;
  background: #54ff29;
}
.exchange_modals .tilte_bottom[data-v-2f6602b7] {
  color: #54ff29;
  font-size: 14px;
  margin-top: 12px;
}
.exchange_modals .will_get[data-v-2f6602b7] {
  font-size: 16px;
}
.exchange_modals .will_get > span[data-v-2f6602b7] {
  font-size: 20px;
  font-weight: 700;
}
.exchange_modals .btnBOX[data-v-2f6602b7] {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.exchange_modals .btnBOX button[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 37px;
  cursor: pointer;
  border: none;
  border-radius: 40px;
  font-size: 16px;
  text-transform: capitalize;
  background-color: #54ff29;
  width: 88%;
}
.orderList_modal[data-v-2f6602b7] {
  color: #000;
  padding: 0 24px;
}
.orderList_modal h2[data-v-2f6602b7] {
  text-align: center;
  font-size: 16px;
  margin-bottom: 45px;
}
.orderList_modal .orderlist_item[data-v-2f6602b7] {
  margin-bottom: 26px;
}
.orderList_modal .orderlist_item .order_tops[data-v-2f6602b7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orderList_modal .orderlist_item .order_tops .left_chatxp[data-v-2f6602b7] {
  display: flex;
  align-items: center;
}
.orderList_modal
  .orderlist_item
  .order_tops
  .left_chatxp
  .or_names[data-v-2f6602b7] {
  font-size: 16px;
  margin-right: 12px;
}
.orderList_modal
  .orderlist_item
  .order_tops
  .left_chatxp
  .or_chat_img[data-v-2f6602b7] {
  display: flex;
  align-items: center;
}
.orderList_modal
  .orderlist_item
  .order_tops
  .left_chatxp
  .or_chat_img
  > img[data-v-2f6602b7] {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.orderList_modal
  .orderlist_item
  .order_tops
  .left_chatxp
  .or_chat_img
  > span[data-v-2f6602b7] {
  font-size: 16px;
  margin-left: 4px;
}
.orderList_modal .orderlist_item .order_tops .or_status[data-v-2f6602b7] {
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 700;
}
.orderList_modal .orderlist_item .order_times[data-v-2f6602b7] {
  font-size: 14px;
  margin-top: 12px;
  color: #949191;
}
.orderList_modal .orderlist_item .order_address[data-v-2f6602b7] {
  text-transform: capitalize;
  font-size: 14px;
  margin-top: 12px;
}
.orderList_modal .orderlist_item .order_no_btnbox[data-v-2f6602b7] {
  display: flex;
  justify-content: space-between;
}
.orderList_modal
  .orderlist_item
  .order_no_btnbox
  .order_number[data-v-2f6602b7] {
  display: flex;
  align-items: center;
  margin-right: 42px;
}
.orderList_modal
  .orderlist_item
  .order_no_btnbox
  .order_number
  > div[data-v-2f6602b7] {
  cursor: pointer;
  margin-left: 8px;
}
.orderList_modal
  .orderlist_item
  .order_no_btnbox
  .order_number
  > div
  > img[data-v-2f6602b7] {
  width: 17px;
  height: 17px;
}
.orderList_modal .orderlist_item .order_no_btnbox > button[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 37px;
  cursor: pointer;
  border: none;
  border-radius: 40px;
  font-size: 16px;
  text-transform: capitalize;
  width: 200px;
  background: #54ff29;
}
.dailyCheck_modal[data-v-2f6602b7] {
  color: #000;
  margin-top: 16px;
  padding: 0 24px 48px;
}
@media screen and (max-width: 756px) {
  .dailyCheck_modal[data-v-2f6602b7] {
    margin-top: 5px;
    padding: 0 0 40px;
  }
}
.dailyCheck_modal h2[data-v-2f6602b7] {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}
@media screen and (max-width: 756px) {
  .dailyCheck_modal h2[data-v-2f6602b7] {
    margin-bottom: 10px;
  }
}
.dailyCheck_modal .daily_check_card[data-v-2f6602b7] {
  padding: 36px;
  margin-top: 42px;
  background: url(/assets/check_bg-a3725aff.png) no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 756px) {
  .dailyCheck_modal .daily_check_card[data-v-2f6602b7] {
    padding: 12px;
    margin-top: 0;
  }
}
.dailyCheck_modal .daily_check_card .top_ava_box[data-v-2f6602b7] {
  padding-bottom: 10px;
  border-bottom: 1px solid #01fe89;
}
.dailyCheck_modal .daily_check_card .top_ava_box img[data-v-2f6602b7] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}
.dailyCheck_modal .daily_check_card .daily_title[data-v-2f6602b7] {
  margin-top: 10px;
  font-size: 14px;
}
.dailyCheck_modal .daily_check_card .cardContainer[data-v-2f6602b7] {
  margin-top: 29px;
  padding-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 756px) {
  .dailyCheck_modal .daily_check_card .cardContainer[data-v-2f6602b7] {
    margin-top: 6px;
    padding-bottom: 6px;
  }
}
.dailyCheck_modal .daily_check_card .cardContainer .willed_bg[data-v-2f6602b7] {
  background: url(/assets/check_card_bg-5c7e37cc.png) no-repeat;
  background-size: 100% 100%;
}
.dailyCheck_modal
  .daily_check_card
  .cardContainer
  .ordinary_bg[data-v-2f6602b7] {
  background: url(/assets/daily_checkbg_ordinary-908bebf0.png) no-repeat;
  background-size: 100% 100%;
}
.dailyCheck_modal .daily_check_card .cardContainer .card_item[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 23%;
  color: #fff;
  height: 188px;
  flex-direction: column;
  margin-bottom: 25px;
}
@media screen and (min-width: 2188px) {
  .dailyCheck_modal
    .daily_check_card
    .cardContainer
    .card_item[data-v-2f6602b7] {
    height: 278px;
  }
}
@media screen and (max-width: 756px) {
  .dailyCheck_modal
    .daily_check_card
    .cardContainer
    .card_item[data-v-2f6602b7] {
    flex: 0 0 24%;
    height: 140px;
  }
}
.dailyCheck_modal
  .daily_check_card
  .cardContainer
  .card_item
  .day_name[data-v-2f6602b7] {
  margin-top: 13px;
}
.dailyCheck_modal
  .daily_check_card
  .cardContainer
  .card_item
  .add_integral[data-v-2f6602b7] {
  margin-top: 14px;
  font-size: 16px;
  color: #54ff29;
  font-weight: 700;
}
.dailyCheck_modal
  .daily_check_card
  .cardContainer
  .card_item
  .daily_log
  > img[data-v-2f6602b7] {
  width: 60px;
  height: 60px;
}
.dailyCheck_modal
  .daily_check_card
  .cardContainer
  .card_item
  .daily_log_select[data-v-2f6602b7] {
  margin-top: 17px;
}
.dailyCheck_modal
  .daily_check_card
  .cardContainer
  .card_item
  .daily_log_select
  > img[data-v-2f6602b7] {
  width: 80px;
  height: 80px;
}
.invite_getMore_modal[data-v-2f6602b7] {
  text-transform: capitalize;
  color: #000;
  margin-top: 16px;
  padding: 0 45px 88px;
}
@media screen and (max-width: 756px) {
  .invite_getMore_modal[data-v-2f6602b7] {
    margin-top: 10px;
    padding: 0 0 28px;
  }
}
.invite_getMore_modal h2[data-v-2f6602b7] {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}
@media screen and (max-width: 756px) {
  .invite_getMore_modal h2[data-v-2f6602b7] {
    margin-bottom: 10px;
  }
}
.invite_getMore_modal .content_tx[data-v-2f6602b7] {
  margin-top: 40px;
}
@media screen and (max-width: 756px) {
  .invite_getMore_modal .content_tx[data-v-2f6602b7] {
    margin-top: 25px;
  }
}
.invite_getMore_modal .content_tx .one_title[data-v-2f6602b7] {
  font-size: 15px;
  font-weight: 700;
}
.invite_getMore_modal .content_tx .mt_s[data-v-2f6602b7] {
  margin-top: 10px;
  font-size: 16px;
}
.invite_getMore_modal .content_tx .one_context[data-v-2f6602b7] {
  font-size: 16px;
}
.invite_getMore_modal .content_tx .one_context span[data-v-2f6602b7] {
  color: #54ff29;
  cursor: pointer;
  text-transform: lowercase;
}
.invite_getMore_modal .content_tx .two_title[data-v-2f6602b7] {
  margin-top: 16px;
  font-size: 15px;
  font-weight: 700;
}
.invite_getMore_modal .content_tx .last_text[data-v-2f6602b7] {
  font-size: 16px;
  margin-top: 24px;
}
.dialog_invitebox[data-v-2f6602b7] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.dialog_invitebox .modal_boxes[data-v-2f6602b7] {
  width: 41%;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 756px) {
  .dialog_invitebox .modal_boxes[data-v-2f6602b7] {
    width: 96%;
    height: 90vh;
  }
}
.dialog_invitebox .modal_boxes .close_right[data-v-2f6602b7] {
  display: flex;
  justify-content: end;
  padding: 16px 16px 0;
}
@media screen and (max-width: 756px) {
  .dialog_invitebox .modal_boxes .close_right[data-v-2f6602b7] {
    padding: 8px 8px 0;
  }
}
.dialog_invitebox .modal_boxes .close_right .close_img[data-v-2f6602b7] {
  cursor: pointer;
}
.dialog_invitebox .modal_boxes .close_right .close_img[data-v-2f6602b7]:hover {
  color: #54ff29;
}
.dialog_invitebox .modal_boxes .invite_modal[data-v-2f6602b7] {
  color: #000;
  padding: 0 0 48px;
}
.dialog_invitebox .modal_boxes .invite_modal h2[data-v-2f6602b7] {
  text-transform: capitalize;
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}
@media screen and (max-width: 756px) {
  .dialog_invitebox .modal_boxes .invite_modal h2[data-v-2f6602b7] {
    margin-bottom: 8px;
  }
}
.dialog_invitebox .modal_boxes .invite_modal .invite_banner[data-v-2f6602b7] {
  margin-top: 22px;
}
@media screen and (max-width: 756px) {
  .dialog_invitebox .modal_boxes .invite_modal .invite_banner[data-v-2f6602b7] {
    margin-top: 0;
  }
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_banner
  > img[data-v-2f6602b7] {
  width: 100%;
  height: 56%;
  object-fit: cover;
}
.dialog_invitebox .modal_boxes .invite_modal .invite_thre[data-v-2f6602b7] {
  width: 30%;
  margin: 12px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 756px) {
  .dialog_invitebox .modal_boxes .invite_modal .invite_thre[data-v-2f6602b7] {
    width: 46%;
    margin: 10px auto 0;
  }
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_thre
  .comm_items[data-v-2f6602b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_thre
  .comm_items
  img[data-v-2f6602b7] {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_thre
  .comm_items
  > div[data-v-2f6602b7]:first-child {
  cursor: pointer;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_thre
  .comm_items
  > div[data-v-2f6602b7]:last-child {
  margin-top: 4px;
  font-size: 13px;
}
.dialog_invitebox .modal_boxes .invite_modal .hvae_got[data-v-2f6602b7] {
  padding: 12px 46px;
  margin-top: 16px;
  background-color: #eaffe5;
}
@media screen and (max-width: 756px) {
  .dialog_invitebox .modal_boxes .invite_modal .hvae_got[data-v-2f6602b7] {
    padding: 8px 20px;
    margin-top: 0;
  }
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .hvae_got
  .title_have[data-v-2f6602b7] {
  text-transform: capitalize;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .hvae_got
  .have_num[data-v-2f6602b7] {
  margin-top: 8px;
}
@media screen and (max-width: 756px) {
  .dialog_invitebox
    .modal_boxes
    .invite_modal
    .hvae_got
    .have_num[data-v-2f6602b7] {
    margin-top: 0;
  }
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .hvae_got
  .have_num
  .ju_num[data-v-2f6602b7] {
  font-size: 24px;
  font-weight: 700;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .hvae_got
  .have_num
  .more_txt[data-v-2f6602b7] {
  margin-left: 10px;
  color: #029b11;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
}
.dialog_invitebox .modal_boxes .invite_modal .invite_lists[data-v-2f6602b7] {
  margin-top: 16px;
  padding: 12px 46px;
  text-transform: capitalize;
}
@media screen and (max-width: 756px) {
  .dialog_invitebox .modal_boxes .invite_modal .invite_lists[data-v-2f6602b7] {
    padding: 8px 20px;
    margin-top: 0;
  }
}
@media screen and (max-width: 321px) {
  .dialog_invitebox .modal_boxes .invite_modal .invite_lists[data-v-2f6602b7] {
    height: 80px;
  }
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  .invi_tab_box[data-v-2f6602b7] {
  display: flex;
  justify-content: space-between;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  .invi_tab_box
  .invi_item[data-v-2f6602b7] {
  width: 10%;
  border-bottom: #fff 2px solid;
  padding-bottom: 2px;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 756px) {
  .dialog_invitebox
    .modal_boxes
    .invite_modal
    .invite_lists
    .invi_tab_box
    .invi_item[data-v-2f6602b7] {
    width: 100%;
  }
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  .invi_tab_box
  .color_item[data-v-2f6602b7] {
  border-bottom: #54ff29 2px solid;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  > ul[data-v-2f6602b7] {
  margin-top: 16px;
  overflow-y: scroll;
  height: 15rem;
}
@media screen and (min-height: 667px) and (max-height: 736px) {
  .dialog_invitebox
    .modal_boxes
    .invite_modal
    .invite_lists
    > ul[data-v-2f6602b7] {
    height: 160px;
  }
}
@media screen and (min-height: 568px) {
  .dialog_invitebox
    .modal_boxes
    .invite_modal
    .invite_lists
    > ul[data-v-2f6602b7] {
    height: 100px;
  }
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  > ul
  li[data-v-2f6602b7] {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  > ul
  li
  .invi_left[data-v-2f6602b7] {
  display: flex;
  align-items: center;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  > ul
  li
  .invi_left
  .ava_boxs[data-v-2f6602b7] {
  margin-right: 14px;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  > ul
  li
  .invi_left
  .ava_boxs
  img[data-v-2f6602b7] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  > ul
  li
  .invi_left
  .text_cons
  ._names[data-v-2f6602b7] {
  font-size: 14px;
  font-weight: 700;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  > ul
  li
  .invi_left
  .text_cons
  ._titles[data-v-2f6602b7] {
  font-size: 13px;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  > ul
  li
  .invi_right
  ._status[data-v-2f6602b7] {
  font-size: 14px;
  font-weight: 700;
}
.dialog_invitebox
  .modal_boxes
  .invite_modal
  .invite_lists
  > ul
  li
  .invi_right
  ._times[data-v-2f6602b7] {
  font-size: 13px;
}
.momentboxed[data-v-8e654eb0] {
  max-height: 700px;
  overflow-y: auto;
}
.momentboxed .item[data-v-8e654eb0] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .item .left[data-v-8e654eb0] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .item .left img[data-v-8e654eb0] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .item .right[data-v-8e654eb0] {
  flex: 1;
}
.momentboxed .item .right .name[data-v-8e654eb0] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .item .right .name .time[data-v-8e654eb0] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .item .right .emoji_img[data-v-8e654eb0] {
  width: 30px;
  height: 30px;
}
.momentboxed .item .right .content[data-v-8e654eb0] {
  font-size: 14px;
}
.momentboxed .item .right .content ._txt_s[data-v-8e654eb0] {
  word-break: break-all;
}
.momentboxed .item .right .content .showtext[data-v-8e654eb0] {
  cursor: pointer;
  color: #3dd318;
  margin-left: 4px;
}
.momentboxed .item .right .img_box[data-v-8e654eb0] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed .item .right .img_box .selectimgbox[data-v-8e654eb0] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-8e654eb0] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 3px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-8e654eb0] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-8e654eb0] {
  display: none;
}
.momentboxed .item .right .img_box .selectimgbox .img[data-v-8e654eb0] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 6px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-8e654eb0]:nth-child(4n) {
  margin-right: 0;
}
.momentboxed .item .right .video_box[data-v-8e654eb0] {
  width: 100%;
}
.momentboxed .item .right .video_box video[data-v-8e654eb0] {
  width: 50%;
  height: 300px;
}
.momentboxed .item .right .btn_box[data-v-8e654eb0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed .item .right .btn_box .pointer[data-v-8e654eb0] {
  cursor: pointer;
}
.momentboxed .item .right .btn_box .left[data-v-8e654eb0] {
  display: flex;
  align-items: center;
}
.momentboxed .item .right .btn_box .left > div[data-v-8e654eb0] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed .item .right .btn_box .left img[data-v-8e654eb0] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed .item .right .btn_box .left img.huifu[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  border-radius: 0;
  object-fit: cover;
}
.momentboxed .item .right .btn_box .left img.zhuanfa[data-v-8e654eb0] {
  width: 18px;
  height: auto;
}
.momentboxed .item .right .btn_box .left img.xihuan[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed .item .right .btn_box .right[data-v-8e654eb0] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed .item .right .btn_box .right img[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .notdataox[data-v-8e654eb0] {
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.momentboxed .notdataox img[data-v-8e654eb0] {
  width: 140px;
  height: 100px;
}
.momentboxed .notdataox div[data-v-8e654eb0] {
  font-weight: 500;
}
.momentboxed .pageBoxes[data-v-8e654eb0] {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 467px) {
  .momentboxed .pageBoxes[data-v-8e654eb0] {
    padding-bottom: 12px;
  }
}
.infoMomentbox .logava[data-v-8e654eb0] {
  display: flex;
  justify-content: center;
}
.infoMomentbox .infoDatabox[data-v-8e654eb0] {
  padding: 0 18px;
}
.infoMomentbox .infoDatabox .info_name[data-v-8e654eb0] {
  margin-top: 5px;
  font-size: 16px;
  text-align: center;
}
.infoMomentbox .infoDatabox .info_id[data-v-8e654eb0] {
  display: flex;
  font-size: 16px;
  align-items: center;
}
.infoMomentbox .infoDatabox .info_id span[data-v-8e654eb0] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id img[data-v-8e654eb0] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 8px;
}
.infoMomentbox .twobtnboxes[data-v-8e654eb0] {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding-bottom: 20px;
}
.infoMomentbox .twobtnboxes .chat_styls[data-v-8e654eb0] {
  background-color: #54ff29;
}
.infoMomentbox .twobtnboxes .not_styls[data-v-8e654eb0] {
  background-color: #e6e6e6;
}
.infoMomentbox .twobtnboxes button[data-v-8e654eb0] {
  border: none;
  height: 35px;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-weight: 700;
  width: 200px;
}
.infoMomentbox .twobtnboxes .mglt[data-v-8e654eb0] {
  margin-left: 30px;
}
.cancelbtn[data-v-8e654eb0] {
  font-family: Baloo15;
}
.cancelbtn[data-v-8e654eb0]:hover {
  background-color: #fff;
  color: #000;
}
.btnfriend[data-v-8e654eb0] {
  background-color: #54ff29;
  border: none;
  color: #000;
  font-family: Baloo15;
}
.btnfriend[data-v-8e654eb0]:hover {
  background-color: #54ff29;
  color: #000;
}
.deleteMomentbox .titles[data-v-8e654eb0] {
  font-size: 16px;
  text-align: center;
}
.deleteMomentbox .twobtnbox[data-v-8e654eb0] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding-bottom: 20px;
}
.deleteMomentbox .twobtnbox button[data-v-8e654eb0] {
  width: 80px;
  height: 30px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.deleteMomentbox .twobtnbox > button[data-v-8e654eb0]:first-child {
  margin-right: 24px;
}
.deleteMomentbox .twobtnbox > button[data-v-8e654eb0]:last-child {
  background-color: red;
  color: #fff;
}
.mpdelfriendselect > .left[data-v-8e654eb0] {
  height: 330px;
  overflow-y: auto;
}
.mpdelfriendselect > .left ul[data-v-8e654eb0] {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.mpdelfriendselect > .left ul li[data-v-8e654eb0] {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 6px 0;
  cursor: pointer;
}
.mpdelfriendselect > .left ul li .icon-unselected[data-v-8e654eb0] {
  display: block;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 11px;
  box-sizing: border-box;
}
.mpdelfriendselect > .left ul li .ava_right[data-v-8e654eb0] {
  margin-left: 14px;
}
.mpdelfriendselect > .left ul li .ava_right .avatar[data-v-8e654eb0] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.mpdelfriendselect > .left ul li .ava_right .name[data-v-8e654eb0] {
  margin-left: 10px;
}
.mpdelfriendselect > .btnbox[data-v-8e654eb0] {
  display: flex;
  justify-content: center;
}
.mpdelfriendselect > .btnbox button[data-v-8e654eb0] {
  background-color: #01fe89;
  border: none;
  border-radius: 4px;
  width: 80px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.mpdelfriendselect > .btnbox > button[data-v-8e654eb0]:last-child {
  margin-left: 40px;
}
.shareBoxes ul[data-v-8e654eb0] {
  display: grid;
  grid-template-columns: repeat(7, 14%);
  margin-bottom: 22px;
}
.shareBoxes ul li[data-v-8e654eb0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.shareBoxes ul li img[data-v-8e654eb0] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.shareBoxes ul li div[data-v-8e654eb0] {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.repostBoxes .top_box[data-v-8e654eb0] {
  padding: 24px;
  position: relative;
  border: none !important;
}
.repostBoxes .top_box .flex[data-v-8e654eb0] {
  display: flex;
  align-items: flex-start;
}
.repostBoxes .top_box .flex .avatar[data-v-8e654eb0] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.repostBoxes .top_box .flex .TUI-chat-message-input-edit[data-v-8e654eb0] {
  min-height: 50px;
}
.repostBoxes .top_box .qutebox[data-v-8e654eb0] {
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  margin-top: 16px;
}
.repostBoxes .top_box .qutebox .item[data-v-8e654eb0] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.repostBoxes .top_box .qutebox .item .left[data-v-8e654eb0] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.repostBoxes .top_box .qutebox .item .left img[data-v-8e654eb0] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.repostBoxes .top_box .qutebox .item .right[data-v-8e654eb0] {
  flex: 1;
}
.repostBoxes .top_box .qutebox .item .right .name[data-v-8e654eb0] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.repostBoxes .top_box .qutebox .item .right .name .time[data-v-8e654eb0] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.repostBoxes .top_box .qutebox .item .right .emoji_img[data-v-8e654eb0] {
  width: 30px;
  height: 30px;
}
.repostBoxes .top_box .qutebox .item .right .content[data-v-8e654eb0] {
  font-size: 14px;
}
.repostBoxes .top_box .qutebox .item .right .content ._txt_s[data-v-8e654eb0] {
  word-break: break-all;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .content
  .showtext[data-v-8e654eb0] {
  cursor: pointer;
  color: #3dd318;
  margin-left: 4px;
}
.repostBoxes .top_box .qutebox .item .right .img_box[data-v-8e654eb0] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .img_box
  .selectimgbox[data-v-8e654eb0] {
  position: relative;
  cursor: pointer;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-8e654eb0] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 3px;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-8e654eb0] {
  width: 20px;
  height: 20px;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-8e654eb0] {
  display: none;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-8e654eb0] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 6px;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-8e654eb0]:nth-child(4n) {
  margin-right: 0;
}
.repostBoxes .top_box .qutebox .item .right .video_box[data-v-8e654eb0] {
  width: 100%;
}
.repostBoxes .top_box .qutebox .item .right .video_box video[data-v-8e654eb0] {
  width: 50%;
  height: 300px;
}
.repostBoxes .top_box .qutebox .item .right .btn_box[data-v-8e654eb0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.repostBoxes .top_box .qutebox .item .right .btn_box .pointer[data-v-8e654eb0] {
  cursor: pointer;
}
.repostBoxes .top_box .qutebox .item .right .btn_box .left[data-v-8e654eb0] {
  display: flex;
  align-items: center;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .btn_box
  .left
  > div[data-v-8e654eb0] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .btn_box
  .left
  img[data-v-8e654eb0] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  border-radius: 0;
  object-fit: cover;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-8e654eb0] {
  width: 18px;
  height: auto;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.repostBoxes .top_box .qutebox .item .right .btn_box .right[data-v-8e654eb0] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.repostBoxes
  .top_box
  .qutebox
  .item
  .right
  .btn_box
  .right
  img[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.repostBoxes .top_box .message_opear_box[data-v-8e654eb0] {
  display: flex;
  align-items: center;
  margin-top: 48px;
}
.repostBoxes .top_box .message_opear_box .imgbox1[data-v-8e654eb0] {
  width: 26px;
  height: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMzSURBVHgB7ZzpcdswEIVfMvkfpwOkA5fAdKBUYHVgd0ClAqUDuQO7A6oDuwO6A7kDhTsiZ+iYBwjh0ELvm9mxLHEkch+ABRYHQAghhBBCCCGEEEIIIYQQcnncNFY2Vjd2bK1u3zMgQTH46Pj/rQZFCIaU/Cnn90W4AfHOA+ad39kGxDsvsBeghhK+QA/HhdereLavIEmhAInxIYBpbNvYAfZttIstJeS91I3tcAFd3luEd/wlW936IAkG1+38zg5IVBN20Os031bBEdeumow0DyAd7439bP8u4hvcMBOfPbvciBKk4K1G3v+OiM9dYLgqrpA/BYafvUBEioEbqHE9yLN6EYADscRQgMRQgMRQgMRQgMRQgMRQgMS4joS1ISNVyVqaxt4ae4Xy0XoBPQOxEsNZ2y3c8TYQc6WADgF2mM5ivsANjoQtWLc2hTRLGyQkZwFKy+vukXAhV64CdAHXhhsknNvNVYClJZo1wDNvUELOArwuuHaPROQchP94vi4IOQsgc9NzzpXPH6GQAnpGwmt8Xlld4bz5a46Eceo6PuHkTGNxfdfd9NHj8SaA1mScwUfHy+tfmO79vOMCE3BaY4CUfNP7X17voBCNAkiKYWhBbIHzMpyqKOA/BkjbXLXfM+bIe8yv03xAeLIMwltM5+tvYbdQ9oDwS8azE6DE9HI/A7stqv17MQhHVgKsMF2aDZbtkOz39edw7ZJmI4DB/CaPczaBbCd+t3OiiLtUiCwEMFjWrLjaUFCuYCfUGFkIUCG887sa1A/KYz2pO9ijXoAScZzfvzeD6SZvyV4v1QLY9OVDmLT1lcU1NvGghlIBbPvyKc0mHtTwJEDMVITBKYdz6UjQvkMkYgpQQc9hSn8R6V5jCSDV2kAPEgeeEGG1RAwBSsRJkPlG4lWJwIQWQNIMG+hFCk7QrbehZ8RkYvw3dJ/htkdAYkxJPoOMwh0yifEpgEHk0WAiJCYYeMK1CRpbXSB9/ZwP6xDWI+87PTOPq/HHDziI4NoEyQ/tQToekaDWG/DIsiMSHlkmXPuhfTFWYMxicKqCNXQ571zHR0vYEUIIIYQQQgghhBBCCCFEN/8AuEPZSaCtnC8AAAAASUVORK5CYII=)
    no-repeat;
  background-size: cover;
}
.repostBoxes .top_box .message_opear_box .imgbox1[data-v-8e654eb0]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAS1SURBVHgB7ZxRUhtHEIb/EUvFxA/REfBDXEBexA3kG4hCPEc+AdwAcQKcEwQ/Y0e6gbgBPDlU8mDlBNZLynYk1OnWSi6Qd6XVaHdnZ9VfFahqGSTof6e7p6dnAUVRFEVRFEVRFEVRFEVRFEVRyo6BZzRotxrgx1MCtfiP35Vr/NonmKsRxm+75r4Pj/BKgAbt7W7B9GaGn0eEGIJe+SSCNwLInb+Fnds4488IRfh82DX9ATygAk8I8ENrmfEF4jHsos7gCd4IwH/qr0lHGlDisa7xSADUkg6kBDOlKPgkQClRARyzdhYkqWEAc8pv1eLJX8UGIJkWf78ZYnyxbsq7lgAndFBjf9vbFMPPEwoxOro2f9/BEmsBwju/crupxn/EYAQ6tJ0J1jFgC5VzNf4ELo2Y32GJ1QxoUI0/9OsnKDN4Fnx+YbP6DmDBNv7dpZhfZUW7PDO8KAOsjqlyzGtE/KBawc5P/JqPAIStavT1h6N35q8uSkyT9uosRG/+egX0gl/+wYqktg6QjOB9yY0vvDP3NzTJftJBF2KOUQEcowI4RgVwjArgGBXAMSqAY6wWYr4RtrI8q8mesuTwI3y5K8qmfelnQJMOznmT/qOsXmlSNDO9ADufmvTLJQpAqQU4pgM2OLWjq7bjsybt38IxpRXghPZaBtRaMqzGM6QNh5RWgDHMebKRdCoxAo4opQAn9HPNJG9NqW5jO+nY1CmlAHHl8rTGp0kpBRilWC7OmlIKMN0gT9SpIPsYUuOHI0obhHnBdZFk3AMo0bisKK0A782fsje9xLjm4g9zfwWHlHohxq6lzWuB1/jOHdFNuH/9oQ3HeFsLksawbZhLdjXVERs5rjHqOrzDr8Jc/xl/fRkU6fCGlwLMjirN2tBZiB5fW3g0aWr0wrXLeOmCApjO44VWeCrGvjvNJd4J0KQ9KTFEHdaoF6XCuQqFEUB8NFcne8e0/zHOkCe0L23w7fh3mVQ4vTkfJhRGAK7Ry51dD12LGPKpCNNW+DcJ3upcakHwhEIIMHUrc3euiCBtgGHQHYM6SAZnOkFHfgce4FyAY3rZiHcrpjM9gdNZobqZOCi7LEPPcCqAGNcgWGSoangIBDYuJTYoy+dKrAm3JvdvN3I/YJbLLz/ksc4hkOigLLPj0YyqBXiecPMmfZwJMGeELHkSlMNMCvWnQ8Znx7Tn5HC3EwGmQbeOfPgWlOWLYuKNgXnjInDnLsDyXD59pkG5EwbmWJcmZ706eceDXAVYIZfPAnFD9WVj8o4HuQmwYi7vkHzjQW4CLHrQUtHIMx7kIgCngpe+GH9KbvEgcwGiywxekEs8yFSAxWUGH5B48LKBDMl0R0yOrfKS/6ji8SMNRvjvBhmS+ZZk2J2gxKEnZByTmgCy2pzV78sMu9RGmhmdlQsyeBhEP6zD9LjUUOKHdUxutFbUdbEJLLASYIjn/QBfI38WPk3Euycir80Qwz4ssHJBXXM3kO4yKBMM6Mq22cs6BoyA1/zRpXU1yTGDYcJG4CisBZAuNHY0rzZbBDMQG6zz5MS1sqBr8+FuhPEhgd6SR4ci1sdwEjL+Tf53sQEURVEURVEURVEURVEURVEURVEW8D9sIItqod36CAAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: cover;
}
.repostBoxes .top_box .message_opear_box .imgbox2[data-v-8e654eb0] {
  width: 26px;
  height: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATOSURBVHgB7Z2NceQ0FIA/aIDtAFEB6QBdB3SAqODSwZoKch3sXgVABbtUQKhgfRXkqOCwxvZk5/DTWrasn42+mTdJlEls6f1JsvwWKpVKpVKpVCqVSqVSqVQqb4VvyJ+HTnQn33eihp8Zvr+m7eTzIM+dfBq+nql4sevksZNTJy+dfFkpL8P/MvxfaZWB60H/srGMyqjQD/yeMJbuK5fh2oo3SMqBlxSRhBRJWHdyYLnltbwmWyu7q98p1v3fX7njpG0H6gn/BGqVZehnP7uZ13oY/uZIb+E+13zyuE4xKOYPhB30D/SeEgqNnzIu3FFu0MyL9bbThu2tzzBPEfaef6Zw3jOvo4b4GOYp4pFC2XO7czbUpIy3u+Eebt3nnsK4ZfnW8jT5oLntDcV4go2bro78TZ4JTtHfm+veNZmjcCfcI/lzxJ2vFJli46nLjY+UwxF3+MxyneBaZB0pjyNyf57IDI075peKKydoMkIKPbZdUS4Kd9+yCEV7CrGShWjk/jUkRiFbyAfuB2mxZmdFSb1Asv5s3DMQti/S9LohIZL1G+4PQ2ZeYJCtPySafHKJZHBJtilObG/912uLA+lnVI9M9/lEZBRxrH/K4vakw5ULFoWhb1mGFtrPbE/D68Ob2Nhn0B+F3xkiIoUfTVikmHvt+oq4aDIIQ1NuGDr8wPxnuAfiKmKq/y9EQiMPQmjmKmA0AEMcjsI9PODJkhwgXeQv0qLojcAqwnsgPDkL7RpPlihACe3P5IGi38XcMiw9O669OSem3W8LfEKQJHvCsxOu9QcRmNojv7ANIRSwVX64EGAcloSgqQVHS94o+pD0O+HCxGcCEDIHlIA9sWGtNMTezZQCFJ4sXQmXznvWk8wDpviXsggyeCEIpYDvKAc7+L+xniDPAJYooJ1oK+Xp17GTH9huutjiSSgPyF0B507e0b8BEyr8qIm2KKHNTuWm5tpbKGHtOsBukG31tGrqeic8WeIBn4R2RV7YOG/DzRanM6S9pn/wJFQOsGy9ATaXM/3AN2wXEqS+tniyRAFnof0n0tLSx/l3bL8yl/oabUMy1gOJOTnAXrch7kTgQpz+i5yYHgxNWG4p4ED8GZgmUAK2LJ2G/im0x3qr8Ez4aeVcfhHaPxIRaT889CmxC/GmlXORvFIRGSkMhRyg64NQDekXfIaA4Wct0imxC2FR5LPSlqzfkADXKTHD/WGIY3BeNMTJBalxvYDYkBCXF2T3ItsKpBcQrVIUiWmQ5+ma8tHI/WvIAJd7ZmEhK1C4+5YNGtlK6muqkXBVHTlQHvaepf5sscW9mlulCkpSgmvwbR+zneEp3MU6SlCCa/CzLtYxopE7MOYERX4obperibXZuBppm+LajTX5oLmjgk0jDe4OjYu11CXL5pTSbCiUW54weoMhPoZ51RyLs/yvsXHTp2zlloxFwm+FmzHhau4EhV/R1APhC7faUDO3VvWFOyzqPbdE5JQyDPOPvex4LV1s/9a3QHjUUpqlFu9uh+/H58G7K1Eso+XOi3d/TUO4V5DWSIpjLdmgSKeINz3wUxjifYSJnQnVgRdQvCoj5If4ZDnoKZKwL5p+VqM6+RE52bbD12f6E9z25zP5vEBeqVQqlUqlUqlUKpVKpVJ54/wHwXhfWVs6hQUAAAAASUVORK5CYII=)
    no-repeat;
  background-size: cover;
}
.repostBoxes .top_box .message_opear_box .imgbox2[data-v-8e654eb0]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfrSURBVHgB7Z1BWhs3FMf/MvClTRZ1T1Bn0TZkE3MCyAniFFjHnIBwAuwTQE6AWUOKc4I4JwjdhLRdxLmBu2iSFnvU9yxPQ23JntFIM+NUv+/jw5/G2JLe09PT05MAAoFAIBAIBAKBQCAQCAQC/xcESs6u/L4usbpFL7+jytYioM7l/Prm+yTQp7IB1M8l/byn0stz8baHElM6ATRkrbqKr5v08hFVjzpbVpEJMWBBRJCnJLxeV7zto0SUQgD/7XRswS89FsbP4m0HJaBQAaiOv71PL59m1/R0UMP7EqIzRHRa5KgoRABFdvw0sSDOxZs2CiB3AezIe1vU4JPpSTQpnydbORBk3+UNAdLn1mw/VwlC7uU9aecmgImdP8RY65MiqJOjLr14BVQur/Gh3xX9waK/2pX3afKO6tF4PhGb6YRSOR7iz3aS73FBLgJoyHu1FYiXyTqCtXp0StrddaWNatShmVQYPBquIR/mMTd4FwA3nrTqYpGt50aPINsRPnV9at+uvNeMIA4TCIIVYe+5+K0Lj3gVwK5c3yfNO57/LjGIEB3k7RamEMTBubha0AZ7KvAEaf7hos6n58+G+HC3CJ/8jL5zhFsbXIcFbz3akfcP4QkvI2CR5hflcZhI6Jl5GQnOBbAtf2gIrFzMecvlEPJx2UIC7CisQnC96+Z3yYeulcapAFQjKq9NEy6NitPn4qqJErMt1zvUKU8MjwekPBsulcfZHMB+Pruay9z5DNeR62p4XF2jNnJb4QhnAuBFlsmGLkvnx8wTApXTKL/jbFJ2YoKUr8/ar4Vi8lcbWEJ25DqZU9Oc4GY+cDIC2IPQlbO3wxMulhSuO8eedM9opX7iwhRlFgD7+2bTI/fK5u2kgesuqA26Z8oU3U4R19KTSQDs9ZD2N3XPeIFT9u3AJHAbzIs1uZ91FGQSwCq5azrtV3Gdjy18IdCKuaW2NmeoZh0FmQRg0n4OquUVzs2DrrjksPiB/mm2UWAtAA5mmbTfZWyHPSzlZRULx44ME3K8n22FtQCkYbXI2g9HkBt4pNxb8ZI2WU54zkGBCHPg7hEssRKA6gixNV3uWvtJyI3Pr2WTYjXvfEYmFzHErY5hLtiyNUNWAlgzpo7IHrwjWxRtffcTmUDkDM8FpAjaFbKtGbISgMn8zImhOIV98AothMhEvczbLNG6wLRDZmWGLOeAyszynM1PAX7/FpulPOcH1UatGarDgtQCUB6JLuKZh/nRw/MDRynzMksS0QtNcZXzWJESixEgtF8yGqeOFEdslnh+sOmINFCn9aCtwziJOO1npUMa4j4rGF2iBHD9qCNe+zVL+rZKi6Sw1AKgSeiBrvxM/F4KAcT4dFuvcaevKxd5CIC+pqr54j5Ki3u3Vbmjs22mfniAlNiYoKqmrI8Sc2N+uHBlliaHQTJjYYLSD7OywCtrZZbWM8fxOTlY8/k1pMRbYlaZISXaR0aEfi2QGlcC+ANLhHTUeS5wJYBvsDRw9vUwc8RWOjpYYjMJ92dLhbM8GZ+QC93hXFRfGc823uAqHCAKPma0mHGYpH3mMFY1OY0zXZbatKUeARV1Bnfqi1FzmS3mjnGHHFAAzUdOZ222VPoXQDQ+AD3LGtZqKBWyzebGR0azKdZEivgLUpLaBJns3AgrXKkShCNkbwh4zkda0QoglzlAYNiTmj9bATbpVwcFkeeZgwiVTcH6PoNMrYCpTZAKugnNKlA0UAjjqwja1/i4kd+GkNzSFA5svt9yHRDpJF3NO30kdiup4a288pC4jYZwjJX5tRSA0O0I5TgK2K2UD8mt3Ms7AUyiot0Pjwyb9YuwEoBKz5iFT5b4dUf9uZXJ0Zof9g57sMBKABwPN+wBZ8oSm0YgupEI5c+tTIopGxAZrsHJEAvSmyEXkcaYc/Hr8RDy7hAfv83Tzpvgc8X6cjvzw1ifkGnIOmn73+90GRJUob2y3MfjCtZ+3UEUdn/PxNVdWGI9ApQZip7pP1QclTM0YQe3xaT9JJRMyWiZwtFDfHVszpt3d5CtaEwHENURrKiDDGQSwLxRQOVPy5BWnpVJG7RbmKz9WUMe1nNADM8FK/jrtUlD8rr2xQfzrtnJavtjMu+IqdMj8w6yiQssKVz3eQcQ4QAnW5LzD7Khvi3vn2DJmNTZFHZ2dgDRWVYEH2Qzn6mVzWUSAteV66x75voAojMBsCkakb03eEVLI4R5nc9tU3OauwVh5kl4mgXXFjBLe12NxOix6w1954lZyjaajnSOqXMuf5lcVK6Luull7iGLAx/ZFM5HQAw1qgXD6vEz+V4ROU3yqzRF+1y8acED3gTA7MgfqWGVI8yvwPi2xCIu7ZPjui1MqfF6aZ9XATDbcr0hxkGsZNdW+hREfEk4eWv7i5OM2ZmIHvved/AuACbNxa0qs0DQuiI6dXlxK30mX4ffTKDxX9bFrTGTkEUrzX5BLIwRold8BCrJKRzWcpWjNE4d2SQz00CKzD1eZLGf/0VdXXwTR5d39/l1fEhicmikyr/D5d0JYS+JBPHEtsPcMbb1z4b4dFyEN1aYABi1+EGzGEEU2/H/1gIlQbmFfAXC7CUgbuFkAvGC9pk7ZbjTqDQCiOFRwZeBKGFUHP0TH04kK0+n36R0Aphm4kLWyS2t0XriAR8G0U22cSSW0+cjRO8FKjRZi96ZeFOChOFAIBAIBAKBQCAQCAQCgUAA+Adrg5EZbM+KZAAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: cover;
}
.repostBoxes .top_box .message_opear_box .semojibox[data-v-8e654eb0] {
  display: flex;
  align-items: start;
  height: 43px;
}
.repostBoxes .top_box .message_opear_box .el-upload-list[data-v-8e654eb0] {
  display: none;
}
.repostBoxes .top_box .message_opear_box .el-upload[data-v-8e654eb0] {
  margin-right: 8px;
}
.repostBoxes .top_box .message_opear_box .el-upload img[data-v-8e654eb0] {
  width: 26px;
  height: 26px;
  margin-top: 2px;
}
.el-upload-list__item-actions[data-v-8e654eb0],
.el-upload-list__item[data-v-8e654eb0],
.is-success[data-v-8e654eb0] {
  width: 120px !important;
  height: 120px !important;
}
.friend-world-list[data-v-8e654eb0] {
  box-sizing: border-box;
  font-family: Baloo15;
  max-height: 900px;
}
.friend-world-list[data-v-8e654eb0]::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.friend-world-list[data-v-8e654eb0]::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
}
.friend-world-list .page_box[data-v-8e654eb0] {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 467px) {
  .friend-world-list .page_box[data-v-8e654eb0] {
    padding-bottom: 12px;
  }
}
.friend-world-list .friend-world-list-box .item[data-v-8e654eb0] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.friend-world-list .friend-world-list-box .item .left[data-v-8e654eb0] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.friend-world-list .friend-world-list-box .item .left img[data-v-8e654eb0] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.friend-world-list .friend-world-list-box .item .right[data-v-8e654eb0] {
  flex: 1;
}
.friend-world-list .friend-world-list-box .item .right .name[data-v-8e654eb0] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .name
  .time[data-v-8e654eb0] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .emoji_img[data-v-8e654eb0] {
  width: 30px;
  height: 30px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .content[data-v-8e654eb0] {
  font-size: 14px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .content
  ._txt_s[data-v-8e654eb0] {
  word-break: break-all;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .content
  .showtext[data-v-8e654eb0] {
  cursor: pointer;
  color: #3dd318;
  margin-left: 4px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .img_box[data-v-8e654eb0] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .img_box
  .selectimgbox[data-v-8e654eb0] {
  position: relative;
  cursor: pointer;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-8e654eb0] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 3px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-8e654eb0] {
  width: 20px;
  height: 20px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-8e654eb0] {
  display: none;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-8e654eb0] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 6px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-8e654eb0]:nth-child(4n) {
  margin-right: 0;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .video_box[data-v-8e654eb0] {
  width: 100%;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .video_box
  video[data-v-8e654eb0] {
  width: 50%;
  height: 300px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box[data-v-8e654eb0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box
  .pointer[data-v-8e654eb0] {
  cursor: pointer;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box
  .left[data-v-8e654eb0] {
  display: flex;
  align-items: center;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box
  .left
  > div[data-v-8e654eb0] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box
  .left
  img[data-v-8e654eb0] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  border-radius: 0;
  object-fit: cover;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-8e654eb0] {
  width: 18px;
  height: auto;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box
  .right[data-v-8e654eb0] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.friend-world-list
  .friend-world-list-box
  .item
  .right
  .btn_box
  .right
  img[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.friend-world-list .friend-world-list-box .boxouside_p[data-v-8e654eb0] {
  margin-top: 10px;
  border: 1px solid #000000;
  border-radius: 7px;
  padding-left: 10px;
  padding-right: 4px;
}
@media screen and (max-width: 467px) {
  .friend-world-list .friend-world-list-box .boxouside_p[data-v-8e654eb0] {
    width: auto;
  }
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin[data-v-8e654eb0] {
  margin-top: 12px;
  overflow-y: auto;
  height: 160px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item[data-v-8e654eb0] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .left[data-v-8e654eb0] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .left
  img[data-v-8e654eb0] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right[data-v-8e654eb0] {
  flex: 1;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .name[data-v-8e654eb0] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .name
  .time[data-v-8e654eb0] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .emoji_img[data-v-8e654eb0] {
  width: 30px;
  height: 30px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .content[data-v-8e654eb0] {
  font-size: 14px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .content
  ._txt_s[data-v-8e654eb0] {
  word-break: break-all;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .content
  .showtext[data-v-8e654eb0] {
  cursor: pointer;
  color: #3dd318;
  margin-left: 4px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box[data-v-8e654eb0] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox[data-v-8e654eb0] {
  position: relative;
  cursor: pointer;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-8e654eb0] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 3px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-8e654eb0] {
  width: 20px;
  height: 20px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-8e654eb0] {
  display: none;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-8e654eb0] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 6px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-8e654eb0]:nth-child(4n) {
  margin-right: 0;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .video_box[data-v-8e654eb0] {
  width: 100%;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .video_box
  video[data-v-8e654eb0] {
  width: 50%;
  height: 300px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box[data-v-8e654eb0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .pointer[data-v-8e654eb0] {
  cursor: pointer;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left[data-v-8e654eb0] {
  display: flex;
  align-items: center;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  > div[data-v-8e654eb0] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img[data-v-8e654eb0] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  border-radius: 0;
  object-fit: cover;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-8e654eb0] {
  width: 18px;
  height: auto;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right[data-v-8e654eb0] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.friend-world-list
  .friend-world-list-box
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right
  img[data-v-8e654eb0] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.friend-world-list .notdata_box[data-v-8e654eb0] {
  width: 100%;
  height: 100%;
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.friend-world-list .notdata_box img[data-v-8e654eb0] {
  width: 70px;
  height: 50px;
}
.friend-world-list .notdata_box div[data-v-8e654eb0] {
  font-weight: 500;
  font-size: 14px;
}
.repostMadolBox .imagebox .showimg[data-v-8e654eb0] {
  width: 100%;
  height: inherit;
}
.repostMadolBox .input_box[data-v-8e654eb0] {
  margin-top: 20px;
}
.repostMadolBox .tag_box .el-tag[data-v-8e654eb0] {
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
.body[data-v-8e654eb0] {
  display: flex;
  margin-bottom: 24px;
  padding: 12px;
}
.body img[data-v-8e654eb0] {
  width: 48px;
  margin-right: 12px;
}
.body .name[data-v-8e654eb0] {
  font-size: 18px;
}
.body .content[data-v-8e654eb0] {
  font-size: 14px;
}
.pinlun_box[data-v-8e654eb0] {
  max-height: 70vh;
  overflow-y: scroll;
}
.pinlun_box .comment_list_box .comment_list .comment_item[data-v-8e654eb0] {
  display: flex;
  margin-bottom: 24px;
  padding: 12px;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item[data-v-8e654eb0]:hover {
  background-color: #01fe891a;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item:hover
  .btn[data-v-8e654eb0],
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item:hover
  .del_img[data-v-8e654eb0] {
  display: inline-block;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item
  .del_img[data-v-8e654eb0] {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item
  .del_img
  img[data-v-8e654eb0] {
  width: 100%;
  height: 100%;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item
  .btn[data-v-8e654eb0] {
  display: none;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item
  .img[data-v-8e654eb0] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item
  .right[data-v-8e654eb0] {
  flex: 1;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item
  .name[data-v-8e654eb0] {
  font-size: 18px;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item
  .name
  .to[data-v-8e654eb0] {
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item
  .time[data-v-8e654eb0] {
  float: right;
  font-size: 13px;
}
.pinlun_box
  .comment_list_box
  .comment_list
  .comment_item
  .content[data-v-8e654eb0] {
  font-size: 14px;
}
.pinlun_box .user_box[data-v-8e654eb0] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-top: 1px solid #ccc;
  padding-top: 24px;
}
.pinlun_box .user_box .tab[data-v-8e654eb0] {
  margin-left: 12px;
}
.pinlun_box .user_box img[data-v-8e654eb0] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}
.pinlun_box .emojibox[data-v-8e654eb0] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.pinlun_box .emojibox .face_box img[data-v-8e654eb0] {
  width: 20px;
  height: 20px;
}
.v3-body-inner {
  scroll-behavior: smooth;
  scrollbar-color: #393d3f rgba(0, 0, 0, 0.1);
  scrollbar-width: thin;
}
.v3-body-inner::-webkit-scrollbar {
  width: 8px;
}
.v3-body-inner::-webkit-scrollbar-track {
  background-color: transparent;
}
.v3-body-inner::-webkit-scrollbar-thumb {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.v3-body-inner:hover::-webkit-scrollbar-thumb {
  display: block;
}
.v3-emoji-picker {
  height: 320px;
  width: 280px;
  box-shadow: 0 2px 10px #0003;
  border-radius: 10px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.v3-emoji-picker * {
  box-sizing: border-box;
}
.v3-emoji-picker .v3-header {
  padding: 15px 15px 13px;
  border-bottom: 1px solid;
}
.v3-emoji-picker .v3-header .v3-groups {
  display: flex;
}
.v3-emoji-picker .v3-header .v3-groups .v3-group {
  flex-grow: 1;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  font-size: 23px;
  cursor: pointer;
  position: relative;
  display: block;
  opacity: 0.7;
  transition: 0.2s;
}
.v3-emoji-picker .v3-header .v3-groups .v3-group.v3-is-hidden {
  display: none;
}
.v3-emoji-picker .v3-header .v3-groups .v3-group:first-child,
.v3-emoji-picker .v3-header .v3-groups .v3-group:last-child {
  flex-grow: 0;
}
.v3-emoji-picker .v3-header .v3-groups .v3-group:hover {
  opacity: 1;
}
.v3-emoji-picker .v3-header .v3-groups .v3-group span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.v3-emoji-picker .v3-header .v3-groups .v3-group span img {
  display: block;
  width: 1em;
  height: auto;
}
.v3-emoji-picker .v3-spacing {
  height: 11px;
}
.v3-emoji-picker .v3-search input {
  width: 100%;
  display: block;
  height: 26px;
  padding: 0 10px;
  border: 1px solid;
  border-radius: 3px;
  font-size: 12px;
  transition: 0.2s;
}
.v3-emoji-picker .v3-search input:focus {
  outline: none;
}
.v3-emoji-picker .v3-body {
  padding: 0 0 15px 11px;
  min-height: 0;
  flex-grow: 1;
}
.v3-emoji-picker .v3-body .v3-body-inner {
  flex-grow: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-right: 11px;
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5 {
  margin: 0;
  top: 0;
  padding: 7px 0 3px 4px;
  z-index: 2;
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5.v3-sticky {
  position: sticky;
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis {
  display: flex;
  font-size: 18px;
  flex-wrap: wrap;
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button {
  cursor: pointer;
  border: none;
  background: none;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 12.5%;
  max-width: 12.5%;
  flex-grow: 1;
  padding: 0;
  font-size: 22px;
  position: relative;
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:after {
  content: "";
  width: 100%;
  padding-bottom: 100%;
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img {
  max-width: 100%;
  padding: 4px;
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span,
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v3-emoji-picker .v3-body .v3-body-inner.is-mac .v3-emojis button {
  font-family: "Apple Color Emoji";
}
.v3-emoji-picker .v3-footer {
  font-size: 14px;
  border-top: 1px solid #dddddd;
  padding: 15px;
  display: none;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.v3-emoji-picker .v3-footer .v3-tone,
.v3-emoji-picker .v3-footer .v3-foot-left {
  display: flex;
  align-items: center;
}
.v3-emoji-picker .v3-footer .v3-tone img,
.v3-emoji-picker .v3-footer .v3-foot-left img {
  width: 20px;
  display: block;
}
.v3-emoji-picker .v3-footer .v3-tone > span:first-child,
.v3-emoji-picker .v3-footer .v3-foot-left > span:first-child {
  margin-right: 6px;
}
.v3-emoji-picker .v3-footer .v3-foot-left > span.v3-text {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v3-emoji-picker .v3-footer .v3-tone {
  border: none;
  padding: 0;
  background: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.v3-emoji-picker .v3-footer .v3-tone > span {
  display: inline-flex;
  vertical-align: top;
}
.v3-emoji-picker .v3-footer .v3-tone .v3-text {
  font-size: 13px;
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon {
  display: inline-flex;
  height: 15px;
  width: 15px;
  vertical-align: middle;
  align-self: center;
  border: 2px solid rgba(0, 0, 0, 0.2);
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-neutral {
  background-color: #ffd225;
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fb {
  background-color: #ffdfbd;
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fc {
  background-color: #e9c197;
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fd {
  background-color: #c88e62;
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fe {
  background-color: #a86637;
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3ff {
  background-color: #60463a;
}
.v3-emoji-picker .v3-footer .v3-tone .is-mac span {
  font-family: "Apple Color Emoji";
}
.v3-skin-tones {
  position: absolute;
  height: 100%;
  width: 60%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 15px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  border-radius: 0 0 10px 10px;
}
.v3-skin-tones.v3-is-open {
  opacity: 1;
  visibility: visible;
}
.v3-skin-tones .v3-skin-tone {
  display: inline-block;
  height: 15px;
  width: 25px;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: 0ms;
}
.v3-skin-tones .v3-skin-tone:hover {
  transform: scale(1.1);
  transition: 0.2s;
}
.v3-skin-tones .v3-skin-tone-neutral {
  color: #ffd225;
  background-color: #ffd225;
}
.v3-skin-tones .v3-skin-tone-1f3fb {
  color: #ffdfbd;
  background-color: #ffdfbd;
}
.v3-skin-tones .v3-skin-tone-1f3fc {
  color: #e9c197;
  background-color: #e9c197;
}
.v3-skin-tones .v3-skin-tone-1f3fd {
  color: #c88e62;
  background-color: #c88e62;
}
.v3-skin-tones .v3-skin-tone-1f3fe {
  color: #a86637;
  background-color: #a86637;
}
.v3-skin-tones .v3-skin-tone-1f3ff {
  color: #60463a;
  background-color: #60463a;
}
.v3-input-emoji-picker * {
  box-sizing: border-box;
}
.v3-input-emoji-picker .v3-input-picker-root {
  position: relative;
}
.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-input,
.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea {
  width: 100%;
  height: 40px;
  border: 1px solid #999;
  padding-left: 15px;
}
.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea {
  min-height: 80px;
  resize: vertical;
}
.v3-input-emoji-picker
  .v3-input-picker-root
  .v3-emoji-picker-textarea
  + .v3-input-picker-wrap
  .v3-input-picker-icon {
  top: auto;
  bottom: 5px;
}
.v3-input-emoji-picker
  .v3-input-picker-root
  .v3-input-picker-wrap
  .v3-input-picker-icon {
  display: inline-flex;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  border: none;
  background: none;
  padding: 0 5px;
  cursor: pointer;
}
.v3-input-emoji-picker
  .v3-input-picker-root
  .v3-input-picker-wrap
  .v3-input-picker-icon
  img {
  display: block;
  width: 1em;
  height: 1em;
}
.v3-input-emoji-picker
  .v3-input-picker-root
  .v3-input-picker-wrap
  .v3-emoji-picker {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
.v3-input-emoji-picker
  .v3-input-picker-root
  .v3-input-picker-wrap.v3-picker-is-open
  .v3-emoji-picker {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
.v3-emoji-picker {
  --v3-picker-bg: #ffffff;
  --v3-picker-fg: #000000;
  --v3-picker-border: #dddddd;
  --v3-picker-input-bg: var(--v3-picker-bg);
  --v3-picker-input-border: #cccccc;
  --v3-picker-input-focus-border: #000000;
  --v3-group-image-filter: none;
  --v3-picker-emoji-hover: #f7f7f7;
  background: var(--v3-picker-bg);
  color: var(--v3-picker-fg);
}
.v3-emoji-picker .v3-footer,
.v3-emoji-picker .v3-header {
  border-color: var(--v3-picker-border);
}
.v3-emoji-picker .v3-groups {
  filter: var(--v3-group-image-filter);
}
.v3-emoji-picker .v3-tone {
  color: var(--v3-picker-fg);
}
.v3-emoji-picker .v3-search input {
  background: var(--v3-picker-input-bg);
  border-color: var(--v3-picker-input-border);
  color: inherit;
}
.v3-emoji-picker .v3-search input:focus {
  border-color: var(--v3-picker-input-focus-border);
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5,
.v3-emoji-picker .v3-skin-tones {
  background: var(--v3-picker-bg);
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:hover {
  background: var(--v3-picker-emoji-hover, #f7f7f7);
}
@media (prefers-color-scheme: dark) {
  .v3-emoji-picker.v3-color-theme-auto {
    --v3-picker-bg: #000000;
    --v3-picker-fg: #ffffff;
    --v3-picker-border: #333333;
    --v3-picker-input-bg: #222222;
    --v3-picker-input-border: #444444;
    --v3-picker-input-focus-border: #555555;
    --v3-group-image-filter: invert(1);
    --v3-picker-emoji-hover: #222222;
  }
}
.v3-emoji-picker.v3-color-theme-dark {
  --v3-picker-bg: #000000;
  --v3-picker-fg: #ffffff;
  --v3-picker-border: #333333;
  --v3-picker-input-bg: #222222;
  --v3-picker-input-border: #444444;
  --v3-picker-input-focus-border: #555555;
  --v3-group-image-filter: invert(1);
  --v3-picker-emoji-hover: #222222;
}
.comm_flex_ali[data-v-a2f3677b] {
  display: flex;
  align-items: center;
}
.deleteMomentbox .titles[data-v-a2f3677b] {
  font-size: 16px;
  text-align: center;
}
.deleteMomentbox .twobtnbox[data-v-a2f3677b] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding-bottom: 20px;
}
.deleteMomentbox .twobtnbox button[data-v-a2f3677b] {
  width: 80px;
  height: 30px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.deleteMomentbox .twobtnbox > button[data-v-a2f3677b]:first-child {
  margin-right: 24px;
}
.deleteMomentbox .twobtnbox > button[data-v-a2f3677b]:last-child {
  background-color: red;
  color: #fff;
}
.mpdelfriendselect > .left[data-v-a2f3677b] {
  height: 330px;
  overflow-y: auto;
}
.mpdelfriendselect > .left ul[data-v-a2f3677b] {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.mpdelfriendselect > .left ul li[data-v-a2f3677b] {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 6px 0;
  cursor: pointer;
}
.mpdelfriendselect > .left ul li .icon-unselected[data-v-a2f3677b] {
  display: block;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 11px;
  box-sizing: border-box;
}
.mpdelfriendselect > .left ul li .ava_right[data-v-a2f3677b] {
  margin-left: 14px;
}
.mpdelfriendselect > .left ul li .ava_right .avatar[data-v-a2f3677b] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.mpdelfriendselect > .left ul li .ava_right .name[data-v-a2f3677b] {
  margin-left: 10px;
}
.mpdelfriendselect > .btnbox[data-v-a2f3677b] {
  display: flex;
  justify-content: center;
}
.mpdelfriendselect > .btnbox button[data-v-a2f3677b] {
  background-color: #01fe89;
  border: none;
  border-radius: 4px;
  width: 80px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.mpdelfriendselect > .btnbox > button[data-v-a2f3677b]:last-child {
  margin-left: 40px;
}
.shareBoxes ul[data-v-a2f3677b] {
  display: grid;
  grid-template-columns: repeat(7, 14%);
  margin-bottom: 22px;
}
.shareBoxes ul li[data-v-a2f3677b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.shareBoxes ul li img[data-v-a2f3677b] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.shareBoxes ul li div[data-v-a2f3677b] {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.user_box[data-v-a2f3677b] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-top: 1px solid #ccc;
  padding-top: 24px;
}
.user_box .tab[data-v-a2f3677b] {
  margin-left: 12px;
}
.user_box img[data-v-a2f3677b] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}
.comment_list_box .comment_list .comment_item[data-v-a2f3677b] {
  display: flex;
  margin-bottom: 24px;
  padding: 12px;
}
.comment_list_box .comment_list .comment_item[data-v-a2f3677b]:hover {
  background-color: #01fe891a;
}
.comment_list_box .comment_list .comment_item:hover .btn[data-v-a2f3677b],
.comment_list_box .comment_list .comment_item:hover .del_img[data-v-a2f3677b] {
  display: inline-block;
}
.comment_list_box .comment_list .comment_item .del_img[data-v-a2f3677b] {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.comment_list_box .comment_list .comment_item .del_img img[data-v-a2f3677b] {
  width: 100%;
  height: 100%;
}
.comment_list_box .comment_list .comment_item .btn[data-v-a2f3677b] {
  display: none;
}
.comment_list_box .comment_list .comment_item .img[data-v-a2f3677b] {
  width: 48px;
  margin-right: 12px;
}
.comment_list_box .comment_list .comment_item .right[data-v-a2f3677b] {
  flex: 1;
}
.comment_list_box .comment_list .comment_item .name[data-v-a2f3677b] {
  font-size: 18px;
}
.comment_list_box .comment_list .comment_item .name .to[data-v-a2f3677b] {
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
}
.comment_list_box .comment_list .comment_item .time[data-v-a2f3677b] {
  float: right;
}
.comment_list_box .comment_list .comment_item .content[data-v-a2f3677b] {
  font-size: 14px;
}
.friendDetails[data-v-a2f3677b] {
  padding: 40px;
  height: 85vh;
  overflow-y: auto;
  position: relative;
}
@media screen and (max-width: 756px) {
  .friendDetails[data-v-a2f3677b] {
    padding: 10px;
  }
}
.friendDetails .account_top[data-v-a2f3677b] {
  width: 100%;
  display: flex;
  justify-content: end;
}
.friendDetails .account_top .accdata[data-v-a2f3677b] {
  background-color: #01fe89;
  border-radius: 50px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
}
.friendDetails .account_top .accdata img[data-v-a2f3677b] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 14px;
}
.friendDetails .account_top .accdata .dropdimg[data-v-a2f3677b] {
  width: 13px;
  height: 13px;
  margin-left: 10px;
}
.friendDetails .topbox[data-v-a2f3677b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.friendDetails .topbox > .left[data-v-a2f3677b] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.friendDetails .topbox > .left img[data-v-a2f3677b] {
  width: 24px;
  height: 24px;
}
.friendDetails .topbox > .left span[data-v-a2f3677b] {
  font-size: 24px;
}
.friendDetails .topbox > .right img[data-v-a2f3677b] {
  width: 24px;
  height: 24px;
  margin-left: 10px;
  cursor: pointer;
}
.friendDetails .details_content[data-v-a2f3677b] {
  margin-top: 24px;
}
.friendDetails .details_content .item[data-v-a2f3677b] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.friendDetails .details_content .item .left[data-v-a2f3677b] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 756px) {
  .friendDetails .details_content .item .left[data-v-a2f3677b] {
    margin-right: 6px;
  }
}
.friendDetails .details_content .item .left img[data-v-a2f3677b] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.friendDetails .details_content .item .right[data-v-a2f3677b] {
  flex: 1;
}
.friendDetails .details_content .item .right .name[data-v-a2f3677b] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.friendDetails .details_content .item .right .name .time[data-v-a2f3677b] {
  float: right;
  font-weight: 400;
  margin-right: 24px;
}
.friendDetails .details_content .item .right .emoji_img[data-v-a2f3677b] {
  width: 30px;
  height: 30px;
}
.friendDetails .details_content .item .right .content[data-v-a2f3677b] {
  user-select: none;
  font-size: 14px;
}
.friendDetails
  .details_content
  .item
  .right
  .content
  .showtext[data-v-a2f3677b] {
  cursor: pointer;
  color: #3dd318;
  margin-left: 4px;
}
.friendDetails .details_content .item .right .img_box[data-v-a2f3677b] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.friendDetails
  .details_content
  .item
  .right
  .img_box
  .selectimgbox[data-v-a2f3677b] {
  position: relative;
  cursor: pointer;
}
.friendDetails
  .details_content
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-a2f3677b] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 3px;
}
.friendDetails
  .details_content
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-a2f3677b] {
  width: 20px;
  height: 20px;
}
.friendDetails
  .details_content
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-a2f3677b] {
  display: none;
}
.friendDetails
  .details_content
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-a2f3677b] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 6px;
}
.friendDetails
  .details_content
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-a2f3677b]:nth-child(4n) {
  margin-right: 0;
}
.friendDetails .details_content .item .right .video_box[data-v-a2f3677b] {
  width: 100%;
}
.friendDetails .details_content .item .right .video_box video[data-v-a2f3677b] {
  width: 50%;
  height: 300px;
}
.friendDetails .details_content .item .right .btn_box[data-v-a2f3677b] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.friendDetails
  .details_content
  .item
  .right
  .btn_box
  .pointer[data-v-a2f3677b] {
  cursor: pointer;
}
.friendDetails .details_content .item .right .btn_box .left[data-v-a2f3677b] {
  display: flex;
  align-items: center;
}
.friendDetails
  .details_content
  .item
  .right
  .btn_box
  .left
  > div[data-v-a2f3677b] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.friendDetails
  .details_content
  .item
  .right
  .btn_box
  .left
  img[data-v-a2f3677b] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.friendDetails
  .details_content
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-a2f3677b] {
  width: 18px;
  height: auto;
  border-radius: 0;
  object-fit: cover;
}
.friendDetails
  .details_content
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-a2f3677b] {
  width: 18px;
  height: auto;
}
.friendDetails
  .details_content
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-a2f3677b] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.friendDetails .details_content .item .right .btn_box .right[data-v-a2f3677b] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.friendDetails
  .details_content
  .item
  .right
  .btn_box
  .right
  .time_txt[data-v-a2f3677b] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.friendDetails
  .details_content
  .item
  .right
  .btn_box
  .right
  img[data-v-a2f3677b] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.friendDetails .details_content .boxouside_p[data-v-a2f3677b] {
  margin-top: 25px;
  width: 98%;
  background-color: #eaffe5;
  border-radius: 7px;
  padding-left: 10px;
  padding-right: 4px;
}
@media screen and (max-width: 756px) {
  .friendDetails .details_content .boxouside_p[data-v-a2f3677b] {
    padding-left: 4px;
    padding-right: 0;
  }
}
.friendDetails .details_content .boxouside_p .box_pin[data-v-a2f3677b] {
  overflow-y: auto;
}
.friendDetails .details_content .boxouside_p .box_pin .item[data-v-a2f3677b] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .left[data-v-a2f3677b] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 756px) {
  .friendDetails
    .details_content
    .boxouside_p
    .box_pin
    .item
    .left[data-v-a2f3677b] {
    margin-right: 6px;
  }
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .left
  img[data-v-a2f3677b] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right[data-v-a2f3677b] {
  flex: 1;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .name[data-v-a2f3677b] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .name
  .time[data-v-a2f3677b] {
  float: right;
  font-weight: 400;
  margin-right: 24px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .emoji_img[data-v-a2f3677b] {
  width: 30px;
  height: 30px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .content[data-v-a2f3677b] {
  user-select: none;
  font-size: 14px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .content
  .showtext[data-v-a2f3677b] {
  cursor: pointer;
  color: #3dd318;
  margin-left: 4px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box[data-v-a2f3677b] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox[data-v-a2f3677b] {
  position: relative;
  cursor: pointer;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-a2f3677b] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 3px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-a2f3677b] {
  width: 20px;
  height: 20px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-a2f3677b] {
  display: none;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-a2f3677b] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 6px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-a2f3677b]:nth-child(4n) {
  margin-right: 0;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .video_box[data-v-a2f3677b] {
  width: 100%;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .video_box
  video[data-v-a2f3677b] {
  width: 50%;
  height: 300px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box[data-v-a2f3677b] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .pointer[data-v-a2f3677b] {
  cursor: pointer;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left[data-v-a2f3677b] {
  display: flex;
  align-items: center;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  > div[data-v-a2f3677b] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img[data-v-a2f3677b] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-a2f3677b] {
  width: 18px;
  height: auto;
  border-radius: 0;
  object-fit: cover;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-a2f3677b] {
  width: 18px;
  height: auto;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-a2f3677b] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right[data-v-a2f3677b] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right
  .time_txt[data-v-a2f3677b] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right
  img[data-v-a2f3677b] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.friendDetails .details_content .boxouside_p .box_pin .item[data-v-a2f3677b] {
  margin: 15px 0 8px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .name[data-v-a2f3677b] {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #54ff29;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .name
  .reply_box[data-v-a2f3677b] {
  display: flex;
  align-items: center;
  color: #000;
  margin-left: 6px;
  font-size: 16px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .name
  .reply_box
  span[data-v-a2f3677b] {
  font-size: 14px;
  color: #54ff29;
  margin-left: 6px;
  margin-right: 4px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .operate_box[data-v-a2f3677b] {
  margin-top: 10px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .operate_box
  .talkbox[data-v-a2f3677b] {
  cursor: pointer;
  margin-right: 12px;
}
.friendDetails
  .details_content
  .boxouside_p
  .box_pin
  .item
  .right
  .operate_box
  .talkbox
  .huifu[data-v-a2f3677b] {
  width: 18px;
  height: auto;
  border-radius: 0;
  object-fit: cover;
}
.friendDetails .details_content .notInfod[data-v-a2f3677b] {
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.friendDetails .details_content .notInfod img[data-v-a2f3677b] {
  width: 140px;
  height: 100px;
}
.friendDetails .details_content .notInfod div[data-v-a2f3677b] {
  font-weight: 500;
}
.friendDetails .comments_container .comments_tabs[data-v-a2f3677b] {
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.friendDetails .comments_container .comments_tabs .tabs_left[data-v-a2f3677b] {
  display: flex;
  align-items: center;
}
.friendDetails
  .comments_container
  .comments_tabs
  .tabs_left
  h3[data-v-a2f3677b] {
  font-size: 16px;
  cursor: pointer;
  padding-bottom: 6px;
  border-bottom: 2px solid #fff;
}
.friendDetails
  .comments_container
  .comments_tabs
  .tabs_left
  > h3[data-v-a2f3677b]:first-child {
  margin-right: 26px;
}
.friendDetails
  .comments_container
  .comments_tabs
  .tabs_left
  .active[data-v-a2f3677b] {
  border-bottom: 2px solid #54ff29;
}
.friendDetails .comments_container .comments_tabs .tabs_right[data-v-a2f3677b] {
  font-size: 16px;
  padding-bottom: 6px;
  cursor: pointer;
  border-bottom: 2px solid #fff;
  font-weight: 700;
}
.friendDetails .comments_container .comments_tabs .activeed[data-v-a2f3677b] {
  padding-bottom: 6px;
  font-size: 16px;
  cursor: pointer;
  font-weight: 700;
  border-bottom: 2px solid #54ff29;
}
.friendDetails .page_box[data-v-a2f3677b] {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 467px) {
  .friendDetails .page_box[data-v-a2f3677b] {
    padding-bottom: 12px;
  }
}
.friendDetails .showLikes[data-v-a2f3677b] {
  margin-top: 24px;
}
.friendDetails .showLikes .likeItem[data-v-a2f3677b] {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.friendDetails .showLikes .likeItem .likeright[data-v-a2f3677b] {
  margin-left: 12px;
}
.friendDetails .showLikes .likeItem .likeright .name[data-v-a2f3677b] {
  font-size: 16px;
  font-weight: 700;
}
.friendDetails .showLikes .likeItem .likeright .ids[data-v-a2f3677b] {
  font-size: 14px;
}
.friendDetails .showComments[data-v-a2f3677b] {
  margin-top: 24px;
}
.friendDetails .showComments .commentItem[data-v-a2f3677b] {
  display: flex;
  align-items: flex-start;
}
.friendDetails .showComments .commentItem .content_right[data-v-a2f3677b] {
  margin-left: 12px;
  width: 100%;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .comm_name_box[data-v-a2f3677b] {
  display: flex;
  justify-content: space-between;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .comm_name_box
  .name_txt[data-v-a2f3677b] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .comm_name_box
  > span[data-v-a2f3677b] {
  color: #454545;
  font-size: 13px;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .content_text
  .image_coneds[data-v-a2f3677b] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .content_text
  .image_coneds
  .selectimgbox[data-v-a2f3677b] {
  position: relative;
  cursor: pointer;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .content_text
  .image_coneds
  .selectimgbox:hover
  .downloadICON[data-v-a2f3677b] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 3px;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .content_text
  .image_coneds
  .selectimgbox:hover
  .downloadICON
  > img[data-v-a2f3677b] {
  width: 20px;
  height: 20px;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .content_text
  .image_coneds
  .selectimgbox
  .downloadICON[data-v-a2f3677b] {
  display: none;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .content_text
  .image_coneds
  .selectimgbox
  .img[data-v-a2f3677b] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 6px;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .content_text
  .image_coneds
  .selectimgbox
  .img[data-v-a2f3677b]:nth-child(4n) {
  margin-right: 0;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .content_text
  .video_coneds[data-v-a2f3677b] {
  width: 100%;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .content_text
  .video_coneds
  video[data-v-a2f3677b] {
  width: 50%;
  height: 300px;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .btn_operate[data-v-a2f3677b] {
  width: 100%;
  display: flex;
  margin-top: 24px;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .btn_operate
  .pointer[data-v-a2f3677b] {
  cursor: pointer;
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .btn_operate
  .pointer
  img[data-v-a2f3677b] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .btn_operate
  .pointer
  img.huifu[data-v-a2f3677b],
.friendDetails
  .showComments
  .commentItem
  .content_right
  .btn_operate
  .pointer
  img.zhuanfa[data-v-a2f3677b] {
  width: 18px;
  height: auto;
}
.friendDetails
  .showComments
  .commentItem
  .content_right
  .btn_operate
  .pointer
  img.xihuan[data-v-a2f3677b] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.friendDetails .fixedBox[data-v-a2f3677b] {
  width: 100%;
  position: fixed;
  bottom: 75px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.friendDetails .fixedBox .commentbox[data-v-a2f3677b] {
  width: 38%;
  position: relative;
  right: -8%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 2309px) {
  .friendDetails .fixedBox .commentbox[data-v-a2f3677b] {
    right: -10%;
  }
}
@media screen and (max-width: 1680px) {
  .friendDetails .fixedBox .commentbox[data-v-a2f3677b] {
    width: 700px;
  }
}
@media screen and (max-width: 1480px) {
  .friendDetails .fixedBox .commentbox[data-v-a2f3677b] {
    width: 660px;
    right: -15%;
  }
}
@media screen and (max-width: 1075px) {
  .friendDetails .fixedBox .commentbox[data-v-a2f3677b] {
    width: 95% !important;
    position: initial;
  }
}
.friendDetails .fixedBox .commentbox .coustom_input[data-v-a2f3677b] {
  display: flex;
  align-items: center;
  text-align: left;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  width: 400px;
  padding: 10px;
  font-family: Baloo15;
  font-size: 14px;
  border-radius: 50px;
  background-color: #f5f5f5;
  min-height: 40px;
  outline: none;
  box-sizing: border-box;
}
.friendDetails
  .fixedBox
  .commentbox
  .coustom_input[data-v-a2f3677b]:empty:before {
  content: attr(placeholder);
  display: block;
  color: #adb5bd;
  position: absolute;
  left: 10px;
  top: 10px;
  pointer-events: none;
}
.friendDetails
  .fixedBox
  .commentbox
  .coustom_input[data-v-a2f3677b]:not(:empty):before {
  content: "";
}
.friendDetails .fixedBox .commentbox .emjoin[data-v-a2f3677b] {
  cursor: pointer;
}
.friendDetails .fixedBox .commentbox .emjoin .face_img1[data-v-a2f3677b] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.friendDetails .fixedBox .commentbox .face_img[data-v-a2f3677b] {
  width: 24px;
  height: 24px;
  margin: 0 14px;
}
@media screen and (max-width: 1540px) {
  .friendDetails .fixedBox .commentbox .face_img[data-v-a2f3677b] {
    margin: 0 6px;
  }
}
.friendDetails .fixedBox .commentbox button[data-v-a2f3677b] {
  border-radius: 50px;
  border: none;
  width: 160px;
  height: 40px;
  background-color: #54ff29;
  font-weight: 700;
  cursor: pointer;
  margin-right: 14px;
}
@media screen and (max-width: 1540px) {
  .friendDetails .fixedBox .commentbox button[data-v-a2f3677b] {
    width: auto;
    padding: 0 24px;
  }
}
@media screen and (max-width: 1075px) {
  .friendDetails .fixedBox .commentbox button[data-v-a2f3677b] {
    width: 100px;
  }
}
.repostMadolBox .tag_box .el-tag[data-v-e83a6d47] {
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
.repostMadolBox .imagebox .showimg[data-v-e83a6d47] {
  width: 100%;
  height: inherit;
}
.repostMadolBox .input_box[data-v-e83a6d47] {
  margin-top: 20px;
}
.comment_list_box .comment_list .comment_item[data-v-e83a6d47] {
  display: flex;
  margin-bottom: 24px;
  padding: 12px;
}
.comment_list_box .comment_list .comment_item[data-v-e83a6d47]:hover {
  background-color: #01fe891a;
}
.comment_list_box .comment_list .comment_item:hover .btn[data-v-e83a6d47],
.comment_list_box .comment_list .comment_item:hover .del_img[data-v-e83a6d47] {
  display: inline-block;
}
.comment_list_box .comment_list .comment_item .del_img[data-v-e83a6d47] {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.comment_list_box .comment_list .comment_item .del_img img[data-v-e83a6d47] {
  width: 100%;
  height: 100%;
}
.comment_list_box .comment_list .comment_item .btn[data-v-e83a6d47] {
  display: none;
}
.comment_list_box .comment_list .comment_item .img[data-v-e83a6d47] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}
.comment_list_box .comment_list .comment_item .right[data-v-e83a6d47] {
  flex: 1;
}
.comment_list_box .comment_list .comment_item .name[data-v-e83a6d47] {
  font-size: 18px;
}
.comment_list_box .comment_list .comment_item .name .to[data-v-e83a6d47] {
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
}
.comment_list_box .comment_list .comment_item .time[data-v-e83a6d47] {
  float: right;
  font-size: 13px;
}
.comment_list_box .comment_list .comment_item .content[data-v-e83a6d47] {
  font-size: 14px;
}
.user_box[data-v-e83a6d47] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-top: 1px solid #ccc;
  padding-top: 24px;
}
.user_box .tab[data-v-e83a6d47] {
  margin-left: 12px;
}
.user_box img[data-v-e83a6d47] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}
.emojibox[data-v-e83a6d47] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.infoMomentbox .logava[data-v-e83a6d47] {
  display: flex;
  justify-content: center;
}
.infoMomentbox .infoDatabox[data-v-e83a6d47] {
  padding: 0 18px;
}
.infoMomentbox .infoDatabox .remarksbox[data-v-e83a6d47] {
  margin-top: 5px;
  font-size: 16px;
  text-align: center;
}
.infoMomentbox .infoDatabox .info_name[data-v-e83a6d47] {
  margin-top: 5px;
  text-align: center;
  font-size: 16px;
}
.infoMomentbox .infoDatabox .info_name span[data-v-e83a6d47] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id[data-v-e83a6d47] {
  display: flex;
  font-size: 16px;
  align-items: center;
}
.infoMomentbox .infoDatabox .info_id span[data-v-e83a6d47] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id img[data-v-e83a6d47] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 8px;
}
.infoMomentbox .twobtnboxes[data-v-e83a6d47] {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding-bottom: 20px;
}
.infoMomentbox .twobtnboxes .chat_styls[data-v-e83a6d47] {
  background-color: #54ff29;
}
.infoMomentbox .twobtnboxes .not_styls[data-v-e83a6d47] {
  background-color: #e6e6e6;
}
.infoMomentbox .twobtnboxes button[data-v-e83a6d47] {
  border: none;
  height: 35px;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-weight: 700;
  width: 200px;
}
.infoMomentbox .twobtnboxes .mglt[data-v-e83a6d47] {
  margin-left: 30px;
}
.momentboxed[data-v-e83a6d47] {
  max-height: 700px;
  overflow-y: auto;
}
.momentboxed .item[data-v-e83a6d47] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .item .left[data-v-e83a6d47] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .item .left img[data-v-e83a6d47] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .item .right[data-v-e83a6d47] {
  flex: 1;
}
.momentboxed .item .right .name[data-v-e83a6d47] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .item .right .name .time[data-v-e83a6d47] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .item .right .emoji_img[data-v-e83a6d47] {
  width: 30px;
  height: 30px;
}
.momentboxed .item .right .content[data-v-e83a6d47] {
  font-size: 14px;
}
.momentboxed .item .right .content .showtext[data-v-e83a6d47] {
  cursor: pointer;
  color: #3dd318;
  margin-left: 4px;
}
.momentboxed .item .right .img_box[data-v-e83a6d47] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed .item .right .img_box .selectimgbox[data-v-e83a6d47] {
  position: relative;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-e83a6d47] {
  display: block;
  position: absolute;
  cursor: pointer;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-e83a6d47] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-e83a6d47] {
  display: none;
}
.momentboxed .item .right .img_box .selectimgbox .img[data-v-e83a6d47] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-e83a6d47]:nth-child(4n) {
  margin-right: 0;
}
.momentboxed .item .right .video_box[data-v-e83a6d47] {
  width: 100%;
}
.momentboxed .item .right .video_box video[data-v-e83a6d47] {
  width: 50%;
  height: 300px;
}
.momentboxed .item .right .btn_box[data-v-e83a6d47] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed .item .right .btn_box .pointer[data-v-e83a6d47] {
  cursor: pointer;
}
.momentboxed .item .right .btn_box .left[data-v-e83a6d47] {
  display: flex;
  align-items: center;
}
.momentboxed .item .right .btn_box .left > div[data-v-e83a6d47] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed .item .right .btn_box .left img[data-v-e83a6d47] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed .item .right .btn_box .left img.huifu[data-v-e83a6d47],
.momentboxed .item .right .btn_box .left img.zhuanfa[data-v-e83a6d47],
.momentboxed .item .right .btn_box .left img.xihuan[data-v-e83a6d47] {
  width: 18px;
  height: auto;
}
.momentboxed .item .right .btn_box .right[data-v-e83a6d47] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed .item .right .btn_box .right img[data-v-e83a6d47] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .notdataox[data-v-e83a6d47] {
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.momentboxed .notdataox img[data-v-e83a6d47] {
  width: 140px;
  height: 100px;
}
.momentboxed .notdataox div[data-v-e83a6d47] {
  font-weight: 500;
}
.momentboxed .pageBoxes[data-v-e83a6d47] {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 467px) {
  .momentboxed .pageBoxes[data-v-e83a6d47] {
    padding-bottom: 12px;
  }
}
.messageContainer[data-v-e83a6d47] {
  margin-top: 30px;
}
.messageContainer .messagelist .message_item[data-v-e83a6d47] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.messageContainer .messagelist .message_item .left[data-v-e83a6d47] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.messageContainer .messagelist .message_item .left img[data-v-e83a6d47] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.messageContainer .messagelist .message_item .right[data-v-e83a6d47] {
  flex: 1;
}
.messageContainer .messagelist .message_item .right .name[data-v-e83a6d47] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .name
  .time[data-v-e83a6d47] {
  float: right;
  font-weight: 400;
  margin-right: 24px;
  font-size: 13px;
  color: #454545;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .emoji_img[data-v-e83a6d47] {
  width: 30px;
  height: 30px;
}
.messageContainer .messagelist .message_item .right .content[data-v-e83a6d47] {
  font-size: 14px;
  word-break: break-all;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .content
  .showtext[data-v-e83a6d47] {
  cursor: pointer;
  color: #3dd318;
  margin-left: 4px;
}
.messageContainer .messagelist .message_item .right .img_box[data-v-e83a6d47] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .boximged[data-v-e83a6d47],
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .selectimgbox[data-v-e83a6d47] {
  position: relative;
  cursor: pointer;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .boximged:hover
  .downloadICON[data-v-e83a6d47],
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-e83a6d47] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 3px;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .boximged:hover
  .downloadICON
  > img[data-v-e83a6d47],
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-e83a6d47] {
  width: 20px;
  height: 20px;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .boximged
  .downloadICON[data-v-e83a6d47],
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-e83a6d47] {
  display: none;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .boximged
  .img[data-v-e83a6d47],
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .selectimgbox
  .img[data-v-e83a6d47] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .boximged
  .img[data-v-e83a6d47]:nth-child(4n),
.messageContainer
  .messagelist
  .message_item
  .right
  .img_box
  .selectimgbox
  .img[data-v-e83a6d47]:nth-child(4n) {
  margin-right: 0;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .video_box[data-v-e83a6d47] {
  width: 100%;
}
.messageContainer
  .messagelist
  .message_item
  .right
  .video_box
  video[data-v-e83a6d47] {
  width: 50%;
}
.messageContainer .messagelist .linkbox[data-v-e83a6d47] {
  text-transform: capitalize;
  display: flex;
  align-items: flex-start;
}
.messageContainer .messagelist .linkbox .boxed > img[data-v-e83a6d47] {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.messageContainer .messagelist .linkbox .viewbox[data-v-e83a6d47] {
  display: flex;
  flex-direction: column;
}
.messageContainer
  .messagelist
  .linkbox
  .viewbox
  span[data-v-e83a6d47]:last-child {
  color: #0cd60c;
  cursor: pointer;
}
.messageContainer .messagelist .boxouside_p[data-v-e83a6d47] {
  margin-top: 10px;
  background-color: #eaffe5;
  border-radius: 7px;
  padding: 12px;
}
@media screen and (max-width: 946px) {
  .messageContainer .messagelist .boxouside_p[data-v-e83a6d47] {
    width: auto;
  }
}
.messageContainer .messagelist .boxouside_p .box_pin[data-v-e83a6d47] {
  overflow-y: auto;
  display: flex;
  align-items: center;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item[data-v-e83a6d47] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .left[data-v-e83a6d47] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .left
  img[data-v-e83a6d47] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right[data-v-e83a6d47] {
  flex: 1;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .name[data-v-e83a6d47] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .name
  .time[data-v-e83a6d47] {
  float: right;
  font-weight: 400;
  margin-right: 24px;
  font-size: 13px;
  color: #454545;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .emoji_img[data-v-e83a6d47] {
  width: 30px;
  height: 30px;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .content[data-v-e83a6d47] {
  font-size: 14px;
  word-break: break-all;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .content
  .showtext[data-v-e83a6d47] {
  cursor: pointer;
  color: #3dd318;
  margin-left: 4px;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box[data-v-e83a6d47] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .boximged[data-v-e83a6d47],
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .selectimgbox[data-v-e83a6d47] {
  position: relative;
  cursor: pointer;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .boximged:hover
  .downloadICON[data-v-e83a6d47],
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-e83a6d47] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 3px;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .boximged:hover
  .downloadICON
  > img[data-v-e83a6d47],
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-e83a6d47] {
  width: 20px;
  height: 20px;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .boximged
  .downloadICON[data-v-e83a6d47],
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-e83a6d47] {
  display: none;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .boximged
  .img[data-v-e83a6d47],
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .selectimgbox
  .img[data-v-e83a6d47] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .boximged
  .img[data-v-e83a6d47]:nth-child(4n),
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .img_box
  .selectimgbox
  .img[data-v-e83a6d47]:nth-child(4n) {
  margin-right: 0;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .video_box[data-v-e83a6d47] {
  width: 100%;
}
.messageContainer
  .messagelist
  .boxouside_p
  .box_pin
  .message_item
  .right
  .video_box
  video[data-v-e83a6d47] {
  width: 50%;
}
.messageContainer .notdata_box[data-v-e83a6d47] {
  width: 100%;
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.messageContainer .notdata_box img[data-v-e83a6d47] {
  width: 140px;
  height: 100px;
}
.messageContainer .notdata_box div[data-v-e83a6d47] {
  font-weight: 500;
}
.messageContainer .page_box[data-v-e83a6d47] {
  display: flex;
  justify-content: center;
}
.loadingbox[data-v-30c5bce6] {
  margin-top: 64px;
  display: flex;
  justify-content: center;
}
.loader[data-v-30c5bce6] {
  width: 36px;
  padding: 2px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #54ff29;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3-30c5bce6 1s infinite linear;
}
@keyframes l3-30c5bce6 {
  to {
    transform: rotate(1turn);
  }
}
.communtiy_box[data-v-30c5bce6] {
  font-family: Baloo15;
  padding: 40px 36px;
}
@media screen and (max-width: 700px) {
  .communtiy_box[data-v-30c5bce6] {
    padding: 0 8px;
  }
}
.communtiy_box .nav_box[data-v-30c5bce6] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.communtiy_box .nav_box .left[data-v-30c5bce6] {
  display: flex;
}
@media screen and (max-width: 1412px) {
  .communtiy_box .nav_box .left[data-v-30c5bce6] {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1258px) {
  .communtiy_box .nav_box .left[data-v-30c5bce6] {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 680px) {
  .communtiy_box .nav_box .left[data-v-30c5bce6] {
    flex-wrap: wrap;
  }
}
.communtiy_box .nav_box .left .item[data-v-30c5bce6] {
  margin-right: 24px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bolder;
  border-bottom: 2px solid transparent;
}
@media screen and (max-width: 680px) {
  .communtiy_box .nav_box .left .item[data-v-30c5bce6] {
    margin-bottom: 8px;
  }
}
.communtiy_box .nav_box .left .item.active[data-v-30c5bce6] {
  border-color: #01fe89;
}
.communtiy_box .list_box[data-v-30c5bce6] {
  margin-top: 48px;
}
@media screen and (max-width: 700px) {
  .communtiy_box .list_box[data-v-30c5bce6] {
    margin-top: 20px;
    height: 100vh;
    overflow-y: auto;
  }
}
.communtiy_box .list_box .list[data-v-30c5bce6] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 700px) {
  .communtiy_box .list_box .list[data-v-30c5bce6] {
    align-items: start;
    justify-content: space-between;
  }
}
.communtiy_box .list_box .list .item[data-v-30c5bce6] {
  margin-right: 24px;
  margin-bottom: 24px;
  width: calc((100% - 96px) / 5);
  border: 1px solid #29ffcc;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 680px) {
  .communtiy_box .list_box .list .item[data-v-30c5bce6] {
    padding: 8px 0;
    width: 46%;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.communtiy_box .list_box .list .item[data-v-30c5bce6]:nth-child(5n) {
  margin-right: 0;
}
.communtiy_box .list_box .list .item .head[data-v-30c5bce6] {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 5px;
}
.communtiy_box .list_box .list .item .name[data-v-30c5bce6] {
  font-size: 16px;
  font-weight: 700;
  margin-top: 6px;
  margin-bottom: 6px;
}
.communtiy_box .list_box .list .item .officail_img[data-v-30c5bce6] {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 6px;
  top: 6px;
}
.communtiy_box .list_box .list .item .num[data-v-30c5bce6] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666;
}
.communtiy_box .list_box .list .item .num .hotimg[data-v-30c5bce6] {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.communtiy_box .list_box .list .item .num img[data-v-30c5bce6] {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.communtiy_box .page_box[data-v-30c5bce6] {
  display: flex;
  justify-content: center;
}
.dialog_box[data-v-30c5bce6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Baloo15;
}
.dialog_box .avaboxs[data-v-30c5bce6] {
  position: relative;
}
.dialog_box .avaboxs .header[data-v-30c5bce6] {
  width: 74px;
  height: 74px;
  object-fit: cover;
  margin-top: 18px;
  border-radius: 8px;
}
.dialog_box .avaboxs .avaoff_bg[data-v-30c5bce6] {
  position: absolute;
  top: 6px;
  right: -14px;
  width: 30px;
  height: 30px;
}
.dialog_box .name[data-v-30c5bce6] {
  font-size: 16px;
  font-weight: bolder;
  margin-top: 18px;
  display: flex;
  align-items: center;
}
.dialog_box .name .hotimgs[data-v-30c5bce6] {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.dialog_box .time[data-v-30c5bce6] {
  font-size: 14px;
}
.dialog_box .flex[data-v-30c5bce6] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 18px;
  align-items: center;
  text-align: center;
  margin-top: 12px;
  width: 290px;
}
.dialog_box .flex .idboxs[data-v-30c5bce6] {
  white-space: nowrap;
}
.dialog_box .flex > div[data-v-30c5bce6] {
  width: 100%;
  display: flex;
  justify-content: start;
}
.dialog_box .flex .num[data-v-30c5bce6] {
  color: #01fe89;
}
.dialog_box .btn_box[data-v-30c5bce6] {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.dialog_box .btn_box .btn[data-v-30c5bce6] {
  font-family: Baloo15;
  background-color: #54ff29;
  color: #000;
  font-weight: bolder;
  font-size: 16px;
  border: none;
  width: 250px;
  height: 48px;
  border-radius: 48px;
}
.el-radio__label[data-v-6db2d895] {
  color: #000 !important;
}
.staingModalBox .imgboxs[data-v-6db2d895] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.staingModalBox .imgboxs > img[data-v-6db2d895] {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
}
.staingModalBox .stacontents[data-v-6db2d895] {
  margin-top: 38px;
}
@media screen and (max-width: 756px) {
  .staingModalBox .stacontents[data-v-6db2d895] {
    margin-top: 16px;
  }
}
.staingModalBox .stacontents h3[data-v-6db2d895] {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.staingModalBox .stacontents .s_titles[data-v-6db2d895] {
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
}
.staingModalBox .stacontents .tip_text[data-v-6db2d895] {
  width: 400px;
  margin: 16px auto 0;
  color: #666;
  text-align: center;
  font-size: 15px;
}
@media screen and (max-width: 756px) {
  .staingModalBox .stacontents .tip_text[data-v-6db2d895] {
    width: 100%;
  }
}
.staingModalBox .stacontents .tip_text > span[data-v-6db2d895] {
  font-weight: 700;
  color: #000;
}
.staingModalBox .stacontents .selectbox[data-v-6db2d895] {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 756px) {
  .staingModalBox .stacontents .selectbox[data-v-6db2d895] {
    margin-top: 8px;
  }
}
.staingModalBox
  .stacontents
  .selectbox
  .selct_cousten
  .custom-radio[data-v-6db2d895] {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 5px 0;
}
.staingModalBox
  .stacontents
  .selectbox
  .selct_cousten
  .custom-radio
  .radio-checkmark[data-v-6db2d895] {
  width: 15px;
  height: 15px;
  background-color: #e6e6e6;
  border-radius: 50%;
  position: relative;
  margin-right: 6px;
  transition: background-color 0.3s;
}
.staingModalBox
  .stacontents
  .selectbox
  .selct_cousten
  .custom-radio
  .radio-checkmark.checked[data-v-6db2d895] {
  background-color: #54ff29;
}
.staingModalBox
  .stacontents
  .selectbox
  .selct_cousten
  .custom-radio
  .radio-checkmark.checked[data-v-6db2d895]:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: white;
  position: absolute;
  top: 52%;
  left: 52%;
  transform: translate(-50%, -50%);
}
.staingModalBox
  .stacontents
  .selectbox
  .selct_cousten
  .radio-label[data-v-6db2d895] {
  font-size: 12px;
}
.staingModalBox .stacontents .selectbox .btntwos[data-v-6db2d895] {
  margin-top: 15px;
}
.staingModalBox .stacontents .selectbox .btntwos button[data-v-6db2d895] {
  border-radius: 40px;
  width: 228px;
  height: 40px;
  cursor: pointer;
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
}
.staingModalBox
  .stacontents
  .selectbox
  .btntwos
  > button[data-v-6db2d895]:first-child {
  border: 1px solid #000000;
  background-color: #fff;
}
.staingModalBox
  .stacontents
  .selectbox
  .btntwos
  > button[data-v-6db2d895]:last-child {
  border: none;
  background-color: #54ff29;
}
.stakeBox[data-v-6db2d895] {
  padding: 24px;
  height: 100vh;
  background: #ededed;
}
@media screen and (max-width: 756px) {
  .stakeBox[data-v-6db2d895] {
    padding: 12px;
  }
}
.stakeBox .account_top[data-v-6db2d895] {
  width: 100%;
  display: flex;
  justify-content: end;
}
.stakeBox .account_top .accdata[data-v-6db2d895] {
  background-color: #01fe89;
  border-radius: 50px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
}
.stakeBox .account_top .accdata img[data-v-6db2d895] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 14px;
}
.stakeBox .account_top .accdata .dropdimg[data-v-6db2d895] {
  width: 13px;
  height: 13px;
  margin-left: 10px;
}
.stakeBox .title_stak[data-v-6db2d895] {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 756px) {
  .stakeBox .title_stak[data-v-6db2d895] {
    margin-top: 10px;
  }
}
.stakeBox .title_stak h2[data-v-6db2d895] {
  font-size: 24px;
  text-transform: capitalize;
}
.stakeBox .title_stak img[data-v-6db2d895] {
  width: 24px;
  height: 24px;
}
.stakeBox .data_contentx[data-v-6db2d895] {
  margin-top: 30px;
}
.stakeBox .data_contentx .stak_items[data-v-6db2d895] {
  background: #fff;
  box-shadow: 0 4px 8px #0003;
  margin-bottom: 20px;
  border-radius: 8px;
  padding: 15px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 756px) {
  .stakeBox .data_contentx .stak_items[data-v-6db2d895] {
    padding: 8px 10px;
  }
}
.stakeBox .data_contentx .stak_items .stak_left .sta_titles[data-v-6db2d895] {
  font-weight: 700;
}
.stakeBox .data_contentx .stak_items .stak_left .button_s[data-v-6db2d895] {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 756px) {
  .stakeBox .data_contentx .stak_items .stak_left .button_s[data-v-6db2d895] {
    margin-top: 10px;
  }
}
.stakeBox
  .data_contentx
  .stak_items
  .stak_left
  .button_s
  .data_item[data-v-6db2d895] {
  text-transform: capitalize;
  margin-right: 16px;
}
.stakeBox
  .data_contentx
  .stak_items
  .stak_left
  .button_s
  .data_item
  > div[data-v-6db2d895]:first-child {
  font-weight: 700;
}
.stakeBox .data_contentx .stak_items .stak_right .comm_btns[data-v-6db2d895] {
  width: 150px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 40px;
  background-color: #01fe89;
  color: #000;
  font-weight: 700;
  cursor: pointer;
  font-size: 14px;
}
.momentboxed[data-v-3e3e42f7] {
  max-height: 700px;
  overflow-y: auto;
}
.momentboxed .item[data-v-3e3e42f7] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .item .left[data-v-3e3e42f7] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .item .left img[data-v-3e3e42f7] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .item .right[data-v-3e3e42f7] {
  flex: 1;
}
.momentboxed .item .right .name[data-v-3e3e42f7] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .item .right .name .time[data-v-3e3e42f7] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .item .right .emoji_img[data-v-3e3e42f7] {
  width: 30px;
  height: 30px;
}
.momentboxed .item .right .content[data-v-3e3e42f7] {
  font-size: 14px;
}
.momentboxed .item .right .content .showtext[data-v-3e3e42f7] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .item .right .img_box[data-v-3e3e42f7] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed .item .right .img_box .selectimgbox[data-v-3e3e42f7] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-3e3e42f7] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-3e3e42f7] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-3e3e42f7] {
  display: none;
}
.momentboxed .item .right .img_box .selectimgbox .img[data-v-3e3e42f7] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .item .right .video_box[data-v-3e3e42f7] {
  width: 100%;
}
.momentboxed .item .right .video_box video[data-v-3e3e42f7] {
  width: 50%;
  height: 300px;
}
.momentboxed .item .right .btn_box[data-v-3e3e42f7] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed .item .right .btn_box .pointer[data-v-3e3e42f7] {
  cursor: pointer;
}
.momentboxed .item .right .btn_box .left[data-v-3e3e42f7] {
  display: flex;
  align-items: center;
}
.momentboxed .item .right .btn_box .left > div[data-v-3e3e42f7] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed .item .right .btn_box .left img[data-v-3e3e42f7] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed .item .right .btn_box .left img.huifu[data-v-3e3e42f7],
.momentboxed .item .right .btn_box .left img.zhuanfa[data-v-3e3e42f7] {
  width: 18px;
  height: auto;
}
.momentboxed .item .right .btn_box .left img.xihuan[data-v-3e3e42f7] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed .item .right .btn_box .right[data-v-3e3e42f7] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed .item .right .btn_box .right img[data-v-3e3e42f7] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .boxouside_p[data-v-3e3e42f7] {
  margin-top: 10px;
  border: 1px solid #000000;
  border-radius: 7px;
  padding-left: 10px;
  padding-right: 4px;
}
@media screen and (max-width: 467px) {
  .momentboxed .boxouside_p[data-v-3e3e42f7] {
    width: auto;
  }
}
.momentboxed .boxouside_p .box_pin[data-v-3e3e42f7] {
  margin-top: 12px;
  overflow-y: auto;
  height: 160px;
}
.momentboxed .boxouside_p .box_pin .item[data-v-3e3e42f7] {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 24px;
}
.momentboxed .boxouside_p .box_pin .item .left[data-v-3e3e42f7] {
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
.momentboxed .boxouside_p .box_pin .item .left img[data-v-3e3e42f7] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.momentboxed .boxouside_p .box_pin .item .right[data-v-3e3e42f7] {
  flex: 1;
}
.momentboxed .boxouside_p .box_pin .item .right .name[data-v-3e3e42f7] {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.momentboxed .boxouside_p .box_pin .item .right .name .time[data-v-3e3e42f7] {
  float: right;
  font-weight: 400;
  font-size: 13px;
  margin-right: 24px;
  color: #454545;
}
.momentboxed .boxouside_p .box_pin .item .right .emoji_img[data-v-3e3e42f7] {
  width: 30px;
  height: 30px;
}
.momentboxed .boxouside_p .box_pin .item .right .content[data-v-3e3e42f7] {
  font-size: 14px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .content
  .showtext[data-v-3e3e42f7] {
  cursor: pointer;
  color: gray;
  margin-left: 4px;
}
.momentboxed .boxouside_p .box_pin .item .right .img_box[data-v-3e3e42f7] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox[data-v-3e3e42f7] {
  position: relative;
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON[data-v-3e3e42f7] {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 8px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox:hover
  .downloadICON
  > img[data-v-3e3e42f7] {
  width: 20px;
  height: 20px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .downloadICON[data-v-3e3e42f7] {
  display: none;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .img_box
  .selectimgbox
  .img[data-v-3e3e42f7] {
  margin-right: 12px;
  margin-top: 12px;
  width: 250px;
  height: 168px;
  border-radius: 6px;
}
.momentboxed .boxouside_p .box_pin .item .right .video_box[data-v-3e3e42f7] {
  width: 100%;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .video_box
  video[data-v-3e3e42f7] {
  width: 50%;
  height: 300px;
}
.momentboxed .boxouside_p .box_pin .item .right .btn_box[data-v-3e3e42f7] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .pointer[data-v-3e3e42f7] {
  cursor: pointer;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left[data-v-3e3e42f7] {
  display: flex;
  align-items: center;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  > div[data-v-3e3e42f7] {
  margin-right: 24px;
  font-weight: bolder;
  font-size: 16px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img[data-v-3e3e42f7] {
  height: 24px;
  width: auto;
  margin-right: 12px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.huifu[data-v-3e3e42f7],
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.zhuanfa[data-v-3e3e42f7] {
  width: 18px;
  height: auto;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .left
  img.xihuan[data-v-3e3e42f7] {
  width: 18px;
  height: auto;
  border-radius: 0;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right[data-v-3e3e42f7] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 24px;
}
.momentboxed
  .boxouside_p
  .box_pin
  .item
  .right
  .btn_box
  .right
  img[data-v-3e3e42f7] {
  width: 18px;
  height: auto;
  margin-left: 12px;
}
.momentboxed .notdataox[data-v-3e3e42f7] {
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.momentboxed .notdataox img[data-v-3e3e42f7] {
  width: 140px;
  height: 100px;
}
.momentboxed .notdataox div[data-v-3e3e42f7] {
  font-weight: 500;
}
.momentboxed .pageBoxes[data-v-3e3e42f7] {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 467px) {
  .momentboxed .pageBoxes[data-v-3e3e42f7] {
    padding-bottom: 12px;
  }
}
.comment_list_box .comment_list .comment_item[data-v-3e3e42f7] {
  display: flex;
  margin-bottom: 24px;
  padding: 12px;
}
.comment_list_box .comment_list .comment_item[data-v-3e3e42f7]:hover {
  background-color: #01fe891a;
}
.comment_list_box .comment_list .comment_item:hover .btn[data-v-3e3e42f7],
.comment_list_box .comment_list .comment_item:hover .del_img[data-v-3e3e42f7] {
  display: inline-block;
}
.comment_list_box .comment_list .comment_item .del_img[data-v-3e3e42f7] {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.comment_list_box .comment_list .comment_item .del_img img[data-v-3e3e42f7] {
  width: 100%;
  height: 100%;
}
.comment_list_box .comment_list .comment_item .btn[data-v-3e3e42f7] {
  display: none;
}
.comment_list_box .comment_list .comment_item .img[data-v-3e3e42f7] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}
.comment_list_box .comment_list .comment_item .right[data-v-3e3e42f7] {
  flex: 1;
}
.comment_list_box .comment_list .comment_item .name[data-v-3e3e42f7] {
  font-size: 18px;
}
.comment_list_box .comment_list .comment_item .name .to[data-v-3e3e42f7] {
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
}
.comment_list_box .comment_list .comment_item .time[data-v-3e3e42f7] {
  float: right;
  font-size: 13px;
}
.comment_list_box .comment_list .comment_item .content[data-v-3e3e42f7] {
  font-size: 14px;
}
.emojibox[data-v-3e3e42f7] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.repostMadolBox .imagebox .showimg[data-v-3e3e42f7] {
  width: 100%;
  height: inherit;
}
.repostMadolBox .input_box[data-v-3e3e42f7] {
  margin-top: 20px;
}
.repostMadolBox .tag_box .el-tag[data-v-3e3e42f7] {
  margin-right: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
.user_box[data-v-3e3e42f7] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-top: 1px solid #ccc;
  padding-top: 24px;
}
.user_box .tab[data-v-3e3e42f7] {
  margin-left: 12px;
}
.user_box img[data-v-3e3e42f7] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}
.infoMomentbox .logava[data-v-3e3e42f7] {
  display: flex;
  justify-content: center;
}
.infoMomentbox .infoDatabox[data-v-3e3e42f7] {
  padding: 0 18px;
}
.infoMomentbox .infoDatabox .remarksbox[data-v-3e3e42f7] {
  margin-top: 5px;
  font-size: 16px;
  text-align: center;
}
.infoMomentbox .infoDatabox .info_name[data-v-3e3e42f7] {
  display: flex;
  font-size: 16px;
}
.infoMomentbox .infoDatabox .info_name span[data-v-3e3e42f7] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id[data-v-3e3e42f7] {
  display: flex;
  font-size: 16px;
  align-items: center;
}
.infoMomentbox .infoDatabox .info_id span[data-v-3e3e42f7] {
  font-weight: 700;
  margin-right: 3px;
}
.infoMomentbox .infoDatabox .info_id img[data-v-3e3e42f7] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 8px;
}
.infoMomentbox .twobtnboxes[data-v-3e3e42f7] {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding-bottom: 20px;
}
.infoMomentbox .twobtnboxes .chat_styls[data-v-3e3e42f7] {
  background-color: #54ff29;
}
.infoMomentbox .twobtnboxes .not_styls[data-v-3e3e42f7] {
  background-color: #e6e6e6;
}
.infoMomentbox .twobtnboxes button[data-v-3e3e42f7] {
  border: none;
  height: 35px;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  font-weight: 700;
  width: 110px;
}
.infoMomentbox .twobtnboxes .mglt[data-v-3e3e42f7] {
  margin-left: 30px;
}
.remarkbox[data-v-3e3e42f7] {
  width: 100%;
  margin-top: 14px;
}
@media screen and (max-width: 900px) {
  .remarkbox[data-v-3e3e42f7] {
    padding: 0 12px;
    height: 55px;
    margin-top: 28px;
  }
}
.remarkbox input[data-v-3e3e42f7] {
  width: 100%;
  height: 28px;
  border: 1px rgb(180, 180, 180) solid;
  border-radius: 4px;
}
.manageBox[data-v-3e3e42f7] {
  position: absolute;
  top: 0;
  right: 0;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 2;
  min-height: 100%;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 1px 10px #02102b26;
}
@media screen and (max-width: 430px) {
  .manageBox[data-v-3e3e42f7] {
    width: 100% !important;
  }
}
.manageBox .containerbox[data-v-3e3e42f7] {
  padding: 6px 20px;
}
.manageBox .containerbox .backs[data-v-3e3e42f7] {
  width: 20px;
  cursor: pointer;
  height: 20px;
}
.manageBox .containerbox .backs > img[data-v-3e3e42f7] {
  width: 100%;
  height: 100%;
}
.manageBox .containerbox .topava[data-v-3e3e42f7] {
  display: flex;
  align-items: start;
  margin: 26px 8px 8px;
}
.manageBox .containerbox .topava > div[data-v-3e3e42f7]:first-child {
  cursor: pointer;
}
.manageBox .containerbox .topava > div:first-child .avaimgs[data-v-3e3e42f7] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.manageBox .containerbox .topava > div:first-child .s_span[data-v-3e3e42f7] {
  margin-top: 6px;
  font-size: 14px;
}
.manageBox .containerbox .topava > div[data-v-3e3e42f7]:last-child {
  margin-left: 12px;
}
.manageBox .containerbox .topava > div:last-child img[data-v-3e3e42f7] {
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.manageBox .containerbox ul li[data-v-3e3e42f7] {
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  margin-top: 22px;
}
.manageBox .containerbox ul .mt[data-v-3e3e42f7] {
  margin-top: 38px;
}
.manageBox .containerbox ul .setitem[data-v-3e3e42f7] {
  display: flex;
  align-items: center;
}
.manageBox .containerbox ul .setitem .redli[data-v-3e3e42f7] {
  color: red;
  text-align: center;
  width: 100%;
}
.manageBox .containerbox ul .setitem .addli[data-v-3e3e42f7] {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 35px;
  font-size: 14px;
  border-radius: 30px;
  cursor: pointer;
  background-color: #54ff29;
  margin: 18px auto 0;
}
.manageBox .containerbox ul .setitem > img[data-v-3e3e42f7] {
  width: 20px;
  height: 20px;
}
body[data-v-9c57fc0c],
div[data-v-9c57fc0c],
ul[data-v-9c57fc0c],
ol[data-v-9c57fc0c],
dt[data-v-9c57fc0c],
dd[data-v-9c57fc0c],
li[data-v-9c57fc0c],
dl[data-v-9c57fc0c],
h1[data-v-9c57fc0c],
h2[data-v-9c57fc0c],
h3[data-v-9c57fc0c],
h4[data-v-9c57fc0c],
p[data-v-9c57fc0c] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-9c57fc0c],
ul[data-v-9c57fc0c],
li[data-v-9c57fc0c] {
  list-style: none;
}
img[data-v-9c57fc0c] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-9c57fc0c] {
  color: #000;
  background: #fff;
}
.clear[data-v-9c57fc0c] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-9c57fc0c] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-9c57fc0c]:hover {
  text-decoration: none;
}
input[data-v-9c57fc0c],
textarea[data-v-9c57fc0c] {
  user-select: auto;
}
input[data-v-9c57fc0c]:focus,
input[data-v-9c57fc0c]:active,
textarea[data-v-9c57fc0c]:focus,
textarea[data-v-9c57fc0c]:active {
  outline: none;
}
.chat-aside[data-v-9c57fc0c] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.container[data-v-9c57fc0c] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.container .box[data-v-9c57fc0c] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
  color: #000;
}
.container .box-h5[data-v-9c57fc0c] {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 0;
  justify-content: flex-start;
}
.container .box-h5 .title[data-v-9c57fc0c] {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 18px;
  position: relative;
}
.container .box-h5 .title .title-back[data-v-9c57fc0c] {
  position: absolute;
  left: 18px;
}
.container .box-h5 .title .title-name[data-v-9c57fc0c] {
  font-size: 18px;
  font-weight: 500;
  font-family: Baloo15;
}
.main[data-v-9c57fc0c] {
  flex: 1;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.btn[data-v-9c57fc0c] {
  flex: 1;
  margin-top: 14px;
  margin-right: 10px;
}
.btn[data-v-9c57fc0c]:last-child {
  margin-right: 0;
}
.btn-default[data-v-9c57fc0c] {
  border-radius: 5px;
  padding: 13px 0;
  cursor: pointer;
  background: #54ff29;
  border: 1px solid #54ff29;
  color: #000;
}
.btn-error[data-v-9c57fc0c] {
  border-radius: 5px;
  padding: 13px 0;
  cursor: pointer;
  border: 1px solid #e54545;
  color: #e54545;
  background: #fff;
}
.about-container .about-box[data-v-9c57fc0c] {
  padding: 100px 180px 0;
}
.about-container .about-box .main[data-v-9c57fc0c] {
  padding-bottom: 126px;
}
.about-container .about-box .main .main-name[data-v-9c57fc0c] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0 0 28px;
  min-width: 0;
}
.about-container .about-box .main .main-name .logo[data-v-9c57fc0c] {
  width: 110px;
}
.about-container .about-box .main .main-name .name[data-v-9c57fc0c] {
  font-size: 40px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
}
.about-container .about-box .main .main-version[data-v-9c57fc0c] {
  color: #999;
}
.about-container .about-box .footer .list[data-v-9c57fc0c] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  list-style: none;
}
.about-container .about-box .footer .list .line[data-v-9c57fc0c] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 10px 0 0;
  min-width: 0;
}
.about-container .about-box .footer .list .line .link[data-v-9c57fc0c] {
  font-size: 16px;
  padding: 0 10px;
  color: #006eff;
  border-right: 1px solid #eeeeee;
}
.about-container
  .about-box
  .footer
  .list
  .line
  .link[data-v-9c57fc0c]:last-child {
  border-right: 0px solid #000000;
}
.about-container .about-box .footer .list .line .copyright[data-v-9c57fc0c] {
  font-size: 14px;
  padding: 25px 0;
  color: #999;
}
.about-container .disclaimer-box[data-v-9c57fc0c] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  border: 0px solid black;
  margin: 0;
  min-width: 0;
  padding: 10px 10px 0;
}
.about-container .disclaimer-box .main[data-v-9c57fc0c] {
  align-items: flex-start;
  width: 360px;
  font-size: 1rem;
  padding: 3.5rem 4rem;
  color: #000;
}
.about-container .disclaimer-box .main .main-title[data-v-9c57fc0c] {
  font-size: 18px;
  padding-bottom: 5px;
}
.about-container .disclaimer-box .main .main-info[data-v-9c57fc0c] {
  text-wrap: wrap;
}
.about-container .disclaimer-box .footer[data-v-9c57fc0c] {
  display: flex;
  padding: 4rem;
}
.about-container .cancellation-box[data-v-9c57fc0c] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  min-width: 0;
  padding: 55px 42px;
  max-width: 566px;
}
.about-container .cancellation-box .main[data-v-9c57fc0c] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0 0 30px;
  min-width: 0;
}
.about-container .cancellation-box .main .main-text[data-v-9c57fc0c] {
  margin-top: 20px;
  text-wrap: wrap;
  text-align: center;
}
.about-container .cancellation-box .main .main-info[data-v-9c57fc0c] {
  text-wrap: wrap;
}
.about-container .cancellation-box .main .main-id[data-v-9c57fc0c] {
  color: #006eff;
}
.about-container .cancellation-box .footer[data-v-9c57fc0c] {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.about-container .cancellation-box .footer .btn[data-v-9c57fc0c] {
  flex: 1;
}
.about-box.box-h5[data-v-9c57fc0c] {
  padding: 0;
}
.disclaimer-box.box-h5[data-v-9c57fc0c],
.cancellation-box.box-h5[data-v-9c57fc0c] {
  padding: 0;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
}
.disclaimer-box.box-h5 .main[data-v-9c57fc0c],
.cancellation-box.box-h5 .main[data-v-9c57fc0c] {
  flex: none;
  box-sizing: border-box;
  padding: 30px;
  width: 100%;
}
.disclaimer-box.box-h5 .footer[data-v-9c57fc0c],
.cancellation-box.box-h5 .footer[data-v-9c57fc0c] {
  box-sizing: border-box;
  padding: 10px 30px;
}
.disclaimer-box.box-h5 .footer .btn[data-v-9c57fc0c],
.cancellation-box.box-h5 .footer .btn[data-v-9c57fc0c] {
  height: 50px;
}
body[data-v-c9f4cfe9],
div[data-v-c9f4cfe9],
ul[data-v-c9f4cfe9],
ol[data-v-c9f4cfe9],
dt[data-v-c9f4cfe9],
dd[data-v-c9f4cfe9],
li[data-v-c9f4cfe9],
dl[data-v-c9f4cfe9],
h1[data-v-c9f4cfe9],
h2[data-v-c9f4cfe9],
h3[data-v-c9f4cfe9],
h4[data-v-c9f4cfe9],
p[data-v-c9f4cfe9] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-c9f4cfe9],
ul[data-v-c9f4cfe9],
li[data-v-c9f4cfe9] {
  list-style: none;
}
img[data-v-c9f4cfe9] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-c9f4cfe9] {
  color: #000;
  background: #fff;
}
.clear[data-v-c9f4cfe9] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-c9f4cfe9] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-c9f4cfe9]:hover {
  text-decoration: none;
}
input[data-v-c9f4cfe9],
textarea[data-v-c9f4cfe9] {
  user-select: auto;
}
input[data-v-c9f4cfe9]:focus,
input[data-v-c9f4cfe9]:active,
textarea[data-v-c9f4cfe9]:focus,
textarea[data-v-c9f4cfe9]:active {
  outline: none;
}
.chat-aside[data-v-c9f4cfe9] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.container[data-v-c9f4cfe9],
.edit-profile-container[data-v-c9f4cfe9],
.edit-profile-container-h5[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.container .box[data-v-c9f4cfe9],
.edit-profile-container .box[data-v-c9f4cfe9],
.edit-profile-container-h5 .box[data-v-c9f4cfe9],
.edit-profile-container .edit-profile-box[data-v-c9f4cfe9],
.edit-profile-container-h5 .edit-profile-box[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
  color: #000;
}
.container .box-h5[data-v-c9f4cfe9],
.edit-profile-container .box-h5[data-v-c9f4cfe9],
.edit-profile-container-h5 .box-h5[data-v-c9f4cfe9],
.edit-profile-container-h5 .edit-profile-box[data-v-c9f4cfe9] {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 0;
  justify-content: flex-start;
}
.container .box-h5 .title[data-v-c9f4cfe9],
.edit-profile-container .box-h5 .title[data-v-c9f4cfe9],
.edit-profile-container-h5 .box-h5 .title[data-v-c9f4cfe9],
.edit-profile-container-h5 .edit-profile-box .title[data-v-c9f4cfe9] {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 18px;
  position: relative;
}
.container .box-h5 .title .title-back[data-v-c9f4cfe9],
.edit-profile-container .box-h5 .title .title-back[data-v-c9f4cfe9],
.edit-profile-container-h5 .box-h5 .title .title-back[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .title
  .title-back[data-v-c9f4cfe9] {
  position: absolute;
  left: 18px;
}
.container .box-h5 .title .title-name[data-v-c9f4cfe9],
.edit-profile-container .box-h5 .title .title-name[data-v-c9f4cfe9],
.edit-profile-container-h5 .box-h5 .title .title-name[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .title
  .title-name[data-v-c9f4cfe9] {
  font-size: 18px;
  font-weight: 500;
  font-family: Baloo15;
}
.loader[data-v-c9f4cfe9] {
  width: 36px;
  padding: 2px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #54ff29;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3-c9f4cfe9 1s infinite linear;
}
@keyframes l3-c9f4cfe9 {
  to {
    transform: rotate(1turn);
  }
}
.avatar-uploader[data-v-c9f4cfe9],
.avataruploader[data-v-c9f4cfe9] {
  border: 1px solid rgb(212, 212, 212);
  border-radius: 4px;
  width: 36px;
  height: 36px;
  margin-left: 6px;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .avatar-uploader[data-v-c9f4cfe9],
  .avataruploader[data-v-c9f4cfe9] {
    width: 60px;
    height: 60px;
  }
}
.avatar-uploader .avatarimg[data-v-c9f4cfe9],
.avataruploader .avatarimg[data-v-c9f4cfe9] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: block;
}
@media screen and (max-width: 700px) {
  .avatar-uploader .avatarimg[data-v-c9f4cfe9],
  .avataruploader .avatarimg[data-v-c9f4cfe9] {
    width: 60px;
    height: 60px;
  }
}
.avatar-uploader .avatar-uploader-icon[data-v-c9f4cfe9],
.avataruploader .avatar-uploader-icon[data-v-c9f4cfe9] {
  font-size: 18px;
  color: #8c939d;
  width: 36px;
  height: 36px;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .avatar-uploader .avatar-uploader-icon[data-v-c9f4cfe9],
  .avataruploader .avatar-uploader-icon[data-v-c9f4cfe9] {
    width: 60px;
    height: 60px;
  }
}
.avataruploader[data-v-c9f4cfe9] {
  border: none;
}
.edit-profile-container[data-v-c9f4cfe9],
.edit-profile-container-h5[data-v-c9f4cfe9] {
  font-size: 14px;
}
.edit-profile-container .edit-profile-box[data-v-c9f4cfe9],
.edit-profile-container-h5 .edit-profile-box[data-v-c9f4cfe9] {
  align-items: stretch;
}
.edit-profile-container .edit-profile-box .edit-form[data-v-c9f4cfe9],
.edit-profile-container-h5 .edit-profile-box .edit-form[data-v-c9f4cfe9] {
  flex: 1;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  min-width: 0;
  min-height: 54px;
  padding: 10px;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-label[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-label[data-v-c9f4cfe9] {
  box-sizing: border-box;
  width: 70px;
  margin-right: 20px;
  color: #333;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox[data-v-c9f4cfe9] {
  flex: none !important;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .avatar-list[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .avatar-list[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list
  .avatar-list-item[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list
  .avatar-list-item[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .avatar-list
  .avatar-list-item[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .avatar-list
  .avatar-list-item[data-v-c9f4cfe9] {
  margin: 10px 6px;
  border: 1px solid transparent;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list
  .avatar-list-item[data-v-c9f4cfe9]:first-child,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list
  .avatar-list-item[data-v-c9f4cfe9]:first-child,
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .avatar-list
  .avatar-list-item[data-v-c9f4cfe9]:first-child,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .avatar-list
  .avatar-list-item[data-v-c9f4cfe9]:first-child {
  margin-left: 0;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list
  .avatar-list-item-selected[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list
  .avatar-list-item-selected[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .avatar-list
  .avatar-list-item-selected[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .avatar-list
  .avatar-list-item-selected[data-v-c9f4cfe9] {
  border: 1px solid #006eff;
  color: #006eff;
  border-radius: 5px;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .form-item-input[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .form-item-input[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .form-item-input[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .form-item-input[data-v-c9f4cfe9] {
  flex: 1;
  padding: 6px 10px;
  border: 1px solid rgba(131, 137, 153, 0.4);
  border-radius: 2px;
  line-height: 20px;
  color: #596174;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .gender-list[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .gender-list[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list
  .gender-list-li[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list
  .gender-list-li[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .gender-list
  .gender-list-li[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .gender-list
  .gender-list-li[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0 20px 0 0;
  padding: 0;
  min-width: 0;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list
  .gender-list-li
  .gender-list-item[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list
  .gender-list-li
  .gender-list-item[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .gender-list
  .gender-list-li
  .gender-list-item[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .gender-list
  .gender-list-li
  .gender-list-item[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  flex: 1;
  font-size: 14px;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list
  .gender-list-li
  .gender-list-item
  .gender-list-item-radio[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list
  .gender-list-li
  .gender-list-item
  .gender-list-item-radio[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .gender-list
  .gender-list-li
  .gender-list-item
  .gender-list-item-radio[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .gender-list
  .gender-list-li
  .gender-list-item
  .gender-list-item-radio[data-v-c9f4cfe9] {
  margin: 0 2px;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  border: 0px solid black;
  margin: 0;
  min-width: 0;
  flex: 1;
  padding: 6px 10px;
  border: 1px solid rgba(131, 137, 153, 0.4);
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  flex: 1;
  height: 20px;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input,
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  flex: 1;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input-start,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input-start,
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input-start,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input-start {
  padding: 2px 0;
  text-align: start;
  font-size: 14px;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input-start::placeholder,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input-start::placeholder,
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input-start::placeholder,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-input-start::placeholder {
  text-align: start;
}
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-dialog-container-one,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-dialog-container-one,
.edit-profile-container
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-dialog-container-one,
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form_uploadebox
  .birthday-container
  .birthday-date-picker[data-v-c9f4cfe9]
  .tui-date-picker-dialog-container-one {
  left: -220px;
}
.edit-profile-container .edit-profile-box .edit-footer[data-v-c9f4cfe9],
.edit-profile-container-h5 .edit-profile-box .edit-footer[data-v-c9f4cfe9] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.edit-profile-container
  .edit-profile-box
  .edit-footer
  .btn-close[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-footer
  .btn-close[data-v-c9f4cfe9] {
  border-radius: 5px;
  padding: 13px 0;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ddd;
  color: #000;
  margin-right: 10px;
}
.edit-profile-container
  .edit-profile-box
  .edit-footer
  .btn-save[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-footer
  .btn-save[data-v-c9f4cfe9] {
  border-radius: 5px;
  padding: 13px 0;
  cursor: pointer;
  background: #54ff29;
  border: 1px solid #54ff29;
  color: #000;
}
.edit-profile-container
  .edit-profile-box
  .edit-footer
  .btn-close[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-footer
  .btn-close[data-v-c9f4cfe9],
.edit-profile-container
  .edit-profile-box
  .edit-footer
  .btn-save[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-footer
  .btn-save[data-v-c9f4cfe9] {
  width: 90px;
  height: 30px;
  padding: 2px;
  font-family: Baloo15;
}
.edit-profile-container-pc .edit-profile-box[data-v-c9f4cfe9] {
  width: 500px;
  height: auto;
  border-radius: 10px;
  padding: 20px 10px;
}
.edit-profile-container-pc
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item[data-v-c9f4cfe9] {
  flex: 1;
}
.edit-profile-container-pc .title[data-v-c9f4cfe9] {
  justify-content: flex-start;
  padding: 0;
}
.edit-profile-container-h5 .edit-profile-box[data-v-c9f4cfe9] {
  width: 100%;
  height: 100%;
  background-color: #efefef;
}
.edit-profile-container-h5 .edit-profile-box .title[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item[data-v-c9f4cfe9] {
  background-color: #fff;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-label[data-v-c9f4cfe9] {
  font-size: 16px;
  color: #000;
  width: 80px;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-info[data-v-c9f4cfe9] {
  flex: 1;
  overflow: hidden;
  font-size: 16px;
  color: #979797;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-info
  .form-info-arrow[data-v-c9f4cfe9] {
  margin-left: 2px;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item[data-v-c9f4cfe9] {
  flex: none;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .form-item-input[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list[data-v-c9f4cfe9],
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .birthday-container[data-v-c9f4cfe9] {
  margin: 0 20px;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .avatar-list
  .avatar-list-item[data-v-c9f4cfe9] {
  margin: 10px 0;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list
  .gender-list-li[data-v-c9f4cfe9] {
  margin: 0;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list
  .gender-list-li
  .gender-list-item[data-v-c9f4cfe9] {
  border: 1px solid rgb(221, 221, 221);
  font-size: 16px;
  border-radius: 5px;
  width: 120px;
  height: 40px;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .gender-list
  .gender-list-li
  .gender-list-item-selected[data-v-c9f4cfe9] {
  border: 1px solid #006eff;
  color: #006eff;
  border-radius: 5px;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-item
  .form-item
  .form-item-input[data-v-c9f4cfe9] {
  padding: 14px 10px;
  font-size: 16px;
  border: 0px;
  background-color: #f8f8f8;
}
.edit-profile-container-h5
  .edit-profile-box
  .edit-form
  .edit-form-space[data-v-c9f4cfe9] {
  box-sizing: border-box;
  height: 10px;
  padding: 0;
  background-color: transparent;
}
.seting_modal[data-v-a8898375] {
  color: #000;
  padding: 0 24px 80px;
}
.seting_modal h2[data-v-a8898375] {
  text-align: center;
  font-size: 16px;
  padding-bottom: 30px;
  border-bottom: 1px solid #949494;
}
.seting_modal ul li[data-v-a8898375] {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #949494;
}
.seting_modal ul li .center_one[data-v-a8898375] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.seting_modal ul li .center_one .left_name[data-v-a8898375] {
  font-size: 18px;
}
.seting_modal ul li .center_one .right_imgtext .tops[data-v-a8898375] {
  display: flex;
  align-items: center;
}
.seting_modal
  ul
  li
  .center_one
  .right_imgtext
  .tops
  > div[data-v-a8898375]:first-child {
  color: #909090;
  font-size: 15px;
}
.seting_modal
  ul
  li
  .center_one
  .right_imgtext
  .tops
  > div[data-v-a8898375]:last-child {
  margin-left: 10px;
}
.seting_modal
  ul
  li
  .center_one
  .right_imgtext
  .tops
  > div:last-child
  img[data-v-a8898375] {
  width: 8px;
  height: 17px;
}
.seting_modal ul li .bottom_status[data-v-a8898375] {
  text-align: end;
  color: #019852;
  font-size: 15px;
}
.bindinvitation_modal[data-v-a8898375] {
  color: #000;
  padding: 0 24px 80px;
}
.bindinvitation_modal h2[data-v-a8898375] {
  text-transform: capitalize;
  text-align: center;
  font-size: 16px;
}
.bindinvitation_modal .text_titles[data-v-a8898375] {
  margin-top: 40px;
  font-size: 16px;
}
.bindinvitation_modal .code_name[data-v-a8898375] {
  margin-top: 20px;
  font-weight: 700;
  font-size: 16px;
}
.bindinvitation_modal .invitation_input[data-v-a8898375] {
  margin-top: 16px;
  border: 1px solid #000000;
  border-radius: 40px;
  padding: 12px;
}
.bindinvitation_modal .invitation_input input[data-v-a8898375] {
  border: none;
  width: 100%;
}
.bindinvitation_modal .btn_box[data-v-a8898375] {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.bindinvitation_modal .btn_box button[data-v-a8898375] {
  border: none;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 68%;
  font-weight: 700;
  height: 37px;
  background-color: #54ff29;
  cursor: pointer;
}
.google_modal[data-v-a8898375] {
  color: #000;
  padding: 0 24px 80px;
  cursor: default;
}
.google_modal h2[data-v-a8898375] {
  text-transform: capitalize;
  text-align: center;
  font-size: 16px;
}
.google_modal .add_name[data-v-a8898375] {
  font-size: 15px;
  font-weight: 700;
}
.google_modal .one_setup[data-v-a8898375] {
  font-size: 15px;
  margin-top: 12px;
  font-weight: 700;
  text-transform: capitalize;
}
.google_modal .one_content[data-v-a8898375] {
  margin-top: 10px;
  font-size: 15px;
  white-space: normal;
}
.google_modal .invi_eqcode[data-v-a8898375] {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.google_modal .invi_eqcode img[data-v-a8898375] {
  width: 140px;
  height: 140px;
  object-fit: cover;
}
.google_modal .invi_eqcode .code_t[data-v-a8898375] {
  display: flex;
  align-items: center;
  text-align: center;
}
.google_modal .invi_eqcode .code_t > div[data-v-a8898375] {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-left: 6px;
}
.google_modal .invi_eqcode .code_t > div img[data-v-a8898375] {
  width: 16px;
  height: 16px;
}
.google_modal .invitation_input[data-v-a8898375] {
  margin-top: 16px;
  border: 1px solid #000000;
  border-radius: 40px;
  padding: 12px;
}
.google_modal .invitation_input input[data-v-a8898375] {
  border: none;
  width: 100%;
}
.google_modal .code_titles_tip[data-v-a8898375] {
  margin-top: 8px;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 700;
  text-align: center;
  color: red;
}
.google_modal .btn_box[data-v-a8898375] {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.google_modal .btn_box button[data-v-a8898375] {
  border: none;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 68%;
  font-weight: 700;
  height: 37px;
  background-color: #54ff29;
  cursor: pointer;
}
.google_authent_modal[data-v-a8898375] {
  color: #000;
  padding: 0 24px 40px;
  cursor: default;
}
.google_authent_modal h2[data-v-a8898375] {
  text-transform: capitalize;
  text-align: center;
  font-size: 16px;
}
.google_authent_modal .big_log[data-v-a8898375] {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.google_authent_modal .big_log > img[data-v-a8898375] {
  width: 80px;
  height: 80px;
}
.google_authent_modal .big_log .succ_text[data-v-a8898375] {
  margin-top: 4px;
  font-size: 30px;
  font-weight: 700;
}
.google_authent_modal .btn_box[data-v-a8898375] {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.google_authent_modal .btn_box button[data-v-a8898375] {
  border: none;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 68%;
  font-weight: 700;
  height: 37px;
  background-color: #54ff29;
  cursor: pointer;
}
.bindSuccess_modal[data-v-a8898375] {
  color: #000;
  padding: 0 24px 40px;
  cursor: default;
}
.bindSuccess_modal h2[data-v-a8898375] {
  text-transform: capitalize;
  text-align: center;
  font-size: 16px;
}
.bindSuccess_modal .succ_bid_con[data-v-a8898375] {
  margin-top: 40px;
}
.bindSuccess_modal .succ_bid_con .title_sc[data-v-a8898375] {
  font-weight: 700;
  font-size: 15px;
}
.bindSuccess_modal .succ_bid_con .add_timesd[data-v-a8898375] {
  font-size: 15px;
}
.bindSuccess_modal .succ_bid_con .btn_container[data-v-a8898375] {
  padding: 38px 26px 75px;
}
.bindSuccess_modal .succ_bid_con .btn_container .btn_t[data-v-a8898375] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bindSuccess_modal .succ_bid_con .btn_container .btn_t button[data-v-a8898375] {
  width: 100%;
  height: 38px;
  text-transform: capitalize;
  cursor: pointer;
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
}
.bindSuccess_modal
  .succ_bid_con
  .btn_container
  .btn_t
  .mod_suc[data-v-a8898375] {
  background-color: #54ff29;
  border: none;
}
.bindSuccess_modal
  .succ_bid_con
  .btn_container
  .btn_t
  .re_btn[data-v-a8898375] {
  border: 1px solid red;
  color: red;
  background-color: #fff;
}
.bindSuccess_modal .succ_bid_con .btn_container .suc_tiptext[data-v-a8898375] {
  text-transform: capitalize;
  color: red;
  font-size: 14px;
  white-space: normal;
}
.bindSuccess_modal
  .succ_bid_con
  .btn_container
  .suc_tiptext
  > span[data-v-a8898375] {
  font-weight: 700;
  font-size: 15px;
}
.modifyGoogle_modal[data-v-a8898375] {
  color: #000;
  padding: 0 24px 40px;
  cursor: default;
}
.modifyGoogle_modal h2[data-v-a8898375] {
  text-transform: capitalize;
  text-align: center;
  font-size: 16px;
}
.modifyGoogle_modal .code_name[data-v-a8898375] {
  margin-top: 30px;
  font-size: 15px;
  font-weight: 700;
}
.modifyGoogle_modal .inputbox[data-v-a8898375] {
  margin-top: 20px;
  padding: 12px;
  border-radius: 40px;
  border: 1px solid #000000;
}
.modifyGoogle_modal .inputbox input[data-v-a8898375] {
  border: none;
  width: 100%;
}
.modifyGoogle_modal .title_red_tip[data-v-a8898375] {
  color: red;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  margin-top: 4px;
}
.modifyGoogle_modal .btn_box[data-v-a8898375] {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.modifyGoogle_modal .btn_box button[data-v-a8898375] {
  border: none;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 68%;
  font-weight: 700;
  height: 37px;
  background-color: #54ff29;
  cursor: pointer;
}
.modifyGoogle_modal .last_tip[data-v-a8898375] {
  margin-top: 55px;
  font-size: 15px;
  text-align: center;
}
.modifyGoogle_modal .last_tip span[data-v-a8898375] {
  color: #019852;
  cursor: pointer;
}
.deleteGoogle_modal[data-v-a8898375] {
  color: #000;
  padding: 0 24px 40px;
  cursor: default;
}
.deleteGoogle_modal h2[data-v-a8898375] {
  text-transform: capitalize;
  text-align: center;
  font-size: 16px;
}
.deleteGoogle_modal .big_log[data-v-a8898375] {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.deleteGoogle_modal .big_log > img[data-v-a8898375] {
  width: 64px;
  height: 64px;
}
.deleteGoogle_modal .big_log .succ_text[data-v-a8898375] {
  margin-top: 4px;
  text-align: center;
  white-space: normal;
  font-size: 15px;
  text-transform: capitalize;
}
.deleteGoogle_modal .delebtn_box[data-v-a8898375] {
  margin-top: 10px;
}
.deleteGoogle_modal .delebtn_box button[data-v-a8898375] {
  width: 100%;
  height: 38px;
  cursor: pointer;
  display: flex;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 12px;
}
.deleteGoogle_modal .delebtn_box > button[data-v-a8898375]:first-child {
  border: none;
  background-color: #54ff29;
}
.deleteGoogle_modal .delebtn_box > button[data-v-a8898375]:last-child {
  border: 1px solid #000000;
  background-color: #fff;
}
.TUI-profile[data-v-156ef149] {
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
.TUI-profile-basic[data-v-156ef149] {
  width: 200px;
  display: flex;
  flex-direction: row;
}
.TUI-profile-basic-avatar[data-v-156ef149] {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  margin-right: 10px;
}
.TUI-profile-basic-info[data-v-156ef149] {
  font-size: 14px;
}
.TUI-profile-basic-info-nick[data-v-156ef149] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TUI-profile-basic-info-id[data-v-156ef149] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.TUI-profile-basic-info-id-label[data-v-156ef149] {
  font-weight: 400;
  color: #999;
}
.TUI-profile-basic-info-id-value[data-v-156ef149] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TUI-profile-setting-item[data-v-156ef149] {
  height: 40px;
  padding-left: 14px;
  padding-right: 8px;
  display: flex;
  line-height: 40px;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.TUI-profile-setting-item[data-v-156ef149]:hover {
  background-color: #006eff1a;
}
.TUI-profile-setting-item:hover
  .TUI-profile-setting-item-children[data-v-156ef149] {
  display: block;
}
.TUI-profile-setting-item-label[data-v-156ef149] {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.TUI-profile-setting-item-children[data-v-156ef149] {
  display: none;
  position: absolute;
  left: 100%;
  min-width: 167px;
  border-radius: 0 4px 4px 0;
  z-index: 2;
  background: #fff;
  box-shadow: 2px 1px 6px #02102b26;
}
.TUI-profile-setting-item-children-item[data-v-156ef149] {
  height: 40px;
  padding-left: 14px;
  padding-right: 8px;
  display: flex;
  line-height: 40px;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.TUI-profile-setting-item-children-item[data-v-156ef149]:hover {
  background-color: #006eff1a;
}
.TUI-profile-setting-item-children-item-label[data-v-156ef149] {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  padding-right: 5px;
}
.TUI-profile-h5[data-v-156ef149] {
  background: #efefef;
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.TUI-profile-h5-basic[data-v-156ef149] {
  width: 100%;
  box-sizing: border-box;
  background: #ffffff;
  padding: 14px 18px;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 10px;
}
.TUI-profile-h5-basic-avatar[data-v-156ef149] {
  width: 78px;
  height: 78px;
  border-radius: 8px;
}
.TUI-profile-h5-basic-info-nick[data-v-156ef149] {
  font-size: 14px;
  flex: 1;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 0;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #000;
  letter-spacing: 0;
}
.TUI-profile-h5-basic-info-id[data-v-156ef149] {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #999;
  letter-spacing: 0;
  font-size: 14px;
  word-break: keep-all;
  padding: 6px 0;
}
.TUI-profile-h5-basic-info-id-value[data-v-156ef149] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TUI-profile-h5-setting[data-v-156ef149] {
  width: 100%;
  flex-direction: column;
}
.TUI-profile-h5-setting-item[data-v-156ef149] {
  margin-bottom: 10px;
  background: #ffffff;
  padding: 10px;
}
.TUI-profile-h5-setting-item-exit
  .TUI-profile-h5-setting-item-label[data-v-156ef149] {
  justify-content: center;
}
.TUI-profile-h5-setting-item-exit
  .TUI-profile-h5-setting-item-label
  .label-left
  .label-title[data-v-156ef149] {
  color: red;
}
.TUI-profile-h5-setting-item-label .label-left[data-v-156ef149] {
  display: flex;
  flex-direction: column;
}
.TUI-profile-h5-setting-item-label .label-left .label-title[data-v-156ef149] {
  color: #444;
  font-size: 14px;
}
.TUI-profile-h5-setting-item-label .label-right[data-v-156ef149] {
  color: #000;
  font-size: 14px;
  display: flex;
  flex-direction: row;
}
.TUI-profile-h5-setting-item-bottom-popup[data-v-156ef149] {
  font-size: 16px;
  color: #147aff;
  padding: 10px;
  border-bottom: 1px solid #dbdbdb;
}
body[data-v-156ef149],
div[data-v-156ef149],
ul[data-v-156ef149],
ol[data-v-156ef149],
dt[data-v-156ef149],
dd[data-v-156ef149],
li[data-v-156ef149],
dl[data-v-156ef149],
h1[data-v-156ef149],
h2[data-v-156ef149],
h3[data-v-156ef149],
h4[data-v-156ef149],
p[data-v-156ef149] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-156ef149],
ul[data-v-156ef149],
li[data-v-156ef149] {
  list-style: none;
}
img[data-v-156ef149] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-156ef149] {
  color: #000;
  background: #fff;
}
.clear[data-v-156ef149] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-156ef149] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-156ef149]:hover {
  text-decoration: none;
}
input[data-v-156ef149],
textarea[data-v-156ef149] {
  user-select: auto;
}
input[data-v-156ef149]:focus,
input[data-v-156ef149]:active,
textarea[data-v-156ef149]:focus,
textarea[data-v-156ef149]:active {
  outline: none;
}
.chat-aside[data-v-156ef149] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.container[data-v-156ef149] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.container .box[data-v-156ef149] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
  color: #000;
}
.container .box-h5[data-v-156ef149] {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 0;
  justify-content: flex-start;
}
.container .box-h5 .title[data-v-156ef149] {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 18px;
  position: relative;
}
.container .box-h5 .title .title-back[data-v-156ef149] {
  position: absolute;
  left: 18px;
}
.container .box-h5 .title .title-name[data-v-156ef149] {
  font-size: 18px;
  font-weight: 500;
  font-family: Baloo15;
}
.quitboxed[data-v-156ef149] {
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.quitboxed .title[data-v-156ef149] {
  text-transform: capitalize;
  width: 78%;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.quitboxed .twobtncon[data-v-156ef149] {
  display: flex;
  justify-content: center;
  margin-top: 44px;
}
.quitboxed .twobtncon button[data-v-156ef149] {
  width: 120px;
  height: 40px;
  font-size: 14px;
  border-radius: 30px;
  cursor: pointer;
  border: none;
}
.quitboxed .twobtncon > button[data-v-156ef149]:first-child {
  color: #000;
  background-color: #e6e6e6;
  margin-right: 16px;
}
.quitboxed .twobtncon > button[data-v-156ef149]:last-child {
  color: #fff;
  background-color: red;
}
.add_friend_dialog {
  background-color: #000 !important;
  color: #fff;
  border-radius: 10px !important;
}
.add_friend_dialog .box {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Baloo15;
  font-size: 16px;
}
.add_friend_dialog .box .avatar img {
  width: 120px;
  height: 120px;
  border-radius: 100%;
}
.add_friend_dialog .box .avatar_box {
  position: relative;
  margin-bottom: 12px;
  cursor: default;
}
.add_friend_dialog .box .avatar_box .ab_avatar_box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #00000080;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  overflow: hidden;
}
.add_friend_dialog .box .avatar_box .ab_avatar_box .icon {
  cursor: pointer;
  color: #fff !important;
}
.add_friend_dialog .box .avatar_box .ab_avatar_box .icon:first-child {
  margin-right: 12px;
}
.add_friend_dialog .box .name,
.add_friend_dialog .box .userid {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.add_friend_dialog .box .name_edit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.add_friend_dialog .box .name_edit .btn {
  background-color: #01fe89;
  color: #000;
  font-size: 16px;
  border: none;
  width: 100px;
  height: 48px;
  border-radius: 48px;
}
.add_friend_dialog .box .name_edit .input {
  text-align: center;
  background-color: transparent !important;
  border: none;
  margin-bottom: 12px;
  width: 300px;
}
.add_friend_dialog .box .name_edit .el-input__wrapper {
  background-color: #000 !important;
  padding: 0 !important;
  border-bottom: 1px solid #fff;
  box-shadow: none;
}
.add_friend_dialog .box .name_edit .el-input__inner {
  text-align: center;
  color: #fff !important;
}
.add_friend_dialog .box .userid {
  margin-top: 12px;
}
.add_friend_dialog .box .icon_edit {
  font-size: 20px;
  color: #fff;
  margin-left: 12px;
  cursor: pointer;
}
.welcome_box {
  overflow: hidden;
  height: 100%;
}
.welcome_box .default_box,
.welcome_box .default_box1 {
  width: 100%;
  padding: 40px 90px;
  overflow-y: auto;
  font-size: 50px;
  font-family: Baloo15;
  font-weight: bolder;
  box-sizing: border-box;
}
.welcome_box .default_box .user_info,
.welcome_box .default_box1 .user_info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.welcome_box .default_box .user_info img,
.welcome_box .default_box1 .user_info img {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  margin-bottom: 18px;
  cursor: pointer;
}
.welcome_box .default_box .flex_box .box,
.welcome_box .default_box1 .flex_box .box {
  display: flex;
  justify-content: space-between;
}
.welcome_box .default_box .flex_box .box .item,
.welcome_box .default_box1 .flex_box .box .item {
  width: 30%;
  text-align: center;
  border-radius: 5px;
  background: rgba(1, 254, 137, 0.07);
  font-size: 15px;
  padding: 14px 0;
  margin-bottom: 18px;
}
.welcome_box .default_box .flex_box .box .item .num,
.welcome_box .default_box1 .flex_box .box .item .num {
  font-size: 40px;
  font-weight: bolder;
}
.welcome_box .default_box .btn_box,
.welcome_box .default_box1 .btn_box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.welcome_box .default_box .btn_box .btn,
.welcome_box .default_box1 .btn_box .btn {
  width: 200px;
  height: 64px;
  border-radius: 100px;
  font-family: Baloo15;
  font-size: 18px;
  font-weight: bolder;
  border: none;
}
.welcome_box .default_box .btn_box .btn.invite,
.welcome_box .default_box1 .btn_box .btn.invite {
  background-color: #000;
  color: #01fe89;
}
.welcome_box .default_box .btn_box .btn.add,
.welcome_box .default_box1 .btn_box .btn.add {
  background-color: #01fe89;
  color: #000;
}
.welcome_box .default_box .btn_box .btn.manage,
.welcome_box .default_box1 .btn_box .btn.manage {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.welcome_box .default_box1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 80%;
}
@media screen and (max-width: 1075px) {
  .welcome_box {
    width: 100%;
  }
  .welcome_box .default_box,
  .welcome_box .default_box1 {
    padding: 0;
    font-size: 38px;
  }
  .welcome_box .default_box .user_info,
  .welcome_box .default_box1 .user_info {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .welcome_box .default_box .user_info img,
  .welcome_box .default_box1 .user_info img {
    width: 4.2rem;
    height: 4.2rem;
  }
  .welcome_box .default_box .btn_box,
  .welcome_box .default_box1 .btn_box {
    margin-top: 15px;
  }
  .welcome_box .default_box .btn_box .btn,
  .welcome_box .default_box1 .btn_box .btn {
    width: 200px;
    height: 49px;
    border-radius: 100px;
    font-size: 18px;
  }
}
body[data-v-72439b37],
div[data-v-72439b37],
ul[data-v-72439b37],
ol[data-v-72439b37],
dt[data-v-72439b37],
dd[data-v-72439b37],
li[data-v-72439b37],
dl[data-v-72439b37],
h1[data-v-72439b37],
h2[data-v-72439b37],
h3[data-v-72439b37],
h4[data-v-72439b37],
p[data-v-72439b37] {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol[data-v-72439b37],
ul[data-v-72439b37],
li[data-v-72439b37] {
  list-style: none;
}
img[data-v-72439b37] {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body[data-v-72439b37] {
  color: #000;
  background: #fff;
}
.clear[data-v-72439b37] {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a[data-v-72439b37] {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a[data-v-72439b37]:hover {
  text-decoration: none;
}
input[data-v-72439b37],
textarea[data-v-72439b37] {
  user-select: auto;
}
input[data-v-72439b37]:focus,
input[data-v-72439b37]:active,
textarea[data-v-72439b37]:focus,
textarea[data-v-72439b37]:active {
  outline: none;
}
.chat-aside[data-v-72439b37] {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.modal-overlay[data-v-915a8056] {
  position: fixed;
  inset: 0;
  background-color: #00000080;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-content[data-v-915a8056] {
  background: black;
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 82%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.modal-content .cardbox_dawnload[data-v-915a8056] {
  background: black;
  color: #fff;
  padding: 10px;
  border-radius: 8px;
  width: 82%;
}
.modal-content .cardbox_dawnload > h2[data-v-915a8056] {
  text-align: center;
}
.modal-content .cardbox_dawnload .avatarBoxs[data-v-915a8056] {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.modal-content .cardbox_dawnload .avatarBoxs > img[data-v-915a8056] {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  margin-bottom: 18px;
}
.modal-content .cardbox_dawnload .userName[data-v-915a8056] {
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
}
.modal-content .cardbox_dawnload .userID[data-v-915a8056] {
  margin-top: 2px;
  text-align: center;
  font-size: 14px;
}
.modal-content .cardbox_dawnload .eqcodeBOX[data-v-915a8056] {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.modal-content .cardbox_dawnload .invite_code[data-v-915a8056] {
  text-align: center;
  margin-top: 10px;
}
.modal-content .btnBOXS[data-v-915a8056] {
  display: flex;
  justify-content: center;
}
.modal-content .btnBOXS .sdownloadFUN[data-v-915a8056] {
  margin-top: 15px;
  border: none;
  border-radius: 40px;
  height: 36px;
  width: 200px;
  background-color: #01fe89;
  color: #000;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
}
.close-button[data-v-915a8056] {
  position: absolute;
  bottom: -42px;
  right: 45%;
  background: transparent;
  border: none;
  font-size: 20px;
}
.close-button > img[data-v-915a8056] {
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .systembox[data-v-f6dd37dc] {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 6;
    width: 100%;
  }
}
.systembox head[data-v-f6dd37dc] {
  padding: 10px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .systembox head[data-v-f6dd37dc] {
    justify-content: space-between;
  }
}
.systembox head .backICON[data-v-f6dd37dc] {
  cursor: pointer;
}
.systembox head .backICON > img[data-v-f6dd37dc] {
  width: 20px;
  height: 20px;
}
.systembox head .tilte[data-v-f6dd37dc] {
  font-size: 16px;
}
.systembox main[data-v-f6dd37dc] {
  width: 100%;
  height: 100vh;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeEAAAIACAYAAAC1utS0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAeeSURBVHgB7dUxAcAgEAAxWuW4/hFccEtiIt/MnAUAvLb/BQAkJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQETCABCRMABEJAwAEQkDQOQCyM4IZL8iVP0AAAAASUVORK5CYII=)
    no-repeat;
  background-size: 100% 100%;
}
.systembox main .sys_message_box ul li[data-v-f6dd37dc] {
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.systembox main .sys_message_box ul li .avatarbox img[data-v-f6dd37dc] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.systembox main .sys_message_box ul li .messagelist[data-v-f6dd37dc] {
  margin: 0 8px;
  padding: 12px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .systembox main .sys_message_box ul li .messagelist[data-v-f6dd37dc] {
    width: 259px;
  }
}
@media screen and (max-width: 768px) {
  .systembox main .sys_message_box ul li .messagelist > div[data-v-f6dd37dc] {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
}
.home {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: row;
  min-width: 1024px;
  background-size: contain;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(/assets/chatall_bg-6579273a.png) no-repeat;
  background-size: 100% 100%;
}
.home .home-menu {
  box-sizing: border-box;
  display: flex;
}
.home .home-container {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
}
.home .home-container .home-header {
  box-sizing: border-box;
  overflow: hidden;
}
.home .home-container .home-header .header-menu-show {
  padding-left: 0;
}
.home .home-container .home-main {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 50px;
  min-width: 968px;
}
@media screen and (min-width: 1300px) and (max-width: 1540px) {
  .home .home-container .home-main {
    padding: 50px 150px;
  }
}
.home .home-container .home-main .home-TUIKit {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  overflow: hidden;
  min-height: 640px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 11px 20px #0000004d;
}
.home .home-container .home-main .home-TUIKit .home-TUIKit-navbar {
  box-sizing: border-box;
  display: flex;
}
.home .home-container .home-main .home-TUIKit .home-TUIKit-main {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  border: 0 solid black;
}
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-conversation,
.home .home-container .home-main .home-TUIKit .home-TUIKit-main .home-relation {
  min-width: 285px;
  box-sizing: border-box;
  flex: 0 0 24%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #f4f5f9;
}
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-conversation
  .top_SEARCH,
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-relation
  .top_SEARCH {
  margin: 24px 16px;
}
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-conversation
  .top_SEARCH
  .el-input__wrapper,
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-relation
  .top_SEARCH
  .el-input__wrapper {
  border-radius: 15px !important;
  background: #ededed;
}
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-conversation
  .top_SEARCH
  .icon_img,
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-relation
  .top_SEARCH
  .icon_img {
  width: 28px;
  height: 28px;
  margin-left: 8px;
  cursor: pointer;
}
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-conversation
  .navlisttotal,
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-relation
  .navlisttotal {
  margin-left: 16px;
}
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-conversation
  .navlisttotal
  ul,
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-relation
  .navlisttotal
  ul {
  display: flex;
  flex-direction: column;
}
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-conversation
  .navlisttotal
  ul
  li,
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-relation
  .navlisttotal
  ul
  li {
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-conversation
  .navlisttotal
  ul
  li
  img,
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-relation
  .navlisttotal
  ul
  li
  img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-conversation
  .navlisttotal
  ul
  li
  div,
.home
  .home-container
  .home-main
  .home-TUIKit
  .home-TUIKit-main
  .home-relation
  .navlisttotal
  ul
  li
  div {
  font-size: 14px;
  color: #000;
  margin-left: 12px;
}
.home .home-container .home-main .home-TUIKit .home-TUIKit-main .home-chat {
  box-sizing: border-box;
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.home .home-container .home-main .home-TUIKit .callkit-drag-container {
  position: fixed;
  z-index: 100;
  background-color: #fff;
  user-select: none;
}
.home .home-container .home-main .home-TUIKit .callkit-drag-container-pc {
  left: calc(50% - 25rem);
  top: calc(50% - 18rem);
  width: 50rem;
  height: 36rem;
  border-radius: 16px;
  box-shadow: #00000029 0 3px 6px, #0000003b 0 3px 6px;
}
.home .home-container .home-main .home-TUIKit .callkit-drag-container-mini {
  width: 168px;
  height: 56px;
  right: 10px;
  top: 70px;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
@media screen and (max-width: 1075px) {
  .home .home-container.menu-expand .dialog,
  .home .home-container.menu-expand .container {
    width: 100% !important;
    left: 0 !important;
  }
}
.home
  .home-container.menu-expand
  .home-main
  .home-TUIKit
  .callkit-drag-container.callkit-drag-container-pc {
  left: calc(50% - 25rem + 150px);
}
@media screen and (max-width: 1075px) {
  .home {
    min-width: 100% !important;
  }
  .home .home-main {
    justify-content: initial !important;
    padding: 0 !important;
    min-width: 100% !important;
  }
  .home .home-main .home-TUIKit {
    border-radius: 0 !important;
    width: 100% !important;
    flex: initial !important;
    display: flex;
    flex-direction: column-reverse;
  }
}
.home-h5 {
  flex-direction: column;
  min-width: 100%;
  min-height: 100%;
  background: #ffffff;
}
.home-h5 .home-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  align-items: flex-end;
}
.home-h5 .home-container .home-main {
  padding: 0;
  min-width: 0px;
}
.home-h5 .home-container .home-main .home-TUIKit {
  flex-direction: column-reverse;
  border-radius: 0;
  max-width: 100%;
}
.home-h5 .home-container .home-main .home-TUIKit .home-TUIKit-navbar {
  width: 100%;
}
.home-h5 .home-container .home-main .home-TUIKit .home-TUIKit-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.home-h5 .home-container .home-main .home-TUIKit .home-TUIKit-main .chat-popup {
  position: absolute;
}
.home-h5 .home-container .home-main .home-TUIKit .callkit-drag-container-h5 {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  border-radius: 0;
  box-shadow: none;
}
.home-h5 .home-container .home-main .home-TUIKit .callkit-drag-container-mini {
  width: 72px;
  height: 72px;
  left: calc(100% - 100px);
  top: 20px;
  background-color: transparent;
}
body,
div,
ul,
ol,
dt,
dd,
li,
dl,
h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Baloo15;
}
ol,
ul,
li {
  list-style: none;
}
img {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}
body {
  color: #000;
  background: #fff;
}
.clear {
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  margin-top: -1px;
}
a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
input,
textarea {
  user-select: auto;
}
input:focus,
input:active,
textarea:focus,
textarea:active {
  outline: none;
}
.chat-aside {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 360px !important;
  border-radius: 8px 0 0 8px;
  z-index: 9999;
  max-height: 100%;
}
.container {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.container .box {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
  color: #000;
}
.container .box-h5 {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 0;
  justify-content: flex-start;
}
.container .box-h5 .title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid black;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 18px;
  position: relative;
}
.container .box-h5 .title .title-back {
  position: absolute;
  left: 18px;
}
.container .box-h5 .title .title-name {
  font-size: 18px;
  font-weight: 500;
  font-family: Baloo15;
}
.logoff_modal {
  color: #000;
  padding: 0 20px 30px;
}
.logoff_modal .top_img {
  display: flex;
  justify-content: center;
}
.logoff_modal .top_img > img {
  width: 60px;
  height: 60px;
}
.logoff_modal .content_titles {
  margin-top: 16px;
  font-size: 15px;
  text-align: center;
}
.logoff_modal .btntwoboxs {
  margin-top: 27px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logoff_modal .btntwoboxs button {
  width: 48%;
  border-radius: 40px;
  height: 48px;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 15px;
}
.logoff_modal .btntwoboxs > button:first-child {
  background-color: #54ff29;
  border: none;
}
.logoff_modal .btntwoboxs > button:last-child {
  background-color: #fff;
  border: 1px solid #000000;
}
.loadingbox {
  display: flex;
  justify-content: center;
}
.loadered {
  width: 36px;
  padding: 2px !important;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #54ff29;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
.el-popper.is-customized {
  font-size: 14px;
  padding: 9px 12px;
  background: linear-gradient(90deg, #b2b2b2, #b2b2b2);
}
.el-popper.is-customized .el-popper__arrow:before {
  background: linear-gradient(45deg, #b2b2b2, #b2b2b2);
  right: 0;
}
.home-conversation {
  overflow: hidden;
}
.oneMessage {
  padding: 12px;
  display: flex;
  cursor: pointer;
  align-items: center;
  overflow: hidden;
}
.oneMessage .imgboxlog {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.oneMessage .imgboxlog img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.oneMessage .right {
  width: 100%;
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}
.oneMessage .right .user {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.oneMessage .right .user > div:first-child {
  font-size: 14px;
}
.oneMessage .right .user > div:last-child {
  font-size: 12px;
  color: #bbb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}
.oneMessage .right .time {
  display: flex;
  line-height: 16px;
}
.oneMessage .right .time span {
  color: #999;
  font-size: 12px;
  width: 100%;
}
.mark_box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 12px 44px;
  position: relative;
  background: url(/assets/ai_markt-1b4f20a9.png) no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 430px) {
  .mark_box {
    padding: 0;
    margin: 8px;
  }
}
.mark_box .mark_details {
  width: 70%;
  height: 98%;
  margin: 15px auto 0;
}
.mark_box .btn_box {
  position: fixed;
  width: 100%;
  height: 200px;
  bottom: 10%;
  left: 0;
  border-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mark_box .btn_box .messga_box {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: bolder;
}
.mark_box .btn_box .messga_box .color2 {
  color: #ea4335;
}
.mark_box .btn_box .messga_box .color1 {
  color: #01fe89;
}
.mark_box .btn_box .btn {
  width: 200px;
  height: 50px;
  border-radius: 50px;
  background-color: #01fe89;
  border: none;
  color: #000;
  font-weight: 700;
  font-size: 18px;
}
@media screen and (max-width: 900px) {
  .mark_box .btn_box .btn {
    width: 150px;
    height: 44px;
    font-size: 14px;
  }
}
@media screen and (max-width: 430px) {
  .mark_box .btn_box .btn {
    width: 120px;
    height: 40px;
    font-size: 12px;
  }
}
.mark_box .title {
  font-size: 18px;
  font-weight: 700;
}
.mark_box .img_box {
  width: 100%;
  position: relative;
}
.mark_box .img_box img {
  width: 100%;
}
.mark_box .img_box .ab_box {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1),
    rgba(0, 0, 0, 0.95)
  );
  box-sizing: border-box;
  padding: 24px;
}
@media screen and (max-width: 430px) {
  .mark_box .img_box .ab_box {
    padding: 10px;
  }
}
.mark_box .img_box .ab_box .flex {
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 430px) {
  .mark_box .img_box .ab_box .flex {
    font-size: 12px;
  }
}
.mark_box .bottom_box {
  background-color: #000;
  padding-top: 12px;
  height: 65%;
}
@media screen and (max-width: 1542px) {
  .mark_box .bottom_box {
    height: 79%;
  }
}
.mark_box .bottom_box .ai_contentsed {
  color: #fff;
}
.mark_box .tab {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.mark_box .tab > div {
  margin-right: 24px;
  color: #fff;
}
.mark_box .tab .active {
  color: #01fe89;
  font-weight: 700;
  border-bottom: 1px solid #01fe89;
}
.mark_box .item_box {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 430px) {
  .mark_box .item_box {
    justify-content: space-between;
  }
}
.mark_box .item_box .item {
  width: 13%;
  position: relative;
  margin-right: 1.5%;
}
@media screen and (max-width: 1510px) {
  .mark_box .item_box .item {
    width: 15%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 900px) {
  .mark_box .item_box .item {
    width: 150px;
  }
}
@media screen and (max-width: 430px) {
  .mark_box .item_box .item {
    width: 98%;
    margin-right: 0;
  }
}
.mark_box .item_box .item:last-child {
  margin-right: 0;
}
.mark_box .item_box .item img {
  width: 100%;
}
.mark_box .item_box .item .ab_box {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 6px;
  color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 430px) {
  .mark_box .item_box .item .ab_box {
    bottom: 14px;
  }
}
.mark_box .item_box .item .ab_box .flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1510px) {
  .mark_box .item_box .item .ab_box .flex {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media screen and (max-width: 430px) {
  .mark_box .item_box .item .ab_box .flex {
    flex-direction: row;
  }
}
.mark_box .item_box .item .ab_box .flex1 {
  display: flex;
  align-items: center;
}
.mark_box .item_box .item .ab_box .flex1 img {
  width: 24px;
}
.mark_box .item_box1 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 900px) {
  .mark_box .item_box1 {
    justify-content: space-between;
  }
}
.mark_box .item_box1 .item {
  width: calc((100% - 48px) / 3);
  position: relative;
  margin-right: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 900px) {
  .mark_box .item_box1 .item {
    width: 100%;
    margin-right: 0;
  }
}
.mark_box .item_box1 .item:nth-child(3n) {
  margin-right: 0;
}
.mark_box .item_box1 .item img {
  width: 100%;
}
.mark_box .item_box1 .item .coming {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  left: 0;
  top: 0;
  color: #fff;
}
.mark_box .item_box1 .item .ab_box {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 6px;
  color: #fff;
  box-sizing: border-box;
}
.mark_box .item_box1 .item .ab_box .flex {
  display: flex;
  justify-content: space-between;
}
.mark_box .item_box1 .item .ab_box .flex1 {
  display: flex;
  align-items: center;
}
.mark_box .item_box1 .item .ab_box .flex1 img {
  width: 24px;
}
@media screen and (max-width: 467px) {
  .ish5_friend {
    flex-direction: column !important;
  }
}
.rightMenu {
  display: none;
}
@media screen and (max-width: 467px) {
  .rightMenu {
    display: flex;
    align-items: center;
    padding: 10px;
  }
}
@media screen and (max-width: 960px) {
  .ish5_comm {
    min-width: 45px !important;
    flex: 0 0 8% !important;
  }
}
@media screen and (max-width: 467px) {
  .ish5_comm {
    display: none !important;
  }
}
.community_box {
  padding: 12px 0;
  font-family: Baloo15;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  .community_box {
    padding: 0;
  }
}
.community_box .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 12px;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .community_box .item {
    padding: 12px;
  }
}
.community_box .item.active {
  background: rgba(1, 254, 137, 0.1);
}
.community_box .item .left {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .community_box .item .left div {
    display: none;
  }
}
.community_box .item .left img {
  width: 24px;
  margin-right: 12px;
}
@media screen and (max-width: 960px) {
  .community_box .item .left img {
    margin-right: 0;
  }
}
.community_box .item .right {
  display: flex;
  align-items: center;
}
.community_box .item .right .reddian {
  width: 7px;
  height: 7px;
  background-color: red;
  border-radius: 50%;
  margin-right: 10px;
}
@media screen and (max-width: 960px) {
  .community_box .item .right {
    display: none;
  }
}
.friends_world_box {
  padding: 40px 36px;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media screen and (max-width: 960px) {
  .friends_world_box {
    padding: 10px;
  }
}
.friends_world_box .top_box {
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  padding: 24px;
  position: relative;
}
@media screen and (max-width: 650px) {
  .friends_world_box .top_box {
    padding: 8px;
  }
}
.friends_world_box .top_box .flex {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 500px) {
  .friends_world_box .top_box .flex {
    width: 100%;
    flex-direction: column;
  }
}
.friends_world_box .top_box .flex .newINPUT {
  width: 100%;
  font-family: Baloo15;
  min-width: 555px;
  min-height: 110px;
  height: auto;
  border: none;
  padding-left: 10px;
  word-wrap: break-word;
  resize: none;
  white-space: pre-wrap;
}
@media screen and (max-width: 500px) {
  .friends_world_box .top_box .flex .newINPUT {
    min-width: 100%;
    padding: 0;
    margin-top: 4px;
  }
}
.friends_world_box .top_box .flex .newINPUT::placeholder {
  color: #999;
  font-family: Baloo15;
  font-size: 14px;
}
.friends_world_box .top_box .flex .avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.friends_world_box .top_box .flex .TUI-chat-message-input-edit {
  min-height: 50px;
}
@media screen and (max-width: 500px) {
  .friends_world_box .top_box .flex .TUI-chat-message-input-edit {
    width: 100%;
  }
}
.friends_world_box .top_box .message_opear_box {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.friends_world_box .top_box .message_opear_box .leftcon {
  display: flex;
  align-items: center;
}
.friends_world_box .top_box .message_opear_box .imgbox1 {
  width: 26px;
  height: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMzSURBVHgB7ZzpcdswEIVfMvkfpwOkA5fAdKBUYHVgd0ClAqUDuQO7A6oDuwO6A7kDhTsiZ+iYBwjh0ELvm9mxLHEkch+ABRYHQAghhBBCCCGEEEIIIYQQcnncNFY2Vjd2bK1u3zMgQTH46Pj/rQZFCIaU/Cnn90W4AfHOA+ad39kGxDsvsBeghhK+QA/HhdereLavIEmhAInxIYBpbNvYAfZttIstJeS91I3tcAFd3luEd/wlW936IAkG1+38zg5IVBN20Os031bBEdeumow0DyAd7439bP8u4hvcMBOfPbvciBKk4K1G3v+OiM9dYLgqrpA/BYafvUBEioEbqHE9yLN6EYADscRQgMRQgMRQgMRQgMRQgMRQgMS4joS1ISNVyVqaxt4ae4Xy0XoBPQOxEsNZ2y3c8TYQc6WADgF2mM5ivsANjoQtWLc2hTRLGyQkZwFKy+vukXAhV64CdAHXhhsknNvNVYClJZo1wDNvUELOArwuuHaPROQchP94vi4IOQsgc9NzzpXPH6GQAnpGwmt8Xlld4bz5a46Eceo6PuHkTGNxfdfd9NHj8SaA1mScwUfHy+tfmO79vOMCE3BaY4CUfNP7X17voBCNAkiKYWhBbIHzMpyqKOA/BkjbXLXfM+bIe8yv03xAeLIMwltM5+tvYbdQ9oDwS8azE6DE9HI/A7stqv17MQhHVgKsMF2aDZbtkOz39edw7ZJmI4DB/CaPczaBbCd+t3OiiLtUiCwEMFjWrLjaUFCuYCfUGFkIUCG887sa1A/KYz2pO9ijXoAScZzfvzeD6SZvyV4v1QLY9OVDmLT1lcU1NvGghlIBbPvyKc0mHtTwJEDMVITBKYdz6UjQvkMkYgpQQc9hSn8R6V5jCSDV2kAPEgeeEGG1RAwBSsRJkPlG4lWJwIQWQNIMG+hFCk7QrbehZ8RkYvw3dJ/htkdAYkxJPoOMwh0yifEpgEHk0WAiJCYYeMK1CRpbXSB9/ZwP6xDWI+87PTOPq/HHDziI4NoEyQ/tQToekaDWG/DIsiMSHlkmXPuhfTFWYMxicKqCNXQ571zHR0vYEUIIIYQQQgghhBBCCCFEN/8AuEPZSaCtnC8AAAAASUVORK5CYII=)
    no-repeat;
  background-size: cover;
}
.friends_world_box .top_box .message_opear_box .imgbox1:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAS1SURBVHgB7ZxRUhtHEIb/EUvFxA/REfBDXEBexA3kG4hCPEc+AdwAcQKcEwQ/Y0e6gbgBPDlU8mDlBNZLynYk1OnWSi6Qd6XVaHdnZ9VfFahqGSTof6e7p6dnAUVRFEVRFEVRFEVRFEVRFEVRyo6BZzRotxrgx1MCtfiP35Vr/NonmKsRxm+75r4Pj/BKgAbt7W7B9GaGn0eEGIJe+SSCNwLInb+Fnds4488IRfh82DX9ATygAk8I8ENrmfEF4jHsos7gCd4IwH/qr0lHGlDisa7xSADUkg6kBDOlKPgkQClRARyzdhYkqWEAc8pv1eLJX8UGIJkWf78ZYnyxbsq7lgAndFBjf9vbFMPPEwoxOro2f9/BEmsBwju/crupxn/EYAQ6tJ0J1jFgC5VzNf4ELo2Y32GJ1QxoUI0/9OsnKDN4Fnx+YbP6DmDBNv7dpZhfZUW7PDO8KAOsjqlyzGtE/KBawc5P/JqPAIStavT1h6N35q8uSkyT9uosRG/+egX0gl/+wYqktg6QjOB9yY0vvDP3NzTJftJBF2KOUQEcowI4RgVwjArgGBXAMSqAY6wWYr4RtrI8q8mesuTwI3y5K8qmfelnQJMOznmT/qOsXmlSNDO9ADufmvTLJQpAqQU4pgM2OLWjq7bjsybt38IxpRXghPZaBtRaMqzGM6QNh5RWgDHMebKRdCoxAo4opQAn9HPNJG9NqW5jO+nY1CmlAHHl8rTGp0kpBRilWC7OmlIKMN0gT9SpIPsYUuOHI0obhHnBdZFk3AMo0bisKK0A782fsje9xLjm4g9zfwWHlHohxq6lzWuB1/jOHdFNuH/9oQ3HeFsLksawbZhLdjXVERs5rjHqOrzDr8Jc/xl/fRkU6fCGlwLMjirN2tBZiB5fW3g0aWr0wrXLeOmCApjO44VWeCrGvjvNJd4J0KQ9KTFEHdaoF6XCuQqFEUB8NFcne8e0/zHOkCe0L23w7fh3mVQ4vTkfJhRGAK7Ry51dD12LGPKpCNNW+DcJ3upcakHwhEIIMHUrc3euiCBtgGHQHYM6SAZnOkFHfgce4FyAY3rZiHcrpjM9gdNZobqZOCi7LEPPcCqAGNcgWGSoangIBDYuJTYoy+dKrAm3JvdvN3I/YJbLLz/ksc4hkOigLLPj0YyqBXiecPMmfZwJMGeELHkSlMNMCvWnQ8Znx7Tn5HC3EwGmQbeOfPgWlOWLYuKNgXnjInDnLsDyXD59pkG5EwbmWJcmZ706eceDXAVYIZfPAnFD9WVj8o4HuQmwYi7vkHzjQW4CLHrQUtHIMx7kIgCngpe+GH9KbvEgcwGiywxekEs8yFSAxWUGH5B48LKBDMl0R0yOrfKS/6ji8SMNRvjvBhmS+ZZk2J2gxKEnZByTmgCy2pzV78sMu9RGmhmdlQsyeBhEP6zD9LjUUOKHdUxutFbUdbEJLLASYIjn/QBfI38WPk3Euycir80Qwz4ssHJBXXM3kO4yKBMM6Mq22cs6BoyA1/zRpXU1yTGDYcJG4CisBZAuNHY0rzZbBDMQG6zz5MS1sqBr8+FuhPEhgd6SR4ci1sdwEjL+Tf53sQEURVEURVEURVEURVEURVEURVEW8D9sIItqod36CAAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: cover;
}
.friends_world_box .top_box .message_opear_box .imgbox2 {
  width: 26px;
  height: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATOSURBVHgB7Z2NceQ0FIA/aIDtAFEB6QBdB3SAqODSwZoKch3sXgVABbtUQKhgfRXkqOCwxvZk5/DTWrasn42+mTdJlEls6f1JsvwWKpVKpVKpVCqVSqVSqVQqb4VvyJ+HTnQn33eihp8Zvr+m7eTzIM+dfBq+nql4sevksZNTJy+dfFkpL8P/MvxfaZWB60H/srGMyqjQD/yeMJbuK5fh2oo3SMqBlxSRhBRJWHdyYLnltbwmWyu7q98p1v3fX7njpG0H6gn/BGqVZehnP7uZ13oY/uZIb+E+13zyuE4xKOYPhB30D/SeEgqNnzIu3FFu0MyL9bbThu2tzzBPEfaef6Zw3jOvo4b4GOYp4pFC2XO7czbUpIy3u+Eebt3nnsK4ZfnW8jT5oLntDcV4go2bro78TZ4JTtHfm+veNZmjcCfcI/lzxJ2vFJli46nLjY+UwxF3+MxyneBaZB0pjyNyf57IDI075peKKydoMkIKPbZdUS4Kd9+yCEV7CrGShWjk/jUkRiFbyAfuB2mxZmdFSb1Asv5s3DMQti/S9LohIZL1G+4PQ2ZeYJCtPySafHKJZHBJtilObG/912uLA+lnVI9M9/lEZBRxrH/K4vakw5ULFoWhb1mGFtrPbE/D68Ob2Nhn0B+F3xkiIoUfTVikmHvt+oq4aDIIQ1NuGDr8wPxnuAfiKmKq/y9EQiMPQmjmKmA0AEMcjsI9PODJkhwgXeQv0qLojcAqwnsgPDkL7RpPlihACe3P5IGi38XcMiw9O669OSem3W8LfEKQJHvCsxOu9QcRmNojv7ANIRSwVX64EGAcloSgqQVHS94o+pD0O+HCxGcCEDIHlIA9sWGtNMTezZQCFJ4sXQmXznvWk8wDpviXsggyeCEIpYDvKAc7+L+xniDPAJYooJ1oK+Xp17GTH9huutjiSSgPyF0B507e0b8BEyr8qIm2KKHNTuWm5tpbKGHtOsBukG31tGrqeic8WeIBn4R2RV7YOG/DzRanM6S9pn/wJFQOsGy9ATaXM/3AN2wXEqS+tniyRAFnof0n0tLSx/l3bL8yl/oabUMy1gOJOTnAXrch7kTgQpz+i5yYHgxNWG4p4ED8GZgmUAK2LJ2G/im0x3qr8Ez4aeVcfhHaPxIRaT889CmxC/GmlXORvFIRGSkMhRyg64NQDekXfIaA4Wct0imxC2FR5LPSlqzfkADXKTHD/WGIY3BeNMTJBalxvYDYkBCXF2T3ItsKpBcQrVIUiWmQ5+ma8tHI/WvIAJd7ZmEhK1C4+5YNGtlK6muqkXBVHTlQHvaepf5sscW9mlulCkpSgmvwbR+zneEp3MU6SlCCa/CzLtYxopE7MOYERX4obperibXZuBppm+LajTX5oLmjgk0jDe4OjYu11CXL5pTSbCiUW54weoMhPoZ51RyLs/yvsXHTp2zlloxFwm+FmzHhau4EhV/R1APhC7faUDO3VvWFOyzqPbdE5JQyDPOPvex4LV1s/9a3QHjUUpqlFu9uh+/H58G7K1Eso+XOi3d/TUO4V5DWSIpjLdmgSKeINz3wUxjifYSJnQnVgRdQvCoj5If4ZDnoKZKwL5p+VqM6+RE52bbD12f6E9z25zP5vEBeqVQqlUqlUqlUKpVKpVJ54/wHwXhfWVs6hQUAAAAASUVORK5CYII=)
    no-repeat;
  background-size: cover;
}
.friends_world_box .top_box .message_opear_box .imgbox2:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfrSURBVHgB7Z1BWhs3FMf/MvClTRZ1T1Bn0TZkE3MCyAniFFjHnIBwAuwTQE6AWUOKc4I4JwjdhLRdxLmBu2iSFnvU9yxPQ23JntFIM+NUv+/jw5/G2JLe09PT05MAAoFAIBAIBAKBQCAQCAQC/xcESs6u/L4usbpFL7+jytYioM7l/Prm+yTQp7IB1M8l/byn0stz8baHElM6ATRkrbqKr5v08hFVjzpbVpEJMWBBRJCnJLxeV7zto0SUQgD/7XRswS89FsbP4m0HJaBQAaiOv71PL59m1/R0UMP7EqIzRHRa5KgoRABFdvw0sSDOxZs2CiB3AezIe1vU4JPpSTQpnydbORBk3+UNAdLn1mw/VwlC7uU9aecmgImdP8RY65MiqJOjLr14BVQur/Gh3xX9waK/2pX3afKO6tF4PhGb6YRSOR7iz3aS73FBLgJoyHu1FYiXyTqCtXp0StrddaWNatShmVQYPBquIR/mMTd4FwA3nrTqYpGt50aPINsRPnV9at+uvNeMIA4TCIIVYe+5+K0Lj3gVwK5c3yfNO57/LjGIEB3k7RamEMTBubha0AZ7KvAEaf7hos6n58+G+HC3CJ/8jL5zhFsbXIcFbz3akfcP4QkvI2CR5hflcZhI6Jl5GQnOBbAtf2gIrFzMecvlEPJx2UIC7CisQnC96+Z3yYeulcapAFQjKq9NEy6NitPn4qqJErMt1zvUKU8MjwekPBsulcfZHMB+Pruay9z5DNeR62p4XF2jNnJb4QhnAuBFlsmGLkvnx8wTApXTKL/jbFJ2YoKUr8/ar4Vi8lcbWEJ25DqZU9Oc4GY+cDIC2IPQlbO3wxMulhSuO8eedM9opX7iwhRlFgD7+2bTI/fK5u2kgesuqA26Z8oU3U4R19KTSQDs9ZD2N3XPeIFT9u3AJHAbzIs1uZ91FGQSwCq5azrtV3Gdjy18IdCKuaW2NmeoZh0FmQRg0n4OquUVzs2DrrjksPiB/mm2UWAtAA5mmbTfZWyHPSzlZRULx44ME3K8n22FtQCkYbXI2g9HkBt4pNxb8ZI2WU54zkGBCHPg7hEssRKA6gixNV3uWvtJyI3Pr2WTYjXvfEYmFzHErY5hLtiyNUNWAlgzpo7IHrwjWxRtffcTmUDkDM8FpAjaFbKtGbISgMn8zImhOIV98AothMhEvczbLNG6wLRDZmWGLOeAyszynM1PAX7/FpulPOcH1UatGarDgtQCUB6JLuKZh/nRw/MDRynzMksS0QtNcZXzWJESixEgtF8yGqeOFEdslnh+sOmINFCn9aCtwziJOO1npUMa4j4rGF2iBHD9qCNe+zVL+rZKi6Sw1AKgSeiBrvxM/F4KAcT4dFuvcaevKxd5CIC+pqr54j5Ki3u3Vbmjs22mfniAlNiYoKqmrI8Sc2N+uHBlliaHQTJjYYLSD7OywCtrZZbWM8fxOTlY8/k1pMRbYlaZISXaR0aEfi2QGlcC+ANLhHTUeS5wJYBvsDRw9vUwc8RWOjpYYjMJ92dLhbM8GZ+QC93hXFRfGc823uAqHCAKPma0mHGYpH3mMFY1OY0zXZbatKUeARV1Bnfqi1FzmS3mjnGHHFAAzUdOZ222VPoXQDQ+AD3LGtZqKBWyzebGR0azKdZEivgLUpLaBJns3AgrXKkShCNkbwh4zkda0QoglzlAYNiTmj9bATbpVwcFkeeZgwiVTcH6PoNMrYCpTZAKugnNKlA0UAjjqwja1/i4kd+GkNzSFA5svt9yHRDpJF3NO30kdiup4a288pC4jYZwjJX5tRSA0O0I5TgK2K2UD8mt3Ms7AUyiot0Pjwyb9YuwEoBKz5iFT5b4dUf9uZXJ0Zof9g57sMBKABwPN+wBZ8oSm0YgupEI5c+tTIopGxAZrsHJEAvSmyEXkcaYc/Hr8RDy7hAfv83Tzpvgc8X6cjvzw1ifkGnIOmn73+90GRJUob2y3MfjCtZ+3UEUdn/PxNVdWGI9ApQZip7pP1QclTM0YQe3xaT9JJRMyWiZwtFDfHVszpt3d5CtaEwHENURrKiDDGQSwLxRQOVPy5BWnpVJG7RbmKz9WUMe1nNADM8FK/jrtUlD8rr2xQfzrtnJavtjMu+IqdMj8w6yiQssKVz3eQcQ4QAnW5LzD7Khvi3vn2DJmNTZFHZ2dgDRWVYEH2Qzn6mVzWUSAteV66x75voAojMBsCkakb03eEVLI4R5nc9tU3OauwVh5kl4mgXXFjBLe12NxOix6w1954lZyjaajnSOqXMuf5lcVK6Luull7iGLAx/ZFM5HQAw1qgXD6vEz+V4ROU3yqzRF+1y8acED3gTA7MgfqWGVI8yvwPi2xCIu7ZPjui1MqfF6aZ9XATDbcr0hxkGsZNdW+hREfEk4eWv7i5OM2ZmIHvved/AuACbNxa0qs0DQuiI6dXlxK30mX4ffTKDxX9bFrTGTkEUrzX5BLIwRold8BCrJKRzWcpWjNE4d2SQz00CKzD1eZLGf/0VdXXwTR5d39/l1fEhicmikyr/D5d0JYS+JBPHEtsPcMbb1z4b4dFyEN1aYABi1+EGzGEEU2/H/1gIlQbmFfAXC7CUgbuFkAvGC9pk7ZbjTqDQCiOFRwZeBKGFUHP0TH04kK0+n36R0Aphm4kLWyS2t0XriAR8G0U22cSSW0+cjRO8FKjRZi96ZeFOChOFAIBAIBAKBQCAQCAQCgUAA+Adrg5EZbM+KZAAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: cover;
}
.friends_world_box .top_box .message_opear_box .emojibox {
  display: flex;
  align-items: center;
  height: 43px;
  position: relative;
}
.friends_world_box .top_box .message_opear_box .emojibox .face_img {
  padding-bottom: 6px;
  margin-right: 6px;
  cursor: pointer;
}
.friends_world_box .top_box .message_opear_box .emojibox .face_img > img {
  width: 20px;
  height: 20px;
  object-fit: cover;
}
.friends_world_box .top_box .message_opear_box .emojibox .ab_emojibox {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 99;
  background-color: #fff;
}
.friends_world_box .top_box .message_opear_box .el-upload-list {
  display: none;
}
.friends_world_box .top_box .message_opear_box .el-upload {
  margin-right: 4px;
}
.friends_world_box .top_box .message_opear_box .el-upload img {
  width: 26px;
  height: 26px;
  margin-top: 2px;
}
.friends_world_box .top_box .textnumber {
  text-align: end;
  color: #666;
  font-size: 14px;
}
.friends_world_box .top_box .newPOSTbtn {
  width: 100%;
  display: flex;
  justify-content: end;
  margin-top: 8px;
}
.friends_world_box .top_box .newPOSTbtn button {
  padding: 8px 20px;
  border-radius: 16px;
  border: none;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  font-weight: 700;
  background: #54ff29;
  color: #000;
  letter-spacing: 0;
  font-family: Baloo15;
  cursor: pointer;
}
.friends_world_box .top_box .newPOSTbtn .disabled_btn {
  cursor: no-drop;
  background: #d6d6d6;
}
.friends_world_box .tab_box {
  font-family: Baloo15;
  font-size: 16px;
  font-weight: bolder;
  display: flex;
  margin-top: 14px;
}
.friends_world_box .tab_box > div {
  margin-right: 32px;
  padding-bottom: 6px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.friends_world_box .tab_box > div.active {
  border-bottom: 2px solid #54ff29;
}
.friends_world_box .friendlist_box {
  height: 55%;
  background-color: #fff;
}
.friends_world_box .audio_box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.friends_world_box .audio_box .audio_con {
  position: relative;
  margin-right: 2%;
  width: 270px;
  height: auto;
}
.friends_world_box .audio_box .audio_con:hover .ab_box {
  display: flex;
  cursor: pointer;
}
.friends_world_box .audio_box .audio_con .ab_box {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 4px;
  top: 4px;
  display: none;
  justify-content: center;
  align-items: center;
}
.friends_world_box .audio_box .audio_con .ab_box img {
  width: 24px;
}
.friends_world_box .audio_box video {
  width: 100%;
  height: 168px;
  object-fit: cover;
}
.friends_world_box .images_box {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
}
.friends_world_box .images_box .img_box {
  position: relative;
  height: auto;
  margin-right: 2%;
}
.friends_world_box .images_box .img_box .imgsss {
  width: 250px;
  height: 168px;
  object-fit: cover;
}
.friends_world_box .images_box .img_box:nth-child(3n) {
  margin-right: 0;
}
.friends_world_box .images_box .img_box:hover .ab_box {
  display: flex;
  cursor: pointer;
}
.friends_world_box .images_box .img_box .ab_box {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #d9d9d966;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
}
.friends_world_box .images_box .img_box .ab_box img {
  width: 48px;
}
.shareBox[data-v-d29f45ae] {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.shareBox .video_box[data-v-d29f45ae],
.shareBox .image_box[data-v-d29f45ae],
.shareBox .text_box[data-v-d29f45ae] {
  height: 100%;
  position: relative;
}
.shareBox .video_box .video-play[data-v-d29f45ae],
.shareBox .image_box .video-play[data-v-d29f45ae],
.shareBox .text_box .video-play[data-v-d29f45ae] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.shareBox .video_box .video-play .imgbox[data-v-d29f45ae],
.shareBox .image_box .video-play .imgbox[data-v-d29f45ae],
.shareBox .text_box .video-play .imgbox[data-v-d29f45ae] {
  cursor: pointer;
}
.shareBox .video_box .video-play .imgbox img[data-v-d29f45ae],
.shareBox .image_box .video-play .imgbox img[data-v-d29f45ae],
.shareBox .text_box .video-play .imgbox img[data-v-d29f45ae] {
  width: 48px;
  height: 48px;
}
.shareBox .video_box video[data-v-d29f45ae],
.shareBox .image_box video[data-v-d29f45ae],
.shareBox .text_box video[data-v-d29f45ae] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1;
}
.shareBox .video_box .top[data-v-d29f45ae],
.shareBox .image_box .top[data-v-d29f45ae],
.shareBox .text_box .top[data-v-d29f45ae] {
  display: flex;
  align-items: center;
}
.shareBox .video_box .top .avators[data-v-d29f45ae],
.shareBox .image_box .top .avators[data-v-d29f45ae],
.shareBox .text_box .top .avators[data-v-d29f45ae] {
  margin-top: 5%;
  margin-right: 1.2%;
  margin-left: 1.2%;
  width: 40px;
  height: 40px;
}
.shareBox .video_box .top .txt_con[data-v-d29f45ae],
.shareBox .image_box .top .txt_con[data-v-d29f45ae],
.shareBox .text_box .top .txt_con[data-v-d29f45ae] {
  color: #fff;
  margin-left: 10px;
}
.shareBox .video_box .top .txt_con > div[data-v-d29f45ae]:first-child,
.shareBox .image_box .top .txt_con > div[data-v-d29f45ae]:first-child,
.shareBox .text_box .top .txt_con > div[data-v-d29f45ae]:first-child {
  font-size: 12px;
  font-weight: 700;
}
.shareBox .video_box .top .txt_con > div[data-v-d29f45ae]:last-child,
.shareBox .image_box .top .txt_con > div[data-v-d29f45ae]:last-child,
.shareBox .text_box .top .txt_con > div[data-v-d29f45ae]:last-child {
  font-size: 10px;
}
.shareBox .video_box .bottombox[data-v-d29f45ae],
.shareBox .image_box .bottombox[data-v-d29f45ae],
.shareBox .text_box .bottombox[data-v-d29f45ae] {
  color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.shareBox .video_box .bottombox .avazhua[data-v-d29f45ae],
.shareBox .video_box .bottombox .showzh[data-v-d29f45ae],
.shareBox .image_box .bottombox .avazhua[data-v-d29f45ae],
.shareBox .image_box .bottombox .showzh[data-v-d29f45ae],
.shareBox .text_box .bottombox .avazhua[data-v-d29f45ae],
.shareBox .text_box .bottombox .showzh[data-v-d29f45ae] {
  margin-right: 3%;
}
.shareBox .video_box .bottombox .avazhua img[data-v-d29f45ae],
.shareBox .video_box .bottombox .showzh img[data-v-d29f45ae],
.shareBox .image_box .bottombox .avazhua img[data-v-d29f45ae],
.shareBox .image_box .bottombox .showzh img[data-v-d29f45ae],
.shareBox .text_box .bottombox .avazhua img[data-v-d29f45ae],
.shareBox .text_box .bottombox .showzh img[data-v-d29f45ae] {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 1px 14px #000;
}
.shareBox .video_box .bottombox .showzh[data-v-d29f45ae],
.shareBox .image_box .bottombox .showzh[data-v-d29f45ae],
.shareBox .text_box .bottombox .showzh[data-v-d29f45ae] {
  animation: rotate-d29f45ae 2s linear infinite;
}
@keyframes rotate-d29f45ae {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.shareBox .video_box .bottombox .text_cn[data-v-d29f45ae],
.shareBox .image_box .bottombox .text_cn[data-v-d29f45ae],
.shareBox .text_box .bottombox .text_cn[data-v-d29f45ae] {
  margin-left: 3%;
}
.shareBox .video_box .bottombox .text_cn > div[data-v-d29f45ae]:first-child,
.shareBox .image_box .bottombox .text_cn > div[data-v-d29f45ae]:first-child,
.shareBox .text_box .bottombox .text_cn > div[data-v-d29f45ae]:first-child {
  font-size: 12px;
}
.shareBox .video_box .bottombox .text_cn > div[data-v-d29f45ae]:last-child,
.shareBox .image_box .bottombox .text_cn > div[data-v-d29f45ae]:last-child,
.shareBox .text_box .bottombox .text_cn > div[data-v-d29f45ae]:last-child {
  font-size: 10px;
  color: #b3b3b3;
}
.shareBox .image_box .topbox[data-v-d29f45ae] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
}
.shareBox .image_box .topbox .top .txt_con[data-v-d29f45ae] {
  margin-top: 5%;
}
.shareBox .image_box .img-item[data-v-d29f45ae] {
  width: 100vw;
  height: 100vh;
}
.shareBox .text_box[data-v-d29f45ae] {
  background: url(/assets/text_bg-71846821.png) no-repeat;
  background-size: 100% 100%;
}
.shareBox .text_box .top .avators[data-v-d29f45ae] {
  margin-left: 3%;
}
.shareBox .text_box .textcontents[data-v-d29f45ae] {
  margin-top: 8%;
  margin-left: 3%;
  color: #fff;
}
.shareBox .text_box .textcontents > div[data-v-d29f45ae]:first-child {
  font-size: 12px;
}
.shareBox .text_box .textcontents > div[data-v-d29f45ae]:last-child {
  font-size: 10px;
  color: #b3b3b3;
}
.shareBox .text_box .bottombox[data-v-d29f45ae] {
  justify-content: end;
  bottom: 34px;
}
@font-face {
  font-family: Baloo15;
  src: url(/assets/Baloo2-Regular-421e87b5.ttf);
}
.wui-list-wallet {
  display: none !important;
}
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 64, 158, 255;
  --el-color-success-rgb: 103, 194, 58;
  --el-color-warning-rgb: 230, 162, 60;
  --el-color-danger-rgb: 245, 108, 108;
  --el-color-error-rgb: 245, 108, 108;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial,
    sans-serif;
  --el-font-weight-primary: 500;
  --el-font-line-height-primary: 24px;
  --el-index-normal: 1;
  --el-index-top: 1000;
  --el-index-popper: 2000;
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  --el-transition-function-ease-in-out-bezier: cubic-bezier(
    0.645,
    0.045,
    0.355,
    1
  );
  --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --el-transition-all: all var(--el-transition-duration)
    var(--el-transition-function-ease-in-out-bezier);
  --el-transition-fade: opacity var(--el-transition-duration)
    var(--el-transition-function-fast-bezier);
  --el-transition-md-fade: transform var(--el-transition-duration)
      var(--el-transition-function-fast-bezier),
    opacity var(--el-transition-duration)
      var(--el-transition-function-fast-bezier);
  --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  --el-transition-border: border-color var(--el-transition-duration-fast)
    var(--el-transition-function-ease-in-out-bezier);
  --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast)
    var(--el-transition-function-ease-in-out-bezier);
  --el-transition-color: color var(--el-transition-duration-fast)
    var(--el-transition-function-ease-in-out-bezier);
  --el-component-size-large: 40px;
  --el-component-size: 32px;
  --el-component-size-small: 24px;
  color-scheme: light;
  --el-color-primary: #409eff;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-5: #a0cfff;
  --el-color-primary-light-7: #c6e2ff;
  --el-color-primary-light-8: #d9ecff;
  --el-color-primary-light-9: #ecf5ff;
  --el-color-primary-dark-2: #337ecc;
  --el-color-success: #67c23a;
  --el-color-success-light-3: #95d475;
  --el-color-success-light-5: #b3e19d;
  --el-color-success-light-7: #d1edc4;
  --el-color-success-light-8: #e1f3d8;
  --el-color-success-light-9: #f0f9eb;
  --el-color-success-dark-2: #529b2e;
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: #eebe77;
  --el-color-warning-light-5: #f3d19e;
  --el-color-warning-light-7: #f8e3c5;
  --el-color-warning-light-8: #faecd8;
  --el-color-warning-light-9: #fdf6ec;
  --el-color-warning-dark-2: #b88230;
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: #f89898;
  --el-color-danger-light-5: #fab6b6;
  --el-color-danger-light-7: #fcd3d3;
  --el-color-danger-light-8: #fde2e2;
  --el-color-danger-light-9: #fef0f0;
  --el-color-danger-dark-2: #c45656;
  --el-color-error: #f56c6c;
  --el-color-error-light-3: #f89898;
  --el-color-error-light-5: #fab6b6;
  --el-color-error-light-7: #fcd3d3;
  --el-color-error-light-8: #fde2e2;
  --el-color-error-light-9: #fef0f0;
  --el-color-error-dark-2: #c45656;
  --el-color-info: #909399;
  --el-color-info-light-3: #b1b3b8;
  --el-color-info-light-5: #c8c9cc;
  --el-color-info-light-7: #dedfe0;
  --el-color-info-light-8: #e9e9eb;
  --el-color-info-light-9: #f4f4f5;
  --el-color-info-dark-2: #73767a;
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04),
    0px 8px 20px rgba(0, 0, 0, 0.08);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08),
    0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: rgba(0, 0, 0, 0.8);
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --el-border-width: 1px;
  --el-border-style: solid;
  --el-border-color-hover: var(--el-text-color-disabled);
  --el-border: var(--el-border-width) var(--el-border-style)
    var(--el-border-color);
  --el-svg-monochrome-grey: var(--el-border-color);
}
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}
.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}
.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  transition: var(--el-transition-md-fade);
}
.el-zoom-in-top-enter-active[data-popper-placement^="top"],
.el-zoom-in-top-leave-active[data-popper-placement^="top"] {
  transform-origin: center bottom;
}
.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--el-transition-md-fade);
}
.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1);
  transform-origin: top left;
  transition: var(--el-transition-md-fade);
}
.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45);
}
.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out,
    var(--el-transition-duration) padding-top ease-in-out,
    var(--el-transition-duration) padding-bottom ease-in-out;
}
.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
  transition: var(--el-transition-duration) max-height ease-in-out,
    var(--el-transition-duration) padding-top ease-in-out,
    var(--el-transition-duration) padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out,
    var(--el-transition-duration) padding-left ease-in-out,
    var(--el-transition-duration) padding-right ease-in-out;
}
.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}
.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}
.el-list-leave-active {
  position: absolute !important;
}
.el-opacity-transition {
  transition: opacity var(--el-transition-duration)
    cubic-bezier(0.55, 0, 0.1, 1);
}
.el-icon-loading {
  animation: rotating 2s linear infinite;
}
.el-icon--right {
  margin-left: 5px;
}
.el-icon--left {
  margin-right: 5px;
}
@keyframes rotating {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.el-icon {
  --color: inherit;
  align-items: center;
  display: inline-flex;
  height: 1em;
  justify-content: center;
  line-height: 1em;
  position: relative;
  width: 1em;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
.el-icon.is-loading {
  animation: rotating 2s linear infinite;
}
.el-icon svg {
  height: 1em;
  width: 1em;
}
.el-affix--fixed {
  position: fixed;
}
.el-alert {
  --el-alert-padding: 8px 16px;
  --el-alert-border-radius-base: var(--el-border-radius-base);
  --el-alert-title-font-size: 14px;
  --el-alert-title-with-description-font-size: 16px;
  --el-alert-description-font-size: 14px;
  --el-alert-close-font-size: 16px;
  --el-alert-close-customed-font-size: 14px;
  --el-alert-icon-size: 16px;
  --el-alert-icon-large-size: 28px;
  align-items: center;
  background-color: var(--el-color-white);
  border-radius: var(--el-alert-border-radius-base);
  box-sizing: border-box;
  display: flex;
  margin: 0;
  opacity: 1;
  overflow: hidden;
  padding: var(--el-alert-padding);
  position: relative;
  transition: opacity var(--el-transition-duration-fast);
  width: 100%;
}
.el-alert.is-light .el-alert__close-btn {
  color: var(--el-text-color-placeholder);
}
.el-alert.is-dark .el-alert__close-btn,
.el-alert.is-dark .el-alert__description {
  color: var(--el-color-white);
}
.el-alert.is-center {
  justify-content: center;
}
.el-alert--success {
  --el-alert-bg-color: var(--el-color-success-light-9);
}
.el-alert--success.is-light {
  background-color: var(--el-alert-bg-color);
}
.el-alert--success.is-light,
.el-alert--success.is-light .el-alert__description {
  color: var(--el-color-success);
}
.el-alert--success.is-dark {
  background-color: var(--el-color-success);
  color: var(--el-color-white);
}
.el-alert--info {
  --el-alert-bg-color: var(--el-color-info-light-9);
}
.el-alert--info.is-light {
  background-color: var(--el-alert-bg-color);
}
.el-alert--info.is-light,
.el-alert--info.is-light .el-alert__description {
  color: var(--el-color-info);
}
.el-alert--info.is-dark {
  background-color: var(--el-color-info);
  color: var(--el-color-white);
}
.el-alert--warning {
  --el-alert-bg-color: var(--el-color-warning-light-9);
}
.el-alert--warning.is-light {
  background-color: var(--el-alert-bg-color);
}
.el-alert--warning.is-light,
.el-alert--warning.is-light .el-alert__description {
  color: var(--el-color-warning);
}
.el-alert--warning.is-dark {
  background-color: var(--el-color-warning);
  color: var(--el-color-white);
}
.el-alert--error {
  --el-alert-bg-color: var(--el-color-error-light-9);
}
.el-alert--error.is-light {
  background-color: var(--el-alert-bg-color);
}
.el-alert--error.is-light,
.el-alert--error.is-light .el-alert__description {
  color: var(--el-color-error);
}
.el-alert--error.is-dark {
  background-color: var(--el-color-error);
  color: var(--el-color-white);
}
.el-alert__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.el-alert .el-alert__icon {
  font-size: var(--el-alert-icon-size);
  margin-right: 8px;
  width: var(--el-alert-icon-size);
}
.el-alert .el-alert__icon.is-big {
  font-size: var(--el-alert-icon-large-size);
  margin-right: 12px;
  width: var(--el-alert-icon-large-size);
}
.el-alert__title {
  font-size: var(--el-alert-title-font-size);
  line-height: 24px;
}
.el-alert__title.with-description {
  font-size: var(--el-alert-title-with-description-font-size);
}
.el-alert .el-alert__description {
  font-size: var(--el-alert-description-font-size);
  margin: 0;
}
.el-alert .el-alert__close-btn {
  cursor: pointer;
  font-size: var(--el-alert-close-font-size);
  opacity: 1;
  position: absolute;
  right: 16px;
  top: 12px;
}
.el-alert .el-alert__close-btn.is-customed {
  font-size: var(--el-alert-close-customed-font-size);
  font-style: normal;
  line-height: 24px;
  top: 8px;
}
.el-alert-fade-enter-from,
.el-alert-fade-leave-active {
  opacity: 0;
}
.el-aside {
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: auto;
  width: var(--el-aside-width, 300px);
}
.el-autocomplete {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
  display: inline-block;
  position: relative;
  width: var(--el-input-width);
}
.el-autocomplete__popper.el-popper {
  background: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}
.el-autocomplete__popper.el-popper,
.el-autocomplete__popper.el-popper .el-popper__arrow:before {
  border: 1px solid var(--el-border-color-light);
}
.el-autocomplete__popper.el-popper[data-popper-placement^="top"]
  .el-popper__arrow:before {
  border-left-color: transparent;
  border-top-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^="bottom"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^="left"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.el-autocomplete__popper.el-popper[data-popper-placement^="right"]
  .el-popper__arrow:before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-autocomplete-suggestion {
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
}
.el-autocomplete-suggestion__wrap {
  box-sizing: border-box;
  max-height: 280px;
  padding: 10px 0;
}
.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}
.el-autocomplete-suggestion li {
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: var(--el-font-size-base);
  line-height: 34px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0 20px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
  background-color: var(--el-fill-color-light);
}
.el-autocomplete-suggestion li.divider {
  border-top: 1px solid var(--el-color-black);
  margin-top: 6px;
}
.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}
.el-autocomplete-suggestion.is-loading li {
  color: var(--el-text-color-secondary);
  font-size: 20px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.el-autocomplete-suggestion.is-loading li:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.el-autocomplete-suggestion.is-loading li:hover {
  background-color: var(--el-bg-color-overlay);
}
.el-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle;
}
.el-avatar {
  --el-avatar-text-color: var(--el-color-white);
  --el-avatar-bg-color: var(--el-text-color-disabled);
  --el-avatar-text-size: 14px;
  --el-avatar-icon-size: 18px;
  --el-avatar-border-radius: var(--el-border-radius-base);
  --el-avatar-size-large: 56px;
  --el-avatar-size-small: 24px;
  --el-avatar-size: 40px;
  align-items: center;
  background: var(--el-avatar-bg-color);
  box-sizing: border-box;
  color: var(--el-avatar-text-color);
  display: inline-flex;
  font-size: var(--el-avatar-text-size);
  height: var(--el-avatar-size);
  justify-content: center;
  overflow: hidden;
  text-align: center;
  width: var(--el-avatar-size);
}
.el-avatar > img {
  display: block;
  height: 100%;
  width: 100%;
}
.el-avatar--circle {
  border-radius: 50%;
}
.el-avatar--square {
  border-radius: var(--el-avatar-border-radius);
}
.el-avatar--icon {
  font-size: var(--el-avatar-icon-size);
}
.el-avatar--small {
  --el-avatar-size: 24px;
}
.el-avatar--large {
  --el-avatar-size: 56px;
}
.el-backtop {
  --el-backtop-bg-color: var(--el-bg-color-overlay);
  --el-backtop-text-color: var(--el-color-primary);
  --el-backtop-hover-bg-color: var(--el-border-color-extra-light);
  align-items: center;
  background-color: var(--el-backtop-bg-color);
  border-radius: 50%;
  box-shadow: var(--el-box-shadow-lighter);
  color: var(--el-backtop-text-color);
  cursor: pointer;
  display: flex;
  font-size: 20px;
  height: 40px;
  justify-content: center;
  position: fixed;
  width: 40px;
  z-index: 5;
}
.el-backtop:hover {
  background-color: var(--el-backtop-hover-bg-color);
}
.el-backtop__icon {
  font-size: 20px;
}
.el-badge {
  --el-badge-bg-color: var(--el-color-danger);
  --el-badge-radius: 10px;
  --el-badge-font-size: 12px;
  --el-badge-padding: 6px;
  --el-badge-size: 18px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: -moz-fit-content;
  width: fit-content;
}
.el-badge__content {
  align-items: center;
  background-color: var(--el-badge-bg-color);
  border: 1px solid var(--el-bg-color);
  border-radius: var(--el-badge-radius);
  color: var(--el-color-white);
  display: inline-flex;
  font-size: var(--el-badge-font-size);
  height: var(--el-badge-size);
  justify-content: center;
  padding: 0 var(--el-badge-padding);
  white-space: nowrap;
}
.el-badge__content.is-fixed {
  position: absolute;
  right: calc(1px + var(--el-badge-size) / 2);
  top: 0;
  transform: translateY(-50%) translate(100%);
  z-index: var(--el-index-normal);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}
.el-badge__content.is-dot {
  border-radius: 50%;
  height: 8px;
  padding: 0;
  right: 0;
  width: 8px;
}
.el-badge__content--primary {
  background-color: var(--el-color-primary);
}
.el-badge__content--success {
  background-color: var(--el-color-success);
}
.el-badge__content--warning {
  background-color: var(--el-color-warning);
}
.el-badge__content--info {
  background-color: var(--el-color-info);
}
.el-badge__content--danger {
  background-color: var(--el-color-danger);
}
.el-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.el-breadcrumb:after,
.el-breadcrumb:before {
  content: "";
  display: table;
}
.el-breadcrumb:after {
  clear: both;
}
.el-breadcrumb__separator {
  color: var(--el-text-color-placeholder);
  font-weight: 700;
  margin: 0 9px;
}
.el-breadcrumb__separator.el-icon {
  font-weight: 400;
  margin: 0 6px;
}
.el-breadcrumb__separator.el-icon svg {
  vertical-align: middle;
}
.el-breadcrumb__item {
  align-items: center;
  display: inline-flex;
  float: left;
}
.el-breadcrumb__inner {
  color: var(--el-text-color-regular);
}
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
  color: var(--el-text-color-primary);
  font-weight: 700;
  text-decoration: none;
  transition: var(--el-transition-color);
}
.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  color: var(--el-text-color-regular);
  cursor: text;
  font-weight: 400;
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}
.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group:after,
.el-button-group:before {
  content: "";
  display: table;
}
.el-button-group:after {
  clear: both;
}
.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-bottom-left-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
  border-top-left-radius: var(--el-border-radius-base);
  border-top-right-radius: var(--el-border-radius-base);
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: var(--el-border-radius-round);
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button.is-active,
.el-button-group > .el-button:active,
.el-button-group > .el-button:focus,
.el-button-group > .el-button:hover {
  z-index: 1;
}
.el-button-group > .el-dropdown > .el-button {
  border-bottom-left-radius: 0;
  border-left-color: var(--el-button-divide-border-color);
  border-top-left-radius: 0;
}
.el-button-group .el-button--primary:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--success:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--success:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--info:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--info:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button {
  --el-button-font-weight: var(--el-font-weight-primary);
  --el-button-border-color: var(--el-border-color);
  --el-button-bg-color: var(--el-fill-color-blank);
  --el-button-text-color: var(--el-text-color-regular);
  --el-button-disabled-text-color: var(--el-disabled-text-color);
  --el-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-button-disabled-border-color: var(--el-border-color-light);
  --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-7);
  --el-button-active-text-color: var(--el-button-hover-text-color);
  --el-button-active-border-color: var(--el-color-primary);
  --el-button-active-bg-color: var(--el-button-hover-bg-color);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-hover-link-text-color: var(--el-color-info);
  --el-button-active-color: var(--el-text-color-primary);
  align-items: center;
  -webkit-appearance: none;
  background-color: var(--el-button-bg-color);
  border: var(--el-border);
  border-color: var(--el-button-border-color);
  box-sizing: border-box;
  color: var(--el-button-text-color);
  cursor: pointer;
  display: inline-flex;
  font-weight: var(--el-button-font-weight);
  height: 32px;
  justify-content: center;
  line-height: 1;
  outline: none;
  text-align: center;
  transition: 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.el-button:hover {
  background-color: var(--el-button-hover-bg-color);
  border-color: var(--el-button-hover-border-color);
  color: var(--el-button-hover-text-color);
  outline: none;
}
.el-button:active {
  background-color: var(--el-button-active-bg-color);
  border-color: var(--el-button-active-border-color);
  color: var(--el-button-active-text-color);
  outline: none;
}
.el-button:focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button > span {
  align-items: center;
  display: inline-flex;
}
.el-button + .el-button {
  margin-left: 12px;
}
.el-button {
  border-radius: var(--el-border-radius-base);
  font-size: var(--el-font-size-base);
}
.el-button,
.el-button.is-round {
  padding: 8px 15px;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*="el-icon"] + span {
  margin-left: 6px;
}
.el-button [class*="el-icon"] svg {
  vertical-align: bottom;
}
.el-button.is-plain {
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}
.el-button.is-active {
  background-color: var(--el-button-active-bg-color);
  border-color: var(--el-button-active-border-color);
  color: var(--el-button-active-text-color);
  outline: none;
}
.el-button.is-disabled,
.el-button.is-disabled:hover {
  background-color: var(--el-button-disabled-bg-color);
  background-image: none;
  border-color: var(--el-button-disabled-border-color);
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
}
.el-button.is-loading {
  pointer-events: none;
  position: relative;
}
.el-button.is-loading:before {
  background-color: var(--el-mask-color-extra-light);
  border-radius: inherit;
  content: "";
  inset: -1px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.el-button.is-round {
  border-radius: var(--el-border-radius-round);
}
.el-button.is-circle {
  border-radius: 50%;
  padding: 8px;
  width: 32px;
}
.el-button.is-text {
  background-color: transparent;
  border: 0 solid transparent;
  color: var(--el-button-text-color);
}
.el-button.is-text.is-disabled {
  background-color: transparent !important;
  color: var(--el-button-disabled-text-color);
}
.el-button.is-text:not(.is-disabled):hover {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled):focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button.is-text:not(.is-disabled):active {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg:active {
  background-color: var(--el-fill-color-dark);
}
.el-button__text--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}
.el-button.is-link {
  background: transparent;
  border-color: transparent;
  color: var(--el-button-text-color);
  height: auto;
  padding: 2px;
}
.el-button.is-link:hover {
  color: var(--el-button-hover-link-text-color);
}
.el-button.is-link.is-disabled {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--el-button-disabled-text-color);
}
.el-button.is-link:not(.is-disabled):active,
.el-button.is-link:not(.is-disabled):hover {
  background-color: transparent;
  border-color: transparent;
}
.el-button.is-link:not(.is-disabled):active {
  color: var(--el-button-active-color);
}
.el-button--text {
  background: transparent;
  border-color: transparent;
  color: var(--el-color-primary);
  padding-left: 0;
  padding-right: 0;
}
.el-button--text.is-disabled {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--el-button-disabled-text-color);
}
.el-button--text:not(.is-disabled):hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--el-color-primary-light-3);
}
.el-button--text:not(.is-disabled):active {
  background-color: transparent;
  border-color: transparent;
  color: var(--el-color-primary-dark-2);
}
.el-button__link--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}
.el-button--primary {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-active-color: var(--el-color-primary-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  --el-button-hover-bg-color: var(--el-color-primary-light-3);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-bg-color: var(--el-color-primary-dark-2);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-primary);
  --el-button-hover-border-color: var(--el-color-primary);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:active,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:hover,
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:hover {
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
  color: var(--el-color-primary-light-5);
}
.el-button--success {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success);
  --el-button-outline-color: var(--el-color-success-light-5);
  --el-button-active-color: var(--el-color-success-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
  --el-button-hover-bg-color: var(--el-color-success-light-3);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-bg-color: var(--el-color-success-dark-2);
  --el-button-active-border-color: var(--el-color-success-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-success-light-5);
  --el-button-disabled-border-color: var(--el-color-success-light-5);
}
.el-button--success.is-link,
.el-button--success.is-plain,
.el-button--success.is-text {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-success);
  --el-button-hover-border-color: var(--el-color-success);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:active,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:hover,
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:hover {
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
  color: var(--el-color-success-light-5);
}
.el-button--warning {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning);
  --el-button-outline-color: var(--el-color-warning-light-5);
  --el-button-active-color: var(--el-color-warning-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  --el-button-hover-bg-color: var(--el-color-warning-light-3);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-bg-color: var(--el-color-warning-dark-2);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  --el-button-disabled-border-color: var(--el-color-warning-light-5);
}
.el-button--warning.is-link,
.el-button--warning.is-plain,
.el-button--warning.is-text {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-warning);
  --el-button-hover-border-color: var(--el-color-warning);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:active,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:hover,
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:hover {
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
  color: var(--el-color-warning-light-5);
}
.el-button--danger {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-danger);
  --el-button-border-color: var(--el-color-danger);
  --el-button-outline-color: var(--el-color-danger-light-5);
  --el-button-active-color: var(--el-color-danger-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  --el-button-hover-bg-color: var(--el-color-danger-light-3);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-bg-color: var(--el-color-danger-dark-2);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  --el-button-disabled-border-color: var(--el-color-danger-light-5);
}
.el-button--danger.is-link,
.el-button--danger.is-plain,
.el-button--danger.is-text {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-danger);
  --el-button-hover-border-color: var(--el-color-danger);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:active,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-link.is-disabled:hover,
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:hover {
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
  color: var(--el-color-danger-light-5);
}
.el-button--info {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info);
  --el-button-outline-color: var(--el-color-info-light-5);
  --el-button-active-color: var(--el-color-info-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
  --el-button-hover-bg-color: var(--el-color-info-light-3);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-bg-color: var(--el-color-info-dark-2);
  --el-button-active-border-color: var(--el-color-info-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-info-light-5);
  --el-button-disabled-border-color: var(--el-color-info-light-5);
}
.el-button--info.is-link,
.el-button--info.is-plain,
.el-button--info.is-text {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-info);
  --el-button-hover-border-color: var(--el-color-info);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:active,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:hover,
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:hover {
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
  color: var(--el-color-info-light-5);
}
.el-button--large {
  --el-button-size: 40px;
  height: var(--el-button-size);
}
.el-button--large [class*="el-icon"] + span {
  margin-left: 8px;
}
.el-button--large {
  border-radius: var(--el-border-radius-base);
  font-size: var(--el-font-size-base);
  padding: 12px 19px;
}
.el-button--large.is-round {
  padding: 12px 19px;
}
.el-button--large.is-circle {
  padding: 12px;
  width: var(--el-button-size);
}
.el-button--small {
  --el-button-size: 24px;
  height: var(--el-button-size);
}
.el-button--small [class*="el-icon"] + span {
  margin-left: 4px;
}
.el-button--small {
  border-radius: calc(var(--el-border-radius-base) - 1px);
  font-size: 12px;
  padding: 5px 11px;
}
.el-button--small.is-round {
  padding: 5px 11px;
}
.el-button--small.is-circle {
  padding: 5px;
  width: var(--el-button-size);
}
.el-calendar {
  --el-calendar-border: var(
    --el-table-border,
    1px solid var(--el-border-color-lighter)
  );
  --el-calendar-header-border-bottom: var(--el-calendar-border);
  --el-calendar-selected-bg-color: var(--el-color-primary-light-9);
  --el-calendar-cell-width: 85px;
  background-color: var(--el-fill-color-blank);
}
.el-calendar__header {
  border-bottom: var(--el-calendar-header-border-bottom);
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
}
.el-calendar__title {
  align-self: center;
  color: var(--el-text-color);
}
.el-calendar__body {
  padding: 12px 20px 35px;
}
.el-calendar-table {
  table-layout: fixed;
  width: 100%;
}
.el-calendar-table thead th {
  color: var(--el-text-color-regular);
  font-weight: 400;
  padding: 12px 0;
}
.el-calendar-table:not(.is-range) td.next,
.el-calendar-table:not(.is-range) td.prev {
  color: var(--el-text-color-placeholder);
}
.el-calendar-table td {
  border-bottom: var(--el-calendar-border);
  border-right: var(--el-calendar-border);
  transition: background-color var(--el-transition-duration-fast) ease;
  vertical-align: top;
}
.el-calendar-table td.is-selected {
  background-color: var(--el-calendar-selected-bg-color);
}
.el-calendar-table td.is-today {
  color: var(--el-color-primary);
}
.el-calendar-table tr:first-child td {
  border-top: var(--el-calendar-border);
}
.el-calendar-table tr td:first-child {
  border-left: var(--el-calendar-border);
}
.el-calendar-table tr.el-calendar-table__row--hide-border td {
  border-top: none;
}
.el-calendar-table .el-calendar-day {
  box-sizing: border-box;
  height: var(--el-calendar-cell-width);
  padding: 8px;
}
.el-calendar-table .el-calendar-day:hover {
  background-color: var(--el-calendar-selected-bg-color);
  cursor: pointer;
}
.el-card {
  --el-card-border-color: var(--el-border-color-light);
  --el-card-border-radius: 4px;
  --el-card-padding: 20px;
  --el-card-bg-color: var(--el-fill-color-blank);
  background-color: var(--el-card-bg-color);
  border: 1px solid var(--el-card-border-color);
  border-radius: var(--el-card-border-radius);
  color: var(--el-text-color-primary);
  overflow: hidden;
  transition: var(--el-transition-duration);
}
.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  box-shadow: var(--el-box-shadow-light);
}
.el-card__header {
  border-bottom: 1px solid var(--el-card-border-color);
  box-sizing: border-box;
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
}
.el-card__body {
  padding: var(--el-card-padding);
}
.el-card__footer {
  border-top: 1px solid var(--el-card-border-color);
  box-sizing: border-box;
  padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
}
.el-carousel__item {
  display: inline-block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.el-carousel__item,
.el-carousel__item.is-active {
  z-index: calc(var(--el-index-normal) - 1);
}
.el-carousel__item--card,
.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card {
  width: 50%;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: var(--el-index-normal);
}
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  opacity: 0.12;
}
.el-carousel__item--card.is-active {
  z-index: calc(var(--el-index-normal) + 1);
}
.el-carousel__item--card-vertical {
  height: 50%;
  width: 100%;
}
.el-carousel__mask {
  background-color: var(--el-color-white);
  height: 100%;
  left: 0;
  opacity: 0.24;
  position: absolute;
  top: 0;
  transition: var(--el-transition-duration-fast);
  width: 100%;
}
.el-carousel {
  --el-carousel-arrow-font-size: 12px;
  --el-carousel-arrow-size: 36px;
  --el-carousel-arrow-background: rgba(31, 45, 61, 0.11);
  --el-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
  --el-carousel-indicator-width: 30px;
  --el-carousel-indicator-height: 2px;
  --el-carousel-indicator-padding-horizontal: 4px;
  --el-carousel-indicator-padding-vertical: 12px;
  --el-carousel-indicator-out-color: var(--el-border-color-hover);
  position: relative;
}
.el-carousel--horizontal,
.el-carousel--vertical {
  overflow: hidden;
}
.el-carousel__container {
  height: 300px;
  position: relative;
}
.el-carousel__arrow {
  align-items: center;
  background-color: var(--el-carousel-arrow-background);
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--el-carousel-arrow-font-size);
  height: var(--el-carousel-arrow-size);
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--el-transition-duration);
  width: var(--el-carousel-arrow-size);
  z-index: 10;
}
.el-carousel__arrow--left {
  left: 16px;
}
.el-carousel__arrow--right {
  right: 16px;
}
.el-carousel__arrow:hover {
  background-color: var(--el-carousel-arrow-hover-background);
}
.el-carousel__arrow i {
  cursor: pointer;
}
.el-carousel__indicators {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.el-carousel__indicators--outside {
  bottom: calc(
    var(--el-carousel-indicator-height) +
      var(--el-carousel-indicator-padding-vertical) * 2
  );
  position: static;
  text-align: center;
  transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: var(--el-carousel-indicator-out-color);
  opacity: 0.24;
}
.el-carousel__indicators--right {
  right: 0;
}
.el-carousel__indicators--labels {
  left: 0;
  right: 0;
  text-align: center;
  transform: none;
}
.el-carousel__indicators--labels .el-carousel__button {
  color: #000;
  font-size: 12px;
  height: auto;
  padding: 2px 18px;
  width: auto;
}
.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px;
}
.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.el-carousel__indicator:hover button {
  opacity: 0.72;
}
.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: var(--el-carousel-indicator-padding-vertical)
    var(--el-carousel-indicator-padding-horizontal);
}
.el-carousel__indicator--vertical {
  padding: var(--el-carousel-indicator-padding-horizontal)
    var(--el-carousel-indicator-padding-vertical);
}
.el-carousel__indicator--vertical .el-carousel__button {
  height: calc(var(--el-carousel-indicator-width) / 2);
  width: var(--el-carousel-indicator-height);
}
.el-carousel__indicator.is-active button {
  opacity: 1;
}
.el-carousel__button {
  background-color: #fff;
  border: none;
  cursor: pointer;
  display: block;
  height: var(--el-carousel-indicator-height);
  margin: 0;
  opacity: 0.48;
  outline: none;
  padding: 0;
  transition: var(--el-transition-duration);
  width: var(--el-carousel-indicator-width);
}
.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
  opacity: 0;
  transform: translateY(-50%) translate(-10px);
}
.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
  opacity: 0;
  transform: translateY(-50%) translate(10px);
}
.el-transitioning {
  filter: url(#elCarouselHorizontal);
}
.el-transitioning-vertical {
  filter: url(#elCarouselVertical);
}
.el-cascader-panel {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
  border-radius: var(--el-cascader-menu-radius);
  display: flex;
  font-size: var(--el-cascader-menu-font-size);
}
.el-cascader-panel.is-bordered {
  border: var(--el-cascader-menu-border);
  border-radius: var(--el-cascader-menu-radius);
}
.el-cascader-menu {
  border-right: var(--el-cascader-menu-border);
  box-sizing: border-box;
  color: var(--el-cascader-menu-text-color);
  min-width: 180px;
}
.el-cascader-menu:last-child {
  border-right: none;
}
.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px;
}
.el-cascader-menu__wrap.el-scrollbar__wrap {
  height: 204px;
}
.el-cascader-menu__list {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  min-height: 100%;
  padding: 6px 0;
  position: relative;
}
.el-cascader-menu__hover-zone {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.el-cascader-menu__empty-text {
  align-items: center;
  color: var(--el-cascader-color-empty);
  display: flex;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.el-cascader-menu__empty-text .is-loading {
  margin-right: 2px;
}
.el-cascader-node {
  align-items: center;
  display: flex;
  height: 34px;
  line-height: 34px;
  outline: none;
  padding: 0 30px 0 20px;
  position: relative;
}
.el-cascader-node.is-selectable.in-active-path {
  color: var(--el-cascader-menu-text-color);
}
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: var(--el-cascader-menu-selected-text-color);
  font-weight: 700;
}
.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background: var(--el-cascader-node-background-hover);
}
.el-cascader-node.is-disabled {
  color: var(--el-cascader-node-color-disabled);
  cursor: not-allowed;
}
.el-cascader-node__prefix {
  left: 10px;
  position: absolute;
}
.el-cascader-node__postfix {
  position: absolute;
  right: 10px;
}
.el-cascader-node__label {
  flex: 1;
  overflow: hidden;
  padding: 0 8px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-cascader-node > .el-checkbox,
.el-cascader-node > .el-radio {
  margin-right: 0;
}
.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0;
}
.el-cascader {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
  display: inline-block;
  font-size: var(--el-font-size-base);
  line-height: 32px;
  outline: none;
  position: relative;
  vertical-align: middle;
}
.el-cascader:not(.is-disabled):hover .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
  cursor: pointer;
}
.el-cascader .el-input {
  cursor: pointer;
  display: flex;
}
.el-cascader .el-input .el-input__inner {
  cursor: pointer;
  text-overflow: ellipsis;
}
.el-cascader .el-input .el-input__suffix-inner .el-icon {
  height: calc(100% - 2px);
}
.el-cascader .el-input .el-input__suffix-inner .el-icon svg {
  vertical-align: middle;
}
.el-cascader .el-input .icon-arrow-down {
  font-size: 14px;
  transition: transform var(--el-transition-duration);
}
.el-cascader .el-input .icon-arrow-down.is-reverse {
  transform: rotate(180deg);
}
.el-cascader .el-input .icon-circle-close:hover {
  color: var(--el-input-clear-hover-color, var(--el-text-color-secondary));
}
.el-cascader .el-input.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px
    var(--el-input-focus-border-color, var(--el-color-primary)) inset;
}
.el-cascader--large {
  font-size: 14px;
  line-height: 40px;
}
.el-cascader--small {
  font-size: 12px;
  line-height: 24px;
}
.el-cascader.is-disabled .el-cascader__label {
  color: var(--el-disabled-text-color);
  z-index: calc(var(--el-index-normal) + 1);
}
.el-cascader__dropdown {
  --el-cascader-menu-text-color: var(--el-text-color-regular);
  --el-cascader-menu-selected-text-color: var(--el-color-primary);
  --el-cascader-menu-fill: var(--el-bg-color-overlay);
  --el-cascader-menu-font-size: var(--el-font-size-base);
  --el-cascader-menu-radius: var(--el-border-radius-base);
  --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  --el-cascader-menu-shadow: var(--el-box-shadow-light);
  --el-cascader-node-background-hover: var(--el-fill-color-light);
  --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  --el-cascader-color-empty: var(--el-text-color-placeholder);
  --el-cascader-tag-background: var(--el-fill-color);
  border-radius: var(--el-cascader-menu-radius);
  font-size: var(--el-cascader-menu-font-size);
}
.el-cascader__dropdown.el-popper {
  background: var(--el-cascader-menu-fill);
}
.el-cascader__dropdown.el-popper,
.el-cascader__dropdown.el-popper .el-popper__arrow:before {
  border: var(--el-cascader-menu-border);
}
.el-cascader__dropdown.el-popper[data-popper-placement^="top"]
  .el-popper__arrow:before {
  border-left-color: transparent;
  border-top-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^="bottom"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^="left"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.el-cascader__dropdown.el-popper[data-popper-placement^="right"]
  .el-popper__arrow:before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-cascader__dropdown.el-popper {
  box-shadow: var(--el-cascader-menu-shadow);
}
.el-cascader__tags {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  left: 0;
  line-height: normal;
  position: absolute;
  right: 30px;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
}
.el-cascader__tags .el-tag {
  align-items: center;
  background: var(--el-cascader-tag-background);
  display: inline-flex;
  margin: 2px 0 2px 6px;
  max-width: 100%;
  text-overflow: ellipsis;
}
.el-cascader__tags .el-tag.el-tag--dark,
.el-cascader__tags .el-tag.el-tag--plain {
  background-color: var(--el-tag-bg-color);
}
.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,
.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-cascader__tags .el-tag > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__tags .el-tag .el-icon-close {
  background-color: var(--el-text-color-placeholder);
  color: var(--el-color-white);
  flex: none;
}
.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: var(--el-text-color-secondary);
}
.el-cascader__tags.is-validate {
  right: 55px;
}
.el-cascader__collapse-tags {
  white-space: normal;
  z-index: var(--el-index-normal);
}
.el-cascader__collapse-tags .el-tag {
  align-items: center;
  background: var(--el-fill-color);
  display: inline-flex;
  margin: 2px 0 2px 6px;
  max-width: 100%;
  text-overflow: ellipsis;
}
.el-cascader__collapse-tags .el-tag.el-tag--dark,
.el-cascader__collapse-tags .el-tag.el-tag--plain {
  background-color: var(--el-tag-bg-color);
}
.el-cascader__collapse-tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,
.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-cascader__collapse-tags .el-tag > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__collapse-tags .el-tag .el-icon-close {
  background-color: var(--el-text-color-placeholder);
  color: var(--el-color-white);
  flex: none;
}
.el-cascader__collapse-tags .el-tag .el-icon-close:hover {
  background-color: var(--el-text-color-secondary);
}
.el-cascader__suggestion-panel {
  border-radius: var(--el-cascader-menu-radius);
}
.el-cascader__suggestion-list {
  color: var(--el-cascader-menu-text-color);
  font-size: var(--el-font-size-base);
  margin: 0;
  max-height: 204px;
  padding: 6px 0;
  text-align: center;
}
.el-cascader__suggestion-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: space-between;
  outline: none;
  padding: 0 15px;
  text-align: left;
}
.el-cascader__suggestion-item:focus,
.el-cascader__suggestion-item:hover {
  background: var(--el-cascader-node-background-hover);
}
.el-cascader__suggestion-item.is-checked {
  color: var(--el-cascader-menu-selected-text-color);
  font-weight: 700;
}
.el-cascader__suggestion-item > span {
  margin-right: 10px;
}
.el-cascader__empty-text {
  color: var(--el-cascader-color-empty);
  margin: 10px 0;
}
.el-cascader__search-input {
  background: transparent;
  border: none;
  box-sizing: border-box;
  color: var(--el-cascader-menu-text-color);
  flex: 1;
  height: 24px;
  margin: 2px 0 2px 11px;
  min-width: 60px;
  outline: none;
  padding: 0;
}
.el-cascader__search-input::-moz-placeholder {
  color: transparent;
}
.el-cascader__search-input::placeholder {
  color: transparent;
}
.el-check-tag {
  background-color: var(--el-color-info-light-9);
  border-radius: var(--el-border-radius-base);
  color: var(--el-color-info);
  cursor: pointer;
  display: inline-block;
  font-size: var(--el-font-size-base);
  font-weight: 700;
  line-height: var(--el-font-size-base);
  padding: 7px 15px;
  transition: var(--el-transition-all);
}
.el-check-tag:hover {
  background-color: var(--el-color-info-light-7);
}
.el-check-tag.is-checked.el-check-tag--primary {
  background-color: var(--el-color-primary-light-8);
  color: var(--el-color-primary);
}
.el-check-tag.is-checked.el-check-tag--primary:hover {
  background-color: var(--el-color-primary-light-7);
}
.el-check-tag.is-checked.el-check-tag--success {
  background-color: var(--el-color-success-light-8);
  color: var(--el-color-success);
}
.el-check-tag.is-checked.el-check-tag--success:hover {
  background-color: var(--el-color-success-light-7);
}
.el-check-tag.is-checked.el-check-tag--warning {
  background-color: var(--el-color-warning-light-8);
  color: var(--el-color-warning);
}
.el-check-tag.is-checked.el-check-tag--warning:hover {
  background-color: var(--el-color-warning-light-7);
}
.el-check-tag.is-checked.el-check-tag--danger {
  background-color: var(--el-color-danger-light-8);
  color: var(--el-color-danger);
}
.el-check-tag.is-checked.el-check-tag--danger:hover {
  background-color: var(--el-color-danger-light-7);
}
.el-check-tag.is-checked.el-check-tag--error {
  background-color: var(--el-color-error-light-8);
  color: var(--el-color-error);
}
.el-check-tag.is-checked.el-check-tag--error:hover {
  background-color: var(--el-color-error-light-7);
}
.el-check-tag.is-checked.el-check-tag--info {
  background-color: var(--el-color-info-light-8);
  color: var(--el-color-info);
}
.el-check-tag.is-checked.el-check-tag--info:hover {
  background-color: var(--el-color-info-light-7);
}
.el-checkbox-button {
  --el-checkbox-button-checked-bg-color: var(--el-color-primary);
  --el-checkbox-button-checked-text-color: var(--el-color-white);
  --el-checkbox-button-checked-border-color: var(--el-color-primary);
  display: inline-block;
  position: relative;
}
.el-checkbox-button__inner {
  -webkit-appearance: none;
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
  border: var(--el-border);
  border-left-color: transparent;
  border-radius: 0;
  box-sizing: border-box;
  color: var(--el-button-text-color, var(--el-text-color-regular));
  cursor: pointer;
  display: inline-block;
  font-size: var(--el-font-size-base);
  font-weight: var(--el-checkbox-font-weight);
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 8px 15px;
  position: relative;
  text-align: center;
  transition: var(--el-transition-all);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.el-checkbox-button__inner.is-round {
  padding: 8px 15px;
}
.el-checkbox-button__inner:hover {
  color: var(--el-color-primary);
}
.el-checkbox-button__inner [class*="el-icon-"] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*="el-icon-"] + span {
  margin-left: 5px;
}
.el-checkbox-button__original {
  margin: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner {
  background-color: var(--el-checkbox-button-checked-bg-color);
  border-color: var(--el-checkbox-button-checked-border-color);
  box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
  color: var(--el-checkbox-button-checked-text-color);
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  background-color: var(
    --el-button-disabled-bg-color,
    var(--el-fill-color-blank)
  );
  background-image: none;
  border-color: var(
    --el-button-disabled-border-color,
    var(--el-border-color-light)
  );
  box-shadow: none;
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: var(
    --el-button-disabled-border-color,
    var(--el-border-color-light)
  );
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-bottom-left-radius: var(--el-border-radius-base);
  border-left: var(--el-border);
  border-top-left-radius: var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: var(--el-checkbox-button-checked-border-color);
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-bottom-right-radius: var(--el-border-radius-base);
  border-top-right-radius: var(--el-border-radius-base);
}
.el-checkbox-button--large .el-checkbox-button__inner {
  border-radius: 0;
  font-size: var(--el-font-size-base);
  padding: 12px 19px;
}
.el-checkbox-button--large .el-checkbox-button__inner.is-round {
  padding: 12px 19px;
}
.el-checkbox-button--small .el-checkbox-button__inner {
  border-radius: 0;
  font-size: 12px;
  padding: 5px 11px;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 5px 11px;
}
.el-checkbox-group {
  font-size: 0;
  line-height: 0;
}
.el-checkbox {
  --el-checkbox-font-size: 14px;
  --el-checkbox-font-weight: var(--el-font-weight-primary);
  --el-checkbox-text-color: var(--el-text-color-regular);
  --el-checkbox-input-height: 14px;
  --el-checkbox-input-width: 14px;
  --el-checkbox-border-radius: var(--el-border-radius-small);
  --el-checkbox-bg-color: var(--el-fill-color-blank);
  --el-checkbox-input-border: var(--el-border);
  --el-checkbox-disabled-border-color: var(--el-border-color);
  --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
  --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
  --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
  --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
  --el-checkbox-checked-text-color: var(--el-color-primary);
  --el-checkbox-checked-input-border-color: var(--el-color-primary);
  --el-checkbox-checked-bg-color: var(--el-color-primary);
  --el-checkbox-checked-icon-color: var(--el-color-white);
  --el-checkbox-input-border-color-hover: var(--el-color-primary);
  align-items: center;
  color: var(--el-checkbox-text-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--el-font-size-base);
  font-weight: var(--el-checkbox-font-weight);
  height: var(--el-checkbox-height, 32px);
  margin-right: 30px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.el-checkbox.is-disabled {
  cursor: not-allowed;
}
.el-checkbox.is-bordered {
  border: var(--el-border);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
  padding: 0 15px 0 9px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-checkbox.is-bordered.is-disabled {
  border-color: var(--el-border-color-lighter);
}
.el-checkbox.is-bordered.el-checkbox--large {
  border-radius: var(--el-border-radius-base);
  padding: 0 19px 0 11px;
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
  font-size: var(--el-font-size-base);
}
.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  border-radius: calc(var(--el-border-radius-base) - 1px);
  padding: 0 11px 0 7px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}
.el-checkbox input:focus-visible + .el-checkbox__inner {
  border-radius: var(--el-checkbox-border-radius);
  outline: 2px solid var(--el-checkbox-input-border-color-hover);
  outline-offset: 1px;
}
.el-checkbox__input {
  cursor: pointer;
  display: inline-flex;
  outline: none;
  position: relative;
  white-space: nowrap;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-input-fill);
  border-color: var(--el-checkbox-disabled-border-color);
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner:after {
  border-color: var(--el-checkbox-disabled-icon-color);
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-disabled-checked-input-fill);
  border-color: var(--el-checkbox-disabled-checked-input-border-color);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
  background-color: var(--el-checkbox-disabled-checked-icon-color);
  border-color: var(--el-checkbox-disabled-checked-icon-color);
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-checked .el-checkbox__inner:after {
  border-color: var(--el-checkbox-checked-icon-color);
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--el-checkbox-checked-text-color);
}
.el-checkbox__input.is-focus:not(.is-checked)
  .el-checkbox__original:not(:focus-visible) {
  border-color: var(--el-checkbox-input-border-color-hover);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--el-checkbox-checked-bg-color);
  border-color: var(--el-checkbox-checked-input-border-color);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  background-color: var(--el-checkbox-checked-icon-color);
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 5px;
  transform: scale(0.5);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  display: none;
}
.el-checkbox__inner {
  background-color: var(--el-checkbox-bg-color);
  border: var(--el-checkbox-input-border);
  border-radius: var(--el-checkbox-border-radius);
  box-sizing: border-box;
  display: inline-block;
  height: var(--el-checkbox-input-height);
  position: relative;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  width: var(--el-checkbox-input-width);
  z-index: var(--el-index-normal);
}
.el-checkbox__inner:hover {
  border-color: var(--el-checkbox-input-border-color-hover);
}
.el-checkbox__inner:after {
  border: 1px solid transparent;
  border-left: 0;
  border-top: 0;
  box-sizing: content-box;
  content: "";
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  transform-origin: center;
  transition: transform 0.15s ease-in 0.05s;
  width: 3px;
}
.el-checkbox__original {
  height: 0;
  margin: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  width: 0;
  z-index: -1;
}
.el-checkbox__label {
  display: inline-block;
  font-size: var(--el-checkbox-font-size);
  line-height: 1;
  padding-left: 8px;
}
.el-checkbox.el-checkbox--large {
  height: 40px;
}
.el-checkbox.el-checkbox--large .el-checkbox__label {
  font-size: 14px;
}
.el-checkbox.el-checkbox--large .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.el-checkbox--small {
  height: 24px;
}
.el-checkbox.el-checkbox--small .el-checkbox__label {
  font-size: 12px;
}
.el-checkbox.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.el-checkbox--small
  .el-checkbox__input.is-indeterminate
  .el-checkbox__inner:before {
  top: 4px;
}
.el-checkbox.el-checkbox--small .el-checkbox__inner:after {
  height: 6px;
  width: 2px;
}
.el-checkbox:last-of-type {
  margin-right: 0;
}
[class*="el-col-"] {
  box-sizing: border-box;
}
[class*="el-col-"].is-guttered {
  display: block;
  min-height: 1px;
}
.el-col-0 {
  flex: 0 0 0%;
  max-width: 0;
}
.el-col-0,
.el-col-0.is-guttered {
  display: none;
}
.el-col-offset-0 {
  margin-left: 0;
}
.el-col-pull-0 {
  position: relative;
  right: 0;
}
.el-col-push-0 {
  left: 0;
  position: relative;
}
.el-col-1 {
  flex: 0 0 4.1666666667%;
  max-width: 4.1666666667%;
}
.el-col-1,
.el-col-1.is-guttered {
  display: block;
}
.el-col-offset-1 {
  margin-left: 4.1666666667%;
}
.el-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}
.el-col-push-1 {
  left: 4.1666666667%;
  position: relative;
}
.el-col-2 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.el-col-2,
.el-col-2.is-guttered {
  display: block;
}
.el-col-offset-2 {
  margin-left: 8.3333333333%;
}
.el-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}
.el-col-push-2 {
  left: 8.3333333333%;
  position: relative;
}
.el-col-3 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.el-col-3,
.el-col-3.is-guttered {
  display: block;
}
.el-col-offset-3 {
  margin-left: 12.5%;
}
.el-col-pull-3 {
  position: relative;
  right: 12.5%;
}
.el-col-push-3 {
  left: 12.5%;
  position: relative;
}
.el-col-4 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.el-col-4,
.el-col-4.is-guttered {
  display: block;
}
.el-col-offset-4 {
  margin-left: 16.6666666667%;
}
.el-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}
.el-col-push-4 {
  left: 16.6666666667%;
  position: relative;
}
.el-col-5 {
  flex: 0 0 20.8333333333%;
  max-width: 20.8333333333%;
}
.el-col-5,
.el-col-5.is-guttered {
  display: block;
}
.el-col-offset-5 {
  margin-left: 20.8333333333%;
}
.el-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}
.el-col-push-5 {
  left: 20.8333333333%;
  position: relative;
}
.el-col-6 {
  flex: 0 0 25%;
  max-width: 25%;
}
.el-col-6,
.el-col-6.is-guttered {
  display: block;
}
.el-col-offset-6 {
  margin-left: 25%;
}
.el-col-pull-6 {
  position: relative;
  right: 25%;
}
.el-col-push-6 {
  left: 25%;
  position: relative;
}
.el-col-7 {
  flex: 0 0 29.1666666667%;
  max-width: 29.1666666667%;
}
.el-col-7,
.el-col-7.is-guttered {
  display: block;
}
.el-col-offset-7 {
  margin-left: 29.1666666667%;
}
.el-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}
.el-col-push-7 {
  left: 29.1666666667%;
  position: relative;
}
.el-col-8 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.el-col-8,
.el-col-8.is-guttered {
  display: block;
}
.el-col-offset-8 {
  margin-left: 33.3333333333%;
}
.el-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}
.el-col-push-8 {
  left: 33.3333333333%;
  position: relative;
}
.el-col-9 {
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.el-col-9,
.el-col-9.is-guttered {
  display: block;
}
.el-col-offset-9 {
  margin-left: 37.5%;
}
.el-col-pull-9 {
  position: relative;
  right: 37.5%;
}
.el-col-push-9 {
  left: 37.5%;
  position: relative;
}
.el-col-10 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.el-col-10,
.el-col-10.is-guttered {
  display: block;
}
.el-col-offset-10 {
  margin-left: 41.6666666667%;
}
.el-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}
.el-col-push-10 {
  left: 41.6666666667%;
  position: relative;
}
.el-col-11 {
  flex: 0 0 45.8333333333%;
  max-width: 45.8333333333%;
}
.el-col-11,
.el-col-11.is-guttered {
  display: block;
}
.el-col-offset-11 {
  margin-left: 45.8333333333%;
}
.el-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}
.el-col-push-11 {
  left: 45.8333333333%;
  position: relative;
}
.el-col-12 {
  flex: 0 0 50%;
  max-width: 50%;
}
.el-col-12,
.el-col-12.is-guttered {
  display: block;
}
.el-col-offset-12 {
  margin-left: 50%;
}
.el-col-pull-12 {
  position: relative;
  right: 50%;
}
.el-col-push-12 {
  left: 50%;
  position: relative;
}
.el-col-13 {
  flex: 0 0 54.1666666667%;
  max-width: 54.1666666667%;
}
.el-col-13,
.el-col-13.is-guttered {
  display: block;
}
.el-col-offset-13 {
  margin-left: 54.1666666667%;
}
.el-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}
.el-col-push-13 {
  left: 54.1666666667%;
  position: relative;
}
.el-col-14 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.el-col-14,
.el-col-14.is-guttered {
  display: block;
}
.el-col-offset-14 {
  margin-left: 58.3333333333%;
}
.el-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}
.el-col-push-14 {
  left: 58.3333333333%;
  position: relative;
}
.el-col-15 {
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.el-col-15,
.el-col-15.is-guttered {
  display: block;
}
.el-col-offset-15 {
  margin-left: 62.5%;
}
.el-col-pull-15 {
  position: relative;
  right: 62.5%;
}
.el-col-push-15 {
  left: 62.5%;
  position: relative;
}
.el-col-16 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.el-col-16,
.el-col-16.is-guttered {
  display: block;
}
.el-col-offset-16 {
  margin-left: 66.6666666667%;
}
.el-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}
.el-col-push-16 {
  left: 66.6666666667%;
  position: relative;
}
.el-col-17 {
  flex: 0 0 70.8333333333%;
  max-width: 70.8333333333%;
}
.el-col-17,
.el-col-17.is-guttered {
  display: block;
}
.el-col-offset-17 {
  margin-left: 70.8333333333%;
}
.el-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}
.el-col-push-17 {
  left: 70.8333333333%;
  position: relative;
}
.el-col-18 {
  flex: 0 0 75%;
  max-width: 75%;
}
.el-col-18,
.el-col-18.is-guttered {
  display: block;
}
.el-col-offset-18 {
  margin-left: 75%;
}
.el-col-pull-18 {
  position: relative;
  right: 75%;
}
.el-col-push-18 {
  left: 75%;
  position: relative;
}
.el-col-19 {
  flex: 0 0 79.1666666667%;
  max-width: 79.1666666667%;
}
.el-col-19,
.el-col-19.is-guttered {
  display: block;
}
.el-col-offset-19 {
  margin-left: 79.1666666667%;
}
.el-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}
.el-col-push-19 {
  left: 79.1666666667%;
  position: relative;
}
.el-col-20 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.el-col-20,
.el-col-20.is-guttered {
  display: block;
}
.el-col-offset-20 {
  margin-left: 83.3333333333%;
}
.el-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}
.el-col-push-20 {
  left: 83.3333333333%;
  position: relative;
}
.el-col-21 {
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.el-col-21,
.el-col-21.is-guttered {
  display: block;
}
.el-col-offset-21 {
  margin-left: 87.5%;
}
.el-col-pull-21 {
  position: relative;
  right: 87.5%;
}
.el-col-push-21 {
  left: 87.5%;
  position: relative;
}
.el-col-22 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.el-col-22,
.el-col-22.is-guttered {
  display: block;
}
.el-col-offset-22 {
  margin-left: 91.6666666667%;
}
.el-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}
.el-col-push-22 {
  left: 91.6666666667%;
  position: relative;
}
.el-col-23 {
  flex: 0 0 95.8333333333%;
  max-width: 95.8333333333%;
}
.el-col-23,
.el-col-23.is-guttered {
  display: block;
}
.el-col-offset-23 {
  margin-left: 95.8333333333%;
}
.el-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}
.el-col-push-23 {
  left: 95.8333333333%;
  position: relative;
}
.el-col-24 {
  flex: 0 0 100%;
  max-width: 100%;
}
.el-col-24,
.el-col-24.is-guttered {
  display: block;
}
.el-col-offset-24 {
  margin-left: 100%;
}
.el-col-pull-24 {
  position: relative;
  right: 100%;
}
.el-col-push-24 {
  left: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
    flex: 0 0 0%;
    max-width: 0;
  }
  .el-col-xs-0.is-guttered {
    display: none;
  }
  .el-col-xs-offset-0 {
    margin-left: 0;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-xs-push-0 {
    left: 0;
    position: relative;
  }
  .el-col-xs-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .el-col-xs-1,
  .el-col-xs-1.is-guttered {
    display: block;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xs-push-1 {
    left: 4.1666666667%;
    position: relative;
  }
  .el-col-xs-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .el-col-xs-2,
  .el-col-xs-2.is-guttered {
    display: block;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xs-push-2 {
    left: 8.3333333333%;
    position: relative;
  }
  .el-col-xs-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .el-col-xs-3,
  .el-col-xs-3.is-guttered {
    display: block;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    left: 12.5%;
    position: relative;
  }
  .el-col-xs-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .el-col-xs-4,
  .el-col-xs-4.is-guttered {
    display: block;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xs-push-4 {
    left: 16.6666666667%;
    position: relative;
  }
  .el-col-xs-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .el-col-xs-5,
  .el-col-xs-5.is-guttered {
    display: block;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xs-push-5 {
    left: 20.8333333333%;
    position: relative;
  }
  .el-col-xs-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .el-col-xs-6,
  .el-col-xs-6.is-guttered {
    display: block;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    left: 25%;
    position: relative;
  }
  .el-col-xs-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .el-col-xs-7,
  .el-col-xs-7.is-guttered {
    display: block;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xs-push-7 {
    left: 29.1666666667%;
    position: relative;
  }
  .el-col-xs-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .el-col-xs-8,
  .el-col-xs-8.is-guttered {
    display: block;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xs-push-8 {
    left: 33.3333333333%;
    position: relative;
  }
  .el-col-xs-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .el-col-xs-9,
  .el-col-xs-9.is-guttered {
    display: block;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    left: 37.5%;
    position: relative;
  }
  .el-col-xs-10 {
    display: block;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .el-col-xs-10.is-guttered {
    display: block;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xs-push-10 {
    left: 41.6666666667%;
    position: relative;
  }
  .el-col-xs-11 {
    display: block;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .el-col-xs-11.is-guttered {
    display: block;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xs-push-11 {
    left: 45.8333333333%;
    position: relative;
  }
  .el-col-xs-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .el-col-xs-12.is-guttered {
    display: block;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    left: 50%;
    position: relative;
  }
  .el-col-xs-13 {
    display: block;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .el-col-xs-13.is-guttered {
    display: block;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xs-push-13 {
    left: 54.1666666667%;
    position: relative;
  }
  .el-col-xs-14 {
    display: block;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .el-col-xs-14.is-guttered {
    display: block;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xs-push-14 {
    left: 58.3333333333%;
    position: relative;
  }
  .el-col-xs-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .el-col-xs-15.is-guttered {
    display: block;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    left: 62.5%;
    position: relative;
  }
  .el-col-xs-16 {
    display: block;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .el-col-xs-16.is-guttered {
    display: block;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xs-push-16 {
    left: 66.6666666667%;
    position: relative;
  }
  .el-col-xs-17 {
    display: block;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .el-col-xs-17.is-guttered {
    display: block;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xs-push-17 {
    left: 70.8333333333%;
    position: relative;
  }
  .el-col-xs-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .el-col-xs-18.is-guttered {
    display: block;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    left: 75%;
    position: relative;
  }
  .el-col-xs-19 {
    display: block;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .el-col-xs-19.is-guttered {
    display: block;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xs-push-19 {
    left: 79.1666666667%;
    position: relative;
  }
  .el-col-xs-20 {
    display: block;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .el-col-xs-20.is-guttered {
    display: block;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xs-push-20 {
    left: 83.3333333333%;
    position: relative;
  }
  .el-col-xs-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .el-col-xs-21.is-guttered {
    display: block;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    left: 87.5%;
    position: relative;
  }
  .el-col-xs-22 {
    display: block;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .el-col-xs-22.is-guttered {
    display: block;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xs-push-22 {
    left: 91.6666666667%;
    position: relative;
  }
  .el-col-xs-23 {
    display: block;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .el-col-xs-23.is-guttered {
    display: block;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xs-push-23 {
    left: 95.8333333333%;
    position: relative;
  }
  .el-col-xs-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .el-col-xs-24.is-guttered {
    display: block;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    left: 100%;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
    flex: 0 0 0%;
    max-width: 0;
  }
  .el-col-sm-0.is-guttered {
    display: none;
  }
  .el-col-sm-offset-0 {
    margin-left: 0;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-sm-push-0 {
    left: 0;
    position: relative;
  }
  .el-col-sm-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .el-col-sm-1,
  .el-col-sm-1.is-guttered {
    display: block;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-sm-push-1 {
    left: 4.1666666667%;
    position: relative;
  }
  .el-col-sm-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .el-col-sm-2,
  .el-col-sm-2.is-guttered {
    display: block;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-sm-push-2 {
    left: 8.3333333333%;
    position: relative;
  }
  .el-col-sm-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .el-col-sm-3,
  .el-col-sm-3.is-guttered {
    display: block;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    left: 12.5%;
    position: relative;
  }
  .el-col-sm-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .el-col-sm-4,
  .el-col-sm-4.is-guttered {
    display: block;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-sm-push-4 {
    left: 16.6666666667%;
    position: relative;
  }
  .el-col-sm-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .el-col-sm-5,
  .el-col-sm-5.is-guttered {
    display: block;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-sm-push-5 {
    left: 20.8333333333%;
    position: relative;
  }
  .el-col-sm-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .el-col-sm-6,
  .el-col-sm-6.is-guttered {
    display: block;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    left: 25%;
    position: relative;
  }
  .el-col-sm-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .el-col-sm-7,
  .el-col-sm-7.is-guttered {
    display: block;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-sm-push-7 {
    left: 29.1666666667%;
    position: relative;
  }
  .el-col-sm-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .el-col-sm-8,
  .el-col-sm-8.is-guttered {
    display: block;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-sm-push-8 {
    left: 33.3333333333%;
    position: relative;
  }
  .el-col-sm-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .el-col-sm-9,
  .el-col-sm-9.is-guttered {
    display: block;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    left: 37.5%;
    position: relative;
  }
  .el-col-sm-10 {
    display: block;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .el-col-sm-10.is-guttered {
    display: block;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-sm-push-10 {
    left: 41.6666666667%;
    position: relative;
  }
  .el-col-sm-11 {
    display: block;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .el-col-sm-11.is-guttered {
    display: block;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-sm-push-11 {
    left: 45.8333333333%;
    position: relative;
  }
  .el-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .el-col-sm-12.is-guttered {
    display: block;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    left: 50%;
    position: relative;
  }
  .el-col-sm-13 {
    display: block;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .el-col-sm-13.is-guttered {
    display: block;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-sm-push-13 {
    left: 54.1666666667%;
    position: relative;
  }
  .el-col-sm-14 {
    display: block;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .el-col-sm-14.is-guttered {
    display: block;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-sm-push-14 {
    left: 58.3333333333%;
    position: relative;
  }
  .el-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .el-col-sm-15.is-guttered {
    display: block;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    left: 62.5%;
    position: relative;
  }
  .el-col-sm-16 {
    display: block;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .el-col-sm-16.is-guttered {
    display: block;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-sm-push-16 {
    left: 66.6666666667%;
    position: relative;
  }
  .el-col-sm-17 {
    display: block;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .el-col-sm-17.is-guttered {
    display: block;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-sm-push-17 {
    left: 70.8333333333%;
    position: relative;
  }
  .el-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .el-col-sm-18.is-guttered {
    display: block;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    left: 75%;
    position: relative;
  }
  .el-col-sm-19 {
    display: block;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .el-col-sm-19.is-guttered {
    display: block;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-sm-push-19 {
    left: 79.1666666667%;
    position: relative;
  }
  .el-col-sm-20 {
    display: block;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .el-col-sm-20.is-guttered {
    display: block;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-sm-push-20 {
    left: 83.3333333333%;
    position: relative;
  }
  .el-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .el-col-sm-21.is-guttered {
    display: block;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    left: 87.5%;
    position: relative;
  }
  .el-col-sm-22 {
    display: block;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .el-col-sm-22.is-guttered {
    display: block;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-sm-push-22 {
    left: 91.6666666667%;
    position: relative;
  }
  .el-col-sm-23 {
    display: block;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .el-col-sm-23.is-guttered {
    display: block;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-sm-push-23 {
    left: 95.8333333333%;
    position: relative;
  }
  .el-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .el-col-sm-24.is-guttered {
    display: block;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    left: 100%;
    position: relative;
  }
}
@media only screen and (min-width: 992px) {
  .el-col-md-0 {
    display: none;
    flex: 0 0 0%;
    max-width: 0;
  }
  .el-col-md-0.is-guttered {
    display: none;
  }
  .el-col-md-offset-0 {
    margin-left: 0;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-md-push-0 {
    left: 0;
    position: relative;
  }
  .el-col-md-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .el-col-md-1,
  .el-col-md-1.is-guttered {
    display: block;
  }
  .el-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-md-push-1 {
    left: 4.1666666667%;
    position: relative;
  }
  .el-col-md-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .el-col-md-2,
  .el-col-md-2.is-guttered {
    display: block;
  }
  .el-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-md-push-2 {
    left: 8.3333333333%;
    position: relative;
  }
  .el-col-md-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .el-col-md-3,
  .el-col-md-3.is-guttered {
    display: block;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    left: 12.5%;
    position: relative;
  }
  .el-col-md-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .el-col-md-4,
  .el-col-md-4.is-guttered {
    display: block;
  }
  .el-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-md-push-4 {
    left: 16.6666666667%;
    position: relative;
  }
  .el-col-md-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .el-col-md-5,
  .el-col-md-5.is-guttered {
    display: block;
  }
  .el-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-md-push-5 {
    left: 20.8333333333%;
    position: relative;
  }
  .el-col-md-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .el-col-md-6,
  .el-col-md-6.is-guttered {
    display: block;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    left: 25%;
    position: relative;
  }
  .el-col-md-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .el-col-md-7,
  .el-col-md-7.is-guttered {
    display: block;
  }
  .el-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-md-push-7 {
    left: 29.1666666667%;
    position: relative;
  }
  .el-col-md-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .el-col-md-8,
  .el-col-md-8.is-guttered {
    display: block;
  }
  .el-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-md-push-8 {
    left: 33.3333333333%;
    position: relative;
  }
  .el-col-md-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .el-col-md-9,
  .el-col-md-9.is-guttered {
    display: block;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    left: 37.5%;
    position: relative;
  }
  .el-col-md-10 {
    display: block;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .el-col-md-10.is-guttered {
    display: block;
  }
  .el-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-md-push-10 {
    left: 41.6666666667%;
    position: relative;
  }
  .el-col-md-11 {
    display: block;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .el-col-md-11.is-guttered {
    display: block;
  }
  .el-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-md-push-11 {
    left: 45.8333333333%;
    position: relative;
  }
  .el-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .el-col-md-12.is-guttered {
    display: block;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    left: 50%;
    position: relative;
  }
  .el-col-md-13 {
    display: block;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .el-col-md-13.is-guttered {
    display: block;
  }
  .el-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-md-push-13 {
    left: 54.1666666667%;
    position: relative;
  }
  .el-col-md-14 {
    display: block;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .el-col-md-14.is-guttered {
    display: block;
  }
  .el-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-md-push-14 {
    left: 58.3333333333%;
    position: relative;
  }
  .el-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .el-col-md-15.is-guttered {
    display: block;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    left: 62.5%;
    position: relative;
  }
  .el-col-md-16 {
    display: block;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .el-col-md-16.is-guttered {
    display: block;
  }
  .el-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-md-push-16 {
    left: 66.6666666667%;
    position: relative;
  }
  .el-col-md-17 {
    display: block;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .el-col-md-17.is-guttered {
    display: block;
  }
  .el-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-md-push-17 {
    left: 70.8333333333%;
    position: relative;
  }
  .el-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .el-col-md-18.is-guttered {
    display: block;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    left: 75%;
    position: relative;
  }
  .el-col-md-19 {
    display: block;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .el-col-md-19.is-guttered {
    display: block;
  }
  .el-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-md-push-19 {
    left: 79.1666666667%;
    position: relative;
  }
  .el-col-md-20 {
    display: block;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .el-col-md-20.is-guttered {
    display: block;
  }
  .el-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-md-push-20 {
    left: 83.3333333333%;
    position: relative;
  }
  .el-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .el-col-md-21.is-guttered {
    display: block;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    left: 87.5%;
    position: relative;
  }
  .el-col-md-22 {
    display: block;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .el-col-md-22.is-guttered {
    display: block;
  }
  .el-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-md-push-22 {
    left: 91.6666666667%;
    position: relative;
  }
  .el-col-md-23 {
    display: block;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .el-col-md-23.is-guttered {
    display: block;
  }
  .el-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-md-push-23 {
    left: 95.8333333333%;
    position: relative;
  }
  .el-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .el-col-md-24.is-guttered {
    display: block;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    left: 100%;
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
    flex: 0 0 0%;
    max-width: 0;
  }
  .el-col-lg-0.is-guttered {
    display: none;
  }
  .el-col-lg-offset-0 {
    margin-left: 0;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-lg-push-0 {
    left: 0;
    position: relative;
  }
  .el-col-lg-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .el-col-lg-1,
  .el-col-lg-1.is-guttered {
    display: block;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-lg-push-1 {
    left: 4.1666666667%;
    position: relative;
  }
  .el-col-lg-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .el-col-lg-2,
  .el-col-lg-2.is-guttered {
    display: block;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-lg-push-2 {
    left: 8.3333333333%;
    position: relative;
  }
  .el-col-lg-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .el-col-lg-3,
  .el-col-lg-3.is-guttered {
    display: block;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    left: 12.5%;
    position: relative;
  }
  .el-col-lg-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .el-col-lg-4,
  .el-col-lg-4.is-guttered {
    display: block;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-lg-push-4 {
    left: 16.6666666667%;
    position: relative;
  }
  .el-col-lg-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .el-col-lg-5,
  .el-col-lg-5.is-guttered {
    display: block;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-lg-push-5 {
    left: 20.8333333333%;
    position: relative;
  }
  .el-col-lg-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .el-col-lg-6,
  .el-col-lg-6.is-guttered {
    display: block;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    left: 25%;
    position: relative;
  }
  .el-col-lg-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .el-col-lg-7,
  .el-col-lg-7.is-guttered {
    display: block;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-lg-push-7 {
    left: 29.1666666667%;
    position: relative;
  }
  .el-col-lg-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .el-col-lg-8,
  .el-col-lg-8.is-guttered {
    display: block;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-lg-push-8 {
    left: 33.3333333333%;
    position: relative;
  }
  .el-col-lg-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .el-col-lg-9,
  .el-col-lg-9.is-guttered {
    display: block;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    left: 37.5%;
    position: relative;
  }
  .el-col-lg-10 {
    display: block;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .el-col-lg-10.is-guttered {
    display: block;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-lg-push-10 {
    left: 41.6666666667%;
    position: relative;
  }
  .el-col-lg-11 {
    display: block;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .el-col-lg-11.is-guttered {
    display: block;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-lg-push-11 {
    left: 45.8333333333%;
    position: relative;
  }
  .el-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .el-col-lg-12.is-guttered {
    display: block;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    left: 50%;
    position: relative;
  }
  .el-col-lg-13 {
    display: block;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .el-col-lg-13.is-guttered {
    display: block;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-lg-push-13 {
    left: 54.1666666667%;
    position: relative;
  }
  .el-col-lg-14 {
    display: block;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .el-col-lg-14.is-guttered {
    display: block;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-lg-push-14 {
    left: 58.3333333333%;
    position: relative;
  }
  .el-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .el-col-lg-15.is-guttered {
    display: block;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    left: 62.5%;
    position: relative;
  }
  .el-col-lg-16 {
    display: block;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .el-col-lg-16.is-guttered {
    display: block;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-lg-push-16 {
    left: 66.6666666667%;
    position: relative;
  }
  .el-col-lg-17 {
    display: block;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .el-col-lg-17.is-guttered {
    display: block;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-lg-push-17 {
    left: 70.8333333333%;
    position: relative;
  }
  .el-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .el-col-lg-18.is-guttered {
    display: block;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    left: 75%;
    position: relative;
  }
  .el-col-lg-19 {
    display: block;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .el-col-lg-19.is-guttered {
    display: block;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-lg-push-19 {
    left: 79.1666666667%;
    position: relative;
  }
  .el-col-lg-20 {
    display: block;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .el-col-lg-20.is-guttered {
    display: block;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-lg-push-20 {
    left: 83.3333333333%;
    position: relative;
  }
  .el-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .el-col-lg-21.is-guttered {
    display: block;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    left: 87.5%;
    position: relative;
  }
  .el-col-lg-22 {
    display: block;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .el-col-lg-22.is-guttered {
    display: block;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-lg-push-22 {
    left: 91.6666666667%;
    position: relative;
  }
  .el-col-lg-23 {
    display: block;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .el-col-lg-23.is-guttered {
    display: block;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-lg-push-23 {
    left: 95.8333333333%;
    position: relative;
  }
  .el-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .el-col-lg-24.is-guttered {
    display: block;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    left: 100%;
    position: relative;
  }
}
@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
    flex: 0 0 0%;
    max-width: 0;
  }
  .el-col-xl-0.is-guttered {
    display: none;
  }
  .el-col-xl-offset-0 {
    margin-left: 0;
  }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-xl-push-0 {
    left: 0;
    position: relative;
  }
  .el-col-xl-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .el-col-xl-1,
  .el-col-xl-1.is-guttered {
    display: block;
  }
  .el-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xl-push-1 {
    left: 4.1666666667%;
    position: relative;
  }
  .el-col-xl-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .el-col-xl-2,
  .el-col-xl-2.is-guttered {
    display: block;
  }
  .el-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xl-push-2 {
    left: 8.3333333333%;
    position: relative;
  }
  .el-col-xl-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .el-col-xl-3,
  .el-col-xl-3.is-guttered {
    display: block;
  }
  .el-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xl-push-3 {
    left: 12.5%;
    position: relative;
  }
  .el-col-xl-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .el-col-xl-4,
  .el-col-xl-4.is-guttered {
    display: block;
  }
  .el-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xl-push-4 {
    left: 16.6666666667%;
    position: relative;
  }
  .el-col-xl-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .el-col-xl-5,
  .el-col-xl-5.is-guttered {
    display: block;
  }
  .el-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xl-push-5 {
    left: 20.8333333333%;
    position: relative;
  }
  .el-col-xl-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .el-col-xl-6,
  .el-col-xl-6.is-guttered {
    display: block;
  }
  .el-col-xl-offset-6 {
    margin-left: 25%;
  }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xl-push-6 {
    left: 25%;
    position: relative;
  }
  .el-col-xl-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .el-col-xl-7,
  .el-col-xl-7.is-guttered {
    display: block;
  }
  .el-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xl-push-7 {
    left: 29.1666666667%;
    position: relative;
  }
  .el-col-xl-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .el-col-xl-8,
  .el-col-xl-8.is-guttered {
    display: block;
  }
  .el-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xl-push-8 {
    left: 33.3333333333%;
    position: relative;
  }
  .el-col-xl-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .el-col-xl-9,
  .el-col-xl-9.is-guttered {
    display: block;
  }
  .el-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xl-push-9 {
    left: 37.5%;
    position: relative;
  }
  .el-col-xl-10 {
    display: block;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .el-col-xl-10.is-guttered {
    display: block;
  }
  .el-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xl-push-10 {
    left: 41.6666666667%;
    position: relative;
  }
  .el-col-xl-11 {
    display: block;
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .el-col-xl-11.is-guttered {
    display: block;
  }
  .el-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xl-push-11 {
    left: 45.8333333333%;
    position: relative;
  }
  .el-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .el-col-xl-12.is-guttered {
    display: block;
  }
  .el-col-xl-offset-12 {
    margin-left: 50%;
  }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xl-push-12 {
    left: 50%;
    position: relative;
  }
  .el-col-xl-13 {
    display: block;
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .el-col-xl-13.is-guttered {
    display: block;
  }
  .el-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xl-push-13 {
    left: 54.1666666667%;
    position: relative;
  }
  .el-col-xl-14 {
    display: block;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .el-col-xl-14.is-guttered {
    display: block;
  }
  .el-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xl-push-14 {
    left: 58.3333333333%;
    position: relative;
  }
  .el-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .el-col-xl-15.is-guttered {
    display: block;
  }
  .el-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xl-push-15 {
    left: 62.5%;
    position: relative;
  }
  .el-col-xl-16 {
    display: block;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .el-col-xl-16.is-guttered {
    display: block;
  }
  .el-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xl-push-16 {
    left: 66.6666666667%;
    position: relative;
  }
  .el-col-xl-17 {
    display: block;
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .el-col-xl-17.is-guttered {
    display: block;
  }
  .el-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xl-push-17 {
    left: 70.8333333333%;
    position: relative;
  }
  .el-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .el-col-xl-18.is-guttered {
    display: block;
  }
  .el-col-xl-offset-18 {
    margin-left: 75%;
  }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xl-push-18 {
    left: 75%;
    position: relative;
  }
  .el-col-xl-19 {
    display: block;
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .el-col-xl-19.is-guttered {
    display: block;
  }
  .el-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xl-push-19 {
    left: 79.1666666667%;
    position: relative;
  }
  .el-col-xl-20 {
    display: block;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .el-col-xl-20.is-guttered {
    display: block;
  }
  .el-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xl-push-20 {
    left: 83.3333333333%;
    position: relative;
  }
  .el-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .el-col-xl-21.is-guttered {
    display: block;
  }
  .el-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xl-push-21 {
    left: 87.5%;
    position: relative;
  }
  .el-col-xl-22 {
    display: block;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .el-col-xl-22.is-guttered {
    display: block;
  }
  .el-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xl-push-22 {
    left: 91.6666666667%;
    position: relative;
  }
  .el-col-xl-23 {
    display: block;
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .el-col-xl-23.is-guttered {
    display: block;
  }
  .el-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xl-push-23 {
    left: 95.8333333333%;
    position: relative;
  }
  .el-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .el-col-xl-24.is-guttered {
    display: block;
  }
  .el-col-xl-offset-24 {
    margin-left: 100%;
  }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xl-push-24 {
    left: 100%;
    position: relative;
  }
}
.el-collapse {
  --el-collapse-border-color: var(--el-border-color-lighter);
  --el-collapse-header-height: 48px;
  --el-collapse-header-bg-color: var(--el-fill-color-blank);
  --el-collapse-header-text-color: var(--el-text-color-primary);
  --el-collapse-header-font-size: 13px;
  --el-collapse-content-bg-color: var(--el-fill-color-blank);
  --el-collapse-content-font-size: 13px;
  --el-collapse-content-text-color: var(--el-text-color-primary);
  border-bottom: 1px solid var(--el-collapse-border-color);
  border-top: 1px solid var(--el-collapse-border-color);
}
.el-collapse-item.is-disabled .el-collapse-item__header {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}
.el-collapse-item__header {
  align-items: center;
  background-color: var(--el-collapse-header-bg-color);
  border: none;
  border-bottom: 1px solid var(--el-collapse-border-color);
  color: var(--el-collapse-header-text-color);
  cursor: pointer;
  display: flex;
  font-size: var(--el-collapse-header-font-size);
  font-weight: 500;
  height: var(--el-collapse-header-height);
  line-height: var(--el-collapse-header-height);
  outline: none;
  padding: 0;
  transition: border-bottom-color var(--el-transition-duration);
  width: 100%;
}
.el-collapse-item__arrow {
  font-weight: 300;
  margin: 0 8px 0 auto;
  transition: transform var(--el-transition-duration);
}
.el-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}
.el-collapse-item__header.focusing:focus:not(:hover) {
  color: var(--el-color-primary);
}
.el-collapse-item__header.is-active {
  border-bottom-color: transparent;
}
.el-collapse-item__wrap {
  background-color: var(--el-collapse-content-bg-color);
  border-bottom: 1px solid var(--el-collapse-border-color);
  box-sizing: border-box;
  overflow: hidden;
  will-change: height;
}
.el-collapse-item__content {
  color: var(--el-collapse-content-text-color);
  font-size: var(--el-collapse-content-font-size);
  line-height: 1.7692307692;
  padding-bottom: 25px;
}
.el-collapse-item:last-child {
  margin-bottom: -1px;
}
.el-color-predefine {
  display: flex;
  font-size: 12px;
  margin-top: 8px;
  width: 280px;
}
.el-color-predefine__colors {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.el-color-predefine__color-selector {
  border-radius: 4px;
  cursor: pointer;
  height: 20px;
  margin: 0 0 8px 8px;
  width: 20px;
}
.el-color-predefine__color-selector:nth-child(10n + 1) {
  margin-left: 0;
}
.el-color-predefine__color-selector.selected {
  box-shadow: 0 0 3px 2px var(--el-color-primary);
}
.el-color-predefine__color-selector > div {
  border-radius: 3px;
  display: flex;
  height: 100%;
}
.el-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.el-color-hue-slider {
  background-color: red;
  box-sizing: border-box;
  float: right;
  height: 12px;
  padding: 0 2px;
  position: relative;
  width: 280px;
}
.el-color-hue-slider__bar {
  background: linear-gradient(
    90deg,
    #f00 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    #f00
  );
  height: 100%;
  position: relative;
}
.el-color-hue-slider__thumb {
  background: #fff;
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 1px;
  box-shadow: 0 0 2px #0009;
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
  z-index: 1;
}
.el-color-hue-slider__thumb:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.el-color-hue-slider.is-vertical {
  height: 180px;
  padding: 2px 0;
  width: 12px;
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  background: linear-gradient(
    180deg,
    #f00 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    #f00
  );
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%;
}
.el-color-svpanel {
  height: 180px;
  position: relative;
  width: 280px;
}
.el-color-svpanel__black,
.el-color-svpanel__white {
  inset: 0;
  position: absolute;
}
.el-color-svpanel__white {
  background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
}
.el-color-svpanel__black {
  background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0));
}
.el-color-svpanel__cursor {
  position: absolute;
}
.el-color-svpanel__cursor > div {
  border-radius: 50%;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px #0000004d, 0 0 1px 2px #0006;
  cursor: head;
  height: 4px;
  transform: translate(-2px, -2px);
  width: 4px;
}
.el-color-alpha-slider {
  background-image: linear-gradient(
      45deg,
      var(--el-color-picker-alpha-bg-a) 25%,
      var(--el-color-picker-alpha-bg-b) 25%
    ),
    linear-gradient(
      135deg,
      var(--el-color-picker-alpha-bg-a) 25%,
      var(--el-color-picker-alpha-bg-b) 25%
    ),
    linear-gradient(
      45deg,
      var(--el-color-picker-alpha-bg-b) 75%,
      var(--el-color-picker-alpha-bg-a) 75%
    ),
    linear-gradient(
      135deg,
      var(--el-color-picker-alpha-bg-b) 75%,
      var(--el-color-picker-alpha-bg-a) 75%
    );
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
  background-size: 12px 12px;
  box-sizing: border-box;
  height: 12px;
  position: relative;
  width: 280px;
}
.el-color-alpha-slider__bar {
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    var(--el-bg-color) 100%
  );
  height: 100%;
  position: relative;
}
.el-color-alpha-slider__thumb {
  background: #fff;
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 1px;
  box-shadow: 0 0 2px #0009;
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
  z-index: 1;
}
.el-color-alpha-slider__thumb:focus-visible {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.el-color-alpha-slider.is-vertical {
  height: 180px;
  width: 20px;
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0,
    rgb(255, 255, 255)
  );
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%;
}
.el-color-dropdown {
  width: 300px;
}
.el-color-dropdown__main-wrapper {
  margin-bottom: 6px;
}
.el-color-dropdown__main-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.el-color-dropdown__btns {
  margin-top: 12px;
  text-align: right;
}
.el-color-dropdown__value {
  color: #000;
  float: left;
  font-size: 12px;
  line-height: 26px;
  width: 160px;
}
.el-color-picker {
  display: inline-block;
  line-height: normal;
  outline: none;
  position: relative;
}
.el-color-picker:hover:not(.is-disabled, .is-focused)
  .el-color-picker__trigger {
  border-color: var(--el-border-color-hover);
}
.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
  outline: 2px solid var(--el-color-primary);
  outline-offset: 1px;
}
.el-color-picker.is-focused .el-color-picker__trigger {
  border-color: var(--el-color-primary);
}
.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed;
}
.el-color-picker--large {
  height: 40px;
}
.el-color-picker--large .el-color-picker__trigger {
  height: 40px;
  width: 40px;
}
.el-color-picker--large .el-color-picker__mask {
  height: 38px;
  width: 38px;
}
.el-color-picker--small {
  height: 24px;
}
.el-color-picker--small .el-color-picker__trigger {
  height: 24px;
  width: 24px;
}
.el-color-picker--small .el-color-picker__mask {
  height: 22px;
  width: 22px;
}
.el-color-picker--small .el-color-picker__empty,
.el-color-picker--small .el-color-picker__icon {
  transform: scale(0.8);
}
.el-color-picker__mask {
  background-color: #ffffffb3;
  border-radius: 4px;
  cursor: not-allowed;
  height: 30px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 30px;
  z-index: 1;
}
.el-color-picker__trigger {
  align-items: center;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font-size: 0;
  height: 32px;
  justify-content: center;
  padding: 4px;
  position: relative;
  width: 32px;
}
.el-color-picker__color {
  border: 1px solid var(--el-text-color-secondary);
  border-radius: var(--el-border-radius-small);
  box-sizing: border-box;
  display: block;
  height: 100%;
  position: relative;
  text-align: center;
  width: 100%;
}
.el-color-picker__color.is-alpha {
  background-image: linear-gradient(
      45deg,
      var(--el-color-picker-alpha-bg-a) 25%,
      var(--el-color-picker-alpha-bg-b) 25%
    ),
    linear-gradient(
      135deg,
      var(--el-color-picker-alpha-bg-a) 25%,
      var(--el-color-picker-alpha-bg-b) 25%
    ),
    linear-gradient(
      45deg,
      var(--el-color-picker-alpha-bg-b) 75%,
      var(--el-color-picker-alpha-bg-a) 75%
    ),
    linear-gradient(
      135deg,
      var(--el-color-picker-alpha-bg-b) 75%,
      var(--el-color-picker-alpha-bg-a) 75%
    );
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
  background-size: 12px 12px;
}
.el-color-picker__color-inner {
  align-items: center;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.el-color-picker .el-color-picker__empty {
  color: var(--el-text-color-secondary);
  font-size: 12px;
}
.el-color-picker .el-color-picker__icon {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  justify-content: center;
}
.el-color-picker__panel {
  background-color: #fff;
  border-radius: var(--el-border-radius-base);
  box-shadow: var(--el-box-shadow-light);
  box-sizing: content-box;
  padding: 6px;
  position: absolute;
  z-index: 10;
}
.el-color-picker__panel.el-popper {
  border: 1px solid var(--el-border-color-lighter);
}
.el-color-picker,
.el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #ccc;
  --el-color-picker-alpha-bg-b: transparent;
}
.dark .el-color-picker,
.dark .el-color-picker__panel {
  --el-color-picker-alpha-bg-a: #333333;
}
.el-container {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: row;
  min-width: 0;
}
.el-container.is-vertical {
  flex-direction: column;
}
.el-date-table {
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: var(--el-datepicker-text-color);
}
.el-date-table.is-week-mode
  .el-date-table__row:hover
  td:first-child
  .el-date-table-cell {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  margin-left: 5px;
}
.el-date-table.is-week-mode
  .el-date-table__row:hover
  td:last-child
  .el-date-table-cell {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  margin-right: 5px;
}
.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table td {
  box-sizing: border-box;
  cursor: pointer;
  height: 30px;
  padding: 4px 0;
  position: relative;
  text-align: center;
  width: 32px;
}
.el-date-table td .el-date-table-cell {
  box-sizing: border-box;
  height: 30px;
  padding: 3px 0;
}
.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  border-radius: 50%;
  display: block;
  height: 24px;
  left: 50%;
  line-height: 24px;
  margin: 0 auto;
  position: absolute;
  transform: translate(-50%);
  width: 24px;
}
.el-date-table td.next-month,
.el-date-table td.prev-month {
  color: var(--el-datepicker-off-text-color);
}
.el-date-table td.today {
  position: relative;
}
.el-date-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: 700;
}
.el-date-table td.today.end-date .el-date-table-cell__text,
.el-date-table td.today.start-date .el-date-table-cell__text {
  color: #fff;
}
.el-date-table td.available:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-date-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #fff;
}
.el-date-table
  td.current:not(.disabled):focus-visible
  .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}
.el-date-table td.end-date .el-date-table-cell,
.el-date-table td.start-date .el-date-table-cell {
  color: #fff;
}
.el-date-table td.end-date .el-date-table-cell__text,
.el-date-table td.start-date .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
}
.el-date-table td.start-date .el-date-table-cell {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  margin-left: 5px;
}
.el-date-table td.end-date .el-date-table-cell {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  margin-right: 5px;
}
.el-date-table td.disabled .el-date-table-cell {
  background-color: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
  opacity: 1;
}
.el-date-table td.selected .el-date-table-cell {
  border-radius: 15px;
  margin-left: 5px;
  margin-right: 5px;
}
.el-date-table td.selected .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  border-radius: 15px;
  color: #fff;
}
.el-date-table td.week {
  color: var(--el-datepicker-header-text-color);
  font-size: 80%;
}
.el-date-table td:focus {
  outline: none;
}
.el-date-table th {
  border-bottom: 1px solid var(--el-border-color-lighter);
  color: var(--el-datepicker-header-text-color);
  font-weight: 400;
  padding: 5px;
}
.el-month-table {
  border-collapse: collapse;
  font-size: 12px;
  margin: -1px;
}
.el-month-table td {
  cursor: pointer;
  padding: 8px 0;
  position: relative;
  text-align: center;
  width: 68px;
}
.el-month-table td .el-date-table-cell {
  box-sizing: border-box;
  height: 48px;
  padding: 6px 0;
}
.el-month-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: 700;
}
.el-month-table td.today.end-date .el-date-table-cell__text,
.el-month-table td.today.start-date .el-date-table-cell__text {
  color: #fff;
}
.el-month-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-month-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-month-table td .el-date-table-cell__text {
  border-radius: 18px;
  color: var(--el-datepicker-text-color);
  display: block;
  height: 36px;
  left: 50%;
  line-height: 36px;
  margin: 0 auto;
  position: absolute;
  transform: translate(-50%);
  width: 54px;
}
.el-month-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-month-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-month-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-month-table td.end-date .el-date-table-cell,
.el-month-table td.start-date .el-date-table-cell {
  color: #fff;
}
.el-month-table td.end-date .el-date-table-cell__text,
.el-month-table td.start-date .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #fff;
}
.el-month-table td.start-date .el-date-table-cell {
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
  margin-left: 3px;
}
.el-month-table td.end-date .el-date-table-cell {
  border-bottom-right-radius: 24px;
  border-top-right-radius: 24px;
  margin-right: 3px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell {
  border-radius: 24px;
  margin-left: 3px;
  margin-right: 3px;
}
.el-month-table td.current:not(.disabled) .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #fff;
}
.el-month-table td:focus-visible {
  outline: none;
}
.el-month-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}
.el-year-table {
  border-collapse: collapse;
  font-size: 12px;
  margin: -1px;
}
.el-year-table .el-icon {
  color: var(--el-datepicker-icon-color);
}
.el-year-table td {
  cursor: pointer;
  padding: 8px 0;
  position: relative;
  text-align: center;
  width: 68px;
}
.el-year-table td .el-date-table-cell {
  box-sizing: border-box;
  height: 48px;
  padding: 6px 0;
}
.el-year-table td.today .el-date-table-cell__text {
  color: var(--el-color-primary);
  font-weight: 700;
}
.el-year-table td.today.end-date .el-date-table-cell__text,
.el-year-table td.today.start-date .el-date-table-cell__text {
  color: #fff;
}
.el-year-table td.disabled .el-date-table-cell__text {
  background-color: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-year-table td.disabled .el-date-table-cell__text:hover {
  color: var(--el-text-color-placeholder);
}
.el-year-table td .el-date-table-cell__text {
  border-radius: 18px;
  color: var(--el-datepicker-text-color);
  display: block;
  height: 36px;
  left: 50%;
  line-height: 36px;
  margin: 0 auto;
  position: absolute;
  transform: translate(-50%);
  width: 60px;
}
.el-year-table td .el-date-table-cell__text:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-year-table td.in-range .el-date-table-cell {
  background-color: var(--el-datepicker-inrange-bg-color);
}
.el-year-table td.in-range .el-date-table-cell:hover {
  background-color: var(--el-datepicker-inrange-hover-bg-color);
}
.el-year-table td.end-date .el-date-table-cell,
.el-year-table td.start-date .el-date-table-cell {
  color: #fff;
}
.el-year-table td.end-date .el-date-table-cell__text,
.el-year-table td.start-date .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #fff;
}
.el-year-table td.start-date .el-date-table-cell {
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
}
.el-year-table td.end-date .el-date-table-cell {
  border-bottom-right-radius: 24px;
  border-top-right-radius: 24px;
}
.el-year-table td.current:not(.disabled) .el-date-table-cell__text {
  background-color: var(--el-datepicker-active-color);
  color: #fff;
}
.el-year-table td:focus-visible {
  outline: none;
}
.el-year-table td:focus-visible .el-date-table-cell__text {
  outline: 2px solid var(--el-datepicker-active-color);
  outline-offset: 1px;
}
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  display: inline-block;
  max-height: 192px;
  overflow: auto;
  position: relative;
  vertical-align: top;
  width: 50%;
}
.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow
  .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: default;
}
.el-time-spinner__arrow {
  color: var(--el-text-color-secondary);
  cursor: pointer;
  font-size: 12px;
  height: 30px;
  left: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--el-index-normal);
}
.el-time-spinner__arrow:hover {
  color: var(--el-color-primary);
}
.el-time-spinner__arrow.arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.arrow-down {
  bottom: 10px;
}
.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
  padding: 0;
  text-align: center;
}
.el-time-spinner__list {
  list-style: none;
  margin: 0;
}
.el-time-spinner__list:after,
.el-time-spinner__list:before {
  content: "";
  display: block;
  height: 80px;
  width: 100%;
}
.el-time-spinner__item {
  color: var(--el-text-color-regular);
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}
.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  background: var(--el-fill-color-light);
  cursor: pointer;
}
.el-time-spinner__item.is-active:not(.is-disabled) {
  color: var(--el-text-color-primary);
  font-weight: 700;
}
.el-time-spinner__item.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-picker__popper {
  --el-datepicker-border-color: var(--el-disabled-border-color);
}
.el-picker__popper.el-popper {
  background: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}
.el-picker__popper.el-popper,
.el-picker__popper.el-popper .el-popper__arrow:before {
  border: 1px solid var(--el-datepicker-border-color);
}
.el-picker__popper.el-popper[data-popper-placement^="top"]
  .el-popper__arrow:before {
  border-left-color: transparent;
  border-top-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^="bottom"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^="left"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.el-picker__popper.el-popper[data-popper-placement^="right"]
  .el-popper__arrow:before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-date-editor {
  --el-date-editor-width: 220px;
  --el-date-editor-monthrange-width: 300px;
  --el-date-editor-daterange-width: 350px;
  --el-date-editor-datetimerange-width: 400px;
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color))
    inset;
}
.el-date-editor.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
  height: var(--el-input-height, var(--el-component-size));
  width: var(--el-date-editor-width);
}
.el-date-editor--monthrange {
  --el-date-editor-width: var(--el-date-editor-monthrange-width);
}
.el-date-editor--daterange,
.el-date-editor--timerange {
  --el-date-editor-width: var(--el-date-editor-daterange-width);
}
.el-date-editor--datetimerange {
  --el-date-editor-width: var(--el-date-editor-datetimerange-width);
}
.el-date-editor--dates .el-input__wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-date-editor .clear-icon,
.el-date-editor .close-icon {
  cursor: pointer;
}
.el-date-editor .clear-icon:hover {
  color: var(--el-text-color-secondary);
}
.el-date-editor .el-range__icon {
  color: var(--el-text-color-placeholder);
  float: left;
  font-size: 14px;
  height: inherit;
}
.el-date-editor .el-range__icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: var(--el-text-color-regular);
  display: inline-block;
  font-size: var(--el-font-size-base);
  height: 30px;
  line-height: 30px;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: center;
  width: 39%;
}
.el-date-editor .el-range-input::-moz-placeholder {
  color: var(--el-text-color-placeholder);
}
.el-date-editor .el-range-input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-date-editor .el-range-separator {
  align-items: center;
  color: var(--el-text-color-primary);
  display: inline-flex;
  flex: 1;
  font-size: 14px;
  height: 100%;
  justify-content: center;
  margin: 0;
  overflow-wrap: break-word;
  padding: 0 5px;
}
.el-date-editor .el-range__close-icon {
  color: var(--el-text-color-placeholder);
  cursor: pointer;
  font-size: 14px;
  height: inherit;
  width: unset;
}
.el-date-editor .el-range__close-icon:hover {
  color: var(--el-text-color-secondary);
}
.el-date-editor .el-range__close-icon svg {
  vertical-align: middle;
}
.el-date-editor .el-range__close-icon--hidden {
  opacity: 0;
  visibility: hidden;
}
.el-range-editor.el-input__wrapper {
  align-items: center;
  display: inline-flex;
  padding: 0 10px;
}
.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-range-editor--large {
  line-height: var(--el-component-size-large);
}
.el-range-editor--large.el-input__wrapper {
  height: var(--el-component-size-large);
}
.el-range-editor--large .el-range-separator {
  font-size: 14px;
  line-height: 40px;
}
.el-range-editor--large .el-range-input {
  font-size: 14px;
  height: 38px;
  line-height: 38px;
}
.el-range-editor--small {
  line-height: var(--el-component-size-small);
}
.el-range-editor--small.el-input__wrapper {
  height: var(--el-component-size-small);
}
.el-range-editor--small .el-range-separator {
  font-size: 12px;
  line-height: 24px;
}
.el-range-editor--small .el-range-input {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
}
.el-range-editor.is-disabled {
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled,
.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
  border-color: var(--el-disabled-border-color);
}
.el-range-editor.is-disabled input {
  background-color: var(--el-disabled-bg-color);
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::-moz-placeholder {
  color: var(--el-text-color-placeholder);
}
.el-range-editor.is-disabled input::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-range-editor.is-disabled .el-range-separator {
  color: var(--el-disabled-text-color);
}
.el-picker-panel {
  background: var(--el-bg-color-overlay);
  border-radius: var(--el-border-radius-base);
  color: var(--el-text-color-regular);
  line-height: 30px;
}
.el-picker-panel .el-time-panel {
  background-color: var(--el-bg-color-overlay);
  border: 1px solid var(--el-datepicker-border-color);
  box-shadow: var(--el-box-shadow-light);
  margin: 5px 0;
}
.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
  clear: both;
  content: "";
  display: table;
}
.el-picker-panel__content {
  margin: 15px;
  position: relative;
}
.el-picker-panel__footer {
  background-color: var(--el-bg-color-overlay);
  border-top: 1px solid var(--el-datepicker-inner-border-color);
  font-size: 0;
  padding: 4px 12px;
  position: relative;
  text-align: right;
}
.el-picker-panel__shortcut {
  background-color: transparent;
  border: 0;
  color: var(--el-datepicker-text-color);
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 28px;
  outline: none;
  padding-left: 12px;
  text-align: left;
  width: 100%;
}
.el-picker-panel__shortcut:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: var(--el-datepicker-active-color);
}
.el-picker-panel__btn {
  background-color: transparent;
  border: 1px solid var(--el-fill-color-darker);
  border-radius: 2px;
  color: var(--el-text-color-primary);
  cursor: pointer;
  font-size: 12px;
  line-height: 24px;
  outline: none;
  padding: 0 20px;
}
.el-picker-panel__btn[disabled] {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}
.el-picker-panel__icon-btn {
  background: transparent;
  border: 0;
  color: var(--el-datepicker-icon-color);
  cursor: pointer;
  font-size: 12px;
  margin-top: 8px;
  outline: none;
}
.el-picker-panel__icon-btn:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn:focus-visible {
  color: var(--el-datepicker-hover-text-color);
}
.el-picker-panel__icon-btn.is-disabled {
  color: var(--el-text-color-disabled);
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.el-picker-panel__icon-btn .el-icon {
  cursor: pointer;
  font-size: inherit;
}
.el-picker-panel__link-btn {
  vertical-align: middle;
}
.el-picker-panel [slot="sidebar"],
.el-picker-panel__sidebar {
  background-color: var(--el-bg-color-overlay);
  border-right: 1px solid var(--el-datepicker-inner-border-color);
  bottom: 0;
  box-sizing: border-box;
  overflow: auto;
  padding-top: 6px;
  position: absolute;
  top: 0;
  width: 110px;
}
.el-picker-panel [slot="sidebar"] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}
.el-date-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  display: table-cell;
  padding: 0 5px;
  position: relative;
}
.el-date-picker__time-header {
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  display: table;
  font-size: 12px;
  padding: 8px 5px 5px;
  position: relative;
  width: 100%;
}
.el-date-picker__header {
  margin: 12px;
  text-align: center;
}
.el-date-picker__header--bordered {
  border-bottom: 1px solid var(--el-border-color-lighter);
  margin-bottom: 0;
  padding-bottom: 12px;
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}
.el-date-picker__header-label {
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  padding: 0 5px;
  text-align: center;
}
.el-date-picker__header-label:hover {
  color: var(--el-datepicker-hover-text-color);
}
.el-date-picker__header-label:focus-visible {
  color: var(--el-datepicker-hover-text-color);
  outline: none;
}
.el-date-picker__header-label.active {
  color: var(--el-datepicker-active-color);
}
.el-date-picker__prev-btn {
  float: left;
}
.el-date-picker__next-btn {
  float: right;
}
.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}
.el-date-picker__time-label {
  cursor: pointer;
  float: left;
  line-height: 30px;
  margin-left: 10px;
}
.el-date-picker .el-time-panel {
  position: absolute;
}
.el-date-range-picker {
  --el-datepicker-text-color: var(--el-text-color-regular);
  --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  --el-datepicker-header-text-color: var(--el-text-color-regular);
  --el-datepicker-icon-color: var(--el-text-color-primary);
  --el-datepicker-border-color: var(--el-disabled-border-color);
  --el-datepicker-inner-border-color: var(--el-border-color-light);
  --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  --el-datepicker-active-color: var(--el-color-primary);
  --el-datepicker-hover-text-color: var(--el-color-primary);
  width: 646px;
}
.el-date-range-picker.has-sidebar {
  width: 756px;
}
.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}
.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}
.el-date-range-picker__header {
  height: 28px;
  position: relative;
  text-align: center;
}
.el-date-range-picker__header [class*="arrow-left"] {
  float: left;
}
.el-date-range-picker__header [class*="arrow-right"] {
  float: right;
}
.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}
.el-date-range-picker__content {
  box-sizing: border-box;
  float: left;
  margin: 0;
  padding: 16px;
  width: 50%;
}
.el-date-range-picker__content.is-left {
  border-right: 1px solid var(--el-datepicker-inner-border-color);
}
.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}
.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}
.el-date-range-picker__time-header {
  border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  box-sizing: border-box;
  display: table;
  font-size: 12px;
  padding: 8px 5px 5px;
  position: relative;
  width: 100%;
}
.el-date-range-picker__time-header > .el-icon-arrow-right {
  color: var(--el-datepicker-icon-color);
  display: table-cell;
  font-size: 20px;
  vertical-align: middle;
}
.el-date-range-picker__time-picker-wrap {
  display: table-cell;
  padding: 0 5px;
  position: relative;
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  background: #ffffff;
  position: absolute;
  right: 0;
  top: 13px;
  z-index: 1;
}
.el-date-range-picker__time-picker-wrap .el-time-panel {
  position: absolute;
}
.el-time-range-picker {
  overflow: visible;
  width: 354px;
}
.el-time-range-picker__content {
  padding: 10px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.el-time-range-picker__cell {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
}
.el-time-range-picker__header {
  font-size: 14px;
  margin-bottom: 5px;
  text-align: center;
}
.el-time-range-picker__body {
  border: 1px solid var(--el-datepicker-border-color);
  border-radius: 2px;
}
.el-time-panel {
  border-radius: 2px;
  box-sizing: content-box;
  left: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 180px;
  z-index: var(--el-index-top);
}
.el-time-panel__content {
  font-size: 0;
  overflow: hidden;
  position: relative;
}
.el-time-panel__content:after,
.el-time-panel__content:before {
  box-sizing: border-box;
  content: "";
  height: 32px;
  left: 0;
  margin-top: -16px;
  padding-top: 6px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50%;
  z-index: -1;
}
.el-time-panel__content:after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content:before {
  border-bottom: 1px solid var(--el-border-color-light);
  border-top: 1px solid var(--el-border-color-light);
  margin-left: 12%;
  margin-right: 12%;
  padding-left: 50%;
}
.el-time-panel__content.has-seconds:after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds:before {
  padding-left: 33.3333333333%;
}
.el-time-panel__footer {
  border-top: 1px solid
    var(--el-timepicker-inner-border-color, var(--el-border-color-light));
  box-sizing: border-box;
  height: 36px;
  line-height: 25px;
  padding: 4px;
  text-align: right;
}
.el-time-panel__btn {
  background-color: transparent;
  border: none;
  color: var(--el-text-color-primary);
  cursor: pointer;
  font-size: 12px;
  line-height: 28px;
  margin: 0 5px;
  outline: none;
  padding: 0 5px;
}
.el-time-panel__btn.confirm {
  color: var(--el-timepicker-active-color, var(--el-color-primary));
  font-weight: 800;
}
.el-descriptions {
  --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
  --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
  box-sizing: border-box;
  color: var(--el-text-color-primary);
  font-size: var(--el-font-size-base);
}
.el-descriptions__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.el-descriptions__title {
  color: var(--el-text-color-primary);
  font-size: 16px;
  font-weight: 700;
}
.el-descriptions__body {
  background-color: var(--el-fill-color-blank);
}
.el-descriptions__body .el-descriptions__table {
  border-collapse: collapse;
  width: 100%;
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
  text-align: left;
}
.el-descriptions__body
  .el-descriptions__table
  .el-descriptions__cell.is-center {
  text-align: center;
}
.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right {
  text-align: right;
}
.el-descriptions__body
  .el-descriptions__table.is-bordered
  .el-descriptions__cell {
  border: var(--el-descriptions-table-border);
  padding: 8px 11px;
}
.el-descriptions__body
  .el-descriptions__table:not(.is-bordered)
  .el-descriptions__cell {
  padding-bottom: 12px;
}
.el-descriptions--large {
  font-size: 14px;
}
.el-descriptions--large .el-descriptions__header {
  margin-bottom: 20px;
}
.el-descriptions--large .el-descriptions__header .el-descriptions__title {
  font-size: 16px;
}
.el-descriptions--large
  .el-descriptions__body
  .el-descriptions__table
  .el-descriptions__cell {
  font-size: 14px;
}
.el-descriptions--large
  .el-descriptions__body
  .el-descriptions__table.is-bordered
  .el-descriptions__cell {
  padding: 12px 15px;
}
.el-descriptions--large
  .el-descriptions__body
  .el-descriptions__table:not(.is-bordered)
  .el-descriptions__cell {
  padding-bottom: 16px;
}
.el-descriptions--small {
  font-size: 12px;
}
.el-descriptions--small .el-descriptions__header {
  margin-bottom: 12px;
}
.el-descriptions--small .el-descriptions__header .el-descriptions__title {
  font-size: 14px;
}
.el-descriptions--small
  .el-descriptions__body
  .el-descriptions__table
  .el-descriptions__cell {
  font-size: 12px;
}
.el-descriptions--small
  .el-descriptions__body
  .el-descriptions__table.is-bordered
  .el-descriptions__cell {
  padding: 4px 7px;
}
.el-descriptions--small
  .el-descriptions__body
  .el-descriptions__table:not(.is-bordered)
  .el-descriptions__cell {
  padding-bottom: 8px;
}
.el-descriptions__label.el-descriptions__cell.is-bordered-label {
  background: var(--el-descriptions-item-bordered-label-background);
  color: var(--el-text-color-regular);
  font-weight: 700;
}
.el-descriptions__label:not(.is-bordered-label) {
  color: var(--el-text-color-primary);
  margin-right: 16px;
}
.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 6px;
}
.el-descriptions__content.el-descriptions__cell.is-bordered-content {
  color: var(--el-text-color-primary);
}
.el-descriptions__content:not(.is-bordered-label) {
  color: var(--el-text-color-regular);
}
.el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
  margin-right: 16px;
}
.el-descriptions--large
  .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 8px;
}
.el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
  margin-right: 12px;
}
.el-descriptions--small
  .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  padding-bottom: 4px;
}
:root {
  --el-popup-modal-bg-color: var(--el-color-black);
  --el-popup-modal-opacity: 0.5;
}
.v-modal-enter {
  animation: v-modal-in var(--el-transition-duration-fast) ease;
}
.v-modal-leave {
  animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
}
@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  to {
    opacity: 0;
  }
}
.v-modal {
  background: var(--el-popup-modal-bg-color);
  height: 100%;
  left: 0;
  opacity: var(--el-popup-modal-opacity);
  position: fixed;
  top: 0;
  width: 100%;
}
.el-popup-parent--hidden {
  overflow: hidden;
}
.el-dialog {
  --el-dialog-width: 50%;
  --el-dialog-margin-top: 15vh;
  --el-dialog-bg-color: var(--el-bg-color);
  --el-dialog-box-shadow: var(--el-box-shadow);
  --el-dialog-title-font-size: var(--el-font-size-large);
  --el-dialog-content-font-size: 14px;
  --el-dialog-font-line-height: var(--el-font-line-height-primary);
  --el-dialog-padding-primary: 16px;
  --el-dialog-border-radius: var(--el-border-radius-small);
  background: var(--el-dialog-bg-color);
  border-radius: var(--el-dialog-border-radius);
  box-shadow: var(--el-dialog-box-shadow);
  box-sizing: border-box;
  margin: var(--el-dialog-margin-top, 15vh) auto 50px;
  overflow-wrap: break-word;
  padding: var(--el-dialog-padding-primary);
  position: relative;
  width: var(--el-dialog-width, 50%);
}
.el-dialog:focus {
  outline: none !important;
}
.el-dialog.is-align-center {
  margin: auto;
}
.el-dialog.is-fullscreen {
  --el-dialog-width: 100%;
  --el-dialog-margin-top: 0;
  height: 100%;
  margin-bottom: 0;
  overflow: auto;
}
.el-dialog__wrapper {
  inset: 0;
  margin: 0;
  overflow: auto;
  position: fixed;
}
.el-dialog.is-draggable .el-dialog__header {
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-dialog__header {
  padding-bottom: var(--el-dialog-padding-primary);
}
.el-dialog__header.show-close {
  padding-right: calc(
    var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px)
  );
}
.el-dialog__headerbtn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
  height: 48px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}
.el-dialog__headerbtn .el-dialog__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--el-color-primary);
}
.el-dialog__title {
  color: var(--el-text-color-primary);
  font-size: var(--el-dialog-title-font-size);
  line-height: var(--el-dialog-font-line-height);
}
.el-dialog__body {
  color: var(--el-text-color-regular);
  font-size: var(--el-dialog-content-font-size);
}
.el-dialog__footer {
  box-sizing: border-box;
  padding-top: var(--el-dialog-padding-primary);
  text-align: right;
}
.el-dialog--center {
  text-align: center;
}
.el-dialog--center .el-dialog__body {
  text-align: initial;
}
.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}
.el-overlay-dialog {
  inset: 0;
  overflow: auto;
  position: fixed;
}
.dialog-fade-enter-active {
  animation: modal-fade-in var(--el-transition-duration);
}
.dialog-fade-enter-active .el-overlay-dialog {
  animation: dialog-fade-in var(--el-transition-duration);
}
.dialog-fade-leave-active {
  animation: modal-fade-out var(--el-transition-duration);
}
.dialog-fade-leave-active .el-overlay-dialog {
  animation: dialog-fade-out var(--el-transition-duration);
}
@keyframes dialog-fade-in {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes dialog-fade-out {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes modal-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.el-divider {
  position: relative;
}
.el-divider--horizontal {
  border-top: 1px var(--el-border-color) var(--el-border-style);
  display: block;
  height: 1px;
  margin: 24px 0;
  width: 100%;
}
.el-divider--vertical {
  border-left: 1px var(--el-border-color) var(--el-border-style);
  display: inline-block;
  height: 1em;
  margin: 0 8px;
  position: relative;
  vertical-align: middle;
  width: 1px;
}
.el-divider__text {
  background-color: var(--el-bg-color);
  color: var(--el-text-color-primary);
  font-size: 14px;
  font-weight: 500;
  padding: 0 20px;
  position: absolute;
}
.el-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%);
}
.el-divider__text.is-center {
  left: 50%;
  transform: translate(-50%) translateY(-50%);
}
.el-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%);
}
.el-drawer {
  --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
  --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
  background-color: var(--el-drawer-bg-color);
  box-shadow: var(--el-box-shadow-dark);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  transition: all var(--el-transition-duration);
}
.el-drawer .btt,
.el-drawer .ltr,
.el-drawer .rtl,
.el-drawer .ttb {
  transform: translate(0);
}
.el-drawer__sr-focus:focus {
  outline: none !important;
}
.el-drawer__header {
  align-items: center;
  color: #72767b;
  display: flex;
  margin-bottom: 32px;
  padding: var(--el-drawer-padding-primary);
  padding-bottom: 0;
}
.el-drawer__header > :first-child {
  flex: 1;
}
.el-drawer__title {
  flex: 1;
  font-size: 16px;
  line-height: inherit;
  margin: 0;
}
.el-drawer__footer {
  padding: var(--el-drawer-padding-primary);
  padding-top: 10px;
  text-align: right;
}
.el-drawer__close-btn {
  background-color: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--el-font-size-extra-large);
  outline: none;
}
.el-drawer__close-btn:focus i,
.el-drawer__close-btn:hover i {
  color: var(--el-color-primary);
}
.el-drawer__body {
  flex: 1;
  overflow: auto;
  padding: var(--el-drawer-padding-primary);
}
.el-drawer__body > * {
  box-sizing: border-box;
}
.el-drawer.ltr,
.el-drawer.rtl {
  bottom: 0;
  height: 100%;
  top: 0;
}
.el-drawer.btt,
.el-drawer.ttb {
  left: 0;
  right: 0;
  width: 100%;
}
.el-drawer.ltr {
  left: 0;
}
.el-drawer.rtl {
  right: 0;
}
.el-drawer.ttb {
  top: 0;
}
.el-drawer.btt {
  bottom: 0;
}
.el-drawer-fade-enter-active,
.el-drawer-fade-leave-active {
  transition: all var(--el-transition-duration);
}
.el-drawer-fade-enter-active,
.el-drawer-fade-enter-from,
.el-drawer-fade-enter-to,
.el-drawer-fade-leave-active,
.el-drawer-fade-leave-from,
.el-drawer-fade-leave-to {
  overflow: hidden !important;
}
.el-drawer-fade-enter-from,
.el-drawer-fade-leave-to {
  background-color: transparent !important;
}
.el-drawer-fade-enter-from .rtl,
.el-drawer-fade-leave-to .rtl {
  transform: translate(100%);
}
.el-drawer-fade-enter-from .ltr,
.el-drawer-fade-leave-to .ltr {
  transform: translate(-100%);
}
.el-drawer-fade-enter-from .ttb,
.el-drawer-fade-leave-to .ttb {
  transform: translateY(-100%);
}
.el-drawer-fade-enter-from .btt,
.el-drawer-fade-leave-to .btt {
  transform: translateY(100%);
}
.el-dropdown {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  --el-dropdown-menu-index: 10;
  color: var(--el-text-color-regular);
  display: inline-flex;
  font-size: var(--el-font-size-base);
  line-height: 1;
  position: relative;
  vertical-align: top;
}
.el-dropdown.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-dropdown__popper {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  --el-dropdown-menu-index: 10;
}
.el-dropdown__popper.el-popper {
  background: var(--el-bg-color-overlay);
  box-shadow: var(--el-dropdown-menu-box-shadow);
}
.el-dropdown__popper.el-popper,
.el-dropdown__popper.el-popper .el-popper__arrow:before {
  border: 1px solid var(--el-border-color-light);
}
.el-dropdown__popper.el-popper[data-popper-placement^="top"]
  .el-popper__arrow:before {
  border-left-color: transparent;
  border-top-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^="bottom"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^="left"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^="right"]
  .el-popper__arrow:before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-dropdown__popper .el-dropdown-menu {
  border: none;
}
.el-dropdown__popper .el-dropdown__popper-selfdefine {
  outline: none;
}
.el-dropdown__popper .el-scrollbar__bar {
  z-index: calc(var(--el-dropdown-menu-index) + 1);
}
.el-dropdown__popper .el-dropdown__list {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}
.el-dropdown .el-dropdown__caret-button {
  align-items: center;
  border-left: none;
  display: inline-flex;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  width: 32px;
}
.el-dropdown .el-dropdown__caret-button > span {
  display: inline-flex;
}
.el-dropdown .el-dropdown__caret-button:before {
  background: var(--el-overlay-color-lighter);
  bottom: -1px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: -1px;
  width: 1px;
}
.el-dropdown .el-dropdown__caret-button.el-button:before {
  background: var(--el-border-color);
  opacity: 0.5;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  font-size: inherit;
  padding-left: 0;
}
.el-dropdown .el-dropdown-selfdefine {
  outline: none;
}
.el-dropdown--large .el-dropdown__caret-button {
  width: 40px;
}
.el-dropdown--small .el-dropdown__caret-button {
  width: 24px;
}
.el-dropdown-menu {
  background-color: var(--el-bg-color-overlay);
  border: none;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 5px 0;
  position: relative;
  top: 0;
  z-index: var(--el-dropdown-menu-index);
}
.el-dropdown-menu__item {
  align-items: center;
  color: var(--el-text-color-regular);
  cursor: pointer;
  display: flex;
  font-size: var(--el-font-size-base);
  line-height: 22px;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 5px 16px;
  white-space: nowrap;
}
.el-dropdown-menu__item:not(.is-disabled):focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--el-dropdown-menuItem-hover-fill);
  color: var(--el-dropdown-menuItem-hover-color);
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  border-top: 1px solid var(--el-border-color-lighter);
  margin: 6px 0;
}
.el-dropdown-menu__item.is-disabled {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}
.el-dropdown-menu--large {
  padding: 7px 0;
}
.el-dropdown-menu--large .el-dropdown-menu__item {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 20px;
}
.el-dropdown-menu--large .el-dropdown-menu__item--divided {
  margin: 8px 0;
}
.el-dropdown-menu--small {
  padding: 3px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  font-size: 12px;
  line-height: 20px;
  padding: 2px 12px;
}
.el-dropdown-menu--small .el-dropdown-menu__item--divided {
  margin: 4px 0;
}
.el-empty {
  --el-empty-padding: 40px 0;
  --el-empty-image-width: 160px;
  --el-empty-description-margin-top: 20px;
  --el-empty-bottom-margin-top: 20px;
  --el-empty-fill-color-0: var(--el-color-white);
  --el-empty-fill-color-1: #fcfcfd;
  --el-empty-fill-color-2: #f8f9fb;
  --el-empty-fill-color-3: #f7f8fc;
  --el-empty-fill-color-4: #eeeff3;
  --el-empty-fill-color-5: #edeef2;
  --el-empty-fill-color-6: #e9ebef;
  --el-empty-fill-color-7: #e5e7e9;
  --el-empty-fill-color-8: #e0e3e9;
  --el-empty-fill-color-9: #d5d7de;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--el-empty-padding);
  text-align: center;
}
.el-empty__image {
  width: var(--el-empty-image-width);
}
.el-empty__image img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: top;
  width: 100%;
}
.el-empty__image svg {
  color: var(--el-svg-monochrome-grey);
  fill: currentColor;
  height: 100%;
  vertical-align: top;
  width: 100%;
}
.el-empty__description {
  margin-top: var(--el-empty-description-margin-top);
}
.el-empty__description p {
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-base);
  margin: 0;
}
.el-empty__bottom {
  margin-top: var(--el-empty-bottom-margin-top);
}
.el-footer {
  --el-footer-padding: 0 20px;
  --el-footer-height: 60px;
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-footer-height);
  padding: var(--el-footer-padding);
}
.el-form {
  --el-form-label-font-size: var(--el-font-size-base);
  --el-form-inline-content-width: 220px;
}
.el-form--inline .el-form-item {
  display: inline-flex;
  margin-right: 32px;
  vertical-align: middle;
}
.el-form--inline.el-form--label-top {
  display: flex;
  flex-wrap: wrap;
}
.el-form--inline.el-form--label-top .el-form-item {
  display: block;
}
.el-form-item {
  display: flex;
  --font-size: 14px;
  margin-bottom: 18px;
}
.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item .el-input__validateIcon {
  display: none;
}
.el-form-item--large {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 22px;
}
.el-form-item--large .el-form-item__label {
  height: 40px;
  line-height: 40px;
}
.el-form-item--large .el-form-item__content {
  line-height: 40px;
}
.el-form-item--large .el-form-item__error {
  padding-top: 4px;
}
.el-form-item--default {
  --font-size: 14px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--default .el-form-item__label {
  height: 32px;
  line-height: 32px;
}
.el-form-item--default .el-form-item__content {
  line-height: 32px;
}
.el-form-item--default .el-form-item__error {
  padding-top: 2px;
}
.el-form-item--small {
  --font-size: 12px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 18px;
}
.el-form-item--small .el-form-item__label {
  height: 24px;
  line-height: 24px;
}
.el-form-item--small .el-form-item__content {
  line-height: 24px;
}
.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}
.el-form-item--label-left .el-form-item__label {
  justify-content: flex-start;
}
.el-form-item--label-top {
  display: block;
}
.el-form-item--label-top .el-form-item__label {
  display: block;
  height: auto;
  line-height: 22px;
  margin-bottom: 8px;
  text-align: left;
}
.el-form-item__label-wrap {
  display: flex;
}
.el-form-item__label {
  align-items: flex-start;
  box-sizing: border-box;
  color: var(--el-text-color-regular);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--el-form-label-font-size);
  height: 32px;
  justify-content: flex-end;
  line-height: 32px;
  padding: 0 12px 0 0;
}
.el-form-item__content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  font-size: var(--font-size);
  line-height: 32px;
  min-width: 0;
  position: relative;
}
.el-form-item__content .el-input-group {
  vertical-align: top;
}
.el-form-item__error {
  color: var(--el-color-danger);
  font-size: 12px;
  left: 0;
  line-height: 1;
  padding-top: 2px;
  position: absolute;
  top: 100%;
}
.el-form-item__error--inline {
  display: inline-block;
  left: auto;
  margin-left: 10px;
  position: relative;
  top: auto;
}
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left
  > .el-form-item__label-wrap
  > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left
  > .el-form-item__label:before {
  color: var(--el-color-danger);
  content: "*";
  margin-right: 4px;
}
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right
  > .el-form-item__label-wrap
  > .el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right
  > .el-form-item__label:after {
  color: var(--el-color-danger);
  content: "*";
  margin-left: 4px;
}
.el-form-item.is-error .el-input__wrapper,
.el-form-item.is-error .el-input__wrapper.is-focus,
.el-form-item.is-error .el-input__wrapper:focus,
.el-form-item.is-error .el-input__wrapper:hover,
.el-form-item.is-error .el-select__wrapper,
.el-form-item.is-error .el-select__wrapper.is-focus,
.el-form-item.is-error .el-select__wrapper:focus,
.el-form-item.is-error .el-select__wrapper:hover,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner.is-focus,
.el-form-item.is-error .el-textarea__inner:focus,
.el-form-item.is-error .el-textarea__inner:hover {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-form-item.is-error .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
  box-shadow: inset 0 0 0 1px transparent;
}
.el-form-item.is-error .el-input-group__append .el-input__validateIcon,
.el-form-item.is-error .el-input-group__prepend .el-input__validateIcon {
  display: none;
}
.el-form-item.is-error .el-input__validateIcon {
  color: var(--el-color-danger);
}
.el-form-item--feedback .el-input__validateIcon {
  display: inline-flex;
}
.el-header {
  --el-header-padding: 0 20px;
  --el-header-height: 60px;
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(--el-header-height);
  padding: var(--el-header-padding);
}
.el-image-viewer__wrapper {
  inset: 0;
  position: fixed;
}
.el-image-viewer__btn {
  align-items: center;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: 0.8;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 1;
}
.el-image-viewer__btn .el-icon {
  cursor: pointer;
  font-size: inherit;
}
.el-image-viewer__close {
  font-size: 40px;
  height: 40px;
  right: 40px;
  top: 40px;
  width: 40px;
}
.el-image-viewer__canvas {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: static;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.el-image-viewer__actions {
  background-color: var(--el-text-color-regular);
  border-color: #fff;
  border-radius: 22px;
  bottom: 30px;
  height: 44px;
  left: 50%;
  padding: 0 23px;
  transform: translate(-50%);
  width: 282px;
}
.el-image-viewer__actions__inner {
  align-items: center;
  color: #fff;
  cursor: default;
  display: flex;
  font-size: 23px;
  height: 100%;
  justify-content: space-around;
  width: 100%;
}
.el-image-viewer__prev {
  left: 40px;
}
.el-image-viewer__next,
.el-image-viewer__prev {
  background-color: var(--el-text-color-regular);
  border-color: #fff;
  color: #fff;
  font-size: 24px;
  height: 44px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
}
.el-image-viewer__next {
  right: 40px;
  text-indent: 2px;
}
.el-image-viewer__close {
  background-color: var(--el-text-color-regular);
  border-color: #fff;
  color: #fff;
  font-size: 24px;
  height: 44px;
  width: 44px;
}
.el-image-viewer__mask {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.viewer-fade-enter-active {
  animation: viewer-fade-in var(--el-transition-duration);
}
.viewer-fade-leave-active {
  animation: viewer-fade-out var(--el-transition-duration);
}
@keyframes viewer-fade-in {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes viewer-fade-out {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
}
.el-image__error,
.el-image__inner,
.el-image__placeholder,
.el-image__wrapper {
  height: 100%;
  width: 100%;
}
.el-image {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.el-image__inner {
  opacity: 1;
  vertical-align: top;
}
.el-image__inner.is-loading {
  opacity: 0;
}
.el-image__wrapper {
  left: 0;
  position: absolute;
  top: 0;
}
.el-image__error,
.el-image__placeholder {
  background: var(--el-fill-color-light);
}
.el-image__error {
  align-items: center;
  color: var(--el-text-color-placeholder);
  display: flex;
  font-size: 14px;
  justify-content: center;
  vertical-align: middle;
}
.el-image__preview {
  cursor: pointer;
}
.el-textarea {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
  display: inline-block;
  font-size: var(--el-font-size-base);
  position: relative;
  vertical-align: bottom;
  width: 100%;
}
.el-textarea__inner {
  -webkit-appearance: none;
  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  background-image: none;
  border: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color))
    inset;
  box-sizing: border-box;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.5;
  padding: 5px 11px;
  position: relative;
  resize: vertical;
  transition: var(--el-transition-box-shadow);
  width: 100%;
}
.el-textarea__inner::-moz-placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-textarea__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-textarea__inner:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-textarea__inner:focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
  outline: none;
}
.el-textarea .el-input__count {
  background: var(--el-fill-color-blank);
  bottom: 5px;
  color: var(--el-color-info);
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: var(--el-disabled-bg-color);
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: var(--el-text-color-placeholder);
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-textarea.is-exceed .el-textarea__inner {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-textarea.is-exceed .el-input__count {
  color: var(--el-color-danger);
}
.el-input {
  --el-input-text-color: var(--el-text-color-regular);
  --el-input-border: var(--el-border);
  --el-input-hover-border: var(--el-border-color-hover);
  --el-input-focus-border: var(--el-color-primary);
  --el-input-transparent-border: 0 0 0 1px transparent inset;
  --el-input-border-color: var(--el-border-color);
  --el-input-border-radius: var(--el-border-radius-base);
  --el-input-bg-color: var(--el-fill-color-blank);
  --el-input-icon-color: var(--el-text-color-placeholder);
  --el-input-placeholder-color: var(--el-text-color-placeholder);
  --el-input-hover-border-color: var(--el-border-color-hover);
  --el-input-clear-hover-color: var(--el-text-color-secondary);
  --el-input-focus-border-color: var(--el-color-primary);
  --el-input-width: 100%;
  --el-input-height: var(--el-component-size);
  box-sizing: border-box;
  display: inline-flex;
  font-size: var(--el-font-size-base);
  line-height: var(--el-input-height);
  position: relative;
  vertical-align: middle;
  width: var(--el-input-width);
}
.el-input::-webkit-scrollbar {
  width: 6px;
  z-index: 11;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  background: var(--el-text-color-disabled);
  border-radius: 5px;
  width: 6px;
}
.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: var(--el-fill-color-blank);
}
.el-input::-webkit-scrollbar-track-piece {
  background: var(--el-fill-color-blank);
  width: 6px;
}
.el-input .el-input__clear,
.el-input .el-input__password {
  color: var(--el-input-icon-color);
  cursor: pointer;
  font-size: 14px;
}
.el-input .el-input__clear:hover,
.el-input .el-input__password:hover {
  color: var(--el-input-clear-hover-color);
}
.el-input .el-input__count {
  align-items: center;
  color: var(--el-color-info);
  display: inline-flex;
  font-size: 12px;
  height: 100%;
}
.el-input .el-input__count .el-input__count-inner {
  background: var(--el-fill-color-blank);
  display: inline-block;
  line-height: normal;
  padding-left: 8px;
}
.el-input__wrapper {
  align-items: center;
  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  background-image: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color))
    inset;
  cursor: text;
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  padding: 1px 11px;
  transform: translateZ(0);
  transition: var(--el-transition-box-shadow);
}
.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-input__inner {
  --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
  -webkit-appearance: none;
  background: none;
  border: none;
  box-sizing: border-box;
  color: var(--el-input-text-color, var(--el-text-color-regular));
  flex-grow: 1;
  font-size: inherit;
  height: var(--el-input-inner-height);
  line-height: var(--el-input-inner-height);
  outline: none;
  padding: 0;
  width: 100%;
}
.el-input__inner:focus {
  outline: none;
}
.el-input__inner::-moz-placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-input__inner::placeholder {
  color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}
.el-input__inner[type="password"]::-ms-reveal {
  display: none;
}
.el-input__inner[type="number"] {
  line-height: 1;
}
.el-input__prefix {
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  display: inline-flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  pointer-events: none;
  text-align: center;
  transition: all var(--el-transition-duration);
  white-space: nowrap;
}
.el-input__prefix-inner {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  pointer-events: all;
}
.el-input__prefix-inner > :last-child {
  margin-right: 8px;
}
.el-input__prefix-inner > :first-child,
.el-input__prefix-inner > :first-child.el-input__icon {
  margin-left: 0;
}
.el-input__suffix {
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  display: inline-flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 100%;
  pointer-events: none;
  text-align: center;
  transition: all var(--el-transition-duration);
  white-space: nowrap;
}
.el-input__suffix-inner {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  pointer-events: all;
}
.el-input__suffix-inner > :first-child {
  margin-left: 8px;
}
.el-input .el-input__icon {
  align-items: center;
  display: flex;
  height: inherit;
  justify-content: center;
  line-height: inherit;
  margin-left: 8px;
  transition: all var(--el-transition-duration);
}
.el-input__validateIcon {
  pointer-events: none;
}
.el-input.is-active .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-input-focus-color) inset;
}
.el-input.is-disabled {
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__wrapper {
  background-color: var(--el-disabled-bg-color);
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
}
.el-input.is-disabled .el-input__inner {
  color: var(--el-disabled-text-color);
  -webkit-text-fill-color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: var(--el-text-color-placeholder);
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: var(--el-text-color-placeholder);
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}
.el-input.is-exceed .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: var(--el-color-danger);
}
.el-input--large {
  --el-input-height: var(--el-component-size-large);
  font-size: 14px;
}
.el-input--large .el-input__wrapper {
  padding: 1px 15px;
}
.el-input--large .el-input__inner {
  --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px);
}
.el-input--small {
  --el-input-height: var(--el-component-size-small);
  font-size: 12px;
}
.el-input--small .el-input__wrapper {
  padding: 1px 7px;
}
.el-input--small .el-input__inner {
  --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px);
}
.el-input-group {
  align-items: stretch;
  display: inline-flex;
  width: 100%;
}
.el-input-group__append,
.el-input-group__prepend {
  align-items: center;
  background-color: var(--el-fill-color-light);
  border-radius: var(--el-input-border-radius);
  color: var(--el-color-info);
  display: inline-flex;
  justify-content: center;
  min-height: 100%;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}
.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: 0 -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper,
.el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}
.el-input-group__prepend {
  border-bottom-right-radius: 0;
  border-right: 0;
  border-top-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset,
    0 1px 0 0 var(--el-input-border-color) inset,
    0 -1px 0 0 var(--el-input-border-color) inset;
}
.el-input-group__append {
  border-left: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset,
    0 -1px 0 0 var(--el-input-border-color) inset,
    -1px 0 0 0 var(--el-input-border-color) inset;
}
.el-input-group--prepend > .el-input__wrapper,
.el-input-group__append {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.el-input-group--prepend
  .el-input-group__prepend
  .el-select
  .el-select__wrapper {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 1px 0 0 0 var(--el-input-border-color) inset,
    0 1px 0 0 var(--el-input-border-color) inset,
    0 -1px 0 0 var(--el-input-border-color) inset;
}
.el-input-group--append > .el-input__wrapper {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  box-shadow: 0 1px 0 0 var(--el-input-border-color) inset,
    0 -1px 0 0 var(--el-input-border-color) inset,
    -1px 0 0 0 var(--el-input-border-color) inset;
}
.el-input-hidden {
  display: none !important;
}
.el-input-number {
  display: inline-flex;
  line-height: 30px;
  position: relative;
  width: 150px;
}
.el-input-number .el-input__wrapper {
  padding-left: 42px;
  padding-right: 42px;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  line-height: 1;
  text-align: center;
}
.el-input-number .el-input__inner::-webkit-inner-spin-button,
.el-input-number .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.el-input-number__decrease,
.el-input-number__increase {
  align-items: center;
  background: var(--el-fill-color-light);
  bottom: 1px;
  color: var(--el-text-color-regular);
  cursor: pointer;
  display: flex;
  font-size: 13px;
  height: auto;
  justify-content: center;
  position: absolute;
  top: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 32px;
  z-index: 1;
}
.el-input-number__decrease:hover,
.el-input-number__increase:hover {
  color: var(--el-color-primary);
}
.el-input-number__decrease:hover
  ~ .el-input:not(.is-disabled)
  .el-input__wrapper,
.el-input-number__increase:hover
  ~ .el-input:not(.is-disabled)
  .el-input__wrapper {
  box-shadow: 0 0 0 1px
    var(--el-input-focus-border-color, var(--el-color-primary)) inset;
}
.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-input-number__increase {
  border-left: var(--el-border);
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
  right: 1px;
}
.el-input-number__decrease {
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  border-right: var(--el-border);
  left: 1px;
}
.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
  border-color: var(--el-disabled-border-color);
  color: var(--el-disabled-border-color);
}
.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
  color: var(--el-disabled-border-color);
  cursor: not-allowed;
}
.el-input-number--large {
  line-height: 38px;
  width: 180px;
}
.el-input-number--large .el-input-number__decrease,
.el-input-number--large .el-input-number__increase {
  font-size: 14px;
  width: 40px;
}
.el-input-number--large .el-input--large .el-input__wrapper {
  padding-left: 47px;
  padding-right: 47px;
}
.el-input-number--small {
  line-height: 22px;
  width: 120px;
}
.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
  font-size: 12px;
  width: 24px;
}
.el-input-number--small .el-input--small .el-input__wrapper {
  padding-left: 31px;
  padding-right: 31px;
}
.el-input-number--small .el-input-number__decrease [class*="el-icon"],
.el-input-number--small .el-input-number__increase [class*="el-icon"] {
  transform: scale(0.9);
}
.el-input-number.is-without-controls .el-input__wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.el-input-number.is-controls-right .el-input__wrapper {
  padding-left: 15px;
  padding-right: 42px;
}
.el-input-number.is-controls-right .el-input-number__decrease,
.el-input-number.is-controls-right .el-input-number__increase {
  --el-input-number-controls-height: 15px;
  height: var(--el-input-number-controls-height);
  line-height: var(--el-input-number-controls-height);
}
.el-input-number.is-controls-right
  .el-input-number__decrease
  [class*="el-icon"],
.el-input-number.is-controls-right
  .el-input-number__increase
  [class*="el-icon"] {
  transform: scale(0.8);
}
.el-input-number.is-controls-right .el-input-number__increase {
  border-bottom: var(--el-border);
  border-radius: 0 var(--el-border-radius-base) 0 0;
  bottom: auto;
  left: auto;
}
.el-input-number.is-controls-right .el-input-number__decrease {
  border-left: var(--el-border);
  border-radius: 0 0 var(--el-border-radius-base) 0;
  border-right: none;
  left: auto;
  right: 1px;
  top: auto;
}
.el-input-number.is-controls-right[class*="large"] [class*="decrease"],
.el-input-number.is-controls-right[class*="large"] [class*="increase"] {
  --el-input-number-controls-height: 19px;
}
.el-input-number.is-controls-right[class*="small"] [class*="decrease"],
.el-input-number.is-controls-right[class*="small"] [class*="increase"] {
  --el-input-number-controls-height: 11px;
}
.el-link {
  --el-link-font-size: var(--el-font-size-base);
  --el-link-font-weight: var(--el-font-weight-primary);
  --el-link-text-color: var(--el-text-color-regular);
  --el-link-hover-text-color: var(--el-color-primary);
  --el-link-disabled-text-color: var(--el-text-color-placeholder);
  align-items: center;
  color: var(--el-link-text-color);
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-size: var(--el-link-font-size);
  font-weight: var(--el-link-font-weight);
  justify-content: center;
  outline: none;
  padding: 0;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
}
.el-link:hover {
  color: var(--el-link-hover-text-color);
}
.el-link.is-underline:hover:after {
  border-bottom: 1px solid var(--el-link-hover-text-color);
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
}
.el-link.is-disabled {
  color: var(--el-link-disabled-text-color);
  cursor: not-allowed;
}
.el-link [class*="el-icon-"] + span {
  margin-left: 5px;
}
.el-link.el-link--default:after {
  border-color: var(--el-link-hover-text-color);
}
.el-link__inner {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.el-link.el-link--primary {
  --el-link-text-color: var(--el-color-primary);
  --el-link-hover-text-color: var(--el-color-primary-light-3);
  --el-link-disabled-text-color: var(--el-color-primary-light-5);
}
.el-link.el-link--primary.is-underline:hover:after,
.el-link.el-link--primary:after {
  border-color: var(--el-link-text-color);
}
.el-link.el-link--success {
  --el-link-text-color: var(--el-color-success);
  --el-link-hover-text-color: var(--el-color-success-light-3);
  --el-link-disabled-text-color: var(--el-color-success-light-5);
}
.el-link.el-link--success.is-underline:hover:after,
.el-link.el-link--success:after {
  border-color: var(--el-link-text-color);
}
.el-link.el-link--warning {
  --el-link-text-color: var(--el-color-warning);
  --el-link-hover-text-color: var(--el-color-warning-light-3);
  --el-link-disabled-text-color: var(--el-color-warning-light-5);
}
.el-link.el-link--warning.is-underline:hover:after,
.el-link.el-link--warning:after {
  border-color: var(--el-link-text-color);
}
.el-link.el-link--danger {
  --el-link-text-color: var(--el-color-danger);
  --el-link-hover-text-color: var(--el-color-danger-light-3);
  --el-link-disabled-text-color: var(--el-color-danger-light-5);
}
.el-link.el-link--danger.is-underline:hover:after,
.el-link.el-link--danger:after {
  border-color: var(--el-link-text-color);
}
.el-link.el-link--error {
  --el-link-text-color: var(--el-color-error);
  --el-link-hover-text-color: var(--el-color-error-light-3);
  --el-link-disabled-text-color: var(--el-color-error-light-5);
}
.el-link.el-link--error.is-underline:hover:after,
.el-link.el-link--error:after {
  border-color: var(--el-link-text-color);
}
.el-link.el-link--info {
  --el-link-text-color: var(--el-color-info);
  --el-link-hover-text-color: var(--el-color-info-light-3);
  --el-link-disabled-text-color: var(--el-color-info-light-5);
}
.el-link.el-link--info.is-underline:hover:after,
.el-link.el-link--info:after {
  border-color: var(--el-link-text-color);
}
:root {
  --el-loading-spinner-size: 42px;
  --el-loading-fullscreen-spinner-size: 50px;
}
.el-loading-parent--relative {
  position: relative !important;
}
.el-loading-parent--hidden {
  overflow: hidden !important;
}
.el-loading-mask {
  background-color: var(--el-mask-color);
  inset: 0;
  margin: 0;
  position: absolute;
  transition: opacity var(--el-transition-duration);
  z-index: 2000;
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2);
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: var(--el-loading-fullscreen-spinner-size);
  width: var(--el-loading-fullscreen-spinner-size);
}
.el-loading-spinner {
  margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.el-loading-spinner .el-loading-text {
  color: var(--el-color-primary);
  font-size: 14px;
  margin: 3px 0;
}
.el-loading-spinner .circular {
  animation: loading-rotate 2s linear infinite;
  display: inline;
  height: var(--el-loading-spinner-size);
  width: var(--el-loading-spinner-size);
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--el-color-primary);
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: var(--el-color-primary);
}
.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
  opacity: 0;
}
@keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.el-main {
  --el-main-padding: 20px;
  box-sizing: border-box;
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  padding: var(--el-main-padding);
}
:root {
  --el-menu-active-color: var(--el-color-primary);
  --el-menu-text-color: var(--el-text-color-primary);
  --el-menu-hover-text-color: var(--el-color-primary);
  --el-menu-bg-color: var(--el-fill-color-blank);
  --el-menu-hover-bg-color: var(--el-color-primary-light-9);
  --el-menu-item-height: 56px;
  --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
  --el-menu-horizontal-height: 60px;
  --el-menu-horizontal-sub-item-height: 36px;
  --el-menu-item-font-size: var(--el-font-size-base);
  --el-menu-item-hover-fill: var(--el-color-primary-light-9);
  --el-menu-border-color: var(--el-border-color);
  --el-menu-base-level-padding: 20px;
  --el-menu-level-padding: 20px;
  --el-menu-icon-width: 24px;
}
.el-menu {
  background-color: var(--el-menu-bg-color);
  border-right: 1px solid var(--el-menu-border-color);
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding-left: 0;
  position: relative;
}
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container)
  .el-menu-item,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container)
  .el-menu-item-group__title,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container)
  .el-sub-menu__title {
  padding-left: calc(
    var(--el-menu-base-level-padding) + var(--el-menu-level) *
      var(--el-menu-level-padding)
  );
  white-space: nowrap;
}
.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
  padding-right: calc(
    var(--el-menu-base-level-padding) + var(--el-menu-icon-width)
  );
}
.el-menu--horizontal {
  border-right: none;
  display: flex;
  flex-wrap: nowrap;
  height: var(--el-menu-horizontal-height);
}
.el-menu--horizontal.el-menu--popup-container {
  height: unset;
}
.el-menu--horizontal.el-menu {
  border-bottom: 1px solid var(--el-menu-border-color);
}
.el-menu--horizontal > .el-menu-item {
  align-items: center;
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
  display: inline-flex;
  height: 100%;
  justify-content: center;
  margin: 0;
}
.el-menu--horizontal > .el-menu-item a,
.el-menu--horizontal > .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal > .el-sub-menu:focus,
.el-menu--horizontal > .el-sub-menu:hover {
  outline: none;
}
.el-menu--horizontal > .el-sub-menu:hover .el-sub-menu__title {
  color: var(--el-menu-hover-text-color);
}
.el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color);
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  border-bottom: 2px solid transparent;
  color: var(--el-menu-text-color);
  height: 100%;
}
.el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
  background-color: var(--el-menu-bg-color);
}
.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-sub-menu__title {
  align-items: center;
  background-color: var(--el-menu-bg-color);
  color: var(--el-menu-text-color);
  display: flex;
  height: var(--el-menu-horizontal-sub-item-height);
  line-height: var(--el-menu-horizontal-sub-item-height);
  padding: 0 10px;
}
.el-menu--horizontal .el-menu .el-sub-menu__title {
  padding-right: 40px;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title {
  color: var(--el-menu-active-color);
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  background-color: var(--el-menu-hover-bg-color);
  color: var(--el-menu-hover-text-color);
  outline: none;
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid var(--el-menu-active-color);
  color: var(--el-menu-active-color) !important;
}
.el-menu--collapse {
  width: calc(
    var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2
  );
}
.el-menu--collapse > .el-menu-item [class^="el-icon"],
.el-menu--collapse
  > .el-menu-item-group
  > ul
  > .el-sub-menu
  > .el-sub-menu__title
  [class^="el-icon"],
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^="el-icon"] {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  width: var(--el-menu-icon-width);
}
.el-menu--collapse > .el-menu-item .el-sub-menu__icon-arrow,
.el-menu--collapse
  > .el-menu-item-group
  > ul
  > .el-sub-menu
  > .el-sub-menu__title
  .el-sub-menu__icon-arrow,
.el-menu--collapse
  > .el-sub-menu
  > .el-sub-menu__title
  .el-sub-menu__icon-arrow {
  display: none;
}
.el-menu--collapse
  > .el-menu-item-group
  > ul
  > .el-sub-menu
  > .el-sub-menu__title
  > span,
.el-menu--collapse > .el-menu-item > span,
.el-menu--collapse > .el-sub-menu > .el-sub-menu__title > span {
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}
.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit;
}
.el-menu--collapse .el-menu .el-sub-menu {
  min-width: 200px;
}
.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  color: var(--el-menu-active-color);
}
.el-menu--popup {
  border: none;
  border-radius: var(--el-border-radius-small);
  box-shadow: var(--el-box-shadow-light);
  min-width: 200px;
  padding: 5px 0;
  z-index: 100;
}
.el-menu .el-icon {
  flex-shrink: 0;
}
.el-menu-item {
  align-items: center;
  box-sizing: border-box;
  color: var(--el-menu-text-color);
  cursor: pointer;
  display: flex;
  font-size: var(--el-menu-item-font-size);
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  list-style: none;
  padding: 0 var(--el-menu-base-level-padding);
  position: relative;
  transition: border-color var(--el-transition-duration),
    background-color var(--el-transition-duration),
    color var(--el-transition-duration);
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: bottom;
}
.el-menu-item i {
  color: inherit;
}
.el-menu-item:focus,
.el-menu-item:hover {
  outline: none;
}
.el-menu-item:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-menu-item.is-disabled {
  background: none !important;
  cursor: not-allowed;
  opacity: 0.25;
}
.el-menu-item [class^="el-icon"] {
  font-size: 18px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
  width: var(--el-menu-icon-width);
}
.el-menu-item.is-active {
  color: var(--el-menu-active-color);
}
.el-menu-item.is-active i {
  color: inherit;
}
.el-menu-item .el-menu-tooltip__trigger {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  height: 100%;
  left: 0;
  padding: 0 var(--el-menu-base-level-padding);
  position: absolute;
  top: 0;
  width: 100%;
}
.el-sub-menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.el-sub-menu__title {
  align-items: center;
  box-sizing: border-box;
  color: var(--el-menu-text-color);
  cursor: pointer;
  display: flex;
  font-size: var(--el-menu-item-font-size);
  height: var(--el-menu-item-height);
  line-height: var(--el-menu-item-height);
  list-style: none;
  padding: 0 var(--el-menu-base-level-padding);
  position: relative;
  transition: border-color var(--el-transition-duration),
    background-color var(--el-transition-duration),
    color var(--el-transition-duration);
  white-space: nowrap;
}
.el-sub-menu__title * {
  vertical-align: bottom;
}
.el-sub-menu__title i {
  color: inherit;
}
.el-sub-menu__title:focus,
.el-sub-menu__title:hover {
  outline: none;
}
.el-sub-menu__title.is-disabled {
  background: none !important;
  cursor: not-allowed;
  opacity: 0.25;
}
.el-sub-menu__title:hover {
  background-color: var(--el-menu-hover-bg-color);
}
.el-sub-menu .el-menu {
  border: none;
}
.el-sub-menu .el-menu-item {
  height: var(--el-menu-sub-item-height);
  line-height: var(--el-menu-sub-item-height);
}
.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
  display: none !important;
}
.el-sub-menu.is-active .el-sub-menu__title {
  border-bottom-color: var(--el-menu-active-color);
}
.el-sub-menu.is-disabled .el-menu-item,
.el-sub-menu.is-disabled .el-sub-menu__title {
  background: none !important;
  cursor: not-allowed;
  opacity: 0.25;
}
.el-sub-menu .el-icon {
  font-size: 18px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
  width: var(--el-menu-icon-width);
}
.el-sub-menu .el-icon.el-sub-menu__icon-more {
  margin-right: 0 !important;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  font-size: 12px;
  margin-right: 0;
  margin-top: -6px;
  position: absolute;
  right: var(--el-menu-base-level-padding);
  top: 50%;
  transition: transform var(--el-transition-duration);
  width: inherit;
}
.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  color: var(--el-text-color-secondary);
  font-size: 12px;
  line-height: normal;
  padding: 7px 0 7px var(--el-menu-base-level-padding);
}
.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
  opacity: 0;
  transition: var(--el-transition-duration-fast);
}
.el-message-box {
  --el-messagebox-title-color: var(--el-text-color-primary);
  --el-messagebox-width: 420px;
  --el-messagebox-border-radius: 4px;
  --el-messagebox-box-shadow: var(--el-box-shadow);
  --el-messagebox-font-size: var(--el-font-size-large);
  --el-messagebox-content-font-size: var(--el-font-size-base);
  --el-messagebox-content-color: var(--el-text-color-regular);
  --el-messagebox-error-font-size: 12px;
  --el-messagebox-padding-primary: 12px;
  --el-messagebox-font-line-height: var(--el-font-line-height-primary);
  backface-visibility: hidden;
  background-color: var(--el-bg-color);
  border-radius: var(--el-messagebox-border-radius);
  box-shadow: var(--el-messagebox-box-shadow);
  box-sizing: border-box;
  display: inline-block;
  font-size: var(--el-messagebox-font-size);
  max-width: var(--el-messagebox-width);
  overflow: hidden;
  overflow-wrap: break-word;
  padding: var(--el-messagebox-padding-primary);
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}
.el-message-box:focus {
  outline: none !important;
}
.el-overlay.is-message-box .el-overlay-message-box {
  inset: 0;
  overflow: auto;
  padding: 16px;
  position: fixed;
  text-align: center;
}
.el-overlay.is-message-box .el-overlay-message-box:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.el-message-box.is-draggable .el-message-box__header {
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-message-box__header {
  padding-bottom: var(--el-messagebox-padding-primary);
}
.el-message-box__header.show-close {
  padding-right: calc(
    var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px)
  );
}
.el-message-box__title {
  color: var(--el-messagebox-title-color);
  font-size: var(--el-messagebox-font-size);
  line-height: var(--el-messagebox-font-line-height);
}
.el-message-box__headerbtn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
  height: 40px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.el-message-box__headerbtn .el-message-box__close {
  color: var(--el-color-info);
  font-size: inherit;
}
.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--el-color-primary);
}
.el-message-box__content {
  color: var(--el-messagebox-content-color);
  font-size: var(--el-messagebox-content-font-size);
}
.el-message-box__container {
  align-items: center;
  display: flex;
  gap: 12px;
}
.el-message-box__input {
  padding-top: 12px;
}
.el-message-box__input div.invalid > input,
.el-message-box__input div.invalid > input:focus {
  border-color: var(--el-color-error);
}
.el-message-box__status {
  font-size: 24px;
}
.el-message-box__status.el-message-box-icon--success {
  --el-messagebox-color: var(--el-color-success);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--info {
  --el-messagebox-color: var(--el-color-info);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--warning {
  --el-messagebox-color: var(--el-color-warning);
  color: var(--el-messagebox-color);
}
.el-message-box__status.el-message-box-icon--error {
  --el-messagebox-color: var(--el-color-error);
  color: var(--el-messagebox-color);
}
.el-message-box__message {
  margin: 0;
}
.el-message-box__message p {
  line-height: var(--el-messagebox-font-line-height);
  margin: 0;
}
.el-message-box__errormsg {
  color: var(--el-color-error);
  font-size: var(--el-messagebox-error-font-size);
  line-height: var(--el-messagebox-font-line-height);
}
.el-message-box__btns {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: var(--el-messagebox-padding-primary);
}
.el-message-box--center .el-message-box__title {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
}
.el-message-box--center .el-message-box__status {
  font-size: inherit;
}
.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__container {
  justify-content: center;
}
.fade-in-linear-enter-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration);
}
.fade-in-linear-leave-active .el-overlay-message-box {
  animation: msgbox-fade-in var(--el-transition-duration) reverse;
}
@keyframes msgbox-fade-in {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.el-message {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-border-color-lighter);
  --el-message-padding: 11px 15px;
  --el-message-close-size: 16px;
  --el-message-close-icon-color: var(--el-text-color-placeholder);
  --el-message-close-hover-color: var(--el-text-color-secondary);
  align-items: center;
  background-color: var(--el-message-bg-color);
  border-color: var(--el-message-border-color);
  border-radius: var(--el-border-radius-base);
  border-style: var(--el-border-style);
  border-width: var(--el-border-width);
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  left: 50%;
  max-width: calc(100% - 32px);
  padding: var(--el-message-padding);
  position: fixed;
  top: 20px;
  transform: translate(-50%);
  transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s;
  width: -moz-fit-content;
  width: fit-content;
}
.el-message.is-center {
  justify-content: center;
}
.el-message.is-plain {
  background-color: var(--el-bg-color-overlay);
  border-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}
.el-message p {
  margin: 0;
}
.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-9);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
}
.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}
.el-message .el-message-icon--success {
  color: var(--el-message-text-color);
}
.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
}
.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}
.el-message .el-message-icon--info {
  color: var(--el-message-text-color);
}
.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-9);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
}
.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}
.el-message .el-message-icon--warning {
  color: var(--el-message-text-color);
}
.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-9);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
}
.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}
.el-message .el-message-icon--error {
  color: var(--el-message-text-color);
}
.el-message .el-message__badge {
  position: absolute;
  right: -8px;
  top: -8px;
}
.el-message__content {
  font-size: 14px;
  line-height: 1;
  padding: 0;
}
.el-message__content:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn {
  color: var(--el-message-close-icon-color);
  cursor: pointer;
  font-size: var(--el-message-close-size);
}
.el-message .el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn:hover {
  color: var(--el-message-close-hover-color);
}
.el-message-fade-enter-from,
.el-message-fade-leave-to {
  opacity: 0;
  transform: translate(-50%, -100%);
}
.el-notification {
  --el-notification-width: 330px;
  --el-notification-padding: 14px 26px 14px 13px;
  --el-notification-radius: 8px;
  --el-notification-shadow: var(--el-box-shadow-light);
  --el-notification-border-color: var(--el-border-color-lighter);
  --el-notification-icon-size: 24px;
  --el-notification-close-font-size: var(--el-message-close-size, 16px);
  --el-notification-group-margin-left: 13px;
  --el-notification-group-margin-right: 8px;
  --el-notification-content-font-size: var(--el-font-size-base);
  --el-notification-content-color: var(--el-text-color-regular);
  --el-notification-title-font-size: 16px;
  --el-notification-title-color: var(--el-text-color-primary);
  --el-notification-close-color: var(--el-text-color-secondary);
  --el-notification-close-hover-color: var(--el-text-color-regular);
  background-color: var(--el-bg-color-overlay);
  border: 1px solid var(--el-notification-border-color);
  border-radius: var(--el-notification-radius);
  box-shadow: var(--el-notification-shadow);
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: var(--el-notification-padding);
  position: fixed;
  transition: opacity var(--el-transition-duration),
    transform var(--el-transition-duration), left var(--el-transition-duration),
    right var(--el-transition-duration), top 0.4s,
    bottom var(--el-transition-duration);
  width: var(--el-notification-width);
  z-index: 9999;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification__group {
  margin-left: var(--el-notification-group-margin-left);
  margin-right: var(--el-notification-group-margin-right);
}
.el-notification__title {
  color: var(--el-notification-title-color);
  font-size: var(--el-notification-title-font-size);
  font-weight: 700;
  line-height: var(--el-notification-icon-size);
  margin: 0;
}
.el-notification__content {
  color: var(--el-notification-content-color);
  font-size: var(--el-notification-content-font-size);
  line-height: 24px;
  margin: 6px 0 0;
}
.el-notification__content p {
  margin: 0;
}
.el-notification .el-notification__icon {
  font-size: var(--el-notification-icon-size);
  height: var(--el-notification-icon-size);
  width: var(--el-notification-icon-size);
}
.el-notification .el-notification__closeBtn {
  color: var(--el-notification-close-color);
  cursor: pointer;
  font-size: var(--el-notification-close-font-size);
  position: absolute;
  right: 15px;
  top: 18px;
}
.el-notification .el-notification__closeBtn:hover {
  color: var(--el-notification-close-hover-color);
}
.el-notification .el-notification--success {
  --el-notification-icon-color: var(--el-color-success);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--info {
  --el-notification-icon-color: var(--el-color-info);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--warning {
  --el-notification-icon-color: var(--el-color-warning);
  color: var(--el-notification-icon-color);
}
.el-notification .el-notification--error {
  --el-notification-icon-color: var(--el-color-error);
  color: var(--el-notification-icon-color);
}
.el-notification-fade-enter-from.right {
  right: 0;
  transform: translate(100%);
}
.el-notification-fade-enter-from.left {
  left: 0;
  transform: translate(-100%);
}
.el-notification-fade-leave-to {
  opacity: 0;
}
.el-overlay {
  background-color: var(--el-overlay-color-lighter);
  height: 100%;
  inset: 0;
  overflow: auto;
  position: fixed;
  z-index: 2000;
}
.el-overlay .el-overlay-root {
  height: 0;
}
.el-page-header.is-contentful .el-page-header__main {
  border-top: 1px solid var(--el-border-color-light);
  margin-top: 16px;
}
.el-page-header__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  line-height: 24px;
}
.el-page-header__left {
  align-items: center;
  display: flex;
  margin-right: 40px;
  position: relative;
}
.el-page-header__back {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.el-page-header__left .el-divider--vertical {
  margin: 0 16px;
}
.el-page-header__icon {
  align-items: center;
  display: flex;
  font-size: 16px;
  margin-right: 10px;
}
.el-page-header__icon .el-icon {
  font-size: inherit;
}
.el-page-header__title {
  font-size: 14px;
  font-weight: 500;
}
.el-page-header__content {
  color: var(--el-text-color-primary);
  font-size: 18px;
}
.el-page-header__breadcrumb {
  margin-bottom: 16px;
}
.el-pagination {
  --el-pagination-font-size: 14px;
  --el-pagination-bg-color: var(--el-fill-color-blank);
  --el-pagination-text-color: var(--el-text-color-primary);
  --el-pagination-border-radius: 2px;
  --el-pagination-button-color: var(--el-text-color-primary);
  --el-pagination-button-width: 32px;
  --el-pagination-button-height: 32px;
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-pagination-button-bg-color: var(--el-fill-color);
  --el-pagination-hover-color: var(--el-color-primary);
  --el-pagination-font-size-small: 12px;
  --el-pagination-button-width-small: 24px;
  --el-pagination-button-height-small: 24px;
  --el-pagination-button-width-large: 40px;
  --el-pagination-button-height-large: 40px;
  --el-pagination-item-gap: 16px;
  align-items: center;
  color: var(--el-pagination-text-color);
  display: flex;
  font-size: var(--el-pagination-font-size);
  font-weight: 400;
  white-space: nowrap;
}
.el-pagination .el-input__inner {
  -moz-appearance: textfield;
  text-align: center;
}
.el-pagination .el-select {
  width: 128px;
}
.el-pagination button {
  align-items: center;
  background: var(--el-pagination-bg-color);
  border: none;
  border-radius: var(--el-pagination-border-radius);
  box-sizing: border-box;
  color: var(--el-pagination-button-color);
  cursor: pointer;
  display: flex;
  font-size: var(--el-pagination-font-size);
  height: var(--el-pagination-button-height);
  justify-content: center;
  line-height: var(--el-pagination-button-height);
  min-width: var(--el-pagination-button-width);
  padding: 0 4px;
  text-align: center;
}
.el-pagination button * {
  pointer-events: none;
}
.el-pagination button:focus {
  outline: none;
}
.el-pagination button.is-active,
.el-pagination button:hover {
  color: var(--el-pagination-hover-color);
}
.el-pagination button.is-active {
  cursor: default;
  font-weight: 700;
}
.el-pagination button.is-active.is-disabled {
  color: var(--el-text-color-secondary);
  font-weight: 700;
}
.el-pagination button.is-disabled,
.el-pagination button:disabled {
  background-color: var(--el-pagination-button-disabled-bg-color);
  color: var(--el-pagination-button-disabled-color);
  cursor: not-allowed;
}
.el-pagination button:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}
.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
  display: block;
  font-size: 12px;
  font-weight: 700;
  width: inherit;
}
.el-pagination > .is-first {
  margin-left: 0 !important;
}
.el-pagination > .is-last {
  margin-right: 0 !important;
}
.el-pagination .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}
.el-pagination__sizes,
.el-pagination__total {
  color: var(--el-text-color-regular);
  font-weight: 400;
  margin-left: var(--el-pagination-item-gap);
}
.el-pagination__total[disabled="true"] {
  color: var(--el-text-color-placeholder);
}
.el-pagination__jump {
  align-items: center;
  color: var(--el-text-color-regular);
  display: flex;
  font-weight: 400;
  margin-left: var(--el-pagination-item-gap);
}
.el-pagination__jump[disabled="true"] {
  color: var(--el-text-color-placeholder);
}
.el-pagination__goto {
  margin-right: 8px;
}
.el-pagination__editor {
  box-sizing: border-box;
  text-align: center;
}
.el-pagination__editor.el-input {
  width: 56px;
}
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.el-pagination__classifier {
  margin-left: 8px;
}
.el-pagination__rightwrapper {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  background-color: var(--el-pagination-button-bg-color);
  margin: 0 4px;
}
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
  background-color: var(--el-color-primary);
  color: var(--el-color-white);
}
.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.is-disabled,
.el-pagination.is-background .el-pager li:disabled {
  background-color: var(--el-disabled-bg-color);
  color: var(--el-text-color-placeholder);
}
.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-prev:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active {
  background-color: var(--el-fill-color-dark);
  color: var(--el-text-color-secondary);
}
.el-pagination.is-background .btn-prev {
  margin-left: var(--el-pagination-item-gap);
}
.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li {
  font-size: var(--el-pagination-font-size-small);
  height: var(--el-pagination-button-height-small);
  line-height: var(--el-pagination-button-height-small);
  min-width: var(--el-pagination-button-width-small);
}
.el-pagination--small button,
.el-pagination--small span:not([class*="suffix"]) {
  font-size: var(--el-pagination-font-size-small);
}
.el-pagination--small .el-select {
  width: 100px;
}
.el-pagination--large .btn-next,
.el-pagination--large .btn-prev,
.el-pagination--large .el-pager li {
  height: var(--el-pagination-button-height-large);
  line-height: var(--el-pagination-button-height-large);
  min-width: var(--el-pagination-button-width-large);
}
.el-pagination--large .el-select .el-input {
  width: 160px;
}
.el-pager {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-pager,
.el-pager li {
  align-items: center;
  display: flex;
}
.el-pager li {
  background: var(--el-pagination-bg-color);
  border: none;
  border-radius: var(--el-pagination-border-radius);
  box-sizing: border-box;
  color: var(--el-pagination-button-color);
  cursor: pointer;
  font-size: var(--el-pagination-font-size);
  height: var(--el-pagination-button-height);
  justify-content: center;
  line-height: var(--el-pagination-button-height);
  min-width: var(--el-pagination-button-width);
  padding: 0 4px;
  text-align: center;
}
.el-pager li * {
  pointer-events: none;
}
.el-pager li:focus {
  outline: none;
}
.el-pager li.is-active,
.el-pager li:hover {
  color: var(--el-pagination-hover-color);
}
.el-pager li.is-active {
  cursor: default;
  font-weight: 700;
}
.el-pager li.is-active.is-disabled {
  color: var(--el-text-color-secondary);
  font-weight: 700;
}
.el-pager li.is-disabled,
.el-pager li:disabled {
  background-color: var(--el-pagination-button-disabled-bg-color);
  color: var(--el-pagination-button-disabled-color);
  cursor: not-allowed;
}
.el-pager li:focus-visible {
  outline: 1px solid var(--el-pagination-hover-color);
  outline-offset: -1px;
}
.el-popconfirm__main {
  align-items: center;
  display: flex;
}
.el-popconfirm__icon {
  margin-right: 5px;
}
.el-popconfirm__action {
  margin-top: 8px;
  text-align: right;
}
.el-popover {
  --el-popover-bg-color: var(--el-bg-color-overlay);
  --el-popover-font-size: var(--el-font-size-base);
  --el-popover-border-color: var(--el-border-color-lighter);
  --el-popover-padding: 12px;
  --el-popover-padding-large: 18px 20px;
  --el-popover-title-font-size: 16px;
  --el-popover-title-text-color: var(--el-text-color-primary);
  --el-popover-border-radius: 4px;
}
.el-popover.el-popper {
  background: var(--el-popover-bg-color);
  border: 1px solid var(--el-popover-border-color);
  border-radius: var(--el-popover-border-radius);
  box-shadow: var(--el-box-shadow-light);
  box-sizing: border-box;
  color: var(--el-text-color-regular);
  font-size: var(--el-popover-font-size);
  line-height: 1.4;
  min-width: 150px;
  overflow-wrap: break-word;
  padding: var(--el-popover-padding);
  z-index: var(--el-index-popper);
}
.el-popover.el-popper--plain {
  padding: var(--el-popover-padding-large);
}
.el-popover__title {
  color: var(--el-popover-title-text-color);
  font-size: var(--el-popover-title-font-size);
  line-height: 1;
  margin-bottom: 12px;
}
.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing) {
  outline-width: 0;
}
.el-popover.el-popper.is-dark {
  --el-popover-bg-color: var(--el-text-color-primary);
  --el-popover-border-color: var(--el-text-color-primary);
  --el-popover-title-text-color: var(--el-bg-color);
  color: var(--el-bg-color);
}
.el-popover.el-popper:focus,
.el-popover.el-popper:focus:active {
  outline-width: 0;
}
.el-progress {
  align-items: center;
  display: flex;
  line-height: 1;
  position: relative;
}
.el-progress__text {
  color: var(--el-text-color-regular);
  font-size: 14px;
  line-height: 1;
  margin-left: 5px;
  min-width: 50px;
}
.el-progress__text i {
  display: block;
  vertical-align: middle;
}
.el-progress--circle,
.el-progress--dashboard {
  display: inline-block;
}
.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
  left: 0;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
  display: inline-block;
  vertical-align: middle;
}
.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  display: block;
  margin-right: 0;
  padding-right: 0;
}
.el-progress--text-inside .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.el-progress.is-success .el-progress-bar__inner {
  background-color: var(--el-color-success);
}
.el-progress.is-success .el-progress__text {
  color: var(--el-color-success);
}
.el-progress.is-warning .el-progress-bar__inner {
  background-color: var(--el-color-warning);
}
.el-progress.is-warning .el-progress__text {
  color: var(--el-color-warning);
}
.el-progress.is-exception .el-progress-bar__inner {
  background-color: var(--el-color-danger);
}
.el-progress.is-exception .el-progress__text {
  color: var(--el-color-danger);
}
.el-progress-bar {
  box-sizing: border-box;
  flex-grow: 1;
}
.el-progress-bar__outer {
  background-color: var(--el-border-color-lighter);
  border-radius: 100px;
  height: 6px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.el-progress-bar__inner {
  background-color: var(--el-color-primary);
  border-radius: 100px;
  height: 100%;
  left: 0;
  line-height: 1;
  position: absolute;
  text-align: right;
  top: 0;
  transition: width 0.6s ease;
  white-space: nowrap;
}
.el-progress-bar__inner:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.el-progress-bar__inner--indeterminate {
  animation: indeterminate 3s infinite;
  transform: translateZ(0);
}
.el-progress-bar__inner--striped {
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 0,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 0,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 0,
    transparent
  );
  background-size: 1.25em 1.25em;
}
.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
  animation: striped-flow 3s linear infinite;
}
.el-progress-bar__innerText {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin: 0 5px;
  vertical-align: middle;
}
@keyframes progress {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 32px 0;
  }
}
@keyframes indeterminate {
  0% {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
@keyframes striped-flow {
  0% {
    background-position: -100%;
  }
  to {
    background-position: 100%;
  }
}
.el-radio-button {
  --el-radio-button-checked-bg-color: var(--el-color-primary);
  --el-radio-button-checked-text-color: var(--el-color-white);
  --el-radio-button-checked-border-color: var(--el-color-primary);
  --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light);
}
.el-radio-button,
.el-radio-button__inner {
  display: inline-block;
  outline: none;
  position: relative;
}
.el-radio-button__inner {
  -webkit-appearance: none;
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
  border: var(--el-border);
  border-left: 0;
  border-radius: 0;
  box-sizing: border-box;
  color: var(--el-button-text-color, var(--el-text-color-regular));
  cursor: pointer;
  font-size: var(--el-font-size-base);
  font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
  line-height: 1;
  margin: 0;
  padding: 8px 15px;
  text-align: center;
  transition: var(--el-transition-all);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.el-radio-button__inner.is-round {
  padding: 8px 15px;
}
.el-radio-button__inner:hover {
  color: var(--el-color-primary);
}
.el-radio-button__inner [class*="el-icon-"] {
  line-height: 0.9;
}
.el-radio-button__inner [class*="el-icon-"] + span {
  margin-left: 5px;
}
.el-radio-button:first-child .el-radio-button__inner {
  border-left: var(--el-border);
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  box-shadow: none !important;
}
.el-radio-button.is-active
  .el-radio-button__original-radio:not(:disabled)
  + .el-radio-button__inner {
  background-color: var(
    --el-radio-button-checked-bg-color,
    var(--el-color-primary)
  );
  border-color: var(
    --el-radio-button-checked-border-color,
    var(--el-color-primary)
  );
  box-shadow: -1px 0 0 0
    var(--el-radio-button-checked-border-color, var(--el-color-primary));
  color: var(--el-radio-button-checked-text-color, var(--el-color-white));
}
.el-radio-button__original-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.el-radio-button__original-radio:focus-visible + .el-radio-button__inner {
  border-left: var(--el-border);
  border-left-color: var(
    --el-radio-button-checked-border-color,
    var(--el-color-primary)
  );
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
  outline: 2px solid var(--el-radio-button-checked-border-color);
  outline-offset: 1px;
  z-index: 2;
}
.el-radio-button__original-radio:disabled + .el-radio-button__inner {
  background-color: var(
    --el-button-disabled-bg-color,
    var(--el-fill-color-blank)
  );
  background-image: none;
  border-color: var(
    --el-button-disabled-border-color,
    var(--el-border-color-light)
  );
  box-shadow: none;
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-radio-button__original-radio:disabled:checked + .el-radio-button__inner {
  background-color: var(--el-radio-button-disabled-checked-fill);
}
.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: var(--el-border-radius-base);
}
.el-radio-button--large .el-radio-button__inner {
  border-radius: 0;
  font-size: var(--el-font-size-base);
  padding: 12px 19px;
}
.el-radio-button--large .el-radio-button__inner.is-round {
  padding: 12px 19px;
}
.el-radio-button--small .el-radio-button__inner {
  border-radius: 0;
  font-size: 12px;
  padding: 5px 11px;
}
.el-radio-button--small .el-radio-button__inner.is-round {
  padding: 5px 11px;
}
.el-radio-group {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 0;
}
.el-radio {
  --el-radio-font-size: var(--el-font-size-base);
  --el-radio-text-color: var(--el-text-color-regular);
  --el-radio-font-weight: var(--el-font-weight-primary);
  --el-radio-input-height: 14px;
  --el-radio-input-width: 14px;
  --el-radio-input-border-radius: var(--el-border-radius-circle);
  --el-radio-input-bg-color: var(--el-fill-color-blank);
  --el-radio-input-border: var(--el-border);
  --el-radio-input-border-color: var(--el-border-color);
  --el-radio-input-border-color-hover: var(--el-color-primary);
  align-items: center;
  color: var(--el-radio-text-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--el-font-size-base);
  font-weight: var(--el-radio-font-weight);
  height: 32px;
  margin-right: 30px;
  outline: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.el-radio.el-radio--large {
  height: 40px;
}
.el-radio.el-radio--small {
  height: 24px;
}
.el-radio.is-bordered {
  border: var(--el-border);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
  padding: 0 15px 0 9px;
}
.el-radio.is-bordered.is-checked {
  border-color: var(--el-color-primary);
}
.el-radio.is-bordered.is-disabled {
  border-color: var(--el-border-color-lighter);
  cursor: not-allowed;
}
.el-radio.is-bordered.el-radio--large {
  border-radius: var(--el-border-radius-base);
  padding: 0 19px 0 11px;
}
.el-radio.is-bordered.el-radio--large .el-radio__label {
  font-size: var(--el-font-size-base);
}
.el-radio.is-bordered.el-radio--large .el-radio__inner {
  height: 14px;
  width: 14px;
}
.el-radio.is-bordered.el-radio--small {
  border-radius: var(--el-border-radius-base);
  padding: 0 11px 0 7px;
}
.el-radio.is-bordered.el-radio--small .el-radio__label {
  font-size: 12px;
}
.el-radio.is-bordered.el-radio--small .el-radio__inner {
  height: 12px;
  width: 12px;
}
.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  cursor: pointer;
  display: inline-flex;
  outline: none;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}
.el-radio__input.is-disabled .el-radio__inner {
  border-color: var(--el-disabled-border-color);
}
.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled .el-radio__inner:after {
  background-color: var(--el-disabled-bg-color);
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
  background-color: var(--el-text-color-placeholder);
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-radio__input.is-checked .el-radio__inner {
  background: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.el-radio__input.is-checked .el-radio__inner:after {
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: var(--el-color-primary);
}
.el-radio__input.is-focus .el-radio__inner {
  border-color: var(--el-radio-input-border-color-hover);
}
.el-radio__inner {
  background-color: var(--el-radio-input-bg-color);
  border: var(--el-radio-input-border);
  border-radius: var(--el-radio-input-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: var(--el-radio-input-height);
  position: relative;
  width: var(--el-radio-input-width);
}
.el-radio__inner:hover {
  border-color: var(--el-radio-input-border-color-hover);
}
.el-radio__inner:after {
  background-color: var(--el-color-white);
  border-radius: var(--el-radio-input-border-radius);
  content: "";
  height: 4px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
  width: 4px;
}
.el-radio__original {
  inset: 0;
  margin: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.el-radio__original:focus-visible + .el-radio__inner {
  border-radius: var(--el-radio-input-border-radius);
  outline: 2px solid var(--el-radio-input-border-color-hover);
  outline-offset: 1px;
}
.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled)
  .el-radio__inner {
  box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover);
}
.el-radio__label {
  font-size: var(--el-radio-font-size);
  padding-left: 8px;
}
.el-radio.el-radio--large .el-radio__label {
  font-size: 14px;
}
.el-radio.el-radio--large .el-radio__inner {
  height: 14px;
  width: 14px;
}
.el-radio.el-radio--small .el-radio__label {
  font-size: 12px;
}
.el-radio.el-radio--small .el-radio__inner {
  height: 12px;
  width: 12px;
}
.el-rate {
  --el-rate-height: 20px;
  --el-rate-font-size: var(--el-font-size-base);
  --el-rate-icon-size: 18px;
  --el-rate-icon-margin: 6px;
  --el-rate-void-color: var(--el-border-color-darker);
  --el-rate-fill-color: #f7ba2a;
  --el-rate-disabled-void-color: var(--el-fill-color);
  --el-rate-text-color: var(--el-text-color-primary);
  align-items: center;
  display: inline-flex;
  height: 32px;
}
.el-rate:active,
.el-rate:focus {
  outline: none;
}
.el-rate__item {
  color: var(--el-rate-void-color);
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  line-height: normal;
  position: relative;
  vertical-align: middle;
}
.el-rate .el-rate__icon {
  display: inline-block;
  font-size: var(--el-rate-icon-size);
  margin-right: var(--el-rate-icon-margin);
  position: relative;
  transition: var(--el-transition-duration);
}
.el-rate .el-rate__icon.hover {
  transform: scale(1.15);
}
.el-rate .el-rate__icon .path2 {
  left: 0;
  position: absolute;
  top: 0;
}
.el-rate .el-rate__icon.is-active {
  color: var(--el-rate-fill-color);
}
.el-rate__decimal {
  color: var(--el-rate-fill-color);
  display: inline-block;
  overflow: hidden;
}
.el-rate__decimal,
.el-rate__decimal--box {
  left: 0;
  position: absolute;
  top: 0;
}
.el-rate__text {
  color: var(--el-rate-text-color);
  font-size: var(--el-rate-font-size);
  vertical-align: middle;
}
.el-rate--large {
  height: 40px;
}
.el-rate--small {
  height: 24px;
}
.el-rate--small .el-rate__icon {
  font-size: 14px;
}
.el-rate.is-disabled .el-rate__item {
  color: var(--el-rate-disabled-void-color);
  cursor: auto;
}
.el-result {
  --el-result-padding: 40px 30px;
  --el-result-icon-font-size: 64px;
  --el-result-title-font-size: 20px;
  --el-result-title-margin-top: 20px;
  --el-result-subtitle-margin-top: 10px;
  --el-result-extra-margin-top: 30px;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--el-result-padding);
  text-align: center;
}
.el-result__icon svg {
  height: var(--el-result-icon-font-size);
  width: var(--el-result-icon-font-size);
}
.el-result__title {
  margin-top: var(--el-result-title-margin-top);
}
.el-result__title p {
  color: var(--el-text-color-primary);
  font-size: var(--el-result-title-font-size);
  line-height: 1.3;
  margin: 0;
}
.el-result__subtitle {
  margin-top: var(--el-result-subtitle-margin-top);
}
.el-result__subtitle p {
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  line-height: 1.3;
  margin: 0;
}
.el-result__extra {
  margin-top: var(--el-result-extra-margin-top);
}
.el-result .icon-primary {
  --el-result-color: var(--el-color-primary);
  color: var(--el-result-color);
}
.el-result .icon-success {
  --el-result-color: var(--el-color-success);
  color: var(--el-result-color);
}
.el-result .icon-warning {
  --el-result-color: var(--el-color-warning);
  color: var(--el-result-color);
}
.el-result .icon-danger {
  --el-result-color: var(--el-color-danger);
  color: var(--el-result-color);
}
.el-result .icon-error {
  --el-result-color: var(--el-color-error);
  color: var(--el-result-color);
}
.el-result .icon-info {
  --el-result-color: var(--el-color-info);
  color: var(--el-result-color);
}
.el-row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.el-row.is-justify-center {
  justify-content: center;
}
.el-row.is-justify-end {
  justify-content: flex-end;
}
.el-row.is-justify-space-between {
  justify-content: space-between;
}
.el-row.is-justify-space-around {
  justify-content: space-around;
}
.el-row.is-justify-space-evenly {
  justify-content: space-evenly;
}
.el-row.is-align-top {
  align-items: flex-start;
}
.el-row.is-align-middle {
  align-items: center;
}
.el-row.is-align-bottom {
  align-items: flex-end;
}
.el-scrollbar {
  --el-scrollbar-opacity: 0.3;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.5;
  --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.el-scrollbar__wrap {
  height: 100%;
  overflow: auto;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none;
}
.el-scrollbar__thumb {
  background-color: var(
    --el-scrollbar-bg-color,
    var(--el-text-color-secondary)
  );
  border-radius: inherit;
  cursor: pointer;
  display: block;
  height: 0;
  opacity: var(--el-scrollbar-opacity, 0.3);
  position: relative;
  transition: var(--el-transition-duration) background-color;
  width: 0;
}
.el-scrollbar__thumb:hover {
  background-color: var(
    --el-scrollbar-hover-bg-color,
    var(--el-text-color-secondary)
  );
  opacity: var(--el-scrollbar-hover-opacity, 0.5);
}
.el-scrollbar__bar {
  border-radius: 4px;
  bottom: 2px;
  position: absolute;
  right: 2px;
  z-index: 1;
}
.el-scrollbar__bar.is-vertical {
  top: 2px;
  width: 6px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}
.el-scrollbar-fade-enter-active {
  transition: opacity 0.34s ease-out;
}
.el-scrollbar-fade-leave-active {
  transition: opacity 0.12s ease-out;
}
.el-scrollbar-fade-enter-from,
.el-scrollbar-fade-leave-active {
  opacity: 0;
}
.el-select-dropdown {
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
  z-index: calc(var(--el-index-top) + 1);
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}
.el-select-dropdown__empty,
.el-select-dropdown__loading {
  color: var(--el-text-color-secondary);
  font-size: var(--el-select-font-size);
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
.el-select-dropdown__wrap {
  max-height: 274px;
}
.el-select-dropdown__list {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 6px 0;
}
.el-select-dropdown__list.el-vl__window {
  margin: 6px 0;
  padding: 0;
}
.el-select-dropdown__header {
  border-bottom: 1px solid var(--el-border-color-light);
  padding: 10px;
}
.el-select-dropdown__footer {
  border-top: 1px solid var(--el-border-color-light);
  padding: 10px;
}
.el-select-dropdown__item {
  box-sizing: border-box;
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: var(--el-font-size-base);
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  padding: 0 32px 0 20px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--el-fill-color-light);
}
.el-select-dropdown__item.is-selected {
  color: var(--el-color-primary);
  font-weight: 700;
}
.el-select-dropdown__item.is-disabled {
  background-color: unset;
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
  background-color: var(--el-color-primary);
  background-position: 50%;
  background-repeat: no-repeat;
  border-right: none;
  border-top: none;
  content: "";
  height: 12px;
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat;
  mask-size: 100% 100%;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat;
  -webkit-mask-size: 100% 100%;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after {
  background-color: var(--el-text-color-placeholder);
}
.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.el-select-group__title {
  color: var(--el-color-info);
  font-size: 12px;
  line-height: 34px;
  padding-left: 20px;
}
.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}
.el-select {
  --el-select-border-color-hover: var(--el-border-color-hover);
  --el-select-disabled-color: var(--el-disabled-text-color);
  --el-select-disabled-border: var(--el-disabled-border-color);
  --el-select-font-size: var(--el-font-size-base);
  --el-select-close-hover-color: var(--el-text-color-secondary);
  --el-select-input-color: var(--el-text-color-placeholder);
  --el-select-multiple-input-color: var(--el-text-color-regular);
  --el-select-input-focus-border-color: var(--el-color-primary);
  --el-select-input-font-size: 14px;
  --el-select-width: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: var(--el-select-width);
}
.el-select__wrapper {
  align-items: center;
  background-color: var(--el-fill-color-blank);
  border-radius: var(--el-border-radius-base);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  gap: 6px;
  line-height: 24px;
  min-height: 32px;
  padding: 4px 12px;
  position: relative;
  text-align: left;
  transition: var(--el-transition-duration);
}
.el-select__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-text-color) inset;
}
.el-select__wrapper.is-filterable {
  cursor: text;
}
.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}
.el-select__wrapper.is-hovering:not(.is-focused) {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}
.el-select__wrapper.is-disabled {
  background-color: var(--el-fill-color-light);
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-select__wrapper.is-disabled,
.el-select__wrapper.is-disabled:hover {
  box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}
.el-select__wrapper.is-disabled.is-focus {
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}
.el-select__wrapper.is-disabled .el-select__selected-item {
  color: var(--el-select-disabled-color);
}
.el-select__wrapper.is-disabled .el-select__caret,
.el-select__wrapper.is-disabled .el-tag {
  cursor: not-allowed;
}
.el-select__prefix,
.el-select__suffix {
  align-items: center;
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  display: flex;
  flex-shrink: 0;
  gap: 6px;
}
.el-select__caret {
  color: var(--el-select-input-color);
  cursor: pointer;
  font-size: var(--el-select-input-font-size);
  transform: rotate(0);
  transition: var(--el-transition-duration);
}
.el-select__caret.is-reverse {
  transform: rotate(180deg);
}
.el-select__selection {
  align-items: center;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  position: relative;
}
.el-select__selection.is-near {
  margin-left: -8px;
}
.el-select__selection .el-tag {
  border-color: transparent;
  cursor: pointer;
}
.el-select__selection .el-tag.el-tag--plain {
  border-color: var(--el-tag-border-color);
}
.el-select__selection .el-tag .el-tag__content {
  min-width: 0;
}
.el-select__selected-item {
  display: flex;
  flex-wrap: wrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-select__tags-text {
  line-height: normal;
}
.el-select__placeholder,
.el-select__tags-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-select__placeholder {
  color: var(--el-input-text-color, var(--el-text-color-regular));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.el-select__placeholder.is-transparent {
  color: var(--el-text-color-placeholder);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-select__popper.el-popper {
  background: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}
.el-select__popper.el-popper,
.el-select__popper.el-popper .el-popper__arrow:before {
  border: 1px solid var(--el-border-color-light);
}
.el-select__popper.el-popper[data-popper-placement^="top"]
  .el-popper__arrow:before {
  border-left-color: transparent;
  border-top-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^="bottom"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^="left"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.el-select__popper.el-popper[data-popper-placement^="right"]
  .el-popper__arrow:before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-select__input-wrapper {
  max-width: 100%;
}
.el-select__input-wrapper.is-hidden {
  opacity: 0;
  position: absolute;
}
.el-select__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: var(--el-select-multiple-input-color);
  font-family: inherit;
  font-size: inherit;
  height: 24px;
  max-width: 100%;
  outline: none;
  padding: 0;
}
.el-select__input.is-disabled {
  cursor: not-allowed;
}
.el-select__input-calculator {
  left: 0;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  visibility: hidden;
  white-space: pre;
}
.el-select--large .el-select__wrapper {
  font-size: 14px;
  gap: 6px;
  line-height: 24px;
  min-height: 40px;
  padding: 8px 16px;
}
.el-select--large .el-select__selection {
  gap: 6px;
}
.el-select--large .el-select__selection.is-near {
  margin-left: -8px;
}
.el-select--large .el-select__prefix,
.el-select--large .el-select__suffix {
  gap: 6px;
}
.el-select--large .el-select__input {
  height: 24px;
}
.el-select--small .el-select__wrapper {
  font-size: 12px;
  gap: 4px;
  line-height: 20px;
  min-height: 24px;
  padding: 2px 8px;
}
.el-select--small .el-select__selection {
  gap: 4px;
}
.el-select--small .el-select__selection.is-near {
  margin-left: -6px;
}
.el-select--small .el-select__prefix,
.el-select--small .el-select__suffix {
  gap: 4px;
}
.el-select--small .el-select__input {
  height: 20px;
}
.el-skeleton {
  --el-skeleton-circle-size: var(--el-avatar-size);
}
.el-skeleton__item {
  background: var(--el-skeleton-color);
  border-radius: var(--el-border-radius-base);
  display: inline-block;
  height: 16px;
  width: 100%;
}
.el-skeleton__circle {
  border-radius: 50%;
  height: var(--el-skeleton-circle-size);
  line-height: var(--el-skeleton-circle-size);
  width: var(--el-skeleton-circle-size);
}
.el-skeleton__button {
  border-radius: 4px;
  height: 40px;
  width: 64px;
}
.el-skeleton__p {
  width: 100%;
}
.el-skeleton__p.is-last {
  width: 61%;
}
.el-skeleton__p.is-first {
  width: 33%;
}
.el-skeleton__text {
  height: var(--el-font-size-small);
  width: 100%;
}
.el-skeleton__caption {
  height: var(--el-font-size-extra-small);
}
.el-skeleton__h1 {
  height: var(--el-font-size-extra-large);
}
.el-skeleton__h3 {
  height: var(--el-font-size-large);
}
.el-skeleton__h5 {
  height: var(--el-font-size-medium);
}
.el-skeleton__image {
  align-items: center;
  border-radius: 0;
  display: flex;
  justify-content: center;
  width: unset;
}
.el-skeleton__image svg {
  color: var(--el-svg-monochrome-grey);
  fill: currentColor;
  height: 22%;
  width: 22%;
}
.el-skeleton {
  --el-skeleton-color: var(--el-fill-color);
  --el-skeleton-to-color: var(--el-fill-color-darker);
}
@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.el-skeleton {
  width: 100%;
}
.el-skeleton__first-line,
.el-skeleton__paragraph {
  background: var(--el-skeleton-color);
  height: 16px;
  margin-top: 16px;
}
.el-skeleton.is-animated .el-skeleton__item {
  animation: el-skeleton-loading 1.4s ease infinite;
  background: linear-gradient(
    90deg,
    var(--el-skeleton-color) 25%,
    var(--el-skeleton-to-color) 37%,
    var(--el-skeleton-color) 63%
  );
  background-size: 400% 100%;
}
.el-slider {
  --el-slider-main-bg-color: var(--el-color-primary);
  --el-slider-runway-bg-color: var(--el-border-color-light);
  --el-slider-stop-bg-color: var(--el-color-white);
  --el-slider-disabled-color: var(--el-text-color-placeholder);
  --el-slider-border-radius: 3px;
  --el-slider-height: 6px;
  --el-slider-button-size: 20px;
  --el-slider-button-wrapper-size: 36px;
  --el-slider-button-wrapper-offset: -15px;
  align-items: center;
  display: flex;
  height: 32px;
  width: 100%;
}
.el-slider__runway {
  background-color: var(--el-slider-runway-bg-color);
  border-radius: var(--el-slider-border-radius);
  cursor: pointer;
  flex: 1;
  height: var(--el-slider-height);
  position: relative;
}
.el-slider__runway.show-input {
  margin-right: 30px;
  width: auto;
}
.el-slider__runway.is-disabled {
  cursor: default;
}
.el-slider__runway.is-disabled .el-slider__bar {
  background-color: var(--el-slider-disabled-color);
}
.el-slider__runway.is-disabled .el-slider__button {
  border-color: var(--el-slider-disabled-color);
}
.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,
.el-slider__runway.is-disabled .el-slider__button-wrapper:hover {
  cursor: not-allowed;
}
.el-slider__runway.is-disabled .el-slider__button.dragging,
.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover {
  transform: scale(1);
}
.el-slider__runway.is-disabled .el-slider__button.dragging,
.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover {
  cursor: not-allowed;
}
.el-slider__input {
  flex-shrink: 0;
  width: 130px;
}
.el-slider__bar {
  background-color: var(--el-slider-main-bg-color);
  border-bottom-left-radius: var(--el-slider-border-radius);
  border-top-left-radius: var(--el-slider-border-radius);
  height: var(--el-slider-height);
  position: absolute;
}
.el-slider__button-wrapper {
  background-color: transparent;
  height: var(--el-slider-button-wrapper-size);
  line-height: normal;
  outline: none;
  position: absolute;
  text-align: center;
  top: var(--el-slider-button-wrapper-offset);
  transform: translate(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: var(--el-slider-button-wrapper-size);
  z-index: 1;
}
.el-slider__button-wrapper:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
  cursor: grab;
}
.el-slider__button-wrapper.dragging {
  cursor: grabbing;
}
.el-slider__button {
  background-color: var(--el-color-white);
  border: 2px solid var(--el-slider-main-bg-color);
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  height: var(--el-slider-button-size);
  transition: var(--el-transition-duration-fast);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: var(--el-slider-button-size);
}
.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
  transform: scale(1.2);
}
.el-slider__button.hover,
.el-slider__button:hover {
  cursor: grab;
}
.el-slider__button.dragging {
  cursor: grabbing;
}
.el-slider__stop {
  background-color: var(--el-slider-stop-bg-color);
  border-radius: var(--el-border-radius-circle);
  height: var(--el-slider-height);
  position: absolute;
  transform: translate(-50%);
  width: var(--el-slider-height);
}
.el-slider__marks {
  height: 100%;
  left: 12px;
  top: 0;
  width: 18px;
}
.el-slider__marks-text {
  color: var(--el-color-info);
  font-size: 14px;
  margin-top: 15px;
  position: absolute;
  transform: translate(-50%);
  white-space: pre;
}
.el-slider.is-vertical {
  display: inline-flex;
  flex: 0;
  height: 100%;
  position: relative;
  width: auto;
}
.el-slider.is-vertical .el-slider__runway {
  height: 100%;
  margin: 0 16px;
  width: var(--el-slider-height);
}
.el-slider.is-vertical .el-slider__bar {
  border-radius: 0 0 3px 3px;
  height: auto;
  width: var(--el-slider-height);
}
.el-slider.is-vertical .el-slider__button-wrapper {
  left: var(--el-slider-button-wrapper-offset);
  top: auto;
  transform: translateY(50%);
}
.el-slider.is-vertical .el-slider__stop {
  transform: translateY(50%);
}
.el-slider.is-vertical .el-slider__marks-text {
  left: 15px;
  margin-top: 0;
  transform: translateY(50%);
}
.el-slider--large {
  height: 40px;
}
.el-slider--small {
  height: 24px;
}
.el-space {
  display: inline-flex;
  vertical-align: top;
}
.el-space__item {
  display: flex;
  flex-wrap: wrap;
}
.el-space__item > * {
  flex: 1;
}
.el-space--vertical {
  flex-direction: column;
}
.el-time-spinner {
  white-space: nowrap;
  width: 100%;
}
.el-spinner {
  display: inline-block;
  vertical-align: middle;
}
.el-spinner-inner {
  animation: rotate 2s linear infinite;
  height: 50px;
  width: 50px;
}
.el-spinner-inner .path {
  stroke: var(--el-border-color-lighter);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.el-step {
  flex-shrink: 1;
  position: relative;
}
.el-step:last-of-type .el-step__line {
  display: none;
}
.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-grow: 0;
  flex-shrink: 0;
}
.el-step:last-of-type .el-step__description,
.el-step:last-of-type .el-step__main {
  padding-right: 0;
}
.el-step__head {
  position: relative;
  width: 100%;
}
.el-step__head.is-process {
  border-color: var(--el-text-color-primary);
  color: var(--el-text-color-primary);
}
.el-step__head.is-wait {
  border-color: var(--el-text-color-placeholder);
  color: var(--el-text-color-placeholder);
}
.el-step__head.is-success {
  border-color: var(--el-color-success);
  color: var(--el-color-success);
}
.el-step__head.is-error {
  border-color: var(--el-color-danger);
  color: var(--el-color-danger);
}
.el-step__head.is-finish {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}
.el-step__icon {
  align-items: center;
  background: var(--el-bg-color);
  box-sizing: border-box;
  display: inline-flex;
  font-size: 14px;
  height: 24px;
  justify-content: center;
  position: relative;
  transition: 0.15s ease-out;
  width: 24px;
  z-index: 1;
}
.el-step__icon.is-text {
  border: 2px solid;
  border-color: inherit;
  border-radius: 50%;
}
.el-step__icon.is-icon {
  width: 40px;
}
.el-step__icon-inner {
  color: inherit;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-step__icon-inner[class*="el-icon"]:not(.is-status) {
  font-size: 25px;
  font-weight: 400;
}
.el-step__icon-inner.is-status {
  transform: translateY(1px);
}
.el-step__line {
  background-color: var(--el-text-color-placeholder);
  border-color: inherit;
  position: absolute;
}
.el-step__line-inner {
  border: 1px solid;
  border-color: inherit;
  box-sizing: border-box;
  display: block;
  height: 0;
  transition: 0.15s ease-out;
  width: 0;
}
.el-step__main {
  text-align: left;
  white-space: normal;
}
.el-step__title {
  font-size: 16px;
  line-height: 38px;
}
.el-step__title.is-process {
  color: var(--el-text-color-primary);
  font-weight: 700;
}
.el-step__title.is-wait {
  color: var(--el-text-color-placeholder);
}
.el-step__title.is-success {
  color: var(--el-color-success);
}
.el-step__title.is-error {
  color: var(--el-color-danger);
}
.el-step__title.is-finish {
  color: var(--el-color-primary);
}
.el-step__description {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top: -5px;
  padding-right: 10%;
}
.el-step__description.is-process {
  color: var(--el-text-color-primary);
}
.el-step__description.is-wait {
  color: var(--el-text-color-placeholder);
}
.el-step__description.is-success {
  color: var(--el-color-success);
}
.el-step__description.is-error {
  color: var(--el-color-danger);
}
.el-step__description.is-finish {
  color: var(--el-color-primary);
}
.el-step.is-horizontal {
  display: inline-block;
}
.el-step.is-horizontal .el-step__line {
  height: 2px;
  left: 0;
  right: 0;
  top: 11px;
}
.el-step.is-vertical {
  display: flex;
}
.el-step.is-vertical .el-step__head {
  flex-grow: 0;
  width: 24px;
}
.el-step.is-vertical .el-step__main {
  flex-grow: 1;
  padding-left: 10px;
}
.el-step.is-vertical .el-step__title {
  line-height: 24px;
  padding-bottom: 8px;
}
.el-step.is-vertical .el-step__line {
  bottom: 0;
  left: 11px;
  top: 0;
  width: 2px;
}
.el-step.is-vertical .el-step__icon.is-icon {
  width: 24px;
}
.el-step.is-center .el-step__head,
.el-step.is-center .el-step__main {
  text-align: center;
}
.el-step.is-center .el-step__description {
  padding-left: 20%;
  padding-right: 20%;
}
.el-step.is-center .el-step__line {
  left: 50%;
  right: -50%;
}
.el-step.is-simple {
  align-items: center;
  display: flex;
}
.el-step.is-simple .el-step__head {
  font-size: 0;
  padding-right: 10px;
  width: auto;
}
.el-step.is-simple .el-step__icon {
  background: transparent;
  font-size: 12px;
  height: 16px;
  width: 16px;
}
.el-step.is-simple .el-step__icon-inner[class*="el-icon"]:not(.is-status) {
  font-size: 18px;
}
.el-step.is-simple .el-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px);
}
.el-step.is-simple .el-step__main {
  align-items: stretch;
  display: flex;
  flex-grow: 1;
  position: relative;
}
.el-step.is-simple .el-step__title {
  font-size: 16px;
  line-height: 20px;
}
.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  overflow-wrap: break-word;
}
.el-step.is-simple .el-step__arrow {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.el-step.is-simple .el-step__arrow:after,
.el-step.is-simple .el-step__arrow:before {
  background: var(--el-text-color-placeholder);
  content: "";
  display: inline-block;
  height: 15px;
  position: absolute;
  width: 1px;
}
.el-step.is-simple .el-step__arrow:before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0;
}
.el-step.is-simple .el-step__arrow:after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%;
}
.el-step.is-simple:last-of-type .el-step__arrow {
  display: none;
}
.el-steps {
  display: flex;
}
.el-steps--simple {
  background: var(--el-fill-color-light);
  border-radius: 4px;
  padding: 13px 8%;
}
.el-steps--horizontal {
  white-space: nowrap;
}
.el-steps--vertical {
  flex-flow: column;
  height: 100%;
}
.el-switch {
  --el-switch-on-color: var(--el-color-primary);
  --el-switch-off-color: var(--el-border-color);
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  height: 32px;
  line-height: 20px;
  position: relative;
  vertical-align: middle;
}
.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}
.el-switch__label {
  color: var(--el-text-color-primary);
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  transition: var(--el-transition-duration-fast);
  vertical-align: middle;
}
.el-switch__label.is-active {
  color: var(--el-color-primary);
}
.el-switch__label--left {
  margin-right: 10px;
}
.el-switch__label--right {
  margin-left: 10px;
}
.el-switch__label * {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
}
.el-switch__label .el-icon {
  height: inherit;
}
.el-switch__label .el-icon svg {
  vertical-align: middle;
}
.el-switch__input {
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.el-switch__input:focus-visible ~ .el-switch__core {
  outline: 2px solid var(--el-switch-on-color);
  outline-offset: 1px;
}
.el-switch__core {
  align-items: center;
  background: var(--el-switch-off-color);
  border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  height: 20px;
  min-width: 40px;
  outline: none;
  position: relative;
  transition: border-color var(--el-transition-duration),
    background-color var(--el-transition-duration);
}
.el-switch__core .el-switch__inner {
  align-items: center;
  display: flex;
  height: 16px;
  justify-content: center;
  overflow: hidden;
  padding: 0 4px 0 18px;
  transition: all var(--el-transition-duration);
  width: 100%;
}
.el-switch__core .el-switch__inner .is-icon,
.el-switch__core .el-switch__inner .is-text {
  color: var(--el-color-white);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.el-switch__core .el-switch__action {
  align-items: center;
  background-color: var(--el-color-white);
  border-radius: var(--el-border-radius-circle);
  color: var(--el-switch-off-color);
  display: flex;
  height: 16px;
  justify-content: center;
  left: 1px;
  position: absolute;
  transition: all var(--el-transition-duration);
  width: 16px;
}
.el-switch.is-checked .el-switch__core {
  background-color: var(--el-switch-on-color);
  border-color: var(--el-switch-border-color, var(--el-switch-on-color));
}
.el-switch.is-checked .el-switch__core .el-switch__action {
  color: var(--el-switch-on-color);
  left: calc(100% - 17px);
}
.el-switch.is-checked .el-switch__core .el-switch__inner {
  padding: 0 18px 0 4px;
}
.el-switch.is-disabled {
  opacity: 0.6;
}
.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}
.el-switch .label-fade-enter-from,
.el-switch .label-fade-leave-active {
  opacity: 0;
}
.el-switch--large {
  font-size: 14px;
  height: 40px;
  line-height: 24px;
}
.el-switch--large .el-switch__label {
  font-size: 14px;
  height: 24px;
}
.el-switch--large .el-switch__label * {
  font-size: 14px;
}
.el-switch--large .el-switch__core {
  border-radius: 12px;
  height: 24px;
  min-width: 50px;
}
.el-switch--large .el-switch__core .el-switch__inner {
  height: 20px;
  padding: 0 6px 0 22px;
}
.el-switch--large .el-switch__core .el-switch__action {
  height: 20px;
  width: 20px;
}
.el-switch--large.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 21px);
}
.el-switch--large.is-checked .el-switch__core .el-switch__inner {
  padding: 0 22px 0 6px;
}
.el-switch--small {
  font-size: 12px;
  height: 24px;
  line-height: 16px;
}
.el-switch--small .el-switch__label {
  font-size: 12px;
  height: 16px;
}
.el-switch--small .el-switch__label * {
  font-size: 12px;
}
.el-switch--small .el-switch__core {
  border-radius: 8px;
  height: 16px;
  min-width: 30px;
}
.el-switch--small .el-switch__core .el-switch__inner {
  height: 12px;
  padding: 0 2px 0 14px;
}
.el-switch--small .el-switch__core .el-switch__action {
  height: 12px;
  width: 12px;
}
.el-switch--small.is-checked .el-switch__core .el-switch__action {
  left: calc(100% - 13px);
}
.el-switch--small.is-checked .el-switch__core .el-switch__inner {
  padding: 0 14px 0 2px;
}
.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}
.el-table-filter {
  background-color: #fff;
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 2px;
  box-shadow: var(--el-box-shadow-light);
  box-sizing: border-box;
}
.el-table-filter__list {
  list-style: none;
  margin: 0;
  min-width: 100px;
  padding: 5px 0;
}
.el-table-filter__list-item {
  cursor: pointer;
  font-size: var(--el-font-size-base);
  line-height: 36px;
  padding: 0 10px;
}
.el-table-filter__list-item:hover {
  background-color: var(--el-color-primary-light-9);
  color: var(--el-color-primary);
}
.el-table-filter__list-item.is-active {
  background-color: var(--el-color-primary);
  color: #fff;
}
.el-table-filter__content {
  min-width: 100px;
}
.el-table-filter__bottom {
  border-top: 1px solid var(--el-border-color-lighter);
  padding: 8px;
}
.el-table-filter__bottom button {
  background: transparent;
  border: none;
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: var(--el-font-size-small);
  padding: 0 3px;
}
.el-table-filter__bottom button:hover {
  color: var(--el-color-primary);
}
.el-table-filter__bottom button:focus {
  outline: none;
}
.el-table-filter__bottom button.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-table-filter__wrap {
  max-height: 280px;
}
.el-table-filter__checkbox-group {
  padding: 10px;
}
.el-table-filter__checkbox-group label.el-checkbox {
  align-items: center;
  display: flex;
  height: unset;
  margin-bottom: 12px;
  margin-left: 5px;
  margin-right: 5px;
}
.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0;
}
.el-table {
  --el-table-border-color: var(--el-border-color-lighter);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--el-text-color-secondary);
  --el-table-row-hover-bg-color: var(--el-fill-color-light);
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  --el-table-header-bg-color: var(--el-bg-color);
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-bg-color);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
  background-color: var(--el-table-bg-color);
  box-sizing: border-box;
  color: var(--el-table-text-color);
  font-size: 14px;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.el-table__inner-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.el-table__inner-wrapper:before {
  bottom: 0;
  height: 1px;
  left: 0;
}
.el-table tbody:focus-visible {
  outline: none;
}
.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell {
  border-bottom-color: transparent;
}
.el-table__empty-block {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  min-height: 60px;
  position: sticky;
  text-align: center;
  width: 100%;
}
.el-table__empty-text {
  color: var(--el-text-color-secondary);
  line-height: 60px;
  width: 50%;
}
.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-table__expand-icon {
  color: var(--el-text-color-regular);
  cursor: pointer;
  font-size: 12px;
  height: 20px;
  position: relative;
  transition: transform var(--el-transition-duration-fast) ease-in-out;
}
.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}
.el-table__expand-icon > .el-icon {
  font-size: 12px;
}
.el-table__expanded-cell {
  background-color: var(--el-table-expanded-cell-bg-color);
}
.el-table__expanded-cell[class*="cell"] {
  padding: 20px 50px;
}
.el-table__expanded-cell:hover {
  background-color: transparent !important;
}
.el-table__placeholder {
  display: inline-block;
  width: 20px;
}
.el-table__append-wrapper {
  overflow: hidden;
}
.el-table--fit {
  border-bottom: 0;
  border-right: 0;
}
.el-table--fit .el-table__cell.gutter {
  border-right-width: 1px;
}
.el-table--fit .el-table__inner-wrapper:before {
  width: 100%;
}
.el-table thead {
  color: var(--el-table-header-text-color);
}
.el-table thead th {
  font-weight: 600;
}
.el-table thead.is-group th.el-table__cell {
  background: var(--el-fill-color-light);
}
.el-table .el-table__cell {
  box-sizing: border-box;
  min-width: 0;
  padding: 8px 0;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: var(--el-table-index);
}
.el-table .el-table__cell.is-center {
  text-align: center;
}
.el-table .el-table__cell.is-right {
  text-align: right;
}
.el-table .el-table__cell.gutter {
  border-bottom-width: 0;
  border-right-width: 0;
  padding: 0;
  width: 15px;
}
.el-table .el-table__cell.is-hidden > * {
  visibility: hidden;
}
.el-table .cell {
  box-sizing: border-box;
  line-height: 23px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 0 12px;
  text-overflow: ellipsis;
  white-space: normal;
}
.el-table .cell.el-tooltip {
  min-width: 50px;
  white-space: nowrap;
}
.el-table--large {
  font-size: var(--el-font-size-base);
}
.el-table--large .el-table__cell {
  padding: 12px 0;
}
.el-table--large .cell {
  padding: 0 16px;
}
.el-table--default {
  font-size: 14px;
}
.el-table--default .el-table__cell {
  padding: 8px 0;
}
.el-table--default .cell {
  padding: 0 12px;
}
.el-table--small {
  font-size: 12px;
}
.el-table--small .el-table__cell {
  padding: 4px 0;
}
.el-table--small .cell {
  padding: 0 8px;
}
.el-table tr {
  background-color: var(--el-table-tr-bg-color);
}
.el-table tr input[type="checkbox"] {
  margin: 0;
}
.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: var(--el-table-border);
}
.el-table th.el-table__cell.is-sortable {
  cursor: pointer;
}
.el-table th.el-table__cell {
  background-color: var(--el-table-header-bg-color);
}
.el-table th.el-table__cell > .cell.highlight {
  color: var(--el-color-primary);
}
.el-table th.el-table__cell.required > div:before {
  background: #ff4d51;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 5px;
  vertical-align: middle;
  width: 8px;
}
.el-table td.el-table__cell div {
  box-sizing: border-box;
}
.el-table td.el-table__cell.gutter {
  width: 0;
}
.el-table--border .el-table__inner-wrapper:after,
.el-table--border:after,
.el-table--border:before,
.el-table__inner-wrapper:before {
  background-color: var(--el-table-border-color);
  content: "";
  position: absolute;
  z-index: calc(var(--el-table-index) + 2);
}
.el-table--border .el-table__inner-wrapper:after {
  height: 1px;
  left: 0;
  top: 0;
  width: 100%;
  z-index: calc(var(--el-table-index) + 2);
}
.el-table--border:before {
  height: 100%;
  left: 0;
  top: -1px;
  width: 1px;
}
.el-table--border:after {
  height: 100%;
  right: 0;
  top: -1px;
  width: 1px;
}
.el-table--border .el-table__inner-wrapper {
  border-bottom: none;
  border-right: none;
}
.el-table--border .el-table__footer-wrapper {
  flex-shrink: 0;
  position: relative;
}
.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: var(--el-table-border);
  border-bottom-width: 1px;
}
.el-table--border th.el-table__cell {
  border-bottom: var(--el-table-border);
}
.el-table--hidden {
  visibility: hidden;
}
.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
  width: 100%;
}
.el-table__body-wrapper tr td.el-table-fixed-column--left,
.el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right,
.el-table__footer-wrapper tr td.el-table-fixed-column--left,
.el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right,
.el-table__header-wrapper tr td.el-table-fixed-column--left,
.el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
  background: inherit;
  position: sticky !important;
  z-index: calc(var(--el-table-index) + 1);
}
.el-table__body-wrapper
  tr
  td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper
  tr
  td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper
  tr
  td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper
  tr
  th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper
  tr
  th.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper
  tr
  th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper
  tr
  td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper
  tr
  td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper
  tr
  td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper
  tr
  td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper
  tr
  th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper
  tr
  th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper
  tr
  th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper
  tr
  th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper
  tr
  td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper
  tr
  td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper
  tr
  td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper
  tr
  td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper
  tr
  th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper
  tr
  th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper
  tr
  th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper
  tr
  th.el-table-fixed-column--right.is-last-column:before {
  bottom: -1px;
  box-shadow: none;
  content: "";
  overflow-x: hidden;
  overflow-y: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  touch-action: none;
  width: 10px;
}
.el-table__body-wrapper
  tr
  td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper
  tr
  td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper
  tr
  th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper
  tr
  th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper
  tr
  td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper
  tr
  td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper
  tr
  th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper
  tr
  th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper
  tr
  td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper
  tr
  td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper
  tr
  th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper
  tr
  th.el-table-fixed-column--right.is-first-column:before {
  left: -10px;
}
.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper
  tr
  td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper
  tr
  th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper
  tr
  td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper
  tr
  td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper
  tr
  th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper
  tr
  th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper
  tr
  td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper
  tr
  td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper
  tr
  th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper
  tr
  th.el-table-fixed-column--right.is-last-column:before {
  box-shadow: none;
  right: -10px;
}
.el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch,
.el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch,
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch {
  background: #fff;
  position: sticky !important;
  right: 0;
  z-index: calc(var(--el-table-index) + 1);
}
.el-table__header-wrapper {
  flex-shrink: 0;
}
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}
.el-table__body,
.el-table__footer,
.el-table__header {
  border-collapse: separate;
  table-layout: fixed;
}
.el-table__header-wrapper {
  overflow: hidden;
}
.el-table__header-wrapper tbody td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}
.el-table__footer-wrapper {
  flex-shrink: 0;
  overflow: hidden;
}
.el-table__footer-wrapper tfoot td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-table-text-color);
}
.el-table__body-wrapper .el-table-column--selection > .cell,
.el-table__header-wrapper .el-table-column--selection > .cell {
  align-items: center;
  display: inline-flex;
  height: 23px;
}
.el-table__body-wrapper .el-table-column--selection .el-checkbox,
.el-table__header-wrapper .el-table-column--selection .el-checkbox {
  height: unset;
}
.el-table.is-scrolling-left
  .el-table-fixed-column--right.is-first-column:before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-left.el-table--border
  .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: var(--el-table-border);
}
.el-table.is-scrolling-left th.el-table-fixed-column--left {
  background-color: var(--el-table-header-bg-color);
}
.el-table.is-scrolling-right
  .el-table-fixed-column--left.is-last-column:before {
  box-shadow: var(--el-table-fixed-left-column);
}
.el-table.is-scrolling-right
  .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-right th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}
.el-table.is-scrolling-middle
  .el-table-fixed-column--left.is-last-column.el-table__cell {
  border-right: none;
}
.el-table.is-scrolling-middle
  .el-table-fixed-column--right.is-first-column:before {
  box-shadow: var(--el-table-fixed-right-column);
}
.el-table.is-scrolling-middle
  .el-table-fixed-column--left.is-last-column:before {
  box-shadow: var(--el-table-fixed-left-column);
}
.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,
.el-table.is-scrolling-none
  .el-table-fixed-column--right.is-first-column:before,
.el-table.is-scrolling-none
  .el-table-fixed-column--right.is-last-column:before {
  box-shadow: none;
}
.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
  background-color: var(--el-table-header-bg-color);
}
.el-table__body-wrapper {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.el-table__body-wrapper .el-scrollbar__bar {
  z-index: calc(var(--el-table-index) + 2);
}
.el-table .caret-wrapper {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  height: 14px;
  overflow: initial;
  position: relative;
  vertical-align: middle;
  width: 24px;
}
.el-table .sort-caret {
  border: 5px solid transparent;
  height: 0;
  left: 7px;
  position: absolute;
  width: 0;
}
.el-table .sort-caret.ascending {
  border-bottom-color: var(--el-text-color-placeholder);
  top: -5px;
}
.el-table .sort-caret.descending {
  border-top-color: var(--el-text-color-placeholder);
  bottom: -3px;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--el-color-primary);
}
.el-table .descending .sort-caret.descending {
  border-top-color: var(--el-color-primary);
}
.el-table .hidden-columns {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: var(--el-fill-color-lighter);
}
.el-table--striped
  .el-table__body
  tr.el-table__row--striped.current-row
  td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}
.el-table__body tr.hover-row.current-row > td.el-table__cell,
.el-table__body
  tr.hover-row.el-table__row--striped.current-row
  > td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
.el-table__body tr.hover-row > td.el-table__cell,
.el-table__body tr > td.hover-cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table__body tr.current-row > td.el-table__cell {
  background-color: var(--el-table-current-row-bg-color);
}
.el-table.el-table--scrollable-y .el-table__body-header {
  position: sticky;
  top: 0;
  z-index: calc(var(--el-table-index) + 2);
}
.el-table.el-table--scrollable-y .el-table__body-footer {
  bottom: 0;
  position: sticky;
  z-index: calc(var(--el-table-index) + 2);
}
.el-table__column-resize-proxy {
  border-left: var(--el-table-border);
  bottom: 0;
  left: 200px;
  position: absolute;
  top: 0;
  width: 0;
  z-index: calc(var(--el-table-index) + 9);
}
.el-table__column-filter-trigger {
  cursor: pointer;
  display: inline-block;
}
.el-table__column-filter-trigger i {
  color: var(--el-color-info);
  font-size: 14px;
  vertical-align: middle;
}
.el-table__border-left-patch {
  height: 100%;
  top: 0;
  width: 1px;
}
.el-table__border-bottom-patch,
.el-table__border-left-patch {
  background-color: var(--el-table-border-color);
  left: 0;
  position: absolute;
  z-index: calc(var(--el-table-index) + 2);
}
.el-table__border-bottom-patch {
  height: 1px;
}
.el-table__border-right-patch {
  background-color: var(--el-table-border-color);
  height: 100%;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: calc(var(--el-table-index) + 2);
}
.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0.25s ease;
}
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table [class*="el-table__row--level"] .el-table__expand-icon {
  display: inline-block;
  height: 12px;
  line-height: 12px;
  margin-right: 8px;
  text-align: center;
  width: 12px;
}
.el-table .el-table.el-table--border .el-table__cell {
  border-right: var(--el-table-border);
}
.el-table:not(.el-table--border) .el-table__cell {
  border-right: none;
}
.el-table:not(.el-table--border) > .el-table__inner-wrapper:after {
  content: none;
}
.el-table-v2 {
  --el-table-border-color: var(--el-border-color-lighter);
  --el-table-border: 1px solid var(--el-table-border-color);
  --el-table-text-color: var(--el-text-color-regular);
  --el-table-header-text-color: var(--el-text-color-secondary);
  --el-table-row-hover-bg-color: var(--el-fill-color-light);
  --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  --el-table-header-bg-color: var(--el-bg-color);
  --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  --el-table-bg-color: var(--el-fill-color-blank);
  --el-table-tr-bg-color: var(--el-bg-color);
  --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  --el-table-index: var(--el-index-normal);
  font-size: 14px;
}
.el-table-v2 * {
  box-sizing: border-box;
}
.el-table-v2__root {
  position: relative;
}
.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
  opacity: 1;
}
.el-table-v2__main {
  background-color: var(--el-bg-color);
  display: flex;
  flex-direction: column-reverse;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.el-table-v2__main .el-vl__horizontal,
.el-table-v2__main .el-vl__vertical {
  z-index: 2;
}
.el-table-v2__left {
  background-color: var(--el-bg-color);
  box-shadow: 2px 0 4px #0000000f;
  display: flex;
  flex-direction: column-reverse;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.el-table-v2__left .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__left .el-vl__horizontal,
.el-table-v2__left .el-vl__vertical {
  z-index: -1;
}
.el-table-v2__right {
  background-color: var(--el-bg-color);
  box-shadow: -2px 0 4px #0000000f;
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.el-table-v2__right .el-virtual-scrollbar {
  opacity: 0;
}
.el-table-v2__right .el-vl__horizontal,
.el-table-v2__right .el-vl__vertical {
  z-index: -1;
}
.el-table-v2__header-row,
.el-table-v2__row {
  padding-inline-end: var(--el-table-scrollbar-size);
}
.el-table-v2__header-wrapper {
  overflow: hidden;
}
.el-table-v2__header {
  overflow: hidden;
  position: relative;
}
.el-table-v2__footer {
  bottom: 0;
  overflow: hidden;
  right: 0;
}
.el-table-v2__empty,
.el-table-v2__footer,
.el-table-v2__overlay {
  left: 0;
  position: absolute;
}
.el-table-v2__overlay {
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 9999;
}
.el-table-v2__header-row {
  border-bottom: var(--el-table-border);
  display: flex;
}
.el-table-v2__header-cell {
  align-items: center;
  background-color: var(--el-table-header-bg-color);
  color: var(--el-table-header-text-color);
  display: flex;
  font-weight: 700;
  height: 100%;
  overflow: hidden;
  padding: 0 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-table-v2__header-cell.is-align-center {
  justify-content: center;
  text-align: center;
}
.el-table-v2__header-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}
.el-table-v2__header-cell.is-sortable {
  cursor: pointer;
}
.el-table-v2__header-cell:hover .el-icon {
  display: block;
}
.el-table-v2__sort-icon {
  display: none;
  opacity: 0.6;
  transition: opacity, display var(--el-transition-duration);
}
.el-table-v2__sort-icon.is-sorting {
  display: block;
  opacity: 1;
}
.el-table-v2__row {
  align-items: center;
  border-bottom: var(--el-table-border);
  display: flex;
  transition: background-color var(--el-transition-duration);
}
.el-table-v2__row.is-hovered,
.el-table-v2__row:hover {
  background-color: var(--el-table-row-hover-bg-color);
}
.el-table-v2__row-cell {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
  padding: 0 8px;
}
.el-table-v2__row-cell.is-align-center {
  justify-content: center;
  text-align: center;
}
.el-table-v2__row-cell.is-align-right {
  justify-content: flex-end;
  text-align: right;
}
.el-table-v2__expand-icon {
  cursor: pointer;
  margin: 0 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-table-v2__expand-icon svg {
  transition: transform var(--el-transition-duration);
}
.el-table-v2__expand-icon.is-expanded svg {
  transform: rotate(90deg);
}
.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-table-v2.is-dynamic .el-table-v2__row {
  align-items: stretch;
  overflow: hidden;
}
.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
  overflow-wrap: break-word;
}
.el-tabs {
  --el-tabs-header-height: 40px;
  display: flex;
}
.el-tabs__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px;
  padding: 0;
  position: relative;
}
.el-tabs__header-vertical {
  flex-direction: column;
}
.el-tabs__active-bar {
  background-color: var(--el-color-primary);
  bottom: 0;
  height: 2px;
  left: 0;
  list-style: none;
  position: absolute;
  transition: width var(--el-transition-duration)
      var(--el-transition-function-ease-in-out-bezier),
    transform var(--el-transition-duration)
      var(--el-transition-function-ease-in-out-bezier);
  z-index: 1;
}
.el-tabs__new-tab {
  align-items: center;
  border: 1px solid var(--el-border-color);
  border-radius: 3px;
  color: var(--el-text-color-primary);
  cursor: pointer;
  display: flex;
  font-size: 12px;
  height: 20px;
  justify-content: center;
  line-height: 20px;
  margin: 10px 0 10px 10px;
  text-align: center;
  transition: all 0.15s;
  width: 20px;
}
.el-tabs__new-tab .is-icon-plus {
  height: inherit;
  transform: scale(0.8);
  width: inherit;
}
.el-tabs__new-tab .is-icon-plus svg {
  vertical-align: middle;
}
.el-tabs__new-tab:hover {
  color: var(--el-color-primary);
}
.el-tabs__new-tab-vertical {
  margin-left: 0;
}
.el-tabs__nav-wrap {
  flex: 1 auto;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}
.el-tabs__nav-wrap:after {
  background-color: var(--el-border-color-light);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: var(--el-index-normal);
}
.el-tabs__nav-wrap.is-scrollable {
  box-sizing: border-box;
  padding: 0 20px;
}
.el-tabs__nav-scroll {
  overflow: hidden;
}
.el-tabs__nav-next,
.el-tabs__nav-prev {
  color: var(--el-text-color-secondary);
  cursor: pointer;
  font-size: 12px;
  line-height: 44px;
  position: absolute;
  text-align: center;
  width: 20px;
}
.el-tabs__nav-next {
  right: 0;
}
.el-tabs__nav-prev {
  left: 0;
}
.el-tabs__nav {
  display: flex;
  float: left;
  position: relative;
  transition: transform var(--el-transition-duration);
  white-space: nowrap;
  z-index: calc(var(--el-index-normal) + 1);
}
.el-tabs__nav.is-stretch {
  display: flex;
  min-width: 100%;
}
.el-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}
.el-tabs__item {
  align-items: center;
  box-sizing: border-box;
  color: var(--el-text-color-primary);
  display: flex;
  font-size: var(--el-font-size-base);
  font-weight: 500;
  height: var(--el-tabs-header-height);
  justify-content: center;
  list-style: none;
  padding: 0 20px;
  position: relative;
}
.el-tabs__item:focus,
.el-tabs__item:focus:active {
  outline: none;
}
.el-tabs__item:focus-visible {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
}
.el-tabs__item .is-icon-close {
  border-radius: 50%;
  margin-left: 5px;
  text-align: center;
  transition: all var(--el-transition-duration)
    var(--el-transition-function-ease-in-out-bezier);
}
.el-tabs__item .is-icon-close:before {
  display: inline-block;
  transform: scale(0.9);
}
.el-tabs__item .is-icon-close:hover {
  background-color: var(--el-text-color-placeholder);
  color: #fff;
}
.el-tabs__item.is-active,
.el-tabs__item:hover {
  color: var(--el-color-primary);
}
.el-tabs__item:hover {
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
  cursor: not-allowed;
}
.el-tabs__content {
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}
.el-tabs--bottom > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0;
}
.el-tabs--bottom > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0;
}
.el-tabs--bottom.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 20px;
}
.el-tabs--bottom.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 20px;
}
.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid var(--el-border-color-light);
  height: var(--el-tabs-header-height);
}
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap:after {
  content: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .is-icon-close {
  font-size: 12px;
  height: 14px;
  overflow: hidden;
  position: relative;
  right: -2px;
  transform-origin: 100% 50%;
  width: 0;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--el-border-color-light);
  transition: color var(--el-transition-duration)
      var(--el-transition-function-ease-in-out-bezier),
    padding var(--el-transition-duration)
      var(--el-transition-function-ease-in-out-bezier);
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}
.el-tabs--card
  > .el-tabs__header
  .el-tabs__item.is-closable:hover
  .is-icon-close {
  width: 14px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: var(--el-bg-color);
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}
.el-tabs--card
  > .el-tabs__header
  .el-tabs__item.is-active.is-closable
  .is-icon-close {
  width: 14px;
}
.el-tabs--border-card {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color);
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: var(--el-fill-color-light);
  border-bottom: 1px solid var(--el-border-color-light);
  margin: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap:after {
  content: none;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  border: 1px solid transparent;
  color: var(--el-text-color-secondary);
  margin-top: -1px;
  transition: all var(--el-transition-duration)
    var(--el-transition-function-ease-in-out-bezier);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item,
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: var(--el-bg-color-overlay);
  border-left-color: var(--el-border-color);
  border-right-color: var(--el-border-color);
  color: var(--el-color-primary);
}
.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:not(.is-disabled):hover {
  color: var(--el-color-primary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: var(--el-disabled-text-color);
}
.el-tabs--border-card
  > .el-tabs__header
  .is-scrollable
  .el-tabs__item:first-child {
  margin-left: 0;
}
.el-tabs--bottom {
  flex-direction: column;
}
.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid var(--el-border-color);
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-bottom: 0;
  margin-top: -1px;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -1px -1px;
}
.el-tabs--left,
.el-tabs--right {
  overflow: hidden;
}
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
  height: 100%;
}
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
  bottom: auto;
  height: auto;
  top: 0;
  width: 2px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 100%;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i {
  transform: rotate(90deg);
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  left: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  bottom: 0;
  right: auto;
}
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left:after,
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
  bottom: auto;
  height: 100%;
  top: 0;
  width: 2px;
}
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
  flex-direction: column;
}
.el-tabs--left .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-left {
  justify-content: flex-end;
}
.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-right {
  justify-content: flex-start;
}
.el-tabs--left {
  flex-direction: row-reverse;
}
.el-tabs--left .el-tabs__header.is-left {
  margin-bottom: 0;
  margin-right: 10px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -1px;
}
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
  left: auto;
  right: 0;
}
.el-tabs--left .el-tabs__item.is-left {
  text-align: right;
}
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  display: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-bottom: none;
  border-left: none;
  border-right: 1px solid var(--el-border-color-light);
  border-top: 1px solid var(--el-border-color-light);
  text-align: left;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-left: none;
  border-right: 1px solid #fff;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-bottom: 1px solid var(--el-border-color-light);
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none;
}
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid var(--el-border-color);
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: rgb(209, 219, 229) transparent;
}
.el-tabs--right .el-tabs__header.is-right {
  margin-bottom: 0;
  margin-left: 10px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -1px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
  left: 0;
  right: auto;
}
.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0;
}
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid var(--el-border-color-light);
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid var(--el-border-color-light);
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid var(--el-border-color-light);
  border-bottom: none;
  border-left: 1px solid #fff;
  border-right: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-bottom: 1px solid var(--el-border-color-light);
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid var(--el-border-color);
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: rgb(209, 219, 229) transparent;
}
.el-tabs--top {
  flex-direction: column-reverse;
}
.slideInLeft-transition,
.slideInRight-transition {
  display: inline-block;
}
.slideInRight-enter {
  animation: slideInRight-enter var(--el-transition-duration);
}
.slideInRight-leave {
  animation: slideInRight-leave var(--el-transition-duration);
  left: 0;
  position: absolute;
  right: 0;
}
.slideInLeft-enter {
  animation: slideInLeft-enter var(--el-transition-duration);
}
.slideInLeft-leave {
  animation: slideInLeft-leave var(--el-transition-duration);
  left: 0;
  position: absolute;
  right: 0;
}
@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform: translate(100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translate(0);
    transform-origin: 0 0;
  }
}
@keyframes slideInRight-leave {
  0% {
    opacity: 1;
    transform: translate(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translate(100%);
    transform-origin: 0 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform: translate(-100%);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: translate(0);
    transform-origin: 0 0;
  }
}
@keyframes slideInLeft-leave {
  0% {
    opacity: 1;
    transform: translate(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: translate(-100%);
    transform-origin: 0 0;
  }
}
.el-tag {
  --el-tag-font-size: 12px;
  --el-tag-border-radius: 4px;
  --el-tag-border-radius-rounded: 9999px;
  align-items: center;
  background-color: var(--el-tag-bg-color);
  border-color: var(--el-tag-border-color);
  border-radius: var(--el-tag-border-radius);
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: var(--el-tag-text-color);
  display: inline-flex;
  font-size: var(--el-tag-font-size);
  height: 24px;
  justify-content: center;
  line-height: 1;
  padding: 0 9px;
  vertical-align: middle;
  white-space: nowrap;
  --el-icon-size: 14px;
}
.el-tag,
.el-tag.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary-light-9);
  --el-tag-border-color: var(--el-color-primary-light-8);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-bg-color: var(--el-color-success-light-9);
  --el-tag-border-color: var(--el-color-success-light-8);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning-light-9);
  --el-tag-border-color: var(--el-color-warning-light-8);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger-light-9);
  --el-tag-border-color: var(--el-color-danger-light-8);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-bg-color: var(--el-color-error-light-9);
  --el-tag-border-color: var(--el-color-error-light-8);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-bg-color: var(--el-color-info-light-9);
  --el-tag-border-color: var(--el-color-info-light-8);
  --el-tag-hover-color: var(--el-color-info);
}
.el-tag.is-hit {
  border-color: var(--el-color-primary);
}
.el-tag.is-round {
  border-radius: var(--el-tag-border-radius-rounded);
}
.el-tag .el-tag__close {
  color: var(--el-tag-text-color);
  flex-shrink: 0;
}
.el-tag .el-tag__close:hover {
  background-color: var(--el-tag-hover-color);
  color: var(--el-color-white);
}
.el-tag.el-tag--primary {
  --el-tag-text-color: var(--el-color-primary);
}
.el-tag.el-tag--success {
  --el-tag-text-color: var(--el-color-success);
}
.el-tag.el-tag--warning {
  --el-tag-text-color: var(--el-color-warning);
}
.el-tag.el-tag--danger {
  --el-tag-text-color: var(--el-color-danger);
}
.el-tag.el-tag--error {
  --el-tag-text-color: var(--el-color-error);
}
.el-tag.el-tag--info {
  --el-tag-text-color: var(--el-color-info);
}
.el-tag .el-icon {
  border-radius: 50%;
  cursor: pointer;
  font-size: calc(var(--el-icon-size) - 2px);
  height: var(--el-icon-size);
  width: var(--el-icon-size);
}
.el-tag .el-tag__close {
  margin-left: 6px;
}
.el-tag--dark {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--dark,
.el-tag--dark.el-tag--primary {
  --el-tag-bg-color: var(--el-color-primary);
  --el-tag-border-color: var(--el-color-primary);
  --el-tag-hover-color: var(--el-color-primary-light-3);
}
.el-tag--dark.el-tag--success {
  --el-tag-bg-color: var(--el-color-success);
  --el-tag-border-color: var(--el-color-success);
  --el-tag-hover-color: var(--el-color-success-light-3);
}
.el-tag--dark.el-tag--warning {
  --el-tag-bg-color: var(--el-color-warning);
  --el-tag-border-color: var(--el-color-warning);
  --el-tag-hover-color: var(--el-color-warning-light-3);
}
.el-tag--dark.el-tag--danger {
  --el-tag-bg-color: var(--el-color-danger);
  --el-tag-border-color: var(--el-color-danger);
  --el-tag-hover-color: var(--el-color-danger-light-3);
}
.el-tag--dark.el-tag--error {
  --el-tag-bg-color: var(--el-color-error);
  --el-tag-border-color: var(--el-color-error);
  --el-tag-hover-color: var(--el-color-error-light-3);
}
.el-tag--dark.el-tag--info {
  --el-tag-bg-color: var(--el-color-info);
  --el-tag-border-color: var(--el-color-info);
  --el-tag-hover-color: var(--el-color-info-light-3);
}
.el-tag--dark.el-tag--danger,
.el-tag--dark.el-tag--error,
.el-tag--dark.el-tag--info,
.el-tag--dark.el-tag--primary,
.el-tag--dark.el-tag--success,
.el-tag--dark.el-tag--warning {
  --el-tag-text-color: var(--el-color-white);
}
.el-tag--plain,
.el-tag--plain.el-tag--primary {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-primary-light-5);
  --el-tag-hover-color: var(--el-color-primary);
}
.el-tag--plain.el-tag--success {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-success-light-5);
  --el-tag-hover-color: var(--el-color-success);
}
.el-tag--plain.el-tag--warning {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-warning-light-5);
  --el-tag-hover-color: var(--el-color-warning);
}
.el-tag--plain.el-tag--danger {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-danger-light-5);
  --el-tag-hover-color: var(--el-color-danger);
}
.el-tag--plain.el-tag--error {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-error-light-5);
  --el-tag-hover-color: var(--el-color-error);
}
.el-tag--plain.el-tag--info {
  --el-tag-bg-color: var(--el-fill-color-blank);
  --el-tag-border-color: var(--el-color-info-light-5);
  --el-tag-hover-color: var(--el-color-info);
}
.el-tag.is-closable {
  padding-right: 5px;
}
.el-tag--large {
  height: 32px;
  padding: 0 11px;
  --el-icon-size: 16px;
}
.el-tag--large .el-tag__close {
  margin-left: 8px;
}
.el-tag--large.is-closable {
  padding-right: 7px;
}
.el-tag--small {
  height: 20px;
  padding: 0 7px;
  --el-icon-size: 12px;
}
.el-tag--small .el-tag__close {
  margin-left: 4px;
}
.el-tag--small.is-closable {
  padding-right: 3px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}
.el-tag.el-tag--primary.is-hit {
  border-color: var(--el-color-primary);
}
.el-tag.el-tag--success.is-hit {
  border-color: var(--el-color-success);
}
.el-tag.el-tag--warning.is-hit {
  border-color: var(--el-color-warning);
}
.el-tag.el-tag--danger.is-hit {
  border-color: var(--el-color-danger);
}
.el-tag.el-tag--error.is-hit {
  border-color: var(--el-color-error);
}
.el-tag.el-tag--info.is-hit {
  border-color: var(--el-color-info);
}
.el-text {
  --el-text-font-size: var(--el-font-size-base);
  --el-text-color: var(--el-text-color-regular);
  align-self: center;
  color: var(--el-text-color);
  font-size: var(--el-text-font-size);
  margin: 0;
  overflow-wrap: break-word;
  padding: 0;
}
.el-text.is-truncated {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-text.is-line-clamp {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.el-text--large {
  --el-text-font-size: var(--el-font-size-medium);
}
.el-text--default {
  --el-text-font-size: var(--el-font-size-base);
}
.el-text--small {
  --el-text-font-size: var(--el-font-size-extra-small);
}
.el-text.el-text--primary {
  --el-text-color: var(--el-color-primary);
}
.el-text.el-text--success {
  --el-text-color: var(--el-color-success);
}
.el-text.el-text--warning {
  --el-text-color: var(--el-color-warning);
}
.el-text.el-text--danger {
  --el-text-color: var(--el-color-danger);
}
.el-text.el-text--error {
  --el-text-color: var(--el-color-error);
}
.el-text.el-text--info {
  --el-text-color: var(--el-color-info);
}
.el-text > .el-icon {
  vertical-align: -2px;
}
.time-select {
  margin: 5px 0;
  min-width: 0;
}
.time-select .el-picker-panel__content {
  margin: 0;
  max-height: 200px;
}
.time-select-item {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 10px;
}
.time-select-item.disabled {
  color: var(--el-datepicker-border-color);
  cursor: not-allowed;
}
.time-select-item:hover {
  background-color: var(--el-fill-color-light);
  cursor: pointer;
  font-weight: 700;
}
.time-select .time-select-item.selected:not(.disabled) {
  color: var(--el-color-primary);
  font-weight: 700;
}
.el-timeline-item {
  padding-bottom: 20px;
  position: relative;
}
.el-timeline-item__wrapper {
  padding-left: 28px;
  position: relative;
  top: -3px;
}
.el-timeline-item__tail {
  border-left: 2px solid var(--el-timeline-node-color);
  height: 100%;
  left: 4px;
  position: absolute;
}
.el-timeline-item .el-timeline-item__icon {
  color: var(--el-color-white);
  font-size: var(--el-font-size-small);
}
.el-timeline-item__node {
  align-items: center;
  background-color: var(--el-timeline-node-color);
  border-color: var(--el-timeline-node-color);
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: absolute;
}
.el-timeline-item__node--normal {
  height: var(--el-timeline-node-size-normal);
  left: -1px;
  width: var(--el-timeline-node-size-normal);
}
.el-timeline-item__node--large {
  height: var(--el-timeline-node-size-large);
  left: -2px;
  width: var(--el-timeline-node-size-large);
}
.el-timeline-item__node.is-hollow {
  background: var(--el-color-white);
  border-style: solid;
  border-width: 2px;
}
.el-timeline-item__node--primary {
  background-color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.el-timeline-item__node--success {
  background-color: var(--el-color-success);
  border-color: var(--el-color-success);
}
.el-timeline-item__node--warning {
  background-color: var(--el-color-warning);
  border-color: var(--el-color-warning);
}
.el-timeline-item__node--danger {
  background-color: var(--el-color-danger);
  border-color: var(--el-color-danger);
}
.el-timeline-item__node--info {
  background-color: var(--el-color-info);
  border-color: var(--el-color-info);
}
.el-timeline-item__dot {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}
.el-timeline-item__content {
  color: var(--el-text-color-primary);
}
.el-timeline-item__timestamp {
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-small);
  line-height: 1;
}
.el-timeline-item__timestamp.is-top {
  margin-bottom: 8px;
  padding-top: 4px;
}
.el-timeline-item__timestamp.is-bottom {
  margin-top: 8px;
}
.el-timeline {
  --el-timeline-node-size-normal: 12px;
  --el-timeline-node-size-large: 14px;
  --el-timeline-node-color: var(--el-border-color-light);
  font-size: var(--el-font-size-base);
  list-style: none;
  margin: 0;
}
.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
  display: none;
}
.el-timeline .el-timeline-item__center {
  align-items: center;
  display: flex;
}
.el-timeline .el-timeline-item__center .el-timeline-item__wrapper {
  width: 100%;
}
.el-timeline .el-timeline-item__center .el-timeline-item__tail {
  top: 0;
}
.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail {
  height: calc(50% + 10px);
  top: calc(50% - 10px);
}
.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail {
  display: block;
  height: calc(50% - 10px);
}
.el-tooltip-v2__content {
  --el-tooltip-v2-padding: 5px 10px;
  --el-tooltip-v2-border-radius: 4px;
  --el-tooltip-v2-border-color: var(--el-border-color);
  background-color: var(--el-color-white);
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-tooltip-v2-border-radius);
  color: var(--el-color-black);
  padding: var(--el-tooltip-v2-padding);
}
.el-tooltip-v2__arrow {
  color: var(--el-color-white);
  height: var(--el-tooltip-v2-arrow-height);
  left: var(--el-tooltip-v2-arrow-x);
  pointer-events: none;
  position: absolute;
  top: var(--el-tooltip-v2-arrow-y);
  width: var(--el-tooltip-v2-arrow-width);
}
.el-tooltip-v2__arrow:after,
.el-tooltip-v2__arrow:before {
  border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.el-tooltip-v2__content[data-side^="top"] .el-tooltip-v2__arrow {
  bottom: 0;
}
.el-tooltip-v2__content[data-side^="top"] .el-tooltip-v2__arrow:before {
  border-bottom: 0;
  border-top-color: var(--el-color-white);
  border-top-width: var(--el-tooltip-v2-arrow-border-width);
  top: calc(100% - 1px);
}
.el-tooltip-v2__content[data-side^="top"] .el-tooltip-v2__arrow:after {
  border-bottom: 0;
  border-top-color: var(--el-border-color);
  border-top-width: var(--el-tooltip-v2-arrow-border-width);
  top: 100%;
  z-index: -1;
}
.el-tooltip-v2__content[data-side^="bottom"] .el-tooltip-v2__arrow {
  top: 0;
}
.el-tooltip-v2__content[data-side^="bottom"] .el-tooltip-v2__arrow:before {
  border-bottom-color: var(--el-color-white);
  border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
  border-top: 0;
  bottom: calc(100% - 1px);
}
.el-tooltip-v2__content[data-side^="bottom"] .el-tooltip-v2__arrow:after {
  border-bottom-color: var(--el-border-color);
  border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
  border-top: 0;
  bottom: 100%;
  z-index: -1;
}
.el-tooltip-v2__content[data-side^="left"] .el-tooltip-v2__arrow {
  right: 0;
}
.el-tooltip-v2__content[data-side^="left"] .el-tooltip-v2__arrow:before {
  border-left-color: var(--el-color-white);
  border-left-width: var(--el-tooltip-v2-arrow-border-width);
  border-right: 0;
  left: calc(100% - 1px);
}
.el-tooltip-v2__content[data-side^="left"] .el-tooltip-v2__arrow:after {
  border-left-color: var(--el-border-color);
  border-left-width: var(--el-tooltip-v2-arrow-border-width);
  border-right: 0;
  left: 100%;
  z-index: -1;
}
.el-tooltip-v2__content[data-side^="right"] .el-tooltip-v2__arrow {
  left: 0;
}
.el-tooltip-v2__content[data-side^="right"] .el-tooltip-v2__arrow:before {
  border-left: 0;
  border-right-color: var(--el-color-white);
  border-right-width: var(--el-tooltip-v2-arrow-border-width);
  right: calc(100% - 1px);
}
.el-tooltip-v2__content[data-side^="right"] .el-tooltip-v2__arrow:after {
  border-left: 0;
  border-right-color: var(--el-border-color);
  border-right-width: var(--el-tooltip-v2-arrow-border-width);
  right: 100%;
  z-index: -1;
}
.el-tooltip-v2__content.is-dark {
  --el-tooltip-v2-border-color: transparent;
  color: var(--el-color-white);
}
.el-tooltip-v2__content.is-dark,
.el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow {
  background-color: var(--el-color-black);
  border-color: transparent;
}
.el-transfer {
  --el-transfer-border-color: var(--el-border-color-lighter);
  --el-transfer-border-radius: var(--el-border-radius-base);
  --el-transfer-panel-width: 200px;
  --el-transfer-panel-header-height: 40px;
  --el-transfer-panel-header-bg-color: var(--el-fill-color-light);
  --el-transfer-panel-footer-height: 40px;
  --el-transfer-panel-body-height: 278px;
  --el-transfer-item-height: 30px;
  --el-transfer-filter-height: 32px;
  font-size: var(--el-font-size-base);
}
.el-transfer__buttons {
  display: inline-block;
  padding: 0 30px;
  vertical-align: middle;
}
.el-transfer__button {
  vertical-align: top;
}
.el-transfer__button:nth-child(2) {
  margin: 0 0 0 10px;
}
.el-transfer__button i,
.el-transfer__button span {
  font-size: 14px;
}
.el-transfer__button .el-icon + span {
  margin-left: 0;
}
.el-transfer-panel {
  background: var(--el-bg-color-overlay);
  box-sizing: border-box;
  display: inline-block;
  max-height: 100%;
  overflow: hidden;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: var(--el-transfer-panel-width);
}
.el-transfer-panel__body {
  border-bottom: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
  border-left: 1px solid var(--el-transfer-border-color);
  border-right: 1px solid var(--el-transfer-border-color);
  height: var(--el-transfer-panel-body-height);
  overflow: hidden;
}
.el-transfer-panel__body.is-with-footer {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.el-transfer-panel__list {
  box-sizing: border-box;
  height: var(--el-transfer-panel-body-height);
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 6px 0;
}
.el-transfer-panel__list.is-filterable {
  height: calc(100% - var(--el-transfer-filter-height) - 30px);
  padding-top: 0;
}
.el-transfer-panel__item {
  display: block !important;
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  padding-left: 15px;
}
.el-transfer-panel__item + .el-transfer-panel__item {
  margin-left: 0;
}
.el-transfer-panel__item.el-checkbox {
  color: var(--el-text-color-regular);
}
.el-transfer-panel__item:hover {
  color: var(--el-color-primary);
}
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
  box-sizing: border-box;
  display: block;
  line-height: var(--el-transfer-item-height);
  overflow: hidden;
  padding-left: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: 8px;
}
.el-transfer-panel__filter {
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
}
.el-transfer-panel__filter .el-input__inner {
  border-radius: calc(var(--el-transfer-filter-height) / 2);
  box-sizing: border-box;
  display: inline-block;
  font-size: 12px;
  height: var(--el-transfer-filter-height);
  width: 100%;
}
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}
.el-transfer-panel .el-transfer-panel__header {
  align-items: center;
  background: var(--el-transfer-panel-header-bg-color);
  border: 1px solid var(--el-transfer-border-color);
  border-top-left-radius: var(--el-transfer-border-radius);
  border-top-right-radius: var(--el-transfer-border-radius);
  box-sizing: border-box;
  color: var(--el-color-black);
  display: flex;
  height: var(--el-transfer-panel-header-height);
  margin: 0;
  padding-left: 15px;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox {
  align-items: center;
  display: flex;
  position: relative;
  width: 100%;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  color: var(--el-text-color-primary);
  font-size: 16px;
  font-weight: 400;
}
.el-transfer-panel
  .el-transfer-panel__header
  .el-checkbox
  .el-checkbox__label
  span {
  color: var(--el-text-color-secondary);
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.el-transfer-panel .el-transfer-panel__footer {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-transfer-border-color);
  border-bottom-left-radius: var(--el-transfer-border-radius);
  border-bottom-right-radius: var(--el-transfer-border-radius);
  height: var(--el-transfer-panel-footer-height);
  margin: 0;
  padding: 0;
}
.el-transfer-panel .el-transfer-panel__footer:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  color: var(--el-text-color-regular);
  padding-left: 20px;
}
.el-transfer-panel .el-transfer-panel__empty {
  color: var(--el-text-color-secondary);
  height: var(--el-transfer-item-height);
  line-height: var(--el-transfer-item-height);
  margin: 0;
  padding: 6px 15px 0;
  text-align: center;
}
.el-transfer-panel .el-checkbox__label {
  padding-left: 8px;
}
.el-transfer-panel .el-checkbox__inner {
  border-radius: 3px;
  height: 14px;
  width: 14px;
}
.el-transfer-panel .el-checkbox__inner:after {
  height: 6px;
  left: 4px;
  width: 3px;
}
.el-tree {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
  background: var(--el-fill-color-blank);
  color: var(--el-tree-text-color);
  cursor: default;
  font-size: var(--el-font-size-base);
  position: relative;
}
.el-tree__empty-block {
  height: 100%;
  min-height: 60px;
  position: relative;
  text-align: center;
  width: 100%;
}
.el-tree__empty-text {
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-base);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.el-tree__drop-indicator {
  background-color: var(--el-color-primary);
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}
.el-tree-node {
  outline: none;
  white-space: nowrap;
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: var(--el-color-primary);
  color: #fff;
}
.el-tree-node__content {
  --el-checkbox-height: var(--el-tree-node-content-height);
  align-items: center;
  cursor: pointer;
  display: flex;
  height: var(--el-tree-node-content-height);
}
.el-tree-node__content > .el-tree-node__expand-icon {
  box-sizing: content-box;
  padding: 6px;
}
.el-tree-node__content > label.el-checkbox {
  margin-right: 8px;
}
.el-tree-node__content:hover {
  background-color: var(--el-tree-node-hover-bg-color);
}
.el-tree.is-dragging .el-tree-node__content {
  cursor: move;
}
.el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none;
}
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed;
}
.el-tree-node__expand-icon {
  color: var(--el-tree-expand-icon-color);
  cursor: pointer;
  font-size: 12px;
  transform: rotate(0);
  transition: transform var(--el-transition-duration) ease-in-out;
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
  visibility: hidden;
}
.el-tree-node__expand-icon.is-hidden {
  visibility: hidden;
}
.el-tree-node__loading-icon {
  color: var(--el-tree-expand-icon-color);
  font-size: var(--el-font-size-base);
  margin-right: 8px;
}
.el-tree-node > .el-tree-node__children {
  background-color: transparent;
  overflow: hidden;
}
.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--el-color-primary-light-9);
}
.el-tree-select {
  --el-tree-node-content-height: 26px;
  --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  --el-tree-text-color: var(--el-text-color-regular);
  --el-tree-expand-icon-color: var(--el-text-color-placeholder);
}
.el-tree-select__popper .el-tree-node__expand-icon {
  margin-left: 8px;
}
.el-tree-select__popper
  .el-tree-node.is-checked
  > .el-tree-node__content
  .el-select-dropdown__item.selected:after {
  content: none;
}
.el-tree-select__popper .el-select-dropdown__list > .el-select-dropdown__item {
  padding-left: 32px;
}
.el-tree-select__popper .el-select-dropdown__item {
  background: transparent !important;
  flex: 1;
  height: 20px;
  line-height: 20px;
  padding-left: 0;
}
.el-upload {
  --el-upload-dragger-padding-horizontal: 40px;
  --el-upload-dragger-padding-vertical: 10px;
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  outline: none;
}
.el-upload.is-disabled {
  cursor: not-allowed;
}
.el-upload.is-disabled:focus {
  color: inherit;
}
.el-upload.is-disabled:focus,
.el-upload.is-disabled:focus .el-upload-dragger {
  border-color: var(--el-border-color-darker);
}
.el-upload.is-disabled .el-upload-dragger {
  background-color: var(--el-disabled-bg-color);
  cursor: not-allowed;
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text {
  color: var(--el-text-color-placeholder);
}
.el-upload.is-disabled .el-upload-dragger .el-upload__text em {
  color: var(--el-disabled-text-color);
}
.el-upload.is-disabled .el-upload-dragger:hover {
  border-color: var(--el-border-color-darker);
}
.el-upload__input {
  display: none;
}
.el-upload__tip {
  color: var(--el-text-color-regular);
  font-size: 12px;
  margin-top: 7px;
}
.el-upload iframe {
  filter: alpha(opacity=0);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.el-upload--picture-card {
  --el-upload-picture-card-size: 148px;
  align-items: center;
  background-color: var(--el-fill-color-lighter);
  border: 1px dashed var(--el-border-color-darker);
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  height: var(--el-upload-picture-card-size);
  justify-content: center;
  vertical-align: top;
  width: var(--el-upload-picture-card-size);
}
.el-upload--picture-card > i {
  color: var(--el-text-color-secondary);
  font-size: 28px;
}
.el-upload--picture-card:hover {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}
.el-upload.is-drag {
  display: block;
}
.el-upload:focus {
  color: var(--el-color-primary);
}
.el-upload:focus,
.el-upload:focus .el-upload-dragger {
  border-color: var(--el-color-primary);
}
.el-upload-dragger {
  background-color: var(--el-fill-color-blank);
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  padding: var(--el-upload-dragger-padding-horizontal)
    var(--el-upload-dragger-padding-vertical);
  position: relative;
  text-align: center;
}
.el-upload-dragger .el-icon--upload {
  color: var(--el-text-color-placeholder);
  font-size: 67px;
  line-height: 50px;
  margin-bottom: 16px;
}
.el-upload-dragger + .el-upload__tip {
  text-align: center;
}
.el-upload-dragger ~ .el-upload__files {
  border-top: var(--el-border);
  margin-top: 7px;
  padding-top: 5px;
}
.el-upload-dragger .el-upload__text {
  color: var(--el-text-color-regular);
  font-size: 14px;
  text-align: center;
}
.el-upload-dragger .el-upload__text em {
  color: var(--el-color-primary);
  font-style: normal;
}
.el-upload-dragger:hover {
  border-color: var(--el-color-primary);
}
.el-upload-dragger.is-dragover {
  background-color: var(--el-color-primary-light-9);
  border: 2px dashed var(--el-color-primary);
  padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px)
    calc(var(--el-upload-dragger-padding-vertical) - 1px);
}
.el-upload-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  position: relative;
}
.el-upload-list__item {
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--el-text-color-regular);
  font-size: 14px;
  margin-bottom: 5px;
  position: relative;
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  width: 100%;
}
.el-upload-list__item .el-progress {
  position: absolute;
  top: 20px;
  width: 100%;
}
.el-upload-list__item .el-progress__text {
  position: absolute;
  right: 0;
  top: -13px;
}
.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.el-upload-list__item .el-icon--upload-success {
  color: var(--el-color-success);
}
.el-upload-list__item .el-icon--close {
  color: var(--el-text-color-regular);
  cursor: pointer;
  display: none;
  opacity: 0.75;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity var(--el-transition-duration);
}
.el-upload-list__item .el-icon--close:hover {
  color: var(--el-color-primary);
  opacity: 1;
}
.el-upload-list__item .el-icon--close-tip {
  color: var(--el-color-primary);
  cursor: pointer;
  display: none;
  font-size: 12px;
  font-style: normal;
  opacity: 1;
  position: absolute;
  right: 5px;
  top: 1px;
}
.el-upload-list__item:hover {
  background-color: var(--el-fill-color-light);
}
.el-upload-list__item:hover .el-icon--close {
  display: inline-flex;
}
.el-upload-list__item:hover .el-progress__text {
  display: none;
}
.el-upload-list__item .el-upload-list__item-info {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 4px;
  width: calc(100% - 30px);
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: inline-flex;
}
.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
  color: var(--el-color-primary);
  cursor: pointer;
}
.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
  display: inline-block;
}
.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
  outline-width: 0;
}
.el-upload-list__item.is-success:active .el-icon--close-tip,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip {
  display: none;
}
.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label {
  display: none;
  opacity: 0;
}
.el-upload-list__item-name {
  align-items: center;
  color: var(--el-text-color-regular);
  display: inline-flex;
  font-size: var(--el-font-size-base);
  padding: 0 4px;
  text-align: center;
  transition: color var(--el-transition-duration);
}
.el-upload-list__item-name .el-icon {
  color: var(--el-text-color-secondary);
  margin-right: 6px;
}
.el-upload-list__item-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-upload-list__item-status-label {
  align-items: center;
  display: none;
  height: 100%;
  justify-content: center;
  line-height: inherit;
  position: absolute;
  right: 5px;
  top: 0;
  transition: opacity var(--el-transition-duration);
}
.el-upload-list__item-delete {
  color: var(--el-text-color-regular);
  display: none;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 0;
}
.el-upload-list__item-delete:hover {
  color: var(--el-color-primary);
}
.el-upload-list--picture-card {
  --el-upload-list-picture-card-size: 148px;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}
.el-upload-list--picture-card .el-upload-list__item {
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  display: inline-flex;
  height: var(--el-upload-list-picture-card-size);
  margin: 0 8px 8px 0;
  overflow: hidden;
  padding: 0;
  width: var(--el-upload-list-picture-card-size);
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--check,
.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
  color: #fff;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon--close {
  display: none;
}
.el-upload-list--picture-card
  .el-upload-list__item:hover
  .el-upload-list__item-status-label {
  display: block;
  opacity: 0;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  background: var(--el-color-success);
  height: 24px;
  right: -15px;
  text-align: center;
  top: -6px;
  transform: rotate(45deg);
  width: 40px;
}
.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}
.el-upload-list--picture-card .el-upload-list__item-actions {
  align-items: center;
  background-color: var(--el-overlay-color-lighter);
  color: #fff;
  cursor: default;
  display: inline-flex;
  font-size: 20px;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity var(--el-transition-duration);
  width: 100%;
}
.el-upload-list--picture-card .el-upload-list__item-actions span {
  cursor: pointer;
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 16px;
}
.el-upload-list--picture-card
  .el-upload-list__item-actions
  .el-upload-list__item-delete {
  color: inherit;
  font-size: inherit;
  position: static;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-flex;
}
.el-upload-list--picture-card .el-progress {
  bottom: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 126px;
}
.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%;
}
.el-upload-list--picture .el-upload-list__item {
  align-items: center;
  background-color: var(--el-fill-color-blank);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  margin-top: 10px;
  overflow: hidden;
  padding: 10px;
  z-index: 0;
}
.el-upload-list--picture .el-upload-list__item .el-icon--check,
.el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
  color: #fff;
}
.el-upload-list--picture
  .el-upload-list__item:hover
  .el-upload-list__item-status-label {
  display: inline-flex;
  opacity: 0;
}
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture
  .el-upload-list__item.is-success
  .el-upload-list__item-name
  i {
  display: none;
}
.el-upload-list--picture .el-upload-list__item .el-icon--close {
  top: 5px;
  transform: translateY(0);
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
  align-items: center;
  background-color: var(--el-color-white);
  display: inline-flex;
  height: 70px;
  justify-content: center;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  width: 70px;
  z-index: 1;
}
.el-upload-list--picture .el-upload-list__item-status-label {
  background: var(--el-color-success);
  height: 26px;
  position: absolute;
  right: -17px;
  text-align: center;
  top: -7px;
  transform: rotate(45deg);
  width: 46px;
}
.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg);
}
.el-upload-list--picture .el-progress {
  position: relative;
  top: -7px;
}
.el-upload-cover {
  cursor: default;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.el-upload-cover:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.el-upload-cover img {
  display: block;
  height: 100%;
  width: 100%;
}
.el-upload-cover__label {
  background: var(--el-color-success);
  height: 24px;
  right: -15px;
  text-align: center;
  top: -6px;
  transform: rotate(45deg);
  width: 40px;
}
.el-upload-cover__label i {
  color: #fff;
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}
.el-upload-cover__progress {
  display: inline-block;
  position: static;
  vertical-align: middle;
  width: 243px;
}
.el-upload-cover__progress + .el-upload__inner {
  opacity: 0;
}
.el-upload-cover__content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.el-upload-cover__interact {
  background-color: var(--el-overlay-color-light);
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.el-upload-cover__interact .btn {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin-top: 60px;
  transition: var(--el-transition-md-fade);
  vertical-align: middle;
}
.el-upload-cover__interact .btn i {
  margin-top: 0;
}
.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}
.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}
.el-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.el-upload-cover__interact .btn i {
  color: #fff;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}
.el-upload-cover__title {
  background-color: #fff;
  bottom: 0;
  color: var(--el-text-color-primary);
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  left: 0;
  line-height: 36px;
  margin: 0;
  overflow: hidden;
  padding: 0 10px;
  position: absolute;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}
.el-vl__wrapper {
  position: relative;
}
.el-vl__wrapper.always-on .el-virtual-scrollbar,
.el-vl__wrapper:hover .el-virtual-scrollbar {
  opacity: 1;
}
.el-vl__window {
  scrollbar-width: none;
}
.el-vl__window::-webkit-scrollbar {
  display: none;
}
.el-virtual-scrollbar {
  opacity: 0;
  transition: opacity 0.34s ease-out;
}
.el-virtual-scrollbar.always-on {
  opacity: 1;
}
.el-vg__wrapper {
  position: relative;
}
.el-popper {
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
  border-radius: var(--el-popper-border-radius);
  font-size: 12px;
  line-height: 20px;
  min-width: 10px;
  overflow-wrap: break-word;
  padding: 5px 11px;
  position: absolute;
  visibility: visible;
  z-index: 2000;
}
.el-popper.is-dark {
  color: var(--el-bg-color);
}
.el-popper.is-dark,
.el-popper.is-dark .el-popper__arrow:before {
  background: var(--el-text-color-primary);
  border: 1px solid var(--el-text-color-primary);
}
.el-popper.is-dark .el-popper__arrow:before {
  right: 0;
}
.el-popper.is-light,
.el-popper.is-light .el-popper__arrow:before {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
}
.el-popper.is-light .el-popper__arrow:before {
  right: 0;
}
.el-popper.is-pure {
  padding: 0;
}
.el-popper__arrow,
.el-popper__arrow:before {
  height: 10px;
  position: absolute;
  width: 10px;
  z-index: -1;
}
.el-popper__arrow:before {
  background: var(--el-text-color-primary);
  box-sizing: border-box;
  content: " ";
  transform: rotate(45deg);
}
.el-popper[data-popper-placement^="top"] > .el-popper__arrow {
  bottom: -5px;
}
.el-popper[data-popper-placement^="top"] > .el-popper__arrow:before {
  border-bottom-right-radius: 2px;
}
.el-popper[data-popper-placement^="bottom"] > .el-popper__arrow {
  top: -5px;
}
.el-popper[data-popper-placement^="bottom"] > .el-popper__arrow:before {
  border-top-left-radius: 2px;
}
.el-popper[data-popper-placement^="left"] > .el-popper__arrow {
  right: -5px;
}
.el-popper[data-popper-placement^="left"] > .el-popper__arrow:before {
  border-top-right-radius: 2px;
}
.el-popper[data-popper-placement^="right"] > .el-popper__arrow {
  left: -5px;
}
.el-popper[data-popper-placement^="right"] > .el-popper__arrow:before {
  border-bottom-left-radius: 2px;
}
.el-popper[data-popper-placement^="top"] .el-popper__arrow:before {
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}
.el-popper[data-popper-placement^="bottom"] .el-popper__arrow:before {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.el-popper[data-popper-placement^="left"] .el-popper__arrow:before {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}
.el-popper[data-popper-placement^="right"] .el-popper__arrow:before {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.el-statistic {
  --el-statistic-title-font-weight: 400;
  --el-statistic-title-font-size: var(--el-font-size-extra-small);
  --el-statistic-title-color: var(--el-text-color-regular);
  --el-statistic-content-font-weight: 400;
  --el-statistic-content-font-size: var(--el-font-size-extra-large);
  --el-statistic-content-color: var(--el-text-color-primary);
}
.el-statistic__head {
  color: var(--el-statistic-title-color);
  font-size: var(--el-statistic-title-font-size);
  font-weight: var(--el-statistic-title-font-weight);
  line-height: 20px;
  margin-bottom: 4px;
}
.el-statistic__content {
  color: var(--el-statistic-content-color);
  font-size: var(--el-statistic-content-font-size);
  font-weight: var(--el-statistic-content-font-weight);
}
.el-statistic__value {
  display: inline-block;
}
.el-statistic__prefix {
  display: inline-block;
  margin-right: 4px;
}
.el-statistic__suffix {
  display: inline-block;
  margin-left: 4px;
}
.el-tour {
  --el-tour-width: 520px;
  --el-tour-padding-primary: 12px;
  --el-tour-font-line-height: var(--el-font-line-height-primary);
  --el-tour-title-font-size: 16px;
  --el-tour-title-text-color: var(--el-text-color-primary);
  --el-tour-title-font-weight: 400;
  --el-tour-close-color: var(--el-color-info);
  --el-tour-font-size: 14px;
  --el-tour-color: var(--el-text-color-primary);
  --el-tour-bg-color: var(--el-bg-color);
  --el-tour-border-radius: 4px;
}
.el-tour__hollow {
  transition: all var(--el-transition-duration) ease;
}
.el-tour__content {
  border-radius: var(--el-tour-border-radius);
  box-shadow: var(--el-box-shadow-light);
  outline: none;
  overflow-wrap: break-word;
  padding: var(--el-tour-padding-primary);
  width: var(--el-tour-width);
}
.el-tour__arrow,
.el-tour__content {
  background: var(--el-tour-bg-color);
  box-sizing: border-box;
}
.el-tour__arrow {
  height: 10px;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  width: 10px;
}
.el-tour__content[data-side^="top"] .el-tour__arrow {
  border-left-color: transparent;
  border-top-color: transparent;
}
.el-tour__content[data-side^="bottom"] .el-tour__arrow {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-tour__content[data-side^="left"] .el-tour__arrow {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.el-tour__content[data-side^="right"] .el-tour__arrow {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-tour__content[data-side^="top"] .el-tour__arrow {
  bottom: -5px;
}
.el-tour__content[data-side^="bottom"] .el-tour__arrow {
  top: -5px;
}
.el-tour__content[data-side^="left"] .el-tour__arrow {
  right: -5px;
}
.el-tour__content[data-side^="right"] .el-tour__arrow {
  left: -5px;
}
.el-tour__closebtn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
  height: 40px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.el-tour__closebtn .el-tour__close {
  color: var(--el-tour-close-color);
  font-size: inherit;
}
.el-tour__closebtn:focus .el-tour__close,
.el-tour__closebtn:hover .el-tour__close {
  color: var(--el-color-primary);
}
.el-tour__header {
  padding-bottom: var(--el-tour-padding-primary);
}
.el-tour__header.show-close {
  padding-right: calc(
    var(--el-tour-padding-primary) + var(--el-message-close-size, 16px)
  );
}
.el-tour__title {
  color: var(--el-tour-title-text-color);
  font-size: var(--el-tour-title-font-size);
  font-weight: var(--el-tour-title-font-weight);
  line-height: var(--el-tour-font-line-height);
}
.el-tour__body {
  color: var(--el-tour-text-color);
  font-size: var(--el-tour-font-size);
}
.el-tour__body img,
.el-tour__body video {
  max-width: 100%;
}
.el-tour__footer {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding-top: var(--el-tour-padding-primary);
}
.el-tour__content .el-tour-indicators {
  display: inline-block;
  flex: 1;
}
.el-tour__content .el-tour-indicator {
  background: var(--el-color-info-light-9);
  border-radius: 50%;
  display: inline-block;
  height: 6px;
  margin-right: 6px;
  width: 6px;
}
.el-tour__content .el-tour-indicator.is-active {
  background: var(--el-color-primary);
}
.el-tour.el-tour--primary {
  --el-tour-title-text-color: #fff;
  --el-tour-text-color: #fff;
  --el-tour-bg-color: var(--el-color-primary);
  --el-tour-close-color: #fff;
}
.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,
.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close {
  color: var(--el-tour-title-text-color);
}
.el-tour.el-tour--primary .el-button--default {
  background: #fff;
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}
.el-tour.el-tour--primary .el-button--primary {
  border-color: #fff;
}
.el-tour.el-tour--primary .el-tour-indicator {
  background: rgba(255, 255, 255, 0.15);
}
.el-tour.el-tour--primary .el-tour-indicator.is-active {
  background: #fff;
}
.el-tour-parent--hidden {
  overflow: hidden;
}
.el-anchor {
  --el-anchor-bg-color: var(--el-bg-color);
  --el-anchor-padding-indent: 14px;
  --el-anchor-line-height: 22px;
  --el-anchor-font-size: 12px;
  --el-anchor-color: var(--el-text-color-secondary);
  --el-anchor-active-color: var(--el-color-primary);
  --el-anchor-marker-bg-color: var(--el-color-primary);
  background-color: var(--el-anchor-bg-color);
  position: relative;
}
.el-anchor__marker {
  background-color: var(--el-anchor-marker-bg-color);
  border-radius: 4px;
  opacity: 0;
  position: absolute;
  z-index: 0;
}
.el-anchor.el-anchor--vertical .el-anchor__marker {
  height: 14px;
  left: 0;
  top: 8px;
  transition: top 0.25s ease-in-out, opacity 0.25s;
  width: 4px;
}
.el-anchor.el-anchor--vertical .el-anchor__list {
  padding-left: var(--el-anchor-padding-indent);
}
.el-anchor.el-anchor--vertical.el-anchor--underline:before {
  background-color: #0505050f;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 2px;
}
.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker {
  border-radius: unset;
  width: 2px;
}
.el-anchor.el-anchor--horizontal .el-anchor__marker {
  bottom: 0;
  height: 2px;
  transition: left 0.25s ease-in-out, opacity 0.25s, width 0.25s;
  width: 20px;
}
.el-anchor.el-anchor--horizontal .el-anchor__list {
  display: flex;
  padding-bottom: 4px;
}
.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item {
  padding-left: 16px;
}
.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child {
  padding-left: 0;
}
.el-anchor.el-anchor--horizontal.el-anchor--underline:before {
  background-color: #0505050f;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
}
.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker {
  border-radius: unset;
  height: 2px;
}
.el-anchor__item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.el-anchor__link {
  cursor: pointer;
  font-size: var(--el-anchor-font-size);
  line-height: var(--el-anchor-line-height);
  max-width: 100%;
  outline: none;
  overflow: hidden;
  padding: 4px 0;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: color var(--el-transition-duration);
  white-space: nowrap;
}
.el-anchor__link,
.el-anchor__link:focus,
.el-anchor__link:hover {
  color: var(--el-anchor-color);
}
.el-anchor__link.is-active {
  color: var(--el-anchor-active-color);
}
.el-anchor .el-anchor__list .el-anchor__item a {
  display: inline-block;
}
.el-segmented {
  --el-segmented-color: var(--el-text-color-regular);
  --el-segmented-bg-color: var(--el-fill-color-light);
  --el-segmented-padding: 2px;
  --el-segmented-item-selected-color: var(--el-color-white);
  --el-segmented-item-selected-bg-color: var(--el-color-primary);
  --el-segmented-item-selected-disabled-bg-color: var(
    --el-color-primary-light-5
  );
  --el-segmented-item-hover-color: var(--el-text-color-primary);
  --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
  --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
  --el-segmented-item-disabled-color: var(--el-text-color-placeholder);
  align-items: stretch;
  background: var(--el-segmented-bg-color);
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
  color: var(--el-segmented-color);
  display: inline-flex;
  font-size: 14px;
  min-height: 32px;
  padding: var(--el-segmented-padding);
}
.el-segmented__group {
  align-items: stretch;
  display: flex;
  position: relative;
  width: 100%;
}
.el-segmented__item-selected {
  background: var(--el-segmented-item-selected-bg-color);
  border-radius: calc(var(--el-border-radius-base) - 2px);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: all 0.3s;
  width: 10px;
}
.el-segmented__item-selected.is-disabled {
  background: var(--el-segmented-item-selected-disabled-bg-color);
}
.el-segmented__item-selected.is-focus-visible:before {
  border-radius: inherit;
  content: "";
  inset: 0;
  outline: 2px solid var(--el-segmented-item-selected-bg-color);
  outline-offset: 1px;
  position: absolute;
}
.el-segmented__item {
  align-items: center;
  border-radius: calc(var(--el-border-radius-base) - 2px);
  cursor: pointer;
  display: flex;
  flex: 1;
  padding: 0 11px;
}
.el-segmented__item:not(.is-disabled):not(.is-selected):hover {
  background: var(--el-segmented-item-hover-bg-color);
  color: var(--el-segmented-item-hover-color);
}
.el-segmented__item:not(.is-disabled):not(.is-selected):active {
  background: var(--el-segmented-item-active-bg-color);
}
.el-segmented__item.is-selected,
.el-segmented__item.is-selected.is-disabled {
  color: var(--el-segmented-item-selected-color);
}
.el-segmented__item.is-disabled {
  color: var(--el-segmented-item-disabled-color);
  cursor: not-allowed;
}
.el-segmented__item-input {
  height: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.el-segmented__item-label {
  flex: 1;
  line-height: normal;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  transition: color 0.3s;
  white-space: nowrap;
  z-index: 1;
}
.el-segmented.is-block {
  display: flex;
}
.el-segmented.is-block .el-segmented__item {
  min-width: 0;
}
.el-segmented--large {
  border-radius: var(--el-border-radius-base);
  font-size: 16px;
  min-height: 40px;
}
.el-segmented--large .el-segmented__item,
.el-segmented--large .el-segmented__item-selected {
  border-radius: calc(var(--el-border-radius-base) - 2px);
}
.el-segmented--large .el-segmented__item {
  padding: 0 11px;
}
.el-segmented--small {
  border-radius: calc(var(--el-border-radius-base) - 1px);
  font-size: 14px;
  min-height: 24px;
}
.el-segmented--small .el-segmented__item,
.el-segmented--small .el-segmented__item-selected {
  border-radius: calc(var(--el-border-radius-base) - 3px);
}
.el-segmented--small .el-segmented__item {
  padding: 0 7px;
}
.el-mention {
  position: relative;
  width: 100%;
}
.el-mention__popper.el-popper {
  background: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}
.el-mention__popper.el-popper,
.el-mention__popper.el-popper .el-popper__arrow:before {
  border: 1px solid var(--el-border-color-light);
}
.el-mention__popper.el-popper[data-popper-placement^="top"]
  .el-popper__arrow:before {
  border-left-color: transparent;
  border-top-color: transparent;
}
.el-mention__popper.el-popper[data-popper-placement^="bottom"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-mention__popper.el-popper[data-popper-placement^="left"]
  .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.el-mention__popper.el-popper[data-popper-placement^="right"]
  .el-popper__arrow:before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-mention-dropdown {
  --el-mention-font-size: var(--el-font-size-base);
  --el-mention-bg-color: var(--el-bg-color-overlay);
  --el-mention-shadow: var(--el-box-shadow-light);
  --el-mention-border: 1px solid var(--el-border-color-light);
  --el-mention-option-color: var(--el-text-color-regular);
  --el-mention-option-height: 34px;
  --el-mention-option-min-width: 100px;
  --el-mention-option-hover-background: var(--el-fill-color-light);
  --el-mention-option-selected-color: var(--el-color-primary);
  --el-mention-option-disabled-color: var(--el-text-color-placeholder);
  --el-mention-option-loading-color: var(--el-text-color-secondary);
  --el-mention-option-loading-padding: 10px 0;
  --el-mention-max-height: 174px;
  --el-mention-padding: 6px 0;
  --el-mention-header-padding: 10px;
  --el-mention-footer-padding: 10px;
}
.el-mention-dropdown__item {
  box-sizing: border-box;
  color: var(--el-mention-option-color);
  cursor: pointer;
  font-size: var(--el-mention-font-size);
  height: var(--el-mention-option-height);
  line-height: var(--el-mention-option-height);
  min-width: var(--el-mention-option-min-width);
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-mention-dropdown__item.is-hovering {
  background-color: var(--el-mention-option-hover-background);
}
.el-mention-dropdown__item.is-selected {
  color: var(--el-mention-option-selected-color);
  font-weight: 700;
}
.el-mention-dropdown__item.is-disabled {
  background-color: unset;
  color: var(--el-mention-option-disabled-color);
  cursor: not-allowed;
}
.el-mention-dropdown {
  border-radius: var(--el-border-radius-base);
  box-sizing: border-box;
  z-index: calc(var(--el-index-top) + 1);
}
.el-mention-dropdown__loading {
  color: var(--el-mention-option-loading-color);
  font-size: 12px;
  margin: 0;
  min-width: var(--el-mention-option-min-width);
  padding: 10px 0;
  text-align: center;
}
.el-mention-dropdown__wrap {
  max-height: var(--el-mention-max-height);
}
.el-mention-dropdown__list {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: var(--el-mention-padding);
}
.el-mention-dropdown__header {
  border-bottom: var(--el-mention-border);
  padding: var(--el-mention-header-padding);
}
.el-mention-dropdown__footer {
  border-top: var(--el-mention-border);
  padding: var(--el-mention-footer-padding);
}