/*!
 *  build: StoreWave 
 *  copyright: https://render.storewave.cn  
 *  time: 2025-11-19 17:39:14
 */
/*!
 *  build: StoreWave 
 *  copyright: https://render.storewave.cn  
 *  time: 2025-11-19 17:39:14
 */
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-2dba7c7e]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
#container[data-v-2dba7c7e] {
  height: calc(calc(
  100vh - 56px - 38px - 12px * 2 - 55px
) - 12px * 2);
  outline: none;
}
.drawer__content[data-v-2dba7c7e] {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
}
.drawer__content div[data-v-2dba7c7e]:first-child {
  flex: 1;
}
.drawer__footer[data-v-2dba7c7e] {
  display: flex;
}
.drawer__footer button[data-v-2dba7c7e] {
  flex: 1;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-25ad939e]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.content-body[data-v-25ad939e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.content-body .message[data-v-25ad939e] {
  flex: 1;
  padding-left: 20px;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-57bec6c8]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.btn-area[data-v-57bec6c8] {
  width: 100%;
  height: auto;
  padding-bottom: 12px;
  background-color: transparent;
}
.btn-area.affixed[data-v-57bec6c8] {
  position: fixed;
  top: 0px;
  right: 0;
  z-index: 10;
  height: auto;
  min-height: 48px;
  margin: 0 auto;
}
.btn-area .status-bar[data-v-57bec6c8] {
  width: 100%;
  height: 25px;
  color: #fff;
  background-color: #6fbde3;
}
.btn-area .status-bar span[data-v-57bec6c8] {
  padding: 0 8px;
}
.btn-area.is-mobile[data-v-57bec6c8] {
  padding: 0;
}
.btn-area .btn-bar[data-v-57bec6c8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
}
.btn-area .btn-bar.is-mobile[data-v-57bec6c8] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  min-height: 50px;
  padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
  padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
  background: #fff;
}
.btn-area .btn-bar .btn-left[data-v-57bec6c8],
.btn-area .btn-bar .btn-right[data-v-57bec6c8] {
  display: flex;
  flex-wrap: nowrap;
  padding-right: 4px;
  overflow: hidden;
}
.btn-area .btn-bar .btn-left.is-mobile[data-v-57bec6c8],
.btn-area .btn-bar .btn-right.is-mobile[data-v-57bec6c8] {
  padding: 0 12px;
}
.btn-area .btn-bar .btn-left[data-v-57bec6c8] {
  flex: 1;
  width: 80%;
}
.btn-area .btn-bar .btn-left[data-v-57bec6c8]:not(.is-mobile) {
  padding-top: 10px;
}
.btn-area .btn-system[data-v-57bec6c8] {
  color: #dddddd;
  background: #000 !important;
}
.upload-area[data-v-57bec6c8] {
  margin: 8px 0;
}
#qrcode[data-v-57bec6c8] {
  position: relative;
}
#qrCodeIco[data-v-57bec6c8] {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  padding: 2px;
  background-color: #fff;
  border-radius: 5px;
}
#qrCodeImg[data-v-57bec6c8] {
  width: 100%;
  height: 100%;
}
.badge-item[data-v-57bec6c8] {
  margin-top: 10px;
}
.btnWorkFlow[data-v-57bec6c8] {
  margin: 14px 4px 4px 4px !important;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-067e212c]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.slm-notice-bar[data-v-067e212c] .el-alert {
  height: 32px;
  margin: 0 0 4px 0 !important;
}
.slm-notice-bar[data-v-067e212c] .el-alert .title-text {
  padding-left: 4px;
  color: #3d3d3d !important;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-6ecb96ae]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.divider[data-v-6ecb96ae] {
  display: flex;
  justify-content: center;
}
.divider[data-v-6ecb96ae] .el-divider {
  min-height: 80vh;
}
.compare-table[data-v-6ecb96ae] .el-table__row.warning-row {
  background: #fdf6ec;
}
.compare-table[data-v-6ecb96ae] .el-table__row.success-row {
  background: #f0f9eb;
}
.compare-table[data-v-6ecb96ae] .el-table__row.error-row {
  background: #fef0f0;
}

.affix {
  position: fixed;
}

@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-023b24a0]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.van-tabbar[data-v-023b24a0] {
  height: 80px !important;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-74c040a7]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.modal-header[data-v-74c040a7] {
  position: sticky;
  top: -20px;
  z-index: 5;
  background: #fff;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-0b7d8d6e]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.title[data-v-0b7d8d6e] {
  height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid rgb(242, 242, 242);
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.title .action-font[data-v-0b7d8d6e] {
  font-family: 微软雅黑, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "kern";
  font-kerning: normal;
  color: rgb(64, 158, 255);
}
.title .title-font[data-v-0b7d8d6e] {
  font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "kern";
  font-kerning: normal;
  color: rgb(102, 102, 102);
}
.content[data-v-0b7d8d6e] {
  height: calc(100% - 52px);
  margin-top: 2px;
  overflow: hidden auto;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-5af306af]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
[data-v-5af306af] .el-dialog__header {
  margin-right: 0;
  background-color: #f1f1f1;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.dialog-header[data-v-5af306af] {
  display: flex;
}
.dialog-header[data-v-5af306af] :nth-child(2) {
  font-size: 14px;
}
.dialog-header span[data-v-5af306af] {
  flex: 1;
  font-size: 18px;
}

/*  样式
  ------------------------------------------------ */
.info-row[data-v-5af306af] {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 12px;
  font-size: 13px;
}
.info-row > .label[data-v-5af306af] {
  width: 130px;
}
.info-row > .el-textarea[data-v-5af306af],
.info-row .flow[data-v-5af306af] {
  width: calc(100% - 130px) !important;
}
.info-row .upload-box[data-v-5af306af] {
  width: calc(90% - 130px);
}
.info-row .upload-icon[data-v-5af306af] {
  font-size: 20px;
  color: var(--el-color-primary);
  cursor: pointer;
}
.info-row .el-checkbox-group[data-v-5af306af] {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info-row .el-checkbox-group > label[data-v-5af306af] {
  align-items: flex-start;
}
.flow-operated[data-v-5af306af] {
  background: #1890ff !important;
}
.flow-waiting[data-v-5af306af] {
  background: #ffa41a !important;
}
.full-screen-icon[data-v-5af306af] {
  margin-left: 5px;
  font-size: 18px;
  color: var(--el-color-primary);
  cursor: pointer;
}
.popup-header[data-v-5af306af] {
  height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid rgb(242, 242, 242);
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.popup-header .title[data-v-5af306af] {
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "kern";
  font-kerning: normal;
  color: rgb(102, 102, 102);
}
.popup-body[data-v-5af306af] {
  height: calc(100% - 52px);
  margin-top: 2px;
  overflow: hidden auto;
}
.items-card[data-v-5af306af] {
  padding: 10px 10px 0 10px;
}
.items-card[data-v-5af306af]:not(:last-child)::after {
  display: block;
  width: 95%;
  height: 1px;
  margin: 10px auto 0;
  content: "";
  background: #ffffff;
}
.items-card[data-v-5af306af]:last-child {
  margin-bottom: 15px;
}
.items-card > span[data-v-5af306af] {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: rgb(93, 92, 92);
}
.items-card > .content-box[data-v-5af306af] {
  padding: 0 10px;
}
.items-card > .content-box .van-tag[data-v-5af306af] {
  margin-right: 8px;
}
.items-card > .content-box[data-v-5af306af] .van-field {
  background: #eaeaea;
  border-radius: 8px;
}
.items-card > .content-box .requir[data-v-5af306af] .van-field__control {
  color: #0f0f0f;
  background: #fbbcbc;
}
.items-card > .content-box .requir[data-v-5af306af] .van-field__control::-webkit-input-placeholder {
  color: #444343;
}
.items-card > .content-box .requir[data-v-5af306af] .van-field__control::-moz-placeholder {
  color: #444343;
}
.items-card > .content-box .requir[data-v-5af306af] .van-field__control:-moz-placeholder {
  color: #444343;
}
.items-card > .content-box .van-radio-group[data-v-5af306af] {
  margin-top: 10px;
}
.items-card .upload-demo[data-v-5af306af] {
  padding: 8px;
  background: #eaeaea;
  border-radius: 8px;
}
.flow[data-v-5af306af] {
  max-height: 320px;
  overflow-y: auto;
}
.flow .flow-step .flow-step-header[data-v-5af306af] {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
}
.flow .flow-step .flow-step-header > span[data-v-5af306af]:nth-child(1) {
  width: 26px;
  height: 26px;
  margin-right: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  color: white;
  text-align: center;
  background: #c1c1c1;
  border-radius: 50%;
}
.flow .flow-step .flow-step-content[data-v-5af306af] {
  position: relative;
  padding: 0 20px 8px 40px;
}
.flow .flow-step .flow-step-content > .option-item[data-v-5af306af] {
  width: 100%;
  min-height: 40px;
  padding: 5px 10px;
  margin-bottom: 10px;
  line-height: 20px;
  color: #9a9a9a;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.flow .flow-step .flow-step-content > .option-item > .header[data-v-5af306af] {
  font-weight: bold;
}
.flow .flow-step .flow-step-content > .option-item > .header > span[data-v-5af306af] {
  margin-right: 5px;
}
.flow .flow-step .flow-step-content > .option-item > .header > .operator[data-v-5af306af] {
  color: #9a9a9a;
}
.flow .flow-step .flow-step-content > .option-item .content[data-v-5af306af] {
  padding-left: 12px;
  margin-top: 8px;
  color: #3d3d3d;
}
.flow .flow-step .flow-step-content > .option-item .footer[data-v-5af306af] {
  font-size: 12px;
  font-weight: bold;
  color: #9a9a9a;
  text-align: right;
}
.flow .flow-step .flow-step-content[data-v-5af306af]::before {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 12.5px;
  background: #d7d7d7;
}
.flow .flow-step:last-of-type .flow-step-content[data-v-5af306af]::before {
  display: none;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-38d21e70]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.content-wrapper[data-v-38d21e70] {
  display: inline-flex;
  flex-wrap: wrap;
}
.content-wrapper .van-tag[data-v-38d21e70] {
  margin: 2px 4px;
}
.ss-picker[data-v-38d21e70] {
  width: 100%;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-5f4503e2]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
[data-v-5f4503e2] .el-dialog__header {
  margin-right: 0;
  background-color: #f1f1f1;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.dialog-header[data-v-5f4503e2] {
  display: flex;
}
.dialog-header[data-v-5f4503e2] :nth-child(2) {
  font-size: 14px;
}
.dialog-header span[data-v-5f4503e2] {
  flex: 1;
  font-size: 18px;
}

/*  样式
  ------------------------------------------------ */
.info-row[data-v-5f4503e2] {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 12px;
  font-size: 13px;
}
.info-row > .label[data-v-5f4503e2] {
  width: 130px;
}
.info-row > .el-textarea[data-v-5f4503e2],
.info-row .flow[data-v-5f4503e2] {
  width: calc(100% - 130px) !important;
}
.info-row .upload-box[data-v-5f4503e2] {
  width: calc(90% - 130px);
}
.info-row .upload-icon[data-v-5f4503e2] {
  font-size: 20px;
  color: var(--el-color-primary);
  cursor: pointer;
}
.info-row .el-checkbox-group[data-v-5f4503e2] {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info-row .el-checkbox-group > label[data-v-5f4503e2] {
  align-items: flex-start;
}
.flow-operated[data-v-5f4503e2] {
  background: #1890ff !important;
}
.flow-waiting[data-v-5f4503e2] {
  background: #ffa41a !important;
}
.full-screen-icon[data-v-5f4503e2] {
  margin-left: 5px;
  font-size: 18px;
  color: var(--el-color-primary);
  cursor: pointer;
}
.popup-header[data-v-5f4503e2] {
  height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid rgb(242, 242, 242);
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.popup-header .title[data-v-5f4503e2] {
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "kern";
  font-kerning: normal;
  color: rgb(102, 102, 102);
}
.popup-body[data-v-5f4503e2] {
  height: calc(100% - 52px);
  margin-top: 2px;
  overflow: hidden auto;
}
.items-card[data-v-5f4503e2] {
  padding: 10px 10px 0 10px;
}
.items-card[data-v-5f4503e2]:not(:last-child)::after {
  display: block;
  width: 95%;
  height: 1px;
  margin: 10px auto 0;
  content: "";
  background: #ffffff;
}
.items-card[data-v-5f4503e2]:last-child {
  margin-bottom: 15px;
}
.items-card > span[data-v-5f4503e2] {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: rgb(93, 92, 92);
}
.items-card > .content-box[data-v-5f4503e2] {
  padding: 0 10px;
}
.items-card > .content-box .van-tag[data-v-5f4503e2] {
  margin-right: 8px;
}
.items-card > .content-box[data-v-5f4503e2] .van-field {
  background: #eaeaea;
  border-radius: 8px;
}
.items-card > .content-box .requir[data-v-5f4503e2] .van-field__control {
  color: #0f0f0f;
  background: #fbbcbc;
}
.items-card > .content-box .requir[data-v-5f4503e2] .van-field__control::-webkit-input-placeholder {
  color: #444343;
}
.items-card > .content-box .requir[data-v-5f4503e2] .van-field__control::-moz-placeholder {
  color: #444343;
}
.items-card > .content-box .requir[data-v-5f4503e2] .van-field__control:-moz-placeholder {
  color: #444343;
}
.items-card > .content-box .van-radio-group[data-v-5f4503e2] {
  margin-top: 10px;
}
.items-card .upload-demo[data-v-5f4503e2] {
  padding: 8px;
  background: #eaeaea;
  border-radius: 8px;
}
.flow[data-v-5f4503e2] {
  max-height: 320px;
  overflow-y: auto;
}
.flow .flow-step .flow-step-header[data-v-5f4503e2] {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
}
.flow .flow-step .flow-step-header > span[data-v-5f4503e2]:nth-child(1) {
  width: 26px;
  height: 26px;
  margin-right: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  color: white;
  text-align: center;
  background: #c1c1c1;
  border-radius: 50%;
}
.flow .flow-step .flow-step-content[data-v-5f4503e2] {
  position: relative;
  padding: 0 20px 8px 40px;
}
.flow .flow-step .flow-step-content > .option-item[data-v-5f4503e2] {
  width: 100%;
  min-height: 40px;
  padding: 5px 10px;
  margin-bottom: 10px;
  line-height: 20px;
  color: #9a9a9a;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.flow .flow-step .flow-step-content > .option-item > .header[data-v-5f4503e2] {
  font-weight: bold;
}
.flow .flow-step .flow-step-content > .option-item > .header > span[data-v-5f4503e2] {
  margin-right: 5px;
}
.flow .flow-step .flow-step-content > .option-item > .header > .operator[data-v-5f4503e2] {
  color: #9a9a9a;
}
.flow .flow-step .flow-step-content > .option-item .content[data-v-5f4503e2] {
  padding-left: 12px;
  margin-top: 8px;
  color: #3d3d3d;
}
.flow .flow-step .flow-step-content > .option-item .footer[data-v-5f4503e2] {
  font-size: 12px;
  font-weight: bold;
  color: #9a9a9a;
  text-align: right;
}
.flow .flow-step .flow-step-content[data-v-5f4503e2]::before {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 12.5px;
  background: #d7d7d7;
}
.flow .flow-step:last-of-type .flow-step-content[data-v-5f4503e2]::before {
  display: none;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-3697a6db]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.avatar[data-v-3697a6db] {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.comment-form[data-v-3697a6db] {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  border-radius: 2px;
}
.comment-form.is-mobile[data-v-3697a6db] {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 1rem;
  padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
  padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
  background: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
}
.comment-form .header[data-v-3697a6db] {
  margin-bottom: 2rem;
}
.comment-form .header .header-title[data-v-3697a6db] {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #252933;
}
.comment-form .content .avatar-box[data-v-3697a6db] {
  flex: 0 0 auto;
}
.comment-form .content .avatar-box .avatar[data-v-3697a6db] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.comment-form .content .form-box[data-v-3697a6db] {
  position: relative;
  flex: 1 1 auto;
}
.comment-form .content .form-box .auth-card[data-v-3697a6db] {
  position: relative;
}
.comment-form .content .form-box .action-box[data-v-3697a6db] {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.comment-form .content .form-box .action-box .image-btn[data-v-3697a6db] {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 24px;
  cursor: pointer;
}
.comment-form .content .form-box .action-box .submit[data-v-3697a6db] {
  flex: 0 0 auto;
  margin-left: auto;
}
.comment-form .content .form-box .action-box .submit span[data-v-3697a6db] {
  margin-right: 16px;
  font-size: 14px;
  line-height: 22px;
  color: #86909c;
  letter-spacing: 0.2px;
}
.comment-list-wrapper[data-v-3697a6db] {
  padding: 40px 0 16px;
}
.comment-list-wrapper.is-mobile[data-v-3697a6db] {
  padding: 16px 12px;
  padding-bottom: 180px;
}
.comment-list-wrapper .title[data-v-3697a6db] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #252933;
}
.comment-list-wrapper .title .sort[data-v-3697a6db] {
  display: flex;
  align-items: center;
  padding: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #4e5969;
  cursor: pointer;
  background: #1890ff;
  border-radius: 2px;
}
.comment-list-wrapper .comment[data-v-3697a6db] {
  display: flex;
  padding: 16px 0;
}
.comment-list-wrapper .comment .popover-box[data-v-3697a6db] {
  align-items: unset;
}
.comment-list-wrapper .comment .popover-box a[data-v-3697a6db] {
  color: #909090;
  text-decoration: none;
  cursor: pointer;
}
.comment-list-wrapper .comment .popover-box .user-link[data-v-3697a6db] {
  flex: 0 0 auto;
}
.comment-list-wrapper .comment .popover-box .user-link .avatar[data-v-3697a6db] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.comment-list-wrapper .comment .content-box[data-v-3697a6db] {
  flex: 1 1 auto;
  margin-left: 16px;
}
.comment-list-wrapper .comment .content-box .comment-main[data-v-3697a6db] {
  position: relative;
}
.comment-list-wrapper .comment .content-box .comment-main .delete[data-v-3697a6db] {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: none;
  font-size: 14px;
  line-height: 22px;
  color: #f53f3f;
  text-align: right;
  cursor: pointer;
}
.comment-list-wrapper .comment .content-box .comment-main .user-box[data-v-3697a6db] {
  display: flex;
  align-items: center;
}
.comment-list-wrapper .comment .content-box .comment-main .user-box .popover-box[data-v-3697a6db] {
  align-items: unset;
}
.comment-list-wrapper .comment .content-box .comment-main .user-box .time[data-v-3697a6db] {
  margin-left: auto;
  font-size: 14px;
  line-height: 22px;
  color: #8a919f;
}
.comment-list-wrapper .comment .content-box .comment-main .content[data-v-3697a6db] {
  display: -webkit-box;
  margin-top: 8px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 2rem;
  color: #515767;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.comment-list-wrapper .comment .content-box .comment-main .limit-btn[data-v-3697a6db] {
  font-size: 14px;
  line-height: 22px;
  color: #1e80ff;
}
.comment-list-wrapper .comment .content-box .comment-main .limit-btn[data-v-3697a6db],
.comment-list-wrapper .comment .content-box .comment-main .viewable[data-v-3697a6db] {
  margin-top: 8px;
  cursor: pointer;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper[data-v-3697a6db] {
  display: block;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper .sub-comment-list[data-v-3697a6db]:first-child {
  margin-top: 16px;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper .subcomment[data-v-3697a6db]:not(:first-child) {
  margin-top: 2rem;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper .subcomment[data-v-3697a6db]:not(:last-child) {
  border-bottom: 1px solid #e1e1e1;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper .sub-comment-list[data-v-3697a6db] {
  padding: 16px;
  background: rgba(247, 248, 250, 0.7);
  border-radius: 4px;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper .sub-comment-list .subcomment[data-v-3697a6db] {
  display: flex;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper .sub-comment-list .subcomment .popover-box[data-v-3697a6db] {
  align-items: unset;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper .sub-comment-list .subcomment .content-box[data-v-3697a6db] {
  flex: 1 1 auto;
  margin-left: 12px;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper .sub-comment-list .subcomment .content-box .content-wrapper[data-v-3697a6db] {
  position: relative;
}
.comment-list-wrapper .comment .content-box .subcomment-wrapper .sub-comment-list .subcomment .content-box .content-wrapper .delete[data-v-3697a6db] {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: none;
  font-size: 14px;
  line-height: 22px;
  color: #f53f3f;
  text-align: right;
  cursor: pointer;
  transition: opacity 3s;
}
.comment-list-wrapper .comment[data-v-3697a6db]:not(:last-child) {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e1e1e1;
}
.comment .popover-box[data-v-3697a6db] {
  align-items: unset;
}
.content-box[data-v-3697a6db] {
  flex: 1 1 auto;
  margin-left: 12px;
}
.content[data-v-3697a6db] {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 2rem;
  color: #515767;
  -webkit-line-clamp: 6;
}
.content.hasimage[data-v-3697a6db],
.content[data-v-3697a6db] {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.content-box .user-box .username[data-v-3697a6db],
.content-box .user-box[data-v-3697a6db] {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
}
.content-box .user-box[data-v-3697a6db] {
  position: relative;
}
.emoji[data-v-3697a6db] {
  position: relative;
  top: 1px;
  width: auto;
  height: 20px;
  margin: 0 2px;
  vertical-align: sub;
}
.content-box .time[data-v-3697a6db] {
  margin-left: auto;
  font-size: 12px;
  line-height: 22px;
  color: #8a919f;
}
.action-box[data-v-3697a6db] {
  margin-top: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.action-box .item[data-v-3697a6db],
.action-box[data-v-3697a6db] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
.action-box .item[data-v-3697a6db] {
  padding: 0 8px;
  font-size: 12px;
  line-height: 20px;
  line-height: 22px;
  color: #8a919f;
  cursor: pointer;
}
.action-box .item.active[data-v-3697a6db] {
  color: #fff;
  border-radius: 4px;
}
.parent-wrapper[data-v-3697a6db] {
  box-sizing: border-box;
  display: flex;
  height: 36px;
  padding: 0 12px;
  margin-top: 8px;
  font-size: 14px;
  line-height: 36px;
  color: #8a919f;
  background: #f2f3f5;
  border: 1px solid #e4e6eb;
  border-radius: 4px;
}
.parent-wrapper .parent-content[data-v-3697a6db] {
  display: -webkit-box;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.user-link .avatar[data-v-3697a6db] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
[data-v-3697a6db] .popper-select {
  left: auto !important;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-650787dc]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.site-iframe[data-v-650787dc] {
  width: 78vw;
  height: 90vh;
}
@charset "UTF-8";
/**
 * @description 全局主题变量配置
 */
[data-v-1be587a6]:export {
  menu-color: hsla(0deg, 0%, 100%, 0.95);
  menu-color-active: hsla(0deg, 0%, 100%, 0.95);
  menu-background: #282c34;
  column-second-menu-background: #fff;
}
.sysBtnList button[data-v-1be587a6] {
  margin: 4px;
}
.sysBtnList button[data-v-1be587a6]:first-child {
  margin: 4px 0px 4px 4px;
}
.upload-demo[data-v-1be587a6] {
  display: flex;
  align-items: center;
}
.btnItem[data-v-1be587a6] {
  border: 0 !important;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #666;
}
.divider[data-v-1be587a6] {
  display: flex;
  justify-content: center;
}
.divider[data-v-1be587a6] .el-divider {
  min-height: 90vh;
}
.tabbar[data-v-1be587a6] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 60px;
  background-color: white;
}
.tabbar-item[data-v-1be587a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #888;
  text-decoration: none;
}
.tabbar-item.active[data-v-1be587a6] {
  color: #1890ff;
}
.tabbar-label[data-v-1be587a6] {
  font-size: 12px;
}
#capture.is-mobile[data-v-1be587a6] {
  padding-bottom: 50px;
}