@import url(//at.alicdn.com/t/c/font_3331920_q6iceq41z0o.css);
/*
*个人中心白色版本
*
*/
.custom-button[data-v-5f47528d] {
  border: none;
  transition: all 0.4s;
  font-family: PingFangMedium, Helvetica, Arial, sans-serif;
  min-height: 10px;
  padding: 0;
  flex-shrink: 0;
}
.custom-button[data-v-5f47528d] .el-icon-loading {
  margin-left: 0;
}
.custom-button[data-v-5f47528d]:hover {
  opacity: 0.8;
}

/*
*个人中心白色版本
*
*/
.custom-avatar[data-v-0812b018] {
  cursor: pointer;
  flex-shrink: 0;
}
.custom-avatar .image[data-v-0812b018] {
  width: 100%;
  height: 100%;
}

/*
*个人中心白色版本
*
*/
/**
 * 大转盘模块设计令牌（QDPT-7 视觉改造）
 *
 * 复用站内既有令牌，不自起色值：
 *   主色 #F5565B（theme.css:8 --primary-highlight-color，全站 490 处引用）
 *   主色浅底 #FFF4F4（theme.css:9 --primary-highlight-color-light-1）
 *   主要文字 #282828（theme.css:7 --222222-light-1）
 *   次要文字 #6F6F6F（theme.css:22 --secondary-text-color）
 *   弱化文字 #999999（theme.css:24 --secondary-text-color-light-2）
 *   成功色 #34AA44（globle.less:7 --green）
 *   圆角 16px（globle.less:26 --border-radius-16）
 *   阴影范例 0 4px 20px 0 var(--DCDCDC80-26262990)（HomeRecommendEnterpriseItem.vue:174）
 *
 * ============================================================================
 * Element Plus 主题覆盖 · 作用域影响面评估结论
 * ----------------------------------------------------------------------------
 * 依赖实测：element-plus 锁定版本 1.0.2-beta.71（yarn.lock:4100），
 * 已解包核验其 theme-chalk/index.css 实际产物。
 *
 * 1) 作用域必须局部，不能全局 :root
 *    全站 type="primary" 共 31 处，分布在 18 个 Lottery 目录外的文件中
 *    （登录/注册弹层、招聘表单、活动报名、作品详情评论等）；
 *    全局覆盖 --el-color-primary 会把这些页面的按钮/筛选器一并改成红色，
 *    超出「只改抽奖页视觉」的授权范围。
 *    → 采用局部作用域：仅在 Lottery 模块根节点声明 CSS 变量。
 *
 * 2) 弹层（el-dialog）需单独声明
 *    el-dialog 走 teleport，内容挂到 body 下，不在页面根节点的 DOM 子树内，
 *    继承不到页面作用域的变量。
 *    1.0.2-beta.71 实测提供 customClass prop（lib/el-dialog/index.js:206,319），
 *    该 class 会落到 .el-dialog 元素上（el-overlay > .el-dialog > header/body/footer），
 *    因此在 .el-dialog 这一层声明变量即可覆盖弹层内的 header / body / footer，
 *    比在 body 内节点上声明更完整（footer 的「确认抽奖」按钮也覆盖到）。
 *
 * 3) primary 按钮必须额外硬覆盖（关键差异，与 Element Plus 2.x 不同）
 *    该版本 .el-button--primary 的变量是【元素级硬编码】，不读 --el-color-primary：
 *      .el-button--primary{--el-button-background-color:#409eff; ...}
 *    且 .el-button 元素级声明了 --el-button-background-color: var(--el-color-white)，
 *    元素级声明优先级高于祖先继承，故在作用域上设同名变量【无效】。
 *    → 必须在作用域内用 .el-button--primary 选择器重新声明按钮专用变量。
 *
 * 4) 变量名按实测取值，不照搬 Element Plus 2.x 命名
 *    禁用态实测为 --el-button-disabled-background-color（2.x 文档常写 -bg-color）。
 *
 * 5) 确认读变量、覆盖即生效的组件
 *    el-radio-button 选中态  → var(--el-color-primary)            ✅
 *    el-pager li.active      → var(--el-color-primary)            ✅
 *    el-pagination hover     → var(--el-color-primary)            ✅
 *    el-input / el-checkbox / el-alert 边框与勾选  → 读主色变量   ✅
 */
/* ---------- 主色系 ---------- */
/* ---------- 中性色 ---------- */
/* ---------- 语义色 ---------- */
/* ---------- 次强调色（保留橙，仅用于售罄等次级语义） ---------- */
/* ---------- 圆角（设计稿 v2 收敛为 4 档：16 / 12 / 8 / 999 胶囊） ---------- */
/* ---------- 阴影（卡片 / 弹层两档；v2 弹层投影减重） ---------- */
/* ============================================================================
 * 设计稿 v1 扩充令牌（C 端高保真设计稿 6 画布 · 三端共享规格）
 *
 * 来源：qdpt7-lottery-wheel-design 设计稿 :root 色板。
 * 红系全部从站内主色 #F5565B 派生（深化两档），金色系仅服务转盘金属质感与
 * 活动氛围，不进入通用 UI 语义；文字/底色/圆角沿用上方站内令牌，不另起值。
 * ========================================================================== */
/* 深红两档（KV 横幅与转盘区渐变用，仅活动氛围场景） */
/* 橙色系（售罄标 / 警告条；@lottery-accent 即设计稿 --orange） */
/* 分隔线（奖品卡 / 表格用暖灰线；次级描边线为 v2 新增 --line-2） */
/* 金色系（转盘金属环 / 活动氛围；仅服务大转盘与氛围层。
   v2 金色系收敛为 4 阶，--gold-soft 已删除，勿再引用） */
/* 转盘扇区四色循环（红 / 金 / 浅红 / 浅灰），与三端共享同一份 */
/* 金属环渐变（转盘外圈；v2：145deg 亮金起笔、暗金收尾，非首尾循环） */
/* 金属环光影（v2：暖金投影替代 v1 红棕投影，D1-06） */
/* 金属钉环纹理（v2：亮 4° / 暗 18.5° 细密钉，D1-03） */
/* 主按钮（设计稿 v2 btn-pri：红渐变 + 柔影 + 内高光内底影） */
/* KV 横幅渐变底（v2：132deg，#FF6B70 起笔、red-dark 收尾） */
/* 弹层遮罩（设计稿 v2 scrim） */
/**
 * 注意：Element Plus 主题覆盖【不使用 Less mixin 承载 CSS 自定义属性】。
 *
 * 实测（yarn build + 产物校验）：把 --el-* 自定义属性写进 Less mixin 后，
 * 经 less-loader（含 sass-resources-loader 前置）编译时，全局样式入口
 * (src/assets/style/lottery-dialog-theme.less) 的自定义属性块会被整段丢弃，
 * 而同一 mixin 在组件 scoped 样式块中却正常输出 —— 行为不一致且不可控。
 *
 * 因此 Element Plus 主题覆盖统一放在全局样式文件
 * src/assets/style/lottery-element-theme.less 中用【显式选择器】声明，
 * 变量与令牌在本文件仅作为 Less 变量引用，不再经 mixin 传递。
 */
.guide-body[data-v-3384f495] {
  text-align: center;
}
/* 礼盒插画 + 金色光晕（规格同 LotteryResultDialog .win-glow） */
.guide-glow[data-v-3384f495] {
  position: relative;
  width: 132px;
  height: 132px;
  margin: 0 auto 4px;
  display: grid;
  place-items: center;
}
.guide-glow[data-v-3384f495]::before {
  content: '';
  position: absolute;
  inset: -26px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 214, 130, 0.55), rgba(255, 214, 130, 0) 68%);
}
.guide-glow svg[data-v-3384f495] {
  width: 118px;
  height: 118px;
  position: relative;
}
/* 眉标（规格同 .win-eyebrow） */
.guide-eyebrow[data-v-3384f495] {
  font-size: 15px;
  color: #6F6F6F;
  margin: 0;
}
/* 标题（规格同 .win-title：红粗体大字） */
.guide-title[data-v-3384f495] {
  font-size: 26px;
  font-weight: 800;
  margin-top: 4px;
  letter-spacing: 0.02em;
  color: #E04146;
}
.guide-tags[data-v-3384f495] {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}
/* 浅红底红字标签（规格同 .tag / .tag-phys） */
.tag[data-v-3384f495] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 999px;
  white-space: nowrap;
  background: #FFF4F4;
  color: #E04146;
}
.guide-desc[data-v-3384f495] {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: #6F6F6F;
}

/*
*个人中心白色版本
*
*/
/**
 * 大转盘模块设计令牌（QDPT-7 视觉改造）
 *
 * 复用站内既有令牌，不自起色值：
 *   主色 #F5565B（theme.css:8 --primary-highlight-color，全站 490 处引用）
 *   主色浅底 #FFF4F4（theme.css:9 --primary-highlight-color-light-1）
 *   主要文字 #282828（theme.css:7 --222222-light-1）
 *   次要文字 #6F6F6F（theme.css:22 --secondary-text-color）
 *   弱化文字 #999999（theme.css:24 --secondary-text-color-light-2）
 *   成功色 #34AA44（globle.less:7 --green）
 *   圆角 16px（globle.less:26 --border-radius-16）
 *   阴影范例 0 4px 20px 0 var(--DCDCDC80-26262990)（HomeRecommendEnterpriseItem.vue:174）
 *
 * ============================================================================
 * Element Plus 主题覆盖 · 作用域影响面评估结论
 * ----------------------------------------------------------------------------
 * 依赖实测：element-plus 锁定版本 1.0.2-beta.71（yarn.lock:4100），
 * 已解包核验其 theme-chalk/index.css 实际产物。
 *
 * 1) 作用域必须局部，不能全局 :root
 *    全站 type="primary" 共 31 处，分布在 18 个 Lottery 目录外的文件中
 *    （登录/注册弹层、招聘表单、活动报名、作品详情评论等）；
 *    全局覆盖 --el-color-primary 会把这些页面的按钮/筛选器一并改成红色，
 *    超出「只改抽奖页视觉」的授权范围。
 *    → 采用局部作用域：仅在 Lottery 模块根节点声明 CSS 变量。
 *
 * 2) 弹层（el-dialog）需单独声明
 *    el-dialog 走 teleport，内容挂到 body 下，不在页面根节点的 DOM 子树内，
 *    继承不到页面作用域的变量。
 *    1.0.2-beta.71 实测提供 customClass prop（lib/el-dialog/index.js:206,319），
 *    该 class 会落到 .el-dialog 元素上（el-overlay > .el-dialog > header/body/footer），
 *    因此在 .el-dialog 这一层声明变量即可覆盖弹层内的 header / body / footer，
 *    比在 body 内节点上声明更完整（footer 的「确认抽奖」按钮也覆盖到）。
 *
 * 3) primary 按钮必须额外硬覆盖（关键差异，与 Element Plus 2.x 不同）
 *    该版本 .el-button--primary 的变量是【元素级硬编码】，不读 --el-color-primary：
 *      .el-button--primary{--el-button-background-color:#409eff; ...}
 *    且 .el-button 元素级声明了 --el-button-background-color: var(--el-color-white)，
 *    元素级声明优先级高于祖先继承，故在作用域上设同名变量【无效】。
 *    → 必须在作用域内用 .el-button--primary 选择器重新声明按钮专用变量。
 *
 * 4) 变量名按实测取值，不照搬 Element Plus 2.x 命名
 *    禁用态实测为 --el-button-disabled-background-color（2.x 文档常写 -bg-color）。
 *
 * 5) 确认读变量、覆盖即生效的组件
 *    el-radio-button 选中态  → var(--el-color-primary)            ✅
 *    el-pager li.active      → var(--el-color-primary)            ✅
 *    el-pagination hover     → var(--el-color-primary)            ✅
 *    el-input / el-checkbox / el-alert 边框与勾选  → 读主色变量   ✅
 */
/* ---------- 主色系 ---------- */
/* ---------- 中性色 ---------- */
/* ---------- 语义色 ---------- */
/* ---------- 次强调色（保留橙，仅用于售罄等次级语义） ---------- */
/* ---------- 圆角（设计稿 v2 收敛为 4 档：16 / 12 / 8 / 999 胶囊） ---------- */
/* ---------- 阴影（卡片 / 弹层两档；v2 弹层投影减重） ---------- */
/* ============================================================================
 * 设计稿 v1 扩充令牌（C 端高保真设计稿 6 画布 · 三端共享规格）
 *
 * 来源：qdpt7-lottery-wheel-design 设计稿 :root 色板。
 * 红系全部从站内主色 #F5565B 派生（深化两档），金色系仅服务转盘金属质感与
 * 活动氛围，不进入通用 UI 语义；文字/底色/圆角沿用上方站内令牌，不另起值。
 * ========================================================================== */
/* 深红两档（KV 横幅与转盘区渐变用，仅活动氛围场景） */
/* 橙色系（售罄标 / 警告条；@lottery-accent 即设计稿 --orange） */
/* 分隔线（奖品卡 / 表格用暖灰线；次级描边线为 v2 新增 --line-2） */
/* 金色系（转盘金属环 / 活动氛围；仅服务大转盘与氛围层。
   v2 金色系收敛为 4 阶，--gold-soft 已删除，勿再引用） */
/* 转盘扇区四色循环（红 / 金 / 浅红 / 浅灰），与三端共享同一份 */
/* 金属环渐变（转盘外圈；v2：145deg 亮金起笔、暗金收尾，非首尾循环） */
/* 金属环光影（v2：暖金投影替代 v1 红棕投影，D1-06） */
/* 金属钉环纹理（v2：亮 4° / 暗 18.5° 细密钉，D1-03） */
/* 主按钮（设计稿 v2 btn-pri：红渐变 + 柔影 + 内高光内底影） */
/* KV 横幅渐变底（v2：132deg，#FF6B70 起笔、red-dark 收尾） */
/* 弹层遮罩（设计稿 v2 scrim） */
/**
 * 注意：Element Plus 主题覆盖【不使用 Less mixin 承载 CSS 自定义属性】。
 *
 * 实测（yarn build + 产物校验）：把 --el-* 自定义属性写进 Less mixin 后，
 * 经 less-loader（含 sass-resources-loader 前置）编译时，全局样式入口
 * (src/assets/style/lottery-dialog-theme.less) 的自定义属性块会被整段丢弃，
 * 而同一 mixin 在组件 scoped 样式块中却正常输出 —— 行为不一致且不可控。
 *
 * 因此 Element Plus 主题覆盖统一放在全局样式文件
 * src/assets/style/lottery-element-theme.less 中用【显式选择器】声明，
 * 变量与令牌在本文件仅作为 Less 变量引用，不再经 mixin 传递。
 */
/* 提高特异性至 (0,2,0) 覆盖 EP 的 .el-dialog(0,1,0) 元素级 background —— 不依赖加载顺序 */
.el-dialog.vote-lottery-guide-dialog {
  /* Element Plus 主色变量（对读变量的组件生效） */
  --el-color-primary: #F5565B;
  --el-color-primary-light-3: #F7797D;
  --el-color-primary-light-5: #FB9EA1;
  --el-color-primary-light-7: #FDC3C5;
  --el-color-primary-light-8: #FEDEDF;
  --el-color-primary-light-9: #FFF4F4;
  --el-color-primary-dark-2: #E04146;
  max-width: 520px;
  border-radius: 16px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  /* 对话框底色：Element Plus 1.x 的 .el-dialog 上是【元素级】声明
       background: var(--el-dialog-background-color)（元素级硬编码 white），
       祖先作用域设同名变量无效（元素级声明优先级高于继承）——
       同 lottery-theme.less 注释记录的元素级硬编码坑。
     故此处直接给 background，且本样式块在 EP 主题之后加载 → 同特异性后者胜出。
     图 1 口径 = 纯白卡。 */
  background: #FFFFFF;
  /* 屏幕居中（同 lottery-dialog 的 overlay flex + auto margin 口径） */
  margin: auto !important;
  /* 无头视觉（图 1：无标题文字，仅右上圆形关闭钮）；title 属性保留供可访问性 */
  /* primary 按钮硬覆盖（btn-pri 红渐变，同 lottery-dialog 口径） */
}
.el-dialog.vote-lottery-guide-dialog .el-dialog__title {
  display: none;
}
.el-dialog.vote-lottery-guide-dialog .el-dialog__headerbtn {
  width: 28px;
  height: 28px;
  top: 18px;
  right: 18px;
  background: #F5F6F8;
  border-radius: 50%;
}
.el-dialog.vote-lottery-guide-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #999999;
  font-size: 14px;
}
.el-dialog.vote-lottery-guide-dialog .el-dialog__headerbtn:hover {
  background: #FEDEDF;
}
.el-dialog.vote-lottery-guide-dialog .el-dialog__headerbtn:hover .el-dialog__close {
  color: #E04146;
}
.el-dialog.vote-lottery-guide-dialog .el-dialog__body {
  padding: 20px 36px 8px;
}
.el-dialog.vote-lottery-guide-dialog .el-dialog__footer {
  display: flex;
  gap: 12px;
  padding: 8px 36px 32px;
}
.el-dialog.vote-lottery-guide-dialog .el-dialog__footer .el-button {
  flex: 1 1 0;
  height: 46px;
  font-size: 15px;
  padding: 0 16px;
  font-weight: 700;
}
.el-dialog.vote-lottery-guide-dialog .el-button--primary {
  --el-button-background-color: #F5565B;
  --el-button-border-color: #F5565B;
  --el-button-hover-color: #E04146;
  --el-button-active-background-color: #E04146;
  --el-button-active-border-color: #E04146;
  background: linear-gradient(180deg, #FF7075 0%, #F5565B 46%, #E04146 100%);
  border: none;
  font-weight: 700;
  box-shadow: 0 5px 14px rgba(224, 65, 70, 0.38), inset 0 1.5px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.12);
}
.el-dialog.vote-lottery-guide-dialog .el-button--primary:hover,
.el-dialog.vote-lottery-guide-dialog .el-button--primary:focus {
  background: linear-gradient(180deg, #ff7a7e 0%, #E04146 50%, #C7363C 100%);
  color: #fff;
}
/*
 * 弹层遮罩 + 居中：
 *   Element Plus 1.x 的 overlay 结构 = .el-overlay > .el-overlay-dialog > .el-dialog，
 *   故用后代选择器（非 > 直接子选择器）匹配；配合 display:flex 让弹层在 overlay 内居中。
 *   作用域限定在含本弹窗的 overlay，不影响站内其它弹层。
 */
.el-overlay:has(.vote-lottery-guide-dialog) {
  background: rgba(38, 14, 15, 0.52);
  display: flex;
}
.el-overlay:has(.vote-lottery-guide-dialog) .el-overlay-dialog {
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

/*
*个人中心白色版本
*
*/
.module-input[data-v-2729cb1d] {
  position: relative;
}
.module-input[data-v-2729cb1d] .el-input__inner {
  background: linear-gradient(90deg, #e8dff0 0%, #e2e7f0 100%);
  border-color: #e1deed;
  border-radius: 5px;
  height: 44px;
  padding: 0 40px 0 12px;
  font-size: 14px;
}
.module-input[data-v-2729cb1d] .el-input__inner::-moz-placeholder {
  font-size: 14px;
  color: #bbb8bf;
}
.module-input[data-v-2729cb1d] .el-input__inner::placeholder {
  font-size: 14px;
  color: #bbb8bf;
}
.module-input[data-v-2729cb1d] .el-input__inner::-ms-reveal {
  display: none;
}
.module-input .custom-input[data-v-2729cb1d] .el-input__inner {
  background: #ffffff;
}
.module-input .module-error[data-v-2729cb1d] .el-input__inner {
  border-color: #f5565b;
}
.module-input .icon-eye-1[data-v-2729cb1d] {
  position: absolute;
  right: 14px;
  top: 18px;
  width: 18px;
  height: 11px;
  cursor: pointer;
}
.module-input .icon-eye-2[data-v-2729cb1d] {
  position: absolute;
  right: 13px;
  top: 20px;
  width: 17px;
  height: 7px;
  cursor: pointer;
}
.module-input .input-error[data-v-2729cb1d] {
  position: absolute;
  top: 52px;
  left: 0;
  color: #f5565b;
  font-size: 12px;
}
.module-input .input-error .icon-close[data-v-2729cb1d] {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}

/*
*个人中心白色版本
*
*/
.module-input-verification-code[data-v-7c7d33e5] {
  border-bottom: 1px solid #f5565b;
}
.module-input-verification-code input[data-v-7c7d33e5] {
  flex: 1;
  margin-right: 20px;
  padding: 0;
  background: transparent;
  border: none;
  height: 40px;
  outline: none;
  font-size: 14px;
}
.module-input-verification-code input[data-v-7c7d33e5]::-moz-placeholder {
  font-size: 14px;
  color: #bbb8bf;
}
.module-input-verification-code input[data-v-7c7d33e5]::placeholder {
  font-size: 14px;
  color: #bbb8bf;
}
.module-input-verification-code .count-down[data-v-7c7d33e5] {
  font-size: 14px;
  color: #222222;
  white-space: nowrap;
}
.module-input-verification-code .resend[data-v-7c7d33e5] {
  font-size: 14px;
  color: #f55660;
  white-space: nowrap;
  cursor: pointer;
}

/*
*个人中心白色版本
*
*/
.wechat-scan-code-login .module-title[data-v-7ae05336] {
  font-size: 22px;
  color: #222222;
  font-family: PingFangBold, serif;
  justify-content: space-between;
}
.wechat-scan-code-login .module-title .skip[data-v-7ae05336] {
  font-size: 16px;
  color: #bbb8bf;
  cursor: pointer;
}
.wechat-scan-code-login .module-subtitle[data-v-7ae05336] {
  margin-top: 8px;
  font-size: 14px;
  color: #999999;
  font-family: PingFangBold, serif;
  justify-content: space-between;
  line-height: 22px;
}
.wechat-scan-code-login .module-subtitle .skip[data-v-7ae05336] {
  font-size: 16px;
  color: #bbb8bf;
  cursor: pointer;
}
.wechat-scan-code-login .module-description[data-v-7ae05336] {
  text-align: center;
  margin-top: 38px;
  font-size: 14px;
  color: #666666;
}
.wechat-scan-code-login .module-back[data-v-7ae05336] {
  margin-top: 34px;
}
.wechat-scan-code-login .module-back > div[data-v-7ae05336] {
  font-size: 14px;
  color: #ed4247;
  padding-bottom: 2px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5565b;
  cursor: pointer;
}
.wechat-scan-code-login .form-input[data-v-7ae05336] {
  margin-top: 78px;
}
.wechat-scan-code-login .verification-code-input[data-v-7ae05336] {
  margin-top: 29px;
}
.wechat-scan-code-login .password-input-1[data-v-7ae05336] {
  margin-top: 79px;
}
.wechat-scan-code-login .password-input-2[data-v-7ae05336] {
  margin-top: 24px;
}

/*
*个人中心白色版本
*
*/
.third-party-login[data-v-190005c9] {
  width: 100%;
}
.third-party-login > div[data-v-190005c9] {
  width: 44px;
  height: 44px;
  background: #ffffff;
  border-radius: 50%;
  margin-right: 20px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.third-party-login > div[data-v-190005c9]:last-child {
  margin-right: 0;
}
.third-party-login > div .icon-wechat[data-v-190005c9] {
  width: 26px;
  height: 21px;
}
.third-party-login > div .icon-qq[data-v-190005c9] {
  width: 18px;
  height: 20px;
}

/*
*个人中心白色版本
*
*/
.wechat-scan-code-login .module-title[data-v-1bdbe8dc] {
  font-size: 22px;
  color: #222222;
  font-family: PingFangBold, serif;
  justify-content: space-between;
}
.wechat-scan-code-login .module-title .skip[data-v-1bdbe8dc] {
  font-size: 16px;
  color: #bbb8bf;
  cursor: pointer;
}
.wechat-scan-code-login .module-remind[data-v-1bdbe8dc] {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
  font-size: 12px;
}
.wechat-scan-code-login .module-remind .forget-password[data-v-1bdbe8dc] {
  color: #b1b1b1;
  cursor: pointer;
}
.wechat-scan-code-login .module-change[data-v-1bdbe8dc] {
  margin-top: 33px;
}
.wechat-scan-code-login .module-change > div[data-v-1bdbe8dc] {
  font-size: 14px;
  color: #ed4247;
  font-family: PingFangBold, serif;
  padding-bottom: 2px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5565b;
  cursor: pointer;
}
.wechat-scan-code-login .module-back[data-v-1bdbe8dc] {
  margin-top: 34px;
}
.wechat-scan-code-login .module-back > div[data-v-1bdbe8dc] {
  font-size: 14px;
  color: #ed4247;
  padding-bottom: 2px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5565b;
}
.wechat-scan-code-login .module-third-party[data-v-1bdbe8dc] {
  margin-top: 31px;
}
.wechat-scan-code-login .phone-number-input[data-v-1bdbe8dc] {
  margin-top: 58px;
}
.wechat-scan-code-login .password-input[data-v-1bdbe8dc] {
  margin-top: 24px;
}

/*
*个人中心白色版本
*
*/
.wechat-scan-code-login .module-title[data-v-6b80d783] {
  font-size: 22px;
  color: #222222;
  font-family: PingFangBold;
  justify-content: space-between;
}
.wechat-scan-code-login .module-title .skip[data-v-6b80d783] {
  font-size: 16px;
  color: #bbb8bf;
  cursor: pointer;
}
.wechat-scan-code-login .module-description[data-v-6b80d783] {
  text-align: center;
  margin-top: 38px;
  font-size: 14px;
  color: #666666;
}
.wechat-scan-code-login .module-back[data-v-6b80d783] {
  margin-top: 34px;
}
.wechat-scan-code-login .module-back > div[data-v-6b80d783] {
  font-size: 14px;
  color: #ed4247;
  padding-bottom: 2px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5565b;
  cursor: pointer;
}
.wechat-scan-code-login .form-input[data-v-6b80d783] {
  margin-top: 78px;
}
.wechat-scan-code-login .password-input-2[data-v-6b80d783] {
  margin-top: 24px;
}
.wechat-scan-code-login .verification-code-input[data-v-6b80d783] {
  margin-top: 29px;
}

/*
*个人中心白色版本
*
*/
.wechat-scan-code-login .module-title[data-v-9540b8b0] {
  font-size: 22px;
  color: #222222;
  font-family: PingFangBold;
  justify-content: space-between;
}
.wechat-scan-code-login .module-title .skip[data-v-9540b8b0] {
  font-size: 16px;
  color: #bbb8bf;
  cursor: pointer;
}
.wechat-scan-code-login .module-description[data-v-9540b8b0] {
  text-align: center;
  margin-top: 38px;
  font-size: 14px;
  color: #666666;
}
.wechat-scan-code-login .module-back[data-v-9540b8b0] {
  margin-top: 34px;
}
.wechat-scan-code-login .module-back > div[data-v-9540b8b0] {
  font-size: 14px;
  color: #ed4247;
  padding-bottom: 2px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5565b;
  cursor: pointer;
}
.wechat-scan-code-login .form-input[data-v-9540b8b0] {
  margin-top: 78px;
}
.wechat-scan-code-login .verification-code-input[data-v-9540b8b0] {
  margin-top: 29px;
}
.wechat-scan-code-login .password-input-1[data-v-9540b8b0] {
  margin-top: 79px;
}
.wechat-scan-code-login .password-input-2[data-v-9540b8b0] {
  margin-top: 24px;
}

/*
*个人中心白色版本
*
*/
.wechat-scan-code-login .module-title[data-v-cda3b480] {
  font-size: 22px;
  color: #222222;
  font-family: PingFangBold;
  justify-content: space-between;
}
.wechat-scan-code-login .module-title .skip[data-v-cda3b480] {
  font-size: 16px;
  color: #bbb8bf;
  cursor: pointer;
}
.wechat-scan-code-login .module-description[data-v-cda3b480] {
  text-align: center;
  margin-top: 38px;
  font-size: 14px;
  color: #666666;
}
.wechat-scan-code-login .module-change[data-v-cda3b480] {
  margin-top: 33px;
}
.wechat-scan-code-login .module-change > div[data-v-cda3b480] {
  font-size: 14px;
  color: #ed4247;
  font-family: PingFangBold;
  padding-bottom: 2px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5565b;
  cursor: pointer;
}
.wechat-scan-code-login .module-back[data-v-cda3b480] {
  margin-top: 34px;
}
.wechat-scan-code-login .module-back > div[data-v-cda3b480] {
  font-size: 14px;
  color: #ed4247;
  padding-bottom: 2px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5565b;
  cursor: pointer;
}
.wechat-scan-code-login .module-third-party[data-v-cda3b480] {
  margin-top: 96px;
}
.wechat-scan-code-login .verification-code-input[data-v-cda3b480] {
  margin-top: 29px;
}
.wechat-scan-code-login .form-input[data-v-cda3b480] {
  margin-top: 78px;
}


.impowerBox .title {
  display: none;
}
.impowerBox .qrcode {
  width: 166px;
}
.status_icon {
  display: none;
}
.impowerBox .status {
  display: none;
}

/*
*个人中心白色版本
*
*/
.wechat-scan-code-login .module-title[data-v-b0784050] {
  font-size: 22px;
  color: #222222;
  font-family: PingFangBold, serif;
}
.wechat-scan-code-login .module-description[data-v-b0784050] {
  font-size: 16px;
  color: #5d5d5d;
  margin-top: 17px;
  text-align: center;
  min-height: 16px;
}
.wechat-scan-code-login .module-description-or[data-v-b0784050] {
  font-size: 14px;
  color: #c7c6ca;
  margin-top: 25px;
  text-align: center;
}
.wechat-scan-code-login .module-qr-code[data-v-b0784050] {
  width: 166px;
  height: 166px;
  margin: 40px auto 0;
}
.wechat-scan-code-login .module-qr-code .qr-code[data-v-b0784050] {
  width: 100%;
  height: 100%;
}
.wechat-scan-code-login .module-change[data-v-b0784050] {
  justify-content: center;
  margin-top: 23px;
  padding: 0 68px;
  box-sizing: border-box;
  gap: 16px;
}
.wechat-scan-code-login .module-change > div[data-v-b0784050] {
  font-size: 14px;
  color: #ed4247;
  font-family: PingFangBold, serif;
  padding-bottom: 2px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5565b;
  cursor: pointer;
}
.wechat-scan-code-login .module-third-party[data-v-b0784050] {
  margin-top: 26px;
}
.wechat-scan-code-login .to-login[data-v-b0784050] {
  color: #ed4247;
  cursor: pointer;
  margin-left: 4px;
  margin-right: 4px;
}

/*
*个人中心白色版本
*
*/
.global-account-container[data-v-94eaeca2] .el-dialog {
  border-radius: 16px;
}
.global-account-container[data-v-94eaeca2] .el-dialog__header {
  display: none;
}
.global-account-container[data-v-94eaeca2] .el-dialog__body {
  padding: 0;
  border-radius: 16px;
}
.global-account-container .account-content[data-v-94eaeca2] {
  text-align: left;
  border-radius: 16px 16px 0 0;
  height: 536px;
  background: linear-gradient(70deg, #faedff 0%, #f0f9fe 100%);
  padding: 25px 45px 0;
  box-sizing: border-box;
}
.global-account-container .account-content .icon-close-box[data-v-94eaeca2] {
  justify-content: flex-end;
}
.global-account-container .account-content .icon-close-box .icon-close[data-v-94eaeca2] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: -22px;
}
.global-account-container .account-content .icon-logo[data-v-94eaeca2] {
  width: 116px;
  height: 23px;
  margin: 14px 0 18px;
}
.global-account-container .bottom-description[data-v-94eaeca2] {
  border-radius: 0 0 16px 16px;
  height: 54px;
  background: #ffffff;
  font-size: 12px;
  color: #838383;
}
.global-account-container .bottom-description .light[data-v-94eaeca2] {
  color: #f5565b;
  cursor: pointer;
}

/*
*个人中心白色版本
*
*/
.wrapper[data-v-b627eba6] {
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: transparent;
  z-index: 4000;
}
.menu-list[data-v-b627eba6] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.menu-list > div[data-v-b627eba6] {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  cursor: pointer;
  color: white;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 16px;
}
.menu-list > div .left-icon[data-v-b627eba6] {
  margin-right: 6px;
  width: 15px;
}
.menu-list > div[data-v-b627eba6]:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--old-hightlight-color);
}
.menu-list .menu-disabled[data-v-b627eba6] {
  color: #a4a4a4;
}
.menu-list .menu-disabled[data-v-b627eba6]:hover {
  background-color: transparent;
  cursor: not-allowed;
  color: #a4a4a4;
}
.menu-list .menu-active[data-v-b627eba6] {
  color: var(--old-hightlight-color);
}
.image-click-right-menu[data-v-b627eba6] {
  position: fixed;
  z-index: 9999;
  width: 150px;
  padding: 10px 0 0;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 6px;
  text-align: left;
}

/*
*个人中心白色版本
*
*/
.layout-container[data-v-74faa8a2] {
  display: flex;
  background-color: var(--FFFFFF-070707);
}
.layout-container .layout-right-side[data-v-74faa8a2] {
  flex: 1;
}

/*
*个人中心白色版本
*
*/
.broadcast-video[data-v-335f7162] .el-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.broadcast-video[data-v-335f7162] .el-dialog {
  background-color: var(--match-bg);
  min-width: 550px;
  max-width: 1000px;
}
.broadcast-video[data-v-335f7162] .el-dialog .el-dialog__header {
  padding: 0;
}
.broadcast-video[data-v-335f7162] .el-dialog .el-dialog__header .el-dialog__title {
  color: #fff;
  font-size: 20px;
}
.broadcast-video[data-v-335f7162] .el-dialog .el-dialog__body {
  padding: 0;
}
.broadcast-video .video-content[data-v-335f7162] {
  margin: 0 auto;
  position: relative;
}
.broadcast-video .video-content[data-v-335f7162] .vjs-paused .vjs-big-play-button {
  display: block !important;
}
.broadcast-video .video-content[data-v-335f7162] .video-player {
  width: 100%;
  height: 100%;
}
.broadcast-video .video-content[data-v-335f7162] .video-player .vjs-big-play-button {
  display: none;
}
.broadcast-video .video-content .close[data-v-335f7162] {
  position: absolute;
  top: 0;
  right: -30px;
  font-size: 30px;
  color: #fff;
  z-index: 10;
  font-size: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  background: #252525;
  display: flex;
  align-items: center;
  justify-content: center;
}
.broadcast-video .video-content .close[data-v-335f7162]:hover {
  cursor: pointer;
  opacity: 0.8;
}
.broadcast-video .video-content .pause[data-v-335f7162] {
  cursor: pointer;
  width: 81.88%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -10px;
}
.broadcast-video .video-content .pause img[data-v-335f7162] {
  display: block;
  width: 100%;
  height: 100%;
}
.broadcast-video .video-content .ended[data-v-335f7162] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.broadcast-video .video-content .ended img[data-v-335f7162] {
  display: block;
  width: 100%;
  height: 100%;
}

/*
*个人中心白色版本
*
*/
.layout-header-menu[data-v-30bbd93b] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  padding: 0 20px;
  color: #333;
}
.layout-header-menu .layout-header-menu-item[data-v-30bbd93b] {
  margin-left: 50px;
  font-size: 16px;
  cursor: pointer;
  color: #666666;
}
.layout-header-menu .layout-header-menu-item[data-v-30bbd93b]:first-child {
  margin-left: 0;
}
.layout-header-menu .layout-header-menu-item .active-menu[data-v-30bbd93b] {
  color: #f5565b;
}
.layout-header-menu .layout-header-menu-item[data-v-30bbd93b]:hover {
  color: #3e3e3e;
}

/*
*个人中心白色版本
*
*/
.search-recommend-list .item[data-v-429fbc4b],
.search-recommend-list .close[data-v-429fbc4b] {
  cursor: pointer;
  white-space: nowrap;
}
.search-recommend-list .head[data-v-429fbc4b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -2px;
}
.search-recommend-list .head .title[data-v-429fbc4b] {
  font-size: 16px;
  color: var(--222222-FFFFFF);
}
.search-recommend-list .head .close[data-v-429fbc4b] {
  font-size: 12px;
  color: var(--999999);
}
.search-recommend-list .list[data-v-429fbc4b] {
  display: flex;
  flex-wrap: wrap;
}
.search-recommend-list .list .item[data-v-429fbc4b] {
  padding: 6px 14px;
  box-sizing: border-box;
  background: var(--F5F5F5);
  border-radius: 16px;
  font-size: 14px;
  font-weight: 400;
  color: var(--999999);
  margin: 16px 12px 0 0;
  position: relative;
  max-width: 94%;
  line-height: 1.2;
}
.search-recommend-list .list .item[data-v-429fbc4b]:hover {
  color: var(--C5C5C8);
}
.search-recommend-list .list .item:hover .close-icon[data-v-429fbc4b] {
  display: block;
}
.search-recommend-list .list .item .close-icon[data-v-429fbc4b] {
  position: absolute;
  right: -4px;
  top: -4px;
  display: none;
}

/*
*个人中心白色版本
*
*/
.header-search-recommend[data-v-8f28a154] {
  width: 100%;
  background: var(--FFFFFF-070707);
  border-radius: 8px;
  position: absolute;
  top: 47px;
  left: 0;
  z-index: 50;
  padding: 19px;
  box-sizing: border-box;
}
.header-search-recommend .close-icon[data-v-8f28a154] {
  width: 16px;
  height: 16px;
}
.header-search-recommend .list-margin-top[data-v-8f28a154] {
  margin-top: 39px;
}
.header-search-recommend .list-margin-bottom[data-v-8f28a154] {
  margin-bottom: 39px;
}
.header-search-recommend .load-more[data-v-8f28a154],
.header-search-recommend .empty-data[data-v-8f28a154] {
  font-size: 14px;
  font-weight: 400;
  color: var(--999999);
  cursor: pointer;
  line-height: 1.5;
}

/*
*个人中心白色版本
*
*/
.header-search-container[data-v-1f4cbc04] {
  flex: 1;
  position: relative;
  max-width: 480px;
  min-width: 250px;
}
.header-search-container[data-v-1f4cbc04] .el-input__inner {
  padding-right: 42px;
  height: 36px;
  max-width: 480px;
  min-width: 250px;
  border-radius: 6px;
  border: 1px solid var(--DDDDDD);
  background: var(--FFFFFF-070707);
}
.header-search-container[data-v-1f4cbc04] .el-input__inner:focus {
  border: 1px solid var(--999999) !important;
}
.header-search-container[data-v-1f4cbc04] .el-input__inner::-moz-placeholder {
  font-size: 12px;
  color: var(--999999-666666);
  font-family: PingFangRegular, serif;
}
.header-search-container[data-v-1f4cbc04] .el-input__inner::placeholder {
  font-size: 12px;
  color: var(--999999-666666);
  font-family: PingFangRegular, serif;
}
.header-search-container.header-search-transparent[data-v-1f4cbc04] .el-input__inner {
  background: var(--FFFFFF-070707-70);
}
.header-search-container .prefix[data-v-1f4cbc04] {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 2px;
}
.header-search-container .prefix .split[data-v-1f4cbc04] {
  width: 1px;
  height: 18px;
  background: var(--DDDDDD);
  margin-right: 12px;
}
.header-search-container .prefix img[data-v-1f4cbc04] {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.header-search-container .prefix .search-btn-text[data-v-1f4cbc04] {
  font-size: 14px;
  color: var(--222222-FFFFFF);
  margin-right: 12px;
}

/*
*个人中心白色版本
*
*/
.layout-header-theme-switch-component[data-v-3106c59e] {
  width: 152px;
  height: 36px;
  background: var(--EFEFEF);
  border-radius: 6px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.layout-header-theme-switch-component .slider[data-v-3106c59e] {
  width: 74px;
  height: 28px;
  background: var(--FFFFFF-070707);
  border-radius: 4px;
  position: absolute;
  top: 4px;
  left: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.layout-header-theme-switch-component .slider-dark[data-v-3106c59e] {
  left: 74px;
  background: #0a0a0a;
}
.layout-header-theme-switch-component .slider-light[data-v-3106c59e] {
  left: 4px;
}
.layout-header-theme-switch-component .text-light[data-v-3106c59e] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 74px;
  height: 28px;
  left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b2b7bc;
  font-size: 14px;
}
.layout-header-theme-switch-component .text-dark[data-v-3106c59e] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 74px;
  height: 28px;
  left: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b2b7bc;
  font-size: 14px;
}
.layout-header-theme-switch-component .theme-light-active[data-v-3106c59e] {
  color: #222222;
}
.layout-header-theme-switch-component .theme-dark-active[data-v-3106c59e] {
  color: #ffffff;
}
.layout-header-theme-switch-component .icon-img[data-v-3106c59e] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.layout-header-theme-switch-component .icon-dark-moon[data-v-3106c59e] {
  width: 14px;
  height: 15px;
}

/*
*个人中心白色版本
*
*/
.recommend-attention[data-v-55b0946f] .el-dialog {
  background: #222222;
}
.recommend-attention[data-v-55b0946f] .el-dialog .el-dialog__body {
  padding: 5px 15px;
}
.recommend-attention[data-v-55b0946f] .el-dialog .el-dialog__headerbtn {
  top: 5px;
  right: 5px;
  font-size: 22px;
}
.recommend-attention .content-container[data-v-55b0946f] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.recommend-attention .content-container .content-container-left[data-v-55b0946f] {
  width: 50px;
  margin-right: 10px;
}
.recommend-attention .content-container .content-container-right[data-v-55b0946f] {
  flex: 1;
}
.recommend-attention .content-container .content-container-right .attention-list[data-v-55b0946f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  height: 410px;
  overflow: auto;
}
.recommend-attention .content-container .content-container-right .attention-list li[data-v-55b0946f] {
  width: 220px;
  height: 55px;
  background-color: #101010;
  margin: 0 5px;
  padding: 5px 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recommend-attention .content-container .content-container-right .attention-list li .user-container[data-v-55b0946f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recommend-attention .content-container .content-container-right .attention-list li .user-container .avater[data-v-55b0946f] {
  display: block;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  border-radius: 50%;
  cursor: pointer;
}
.recommend-attention .content-container .content-container-right .attention-list li .choice img[data-v-55b0946f] {
  cursor: pointer;
}
.recommend-attention .content-container .content-container-right .operate-area[data-v-55b0946f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 10px;
}
.recommend-attention .content-container .content-container-right .operate-area .check-all[data-v-55b0946f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recommend-attention .content-container .content-container-right .operate-area .check-all img[data-v-55b0946f] {
  cursor: pointer;
}
.recommend-attention .content-container .content-container-right .operate-area .reflect[data-v-55b0946f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recommend-attention .content-container .content-container-right .operate-area .reflect .look-look[data-v-55b0946f] {
  padding: 6px 15px;
  background-color: #2b2b2b;
  color: #707070;
  border-radius: 3px;
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
}
.recommend-attention .content-container .content-container-right .operate-area .reflect .show-hand[data-v-55b0946f] {
  padding: 5px 15px;
  background-color: #07b4f2;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
}

/*
*个人中心白色版本
*
*/
.search-list-container[data-v-0fcb8f71] {
  background-color: #191919;
  position: absolute;
  top: 8px;
}
.search-list-container .search-list[data-v-0fcb8f71] {
  min-width: 370px;
  width: 19.45vw;
  border-radius: 1px;
  border: 1px solid #2a2b2b;
  border-top: none;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 33px;
  left: 0px;
  z-index: 20000;
  background-color: #0d0d0d;
  max-height: 600px;
  color: #bbb;
  font-size: 12px;
}
.search-list-container .search-list .hot-list[data-v-0fcb8f71] {
  width: 100%;
}
.search-list-container .search-list .hot-list .search-recommend-list li[data-v-0fcb8f71] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 3.5px 0 3.5px 20px;
  box-sizing: border-box;
}
.search-list-container .search-list .hot-list .search-recommend-list li[data-v-0fcb8f71] .el-avatar {
  width: 20px;
  height: 20px;
  background: #293133;
}
.search-list-container .search-list .hot-list .search-recommend-list li[data-v-0fcb8f71] .el-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-list-container .search-list .hot-list .search-recommend-list li .nickname[data-v-0fcb8f71] {
  margin-left: 5px;
}
.search-list-container .search-list .hot-list .search-recommend-list li[data-v-0fcb8f71]:hover {
  background: #191919;
}
.search-list-container .search-list .hot-list .sort-title[data-v-0fcb8f71] {
  padding: 10px 20px 7.5px;
  display: flex;
  justify-content: space-between;
  color: #3d3d3d;
}
.search-list-container .search-list .hot-list .sort-title-center[data-v-0fcb8f71] {
  cursor: pointer;
  justify-content: center;
}
.search-list-container .search-list .hot-list .no-result[data-v-0fcb8f71] {
  justify-content: center;
}
.search-list-container .search-list .hot-list .item[data-v-0fcb8f71] {
  display: flex;
  justify-content: space-between;
  padding: 7.5px 20px;
  cursor: pointer;
}
.search-list-container .search-list .hot-list .item[data-v-0fcb8f71]:hover {
  background-color: #191919;
}
.search-list-container .search-list .hot-list .item .main-title[data-v-0fcb8f71] {
  color: #bfbfbf;
  display: inline-block;
}
.search-list-container .search-list .hot-list .item .iconfont[data-v-0fcb8f71] {
  color: #3d3d3d;
}

/*
*个人中心白色版本
*
*/
.search-bar-container[data-v-ad354016] {
  position: relative;
}
.search-bar-container .prefix[data-v-ad354016] {
  margin-left: 15px;
}
.search-bar-container[data-v-ad354016] .el-input__prefix {
  top: 2px;
}
.search-bar-container[data-v-ad354016] .el-input--prefix {
  display: flex;
  align-items: center;
}
.search-bar-container[data-v-ad354016] .el-input__inner {
  min-width: 370px;
  width: 19.45vw;
  height: 32px;
  line-height: 32px;
  font-size: var(--inputFont);
  color: var(--inputColor);
  border-radius: 0;
  background: #18181d;
  border: 1px solid #18181d;
  padding-left: 52px;
}
.search-bar-container[data-v-ad354016] .el-input__inner::-moz-placeholder {
  color: #53535e;
}
.search-bar-container[data-v-ad354016] .el-input__inner::placeholder {
  color: #53535e;
}
.search-bar-container[data-v-ad354016] .el-input__inner:focus {
  border: 1px solid var(--inputBorder) !important;
}
.el-icon-search[data-v-ad354016] {
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
.search-bar-container[data-v-ad354016] {
    display: none;
}
}

/*
*个人中心白色版本
*
*/
[data-v-9cdfb5d2] .el-loading-spinner {
  margin-top: -7px;
  text-align: left;
}
[data-v-9cdfb5d2] .el-icon-loading {
  margin-left: 118px;
  color: #FFFFFF;
}
.binding-phone[data-v-9cdfb5d2] .el-overlay {
  z-index: 10000 !important;
}
.binding-phone .right-area[data-v-9cdfb5d2] {
  background: #FFFFFF;
}
[data-v-9cdfb5d2] .el-dialog__close {
  font-size: 18px;
  color: #ABABAB;
}
[data-v-9cdfb5d2] .el-dialog__body {
  padding: 6px 34px 46px;
}
[data-v-9cdfb5d2] .el-checkbox__label {
  color: #000000 !important;
}
[data-v-9cdfb5d2] .el-checkbox__inner {
  border-color: #929292;
}
[data-v-9cdfb5d2] .is-focus .el-checkbox__inner {
  border-color: #F5565B;
}
[data-v-9cdfb5d2] .is-checked .el-checkbox__inner {
  border-color: #F5565B;
  background: #F5565B;
}
[data-v-9cdfb5d2] .el-input {
  margin-top: 20px;
}
[data-v-9cdfb5d2] .el-input__inner {
  background: #F1F1F1;
  height: 44px;
}
[data-v-9cdfb5d2] .el-input__inner:hover {
  border-color: #E1E1E1;
}
[data-v-9cdfb5d2] .el-input__inner:focus {
  border-color: #E1E1E1;
}
[data-v-9cdfb5d2] .el-input-group__prepend {
  border-color: #E1E1E1;
  background-color: #F1F1F1;
  width: 92px;
  padding: 0;
}
[data-v-9cdfb5d2] .el-form-item {
  margin-bottom: 0;
}
.forget-pwd-title[data-v-9cdfb5d2] {
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 26px;
  font-size: 16px;
  color: #000000;
  padding-bottom: 23px;
  text-align: left;
}
.auth-code[data-v-9cdfb5d2] {
  margin-top: 20px;
  justify-content: space-between;
}
.auth-code[data-v-9cdfb5d2] .el-input {
  width: 206px;
  margin-top: 0;
}
.auth-code .send-code[data-v-9cdfb5d2] {
  width: 115px;
  height: 44px;
  background: #F1F1F1;
  border-radius: 3px;
  color: #A5A5A5;
  cursor: pointer;
}
.position-logo-box[data-v-9cdfb5d2] {
  position: relative;
}
.position-logo-box .position-logo[data-v-9cdfb5d2] {
  position: absolute;
  top: -130px;
  left: 62px;
  width: 244px;
  height: 68px;
}
.operate[data-v-9cdfb5d2] {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
}
.operate .operate-rigth[data-v-9cdfb5d2] {
  color: #929292;
  font-size: 14px;
}
.operate .operate-rigth > span[data-v-9cdfb5d2] {
  cursor: pointer;
}
.operate .operate-rigth .space[data-v-9cdfb5d2] {
  margin: 0 14px 0 12px;
}
.other-account-login[data-v-9cdfb5d2] {
  color: #929292;
  font-size: 14px;
  text-align: center;
  margin-top: 51px;
}
.login-way[data-v-9cdfb5d2] {
  display: flex;
  justify-content: space-evenly;
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 26px;
}
.login-way > div[data-v-9cdfb5d2] {
  padding-bottom: 23px;
  color: #929292;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.login-way .active-way[data-v-9cdfb5d2] {
  color: #000000;
  border-bottom: 2px solid #F5565B;
}
.login-btn[data-v-9cdfb5d2] {
  width: 100%;
  height: 44px;
  background: #F1F1F1;
  border-radius: 3px;
  margin-top: 20px;
  font-size: 16px;
  color: #A5A5A5;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-hover[data-v-9cdfb5d2] {
  background: #F5565B !important;
  color: #FFFFFF !important;
}

/*
*个人中心白色版本
*
*/
.login-third-btn-group-container[data-v-3c9beaf8] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-third-btn-group-container .button-type-item[data-v-3c9beaf8] {
  margin: 15px 12px 0 12px;
}
.login-third-btn-group-container .button-type-item > img[data-v-3c9beaf8] {
  width: 42px;
  height: 42px;
}
.login-third-btn-group-container .button-type-item .item-hover[data-v-3c9beaf8] {
  display: none;
}
.login-third-btn-group-container .button-type-item:hover .item[data-v-3c9beaf8] {
  display: none;
}
.login-third-btn-group-container .button-type-item:hover .item-hover[data-v-3c9beaf8] {
  display: block;
}

/*
*个人中心白色版本
*
*/
[data-v-9b5b8740] .el-dialog__close {
  font-size: 18px;
  color: #ABABAB;
}
[data-v-9b5b8740] .el-dialog__body {
  padding: 6px 34px 45px;
}
[data-v-9b5b8740] .el-input {
  margin-top: 20px;
}
[data-v-9b5b8740] .el-input__inner {
  background: #F1F1F1;
  height: 44px;
}
[data-v-9b5b8740] .el-input__inner:hover {
  border-color: #E1E1E1;
}
[data-v-9b5b8740] .el-input__inner:focus {
  border-color: #E1E1E1;
}
.forget-pwd-title[data-v-9b5b8740] {
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 26px;
  font-size: 16px;
  color: #000000;
  padding-bottom: 23px;
  text-align: left;
}
.auth-code[data-v-9b5b8740] {
  margin-top: 20px;
  justify-content: space-between;
}
.auth-code[data-v-9b5b8740] .el-input {
  width: 206px;
  margin-top: 0;
}
.auth-code .send-code[data-v-9b5b8740] {
  width: 115px;
  height: 44px;
  background: #F1F1F1;
  border-radius: 3px;
  color: #A5A5A5;
  cursor: pointer;
}
.position-logo-box[data-v-9b5b8740] {
  position: relative;
}
.position-logo-box .position-logo[data-v-9b5b8740] {
  position: absolute;
  top: -130px;
  left: 62px;
  width: 244px;
  height: 68px;
}
.to-login[data-v-9b5b8740] {
  text-align: right;
  color: #434343;
  font-size: 14px;
  margin-top: 18px;
}
.to-login .to-login-label[data-v-9b5b8740] {
  color: #F5565B;
  cursor: pointer;
}
.other-account-login[data-v-9b5b8740] {
  color: #929292;
  font-size: 14px;
  text-align: center;
  margin-top: 51px;
}
.login-way[data-v-9b5b8740] {
  display: flex;
  justify-content: space-evenly;
  border-bottom: 1px solid #F5F5F5;
  margin-top: -20px;
  margin-bottom: 26px;
}
.login-way > div[data-v-9b5b8740] {
  padding-bottom: 23px;
  color: #929292;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.login-way .active-way[data-v-9b5b8740] {
  color: #000000;
  border-bottom: 2px solid #F5565B;
}
.login-btn[data-v-9b5b8740] {
  width: 100%;
  height: 44px;
  background: #F1F1F1;
  border-radius: 3px;
  margin-top: 20px;
  font-size: 16px;
  color: #A5A5A5;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-hover[data-v-9b5b8740] {
  background: #F5565B !important;
  color: #FFFFFF !important;
}

/*
*个人中心白色版本
*
*/
[data-v-b514f464] .el-dialog__close {
  font-size: 18px;
  color: #ABABAB;
}
[data-v-b514f464] .el-dialog__body {
  padding: 6px 34px 36px;
}
[data-v-b514f464] .el-checkbox__label {
  color: #000000 !important;
}
[data-v-b514f464] .el-checkbox__inner {
  border-color: #929292;
}
[data-v-b514f464] .is-focus .el-checkbox__inner {
  border-color: #F5565B;
}
[data-v-b514f464] .is-checked .el-checkbox__inner {
  border-color: #F5565B;
  background: #F5565B;
}
[data-v-b514f464] .el-input {
  margin-top: 20px;
}
[data-v-b514f464] .el-input__inner {
  background: #F1F1F1;
  height: 44px;
}
[data-v-b514f464] .el-input__inner:hover {
  border-color: #E1E1E1;
}
[data-v-b514f464] .el-input__inner:focus {
  border-color: #E1E1E1;
}
[data-v-b514f464] .el-input-group__prepend {
  border-color: #E1E1E1;
  background-color: #F1F1F1;
  width: 92px;
  padding: 0;
}
.auth-code[data-v-b514f464] {
  margin-top: 20px;
  justify-content: space-between;
}
.auth-code[data-v-b514f464] .el-input {
  width: 206px;
  margin-top: 0;
}
.auth-code .send-code[data-v-b514f464] {
  width: 115px;
  height: 44px;
  background: #F1F1F1;
  border-radius: 3px;
  color: #A5A5A5;
  cursor: pointer;
}
.position-logo-box[data-v-b514f464] {
  position: relative;
}
.position-logo-box .position-logo[data-v-b514f464] {
  position: absolute;
  top: -130px;
  left: 62px;
  width: 244px;
  height: 68px;
}
.operate[data-v-b514f464] {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
}
.operate .operate-right[data-v-b514f464] {
  color: #929292;
  font-size: 14px;
}
.operate .operate-right > span[data-v-b514f464] {
  cursor: pointer;
}
.operate .operate-right .space[data-v-b514f464] {
  margin: 0 14px 0 12px;
}
.other-account-login[data-v-b514f464] {
  color: #929292;
  font-size: 14px;
  text-align: center;
  margin-top: 51px;
}
.login-way[data-v-b514f464] {
  display: flex;
  justify-content: space-evenly;
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 26px;
}
.login-way > div[data-v-b514f464] {
  padding-bottom: 23px;
  color: #929292;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.login-way .active-way[data-v-b514f464] {
  color: #000000;
  border-bottom: 2px solid #F5565B;
}
.login-btn[data-v-b514f464] {
  width: 100%;
  height: 44px;
  background: #F1F1F1;
  border-radius: 3px;
  margin-top: 20px;
  font-size: 16px;
  color: #A5A5A5;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-hover[data-v-b514f464] {
  background: #F5565B !important;
  color: #FFFFFF !important;
}

/*
*个人中心白色版本
*
*/
.vue-puzzle-vcode {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms;
}
.vue-puzzle-vcode.show {
  opacity: 1;
  pointer-events: auto;
}
.vue-auth-box {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.vue-auth-box .auth-body {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.vue-auth-box .auth-body .loading-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 20;
  opacity: 1;
  transition: opacity 200ms;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-auth-box .auth-body .loading-box.hide {
  opacity: 0;
  pointer-events: none;
}
.vue-auth-box .auth-body .loading-box img {
  width: 120px;
  height: auto;
}
.vue-auth-box .auth-body .info-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: center;
  overflow: hidden;
  font-size: 13px;
  background-color: #83ce3f;
  opacity: 0;
  transform: translateY(24px);
  transition: all 200ms;
  color: #fff;
  z-index: 10;
}
.vue-auth-box .auth-body .info-box.show {
  opacity: 0.95;
  transform: translateY(0);
}
.vue-auth-box .auth-body .info-box.fail {
  background-color: #ce594b;
}
.vue-auth-box .auth-body .auth-canvas2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 100%;
  z-index: 2;
}
.vue-auth-box .auth-body .auth-canvas3 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 600ms;
  z-index: 3;
}
.vue-auth-box .auth-body .auth-canvas3.show {
  opacity: 1;
}
.vue-auth-box .auth-body .flash {
  position: absolute;
  top: 0;
  left: -50px;
  width: 30px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 3;
}
.vue-auth-box .auth-body .flash.show {
  transition: transform 600ms;
}
.vue-auth-box .auth-body .reset {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 35px;
  height: auto;
  z-index: 12;
  cursor: pointer;
  transition: transform 200ms;
  transform: rotate(0deg);
}
.vue-auth-box .auth-body .reset:hover {
  transform: rotate(-90deg);
}
.vue-auth-box .auth-control .range-box {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #eef1f8;
  margin-top: 20px;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(240, 240, 240, 0.6) inset;
}
.vue-auth-box .auth-control .range-box .range-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #b7bcd1;
}
.vue-auth-box .auth-control .range-box .range-slider {
  position: absolute;
  height: 100%;
  width: 50px;
  background-color: rgba(106, 160, 255, 0.8);
  border-radius: 3px;
}
.vue-auth-box .auth-control .range-box .range-slider .range-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 4px #ccc;
  cursor: pointer;
}
.vue-auth-box .auth-control .range-box .range-slider .range-btn > div {
  width: 0;
  height: 40%;
  transition: all 200ms;
  border: solid 1px #6aa0ff;
}
.vue-auth-box .auth-control .range-box .range-slider .range-btn > div:nth-child(2) {
  margin: 0 4px;
}
.vue-auth-box .auth-control .range-box .range-slider .range-btn:hover > div:first-child,
.vue-auth-box .auth-control .range-box .range-slider .range-btn.isDown > div:first-child {
  border: solid 4px transparent;
  height: 0;
  border-right-color: #6aa0ff;
}
.vue-auth-box .auth-control .range-box .range-slider .range-btn:hover > div:nth-child(2),
.vue-auth-box .auth-control .range-box .range-slider .range-btn.isDown > div:nth-child(2) {
  border-width: 3px;
  height: 0;
  border-radius: 3px;
  margin: 0 6px;
  border-right-color: #6aa0ff;
}
.vue-auth-box .auth-control .range-box .range-slider .range-btn:hover > div:nth-child(3),
.vue-auth-box .auth-control .range-box .range-slider .range-btn.isDown > div:nth-child(3) {
  border: solid 4px transparent;
  height: 0;
  border-left-color: #6aa0ff;
}
.vue-puzzle-overflow {
  overflow: hidden !important;
}

/*
*个人中心白色版本
*
*/
[data-v-2f6bec9c] .el-dialog__close {
  font-size: 18px;
  color: #ABABAB;
}
[data-v-2f6bec9c] .el-dialog__body {
  padding: 6px 34px 36px;
}
[data-v-2f6bec9c] .el-input {
  margin-top: 20px;
}
[data-v-2f6bec9c] .el-input__inner {
  background: #F1F1F1;
  height: 44px;
}
[data-v-2f6bec9c] .el-input__inner:hover {
  border-color: #E1E1E1;
}
[data-v-2f6bec9c] .el-input__inner:focus {
  border-color: #E1E1E1;
}
[data-v-2f6bec9c] .el-input-group__prepend {
  border-color: #E1E1E1;
  background-color: #F1F1F1;
  width: 92px;
  padding: 0;
}
.forget-pwd-title[data-v-2f6bec9c] {
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 26px;
  font-size: 16px;
  color: #000000;
  padding-bottom: 23px;
  text-align: left;
}
.auth-code[data-v-2f6bec9c] {
  margin-top: 20px;
  justify-content: space-between;
}
.auth-code[data-v-2f6bec9c] .el-input {
  width: 206px;
  margin-top: 0;
}
.auth-code .send-code[data-v-2f6bec9c] {
  width: 115px;
  height: 44px;
  background: #F1F1F1;
  border-radius: 3px;
  color: #A5A5A5;
  cursor: pointer;
}
.position-logo-box[data-v-2f6bec9c] {
  position: relative;
}
.position-logo-box .position-logo[data-v-2f6bec9c] {
  position: absolute;
  top: -130px;
  left: 62px;
  width: 244px;
  height: 68px;
}
.to-login[data-v-2f6bec9c] {
  text-align: right;
  color: #434343;
  font-size: 14px;
  margin-top: 18px;
}
.to-login .to-login-label[data-v-2f6bec9c] {
  color: #F5565B;
  cursor: pointer;
}
.other-way-register[data-v-2f6bec9c] {
  font-size: 14px;
  color: #929292;
  margin-top: 49px;
  text-align: center;
}
.other-account-login[data-v-2f6bec9c] {
  color: #929292;
  font-size: 14px;
  text-align: center;
  margin-top: 51px;
}
.login-way[data-v-2f6bec9c] {
  display: flex;
  justify-content: space-evenly;
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 26px;
}
.login-way > div[data-v-2f6bec9c] {
  padding-bottom: 23px;
  color: #929292;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.login-way .active-way[data-v-2f6bec9c] {
  color: #000000;
  border-bottom: 2px solid #F5565B;
}
.login-btn[data-v-2f6bec9c] {
  width: 100%;
  height: 44px;
  background: #F1F1F1;
  border-radius: 3px;
  margin-top: 20px;
  font-size: 16px;
  color: #A5A5A5;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-hover[data-v-2f6bec9c] {
  background: #F5565B !important;
  color: #FFFFFF !important;
}

/*
*个人中心白色版本
*
*/
.header-place-box[data-v-afbbcd88] {
  width: 100%;
  height: 88px;
}
.home[data-v-afbbcd88] {
  padding: 24px 0;
  width: 100%;
  background-color: var(--FFFFFF-070707);
  position: relative;
  z-index: 10;
  top: 0;
  transition: top 0.4s, position 0.4s ease;
}
.home.home-transparent[data-v-afbbcd88] {
  background-color: transparent;
}
.header-padding[data-v-afbbcd88] {
  padding: 0 30px 0 18px;
  box-sizing: border-box;
}
.header[data-v-afbbcd88] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.header .header-left[data-v-afbbcd88] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 46px;
}
.header .header-left .logo-box[data-v-afbbcd88] {
  margin-right: 69px;
  cursor: pointer;
  margin-top: -2px;
}
.header .header-left .logo-box .logo-icon[data-v-afbbcd88] {
  width: 135px;
}
.header .header-left .header-button-icon[data-v-afbbcd88] {
  margin-right: 20px;
}
.header .header-left .header-button-icon img[data-v-afbbcd88] {
  width: 18px;
  height: 16px;
  cursor: pointer;
}
.header .header-center[data-v-afbbcd88] {
  flex: 1;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .header-right[data-v-afbbcd88] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-right: 46px;
}
.header .header-right .publish[data-v-afbbcd88],
.header .header-right .message-center[data-v-afbbcd88] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: transparent;
  border-radius: 50%;
  transition: all 0.2s;
}
.header .header-right .publish[data-v-afbbcd88]:hover,
.header .header-right .message-center[data-v-afbbcd88]:hover {
  background: var(--E8E9EA);
}
.header .header-right .publish:hover .publish-dropdown-menu[data-v-afbbcd88],
.header .header-right .message-center:hover .publish-dropdown-menu[data-v-afbbcd88] {
  position: absolute;
  top: 40px;
  right: -20px;
  width: 170px;
  height: 148px;
  background: var(--FFFFFF-202024);
  box-shadow: 0 5px 20px 0 var(--DCDCDC80-26262990);
  border-radius: 7px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.header .header-right .publish:hover .publish-dropdown-menu .publish-dropdown-item[data-v-afbbcd88],
.header .header-right .message-center:hover .publish-dropdown-menu .publish-dropdown-item[data-v-afbbcd88] {
  width: 154px;
  height: 44px;
  color: var(--222222-FFFFFF);
  cursor: pointer;
  border-radius: 6px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header .header-right .publish:hover .publish-dropdown-menu .publish-dropdown-item[data-v-afbbcd88]:hover,
.header .header-right .message-center:hover .publish-dropdown-menu .publish-dropdown-item[data-v-afbbcd88]:hover {
  background: var(--ECECEC);
}
.header .header-right .publish:hover .publish-dropdown-menu .publish-dropdown-item .publish-dropdown-item__text[data-v-afbbcd88],
.header .header-right .message-center:hover .publish-dropdown-menu .publish-dropdown-item .publish-dropdown-item__text[data-v-afbbcd88] {
  color: var(--222222-FFFFFF);
  padding-left: 12px;
}
.header .header-right .publish[data-v-afbbcd88] {
  position: relative;
  margin-right: 17px;
}
.header .header-right .publish img[data-v-afbbcd88] {
  width: 21px;
  height: 16px;
}
.header .header-right .publish .publish-dropdown-menu[data-v-afbbcd88] {
  display: none;
}
.header .header-right .message-center img[data-v-afbbcd88] {
  width: 15px;
  height: 16px;
}
.header .header-right .message-center[data-v-afbbcd88] .el-badge__content {
  background: #ED3938;
  border-radius: 8px;
  height: 12px;
  line-height: 12px;
  border: none;
  right: calc(-3px + var(--el-badge-size) / 2);
}
.header .header-right .handle[data-v-afbbcd88] {
  margin-left: 17px;
  display: flex;
}
.header .header-right .handle > div[data-v-afbbcd88] {
  border-radius: 17px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 14px;
  padding: 9px 11px 11px;
  box-sizing: border-box;
  transition: all 0.4s;
}
.header .header-right .handle .login[data-v-afbbcd88] {
  background: var(--FFFFFF-070707);
  border: 1px solid var(--DDDDDD);
  color: var(--222222-E6E6EA);
  margin-right: 10px;
}
.header .header-right .handle .login[data-v-afbbcd88]:hover {
  background: var(--FFFFFF-070707);
  border: 1px solid #9a9a9a;
}
.header .header-right .handle .register[data-v-afbbcd88] {
  background: var(--head-btn-color-1);
  border: 1px solid var(--head-btn-color-1);
  color: var(--color-white);
}
.header .header-right .handle .register[data-v-afbbcd88]:hover {
  background: var(--FFFFFF-070707);
  border: 1px solid #9a9a9a;
  color: var(--222222-E6E6EA);
}
.header .header-right .userInfo[data-v-afbbcd88] {
  box-sizing: border-box;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header .header-right .userInfo .avatar[data-v-afbbcd88] {
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: relative;
  margin-left: 29px;
  flex-shrink: 0;
}
.header .header-right .userInfo .avatar:hover .mark-box[data-v-afbbcd88],
.header .header-right .userInfo .avatar:hover .dropdown-list-container[data-v-afbbcd88] {
  display: block;
}
.header .header-right .userInfo .avatar img[data-v-afbbcd88] {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .header-right .userInfo .avatar .mark-box[data-v-afbbcd88] {
  position: absolute;
  height: 30px;
  width: 228px;
  background: transparent;
  z-index: 9999;
  top: 20px;
  right: 5px;
  display: none;
}
.header .header-right .userInfo .avatar .dropdown-list-container[data-v-afbbcd88] {
  text-align: center;
  display: none;
  min-width: 150px;
  position: absolute;
  top: 40px;
  right: 5px;
  box-sizing: border-box;
  z-index: 9999;
  transition: all 0.5s;
}
.header .header-right .userInfo .avatar .dropdown-list[data-v-afbbcd88] {
  width: 228px;
  height: 401px;
  background: var(--FFFFFF-202024);
  box-shadow: 0 5px 20px 0 var(--DCDCDC80-26262990);
  border-radius: 4px;
  color: var(--222222-FFFFFF);
  font-size: 14px;
  z-index: 101;
}
.header .header-right .userInfo .avatar .dropdown-list .avatar-wrapper[data-v-afbbcd88] {
  padding: 30px 0 20px;
  box-sizing: border-box;
}
.header .header-right .userInfo .avatar .dropdown-list .avatar-wrapper .avatar-icon[data-v-afbbcd88] {
  width: 60px;
  height: 60px;
}
.header .header-right .userInfo .avatar .dropdown-list .nickname[data-v-afbbcd88] {
  line-height: 20px;
  margin-bottom: 12px;
  box-sizing: border-box;
}
.header .header-right .userInfo .avatar .dropdown-list .account-balance[data-v-afbbcd88] {
  width: 208px;
  height: 76px;
  background: var(--FFF6F6);
  border-radius: 4px;
  margin: 0 auto 10px;
}
.header .header-right .userInfo .avatar .dropdown-list .account-balance .balance[data-v-afbbcd88] {
  font-size: 18px;
  color: #f5565b;
  padding-top: 14px;
}
.header .header-right .userInfo .avatar .dropdown-list .account-balance .balance .num[data-v-afbbcd88] {
  margin-left: 1px;
}
.header .header-right .userInfo .avatar .dropdown-list .account-balance .balance-operate[data-v-afbbcd88] {
  margin-top: 22px;
}
.header .header-right .userInfo .avatar .dropdown-list .account-balance .balance-operate .text[data-v-afbbcd88] {
  font-size: 12px;
  color: #f5565b;
  cursor: pointer;
}
.header .header-right .userInfo .avatar .dropdown-list .account-balance .balance-operate .space[data-v-afbbcd88] {
  width: 1px;
  height: 6px;
  background: #f5565b;
}
.header .header-right .userInfo .avatar .dropdown-list .page-menu[data-v-afbbcd88] {
  padding: 13px 0;
  width: 208px;
  border-radius: 4px;
  margin: auto;
  transition: all 0.2s;
}
.header .header-right .userInfo .avatar .dropdown-list .page-menu[data-v-afbbcd88]:hover {
  background: var(--ECECEC);
}
.header[data-v-afbbcd88] .el-input__inner:focus {
  border: 1px solid #dcdfe6;
}

/*
*个人中心白色版本
*
*/
.content .place-box[data-v-2cf5d88f] {
  height: 1px;
}
.content .place-box[data-v-2cf5d88f],
.content .position-box[data-v-2cf5d88f] {
  transition: width 0.4s;
  width: 73px;
}
.content .position-box[data-v-2cf5d88f] {
  border-right: 1px solid var(--DDDDDD);
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  white-space: nowrap;
  overflow: hidden;
}
.content .position-box .menu-icon[data-v-2cf5d88f] {
  height: 100%;
}
.content .position-box .menu-icon6[data-v-2cf5d88f] {
  height: 26px;
}
.content .position-box .menu-name[data-v-2cf5d88f] {
  margin-left: 11px;
  font-size: 14px;
  font-weight: 400;
  color: var(--626567);
}
.content .position-box .menu-name-dark[data-v-2cf5d88f] {
  color: var(--C5C5C8);
}
.content .position-box .menu-item[data-v-2cf5d88f] {
  cursor: pointer;
  padding: 14px;
  box-sizing: border-box;
  height: 40px;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  position: relative;
}
.content .position-box .menu-item .icon-new[data-v-2cf5d88f] {
  width: 30px;
  height: 14px;
  position: absolute;
}
.content .position-box .menu-item .new-dot[data-v-2cf5d88f] {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #f5565b;
  border-radius: 50%;
  top: 2px;
  left: 33px;
}
.content .position-box .menu-item .tip-menu-name[data-v-2cf5d88f] {
  position: fixed;
  padding: 10px 10px;
  background: var(--000000-E6E6EA);
  color: var(--FFFFFF-070707);
  font-size: 12px;
  line-height: 12px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 201;
  left: 67px;
  opacity: 0.85;
  display: none;
}
.content .position-box .menu-item .menu-name[data-v-2cf5d88f]:last-child {
  margin-top: 0;
}
.content .position-box .menu-item[data-v-2cf5d88f]:hover {
  background-color: var(--EFEFEF);
}
.content .position-box .menu-item:hover .tip-menu-name[data-v-2cf5d88f] {
  display: block;
}
.content .position-box .menu-icon-box[data-v-2cf5d88f] {
  width: 20px;
  height: 20px;
}
.content .position-box .singularity[data-v-2cf5d88f] {
  height: 26px;
}
.content .position-box .stalls-me[data-v-2cf5d88f] {
  width: 18px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  height: 23px;
}
.content .position-box .menu-logo[data-v-2cf5d88f] {
  padding-top: 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.content .position-box .menu-logo .small-logo[data-v-2cf5d88f] {
  width: 33px;
  height: 33px;
}
.content .position-box .menu-logo .big-logo[data-v-2cf5d88f] {
  width: 127px;
  height: 33px;
}
.content .position-box .menu-bottom[data-v-2cf5d88f] {
  padding-bottom: 20px;
}
.content .position-box .menu-bottom .menu-publish .publish-icon[data-v-2cf5d88f] {
  width: 36px;
  height: 36px;
}
.content .position-box .menu-bottom .menu-publish .tip-menu-name[data-v-2cf5d88f] {
  position: fixed;
  padding: 10px 10px;
  background: var(--000000-E6E6EA);
  color: var(--FFFFFF-070707);
  font-size: 12px;
  line-height: 12px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 201;
  left: 67px;
  opacity: 0.85;
  display: none;
}
.content .position-box .menu-bottom .menu-publish:hover .tip-menu-name[data-v-2cf5d88f] {
  display: block;
}
.content .position-box .menu-bottom .unfold-menu-publish[data-v-2cf5d88f] {
  width: 128px;
  height: 116px;
  border: 2px dotted var(--C8C8C8);
  border-radius: 12px;
  background-size: 100% 100%;
  margin-left: 10px;
}
.content .position-box .menu-bottom .unfold-menu-publish .mark-publish[data-v-2cf5d88f] {
  flex-direction: column;
}
.content .position-box .menu-bottom .unfold-menu-publish .mark-publish .menu-name[data-v-2cf5d88f] {
  margin: 10px 0 0;
}
.content .position-box .menu-bottom .unfold-menu-publish .mark-publish .tip-menu-name[data-v-2cf5d88f] {
  position: fixed;
  padding: 10px 10px;
  background: var(--000000-E6E6EA);
  color: var(--FFFFFF-070707);
  font-size: 12px;
  line-height: 12px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 201;
  left: 67px;
  opacity: 0.85;
  display: none;
}
.content .position-box .menu-bottom .unfold-menu-publish .mark-publish:hover .tip-menu-name[data-v-2cf5d88f] {
  display: block;
}
.content .position-box .menu-bottom .menu-theme[data-v-2cf5d88f] {
  margin-top: 13px;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box[data-v-2cf5d88f] {
  width: 59px;
  height: 59px;
  position: relative;
  margin-left: 6px;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-bg-icon[data-v-2cf5d88f] {
  width: 100%;
  height: 100%;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type[data-v-2cf5d88f] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: var(--222222-FFFFFF);
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type .tip-menu-name[data-v-2cf5d88f] {
  position: fixed;
  padding: 10px 10px;
  background: var(--000000-E6E6EA);
  color: var(--FFFFFF-070707);
  font-size: 12px;
  line-height: 12px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 201;
  left: 67px;
  opacity: 0.85;
  display: none;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type:hover .tip-menu-name[data-v-2cf5d88f] {
  display: block;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type .zh[data-v-2cf5d88f] {
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid var(--E6E7EA-262629);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type .en[data-v-2cf5d88f] {
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid var(--E6E7EA-262629);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .position-box .menu-bottom .menu-theme .light-icon[data-v-2cf5d88f],
.content .position-box .menu-bottom .menu-theme .dark-icon[data-v-2cf5d88f] {
  width: 49px;
  height: 49px;
  margin-left: -4px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme[data-v-2cf5d88f] {
  width: 128px;
  height: 40px;
  background: var(--EFEFEF);
  border-radius: 6px;
  margin-left: 10px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box[data-v-2cf5d88f] {
  position: relative;
  z-index: 3;
  display: flex;
  height: 100%;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box > div[data-v-2cf5d88f] {
  width: 50%;
  height: 100%;
  font-size: 12px;
  color: var(--878C91);
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box > div .icon-l[data-v-2cf5d88f] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box > div .icon-d[data-v-2cf5d88f] {
  width: 14px;
  height: 15px;
  margin-right: 5px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box .lang-zh[data-v-2cf5d88f] {
  font-size: 14px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box .lang-en[data-v-2cf5d88f] {
  font-size: 16px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box .active-theme[data-v-2cf5d88f] {
  color: var(--222222-FFFFFF);
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .abs-button[data-v-2cf5d88f] {
  position: absolute;
  width: 57px;
  height: 34px;
  background: var(--color-white);
  border-radius: 6px;
  top: 3px;
  left: 13px;
  transition: left 0.2s;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .abs-button-light[data-v-2cf5d88f] {
  left: 13px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .abs-button-dark[data-v-2cf5d88f] {
  left: 77px;
}
.content .position-box .menu-bottom .menu-record[data-v-2cf5d88f] {
  margin-top: 13px;
  text-align: center;
}
.content .position-box .menu-bottom .menu-record .record-link[data-v-2cf5d88f] {
  display: inline-block;
  padding: 0 6px;
  font-size: 10px;
  line-height: 14px;
  color: var(--878C91);
  text-decoration: none;
  white-space: normal;
  word-break: break-all;
}
.content .position-box .menu-bottom .menu-record .record-link[data-v-2cf5d88f]:hover {
  color: var(--222222-FFFFFF);
}
.content .position-box .menu-bottom .menu-publish[data-v-2cf5d88f],
.content .position-box .menu-bottom .menu-theme[data-v-2cf5d88f] {
  cursor: pointer;
  position: relative;
}
.content .position-box .active-menu[data-v-2cf5d88f] {
  background-color: var(--EFEFEF);
}
.content .position-box .active-menu .menu-name[data-v-2cf5d88f] {
  color: var(--222222-FFFFFF);
}

/*
*个人中心白色版本
*
*/
.layout-left-menu-app-qrcode-container[data-v-5d2aaff0] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout-left-menu-app-qrcode-container .container-wrapper[data-v-5d2aaff0] {
  width: 135px;
  height: 167px;
  background: var(--EEEEEE);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.layout-left-menu-app-qrcode-container .container-wrapper .img-app-qrcode[data-v-5d2aaff0] {
  width: 105px;
  height: 105px;
}
.layout-left-menu-app-qrcode-container .container-wrapper .app-tip[data-v-5d2aaff0] {
  font-size: 12px;
  color: var(--222222-FFFFFF);
}

/*
*个人中心白色版本
*
*/
.content .place-box[data-v-85d47afe] {
  height: 1px;
}
.content .place-box[data-v-85d47afe],
.content .position-box[data-v-85d47afe] {
  transition: width 0.4s;
}
.content .position-box[data-v-85d47afe] {
  border-right: 1px solid var(--DDDDDD);
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--FFFFFF-070707);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  white-space: nowrap;
  overflow: hidden;
}
.content .position-box .menu-icon[data-v-85d47afe] {
  height: 100%;
}
.content .position-box .menu-icon6[data-v-85d47afe] {
  height: 26px;
}
.content .position-box .menu-name[data-v-85d47afe] {
  margin-left: 11px;
  font-size: 14px;
  font-weight: 400;
  color: var(--626567);
}
.content .position-box .menu-name-dark[data-v-85d47afe] {
  color: var(--C5C5C8);
}
.content .position-box .menu-item[data-v-85d47afe] {
  cursor: pointer;
  padding: 14px;
  box-sizing: border-box;
  height: 40px;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  position: relative;
}
.content .position-box .menu-item .icon-new[data-v-85d47afe] {
  width: 30px;
  height: 14px;
  position: absolute;
}
.content .position-box .menu-item .new-dot[data-v-85d47afe] {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #f5565b;
  border-radius: 50%;
  top: 2px;
  left: 33px;
}
.content .position-box .menu-item .tip-menu-name[data-v-85d47afe] {
  position: fixed;
  padding: 10px 10px;
  background: var(--000000-E6E6EA);
  color: var(--FFFFFF-070707);
  font-size: 12px;
  line-height: 12px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 201;
  left: 67px;
  opacity: 0.85;
  display: none;
}
.content .position-box .menu-item .menu-name[data-v-85d47afe]:last-child {
  margin-top: 0;
}
.content .position-box .menu-item[data-v-85d47afe]:hover {
  background-color: var(--EFEFEF);
}
.content .position-box .menu-item:hover .tip-menu-name[data-v-85d47afe] {
  display: block;
}
.content .position-box .menu-icon-box[data-v-85d47afe] {
  width: 20px;
  height: 20px;
}
.content .position-box .singularity[data-v-85d47afe] {
  height: 26px;
}
.content .position-box .stalls-me[data-v-85d47afe] {
  width: 18px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  height: 23px;
}
.content .position-box .menu-logo[data-v-85d47afe] {
  padding-top: 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.content .position-box .menu-logo .small-logo[data-v-85d47afe] {
  width: 33px;
  height: 33px;
}
.content .position-box .menu-logo .big-logo[data-v-85d47afe] {
  width: 127px;
  height: 33px;
}
.content .position-box .menu-bottom[data-v-85d47afe] {
  padding-bottom: 20px;
}
.content .position-box .menu-bottom .menu-publish .publish-icon[data-v-85d47afe] {
  width: 36px;
  height: 36px;
}
.content .position-box .menu-bottom .menu-publish .tip-menu-name[data-v-85d47afe] {
  position: fixed;
  padding: 10px 10px;
  background: var(--000000-E6E6EA);
  color: var(--FFFFFF-070707);
  font-size: 12px;
  line-height: 12px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 201;
  left: 67px;
  opacity: 0.85;
  display: none;
}
.content .position-box .menu-bottom .menu-publish:hover .tip-menu-name[data-v-85d47afe] {
  display: block;
}
.content .position-box .menu-bottom .unfold-menu-publish[data-v-85d47afe] {
  width: 128px;
  height: 116px;
  border: 2px dotted var(--C8C8C8);
  border-radius: 12px;
  background-size: 100% 100%;
  margin-left: 10px;
}
.content .position-box .menu-bottom .unfold-menu-publish .mark-publish[data-v-85d47afe] {
  flex-direction: column;
}
.content .position-box .menu-bottom .unfold-menu-publish .mark-publish .tip-menu-name[data-v-85d47afe] {
  position: fixed;
  padding: 10px 10px;
  background: var(--000000-E6E6EA);
  color: var(--FFFFFF-070707);
  font-size: 12px;
  line-height: 12px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 201;
  left: 67px;
  opacity: 0.85;
  display: none;
}
.content .position-box .menu-bottom .unfold-menu-publish .mark-publish .menu-name[data-v-85d47afe] {
  margin: 10px 0 0;
}
.content .position-box .menu-bottom .unfold-menu-publish .mark-publish:hover .tip-menu-name[data-v-85d47afe] {
  display: block;
}
.content .position-box .menu-bottom .menu-theme[data-v-85d47afe] {
  margin-top: 13px;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box[data-v-85d47afe] {
  width: 59px;
  height: 59px;
  position: relative;
  margin-left: 6px;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-bg-icon[data-v-85d47afe] {
  width: 100%;
  height: 100%;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type[data-v-85d47afe] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: var(--222222-FFFFFF);
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type .tip-menu-name[data-v-85d47afe] {
  position: fixed;
  padding: 10px 10px;
  background: var(--000000-E6E6EA);
  color: var(--FFFFFF-070707);
  font-size: 12px;
  line-height: 12px;
  border-radius: 6px;
  white-space: nowrap;
  z-index: 201;
  left: 67px;
  opacity: 0.85;
  display: none;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type .zh[data-v-85d47afe] {
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid var(--E6E7EA-262629);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type .en[data-v-85d47afe] {
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid var(--E6E7EA-262629);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .position-box .menu-bottom .menu-theme .lang-bg-box .lang-type:hover .tip-menu-name[data-v-85d47afe] {
  display: block;
}
.content .position-box .menu-bottom .menu-theme .light-icon[data-v-85d47afe],
.content .position-box .menu-bottom .menu-theme .dark-icon[data-v-85d47afe] {
  width: 49px;
  height: 49px;
  margin-left: -4px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme[data-v-85d47afe] {
  width: 128px;
  height: 40px;
  background: var(--EFEFEF);
  border-radius: 6px;
  margin-left: 10px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box[data-v-85d47afe] {
  position: relative;
  z-index: 3;
  display: flex;
  height: 100%;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box > div[data-v-85d47afe] {
  width: 50%;
  height: 100%;
  font-size: 12px;
  color: var(--878C91);
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box > div .icon-l[data-v-85d47afe] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box > div .icon-d[data-v-85d47afe] {
  width: 14px;
  height: 15px;
  margin-right: 5px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box .lang-zh[data-v-85d47afe] {
  font-size: 14px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box .lang-en[data-v-85d47afe] {
  font-size: 16px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .light-dark-box .active-theme[data-v-85d47afe] {
  color: var(--222222-FFFFFF);
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .abs-button[data-v-85d47afe] {
  position: absolute;
  width: 57px;
  height: 34px;
  background: var(--color-white);
  border-radius: 6px;
  top: 3px;
  left: 13px;
  transition: left 0.2s;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .abs-button-light[data-v-85d47afe] {
  left: 13px;
}
.content .position-box .menu-bottom .menu-theme .unfold-menu-theme .abs-button-dark[data-v-85d47afe] {
  left: 77px;
}
.content .position-box .menu-bottom .menu-record[data-v-85d47afe] {
  margin-top: 13px;
  text-align: center;
}
.content .position-box .menu-bottom .menu-record .record-link[data-v-85d47afe] {
  display: inline-block;
  padding: 0 6px;
  font-size: 10px;
  line-height: 14px;
  color: var(--878C91);
  text-decoration: none;
  white-space: normal;
  word-break: break-all;
}
.content .position-box .menu-bottom .menu-record .record-link[data-v-85d47afe]:hover {
  color: var(--222222-FFFFFF);
}
.content .position-box .menu-bottom .menu-publish[data-v-85d47afe],
.content .position-box .menu-bottom .menu-theme[data-v-85d47afe] {
  cursor: pointer;
  position: relative;
}
.content .position-box .active-menu[data-v-85d47afe] {
  background-color: var(--EFEFEF);
}
.content .position-box .active-menu .menu-name[data-v-85d47afe] {
  color: var(--222222-FFFFFF);
}

/*
*个人中心白色版本
*
*/
.real-name-box[data-v-857e8096] {
  position: relative;
  margin-left: 6px;
}
.real-name-box:hover .icon-real-name-tip[data-v-857e8096],
.real-name-box:hover .icon-real-name-tip-text[data-v-857e8096] {
  display: block;
}
.real-name-box .icon-box[data-v-857e8096] {
  cursor: pointer;
}
.real-name-box .icon-real-name[data-v-857e8096] {
  width: 12px;
  margin-left: 6px;
  cursor: pointer;
}
.real-name-box .icon-real-name-tip[data-v-857e8096],
.real-name-box .icon-real-name-tip-text[data-v-857e8096] {
  display: none;
  position: absolute;
  left: calc(50% - 52px);
  width: 105px;
}
.real-name-box .icon-real-name-tip[data-v-857e8096] {
  bottom: 21px;
  height: 34px;
}
.real-name-box .icon-real-name-tip-text[data-v-857e8096] {
  bottom: 32px;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
.real-name-box-dark .icon-real-name-tip-text[data-v-857e8096] {
  color: #f8f9fd;
}
.real-name-box-light .icon-real-name-tip-text[data-v-857e8096] {
  color: #0a0a0a;
}

/*
*个人中心白色版本
*
*/
.real-name-box[data-v-361fa8e4] {
  position: relative;
  margin-left: 6px;
}
.real-name-box .tag-box[data-v-361fa8e4] {
  cursor: pointer;
  border: 1px solid;
  border-radius: 4px;
  height: 20px;
  padding: 0 6px;
  box-sizing: border-box;
  font-size: 12px;
  white-space: nowrap;
}
.real-name-box .tag-box span[data-v-361fa8e4] {
  margin-left: 4px;
}
.real-name-box:hover .icon-real-name-tip[data-v-361fa8e4],
.real-name-box:hover .icon-real-name-tip-text[data-v-361fa8e4] {
  display: block;
}
.real-name-box .icon-real-name[data-v-361fa8e4] {
  width: 12px;
  margin-left: 6px;
  cursor: pointer;
}
.real-name-box .icon-real-name-tip[data-v-361fa8e4],
.real-name-box .icon-real-name-tip-text[data-v-361fa8e4] {
  display: none;
  position: absolute;
  left: calc(50% - 52px);
  width: 105px;
}
.real-name-box .icon-real-name-tip[data-v-361fa8e4] {
  bottom: 21px;
  height: 34px;
}
.real-name-box .icon-real-name-tip-text[data-v-361fa8e4] {
  bottom: 32px;
  text-align: center;
  font-size: 12px;
  color: #f8f9fd;
  line-height: 1.5;
}

/*
*个人中心白色版本
*
*/
.real-name-icon[data-v-1c95998f],
.enterprise-icon[data-v-1c95998f] {
  width: 14px;
}
.real-name-tag[data-v-1c95998f],
.enterprise-tag[data-v-1c95998f] {
  width: 13px;
}

/*
*个人中心白色版本
*
*/
.loader[data-v-2280718c] {
  text-align: center;
  color: #f5565b;
  font-weight: bold;
  padding: 0 4px;
}
.loader span[data-v-2280718c] {
  display: inline-block;
  opacity: 0;
  animation: fadeInOut-2280718c 1.5s infinite;
}
.loader span[data-v-2280718c]:nth-child(1) {
  animation-delay: 0s;
}
.loader span[data-v-2280718c]:nth-child(2) {
  animation-delay: 0.3s;
}
.loader span[data-v-2280718c]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes fadeInOut-2280718c {
0%,
  20%,
  100% {
    opacity: 0;
}
40% {
    opacity: 1;
}
}
.work-plan-card-box[data-v-2280718c] {
  position: absolute;
  z-index: 9;
  right: 0px;
  top: 0px;
  height: 40px;
  opacity: 1;
  transition: all 0.4s;
}
.tab-change[data-v-2280718c] {
  display: none;
  padding: 0 3px;
  box-sizing: border-box;
  margin-top: -6px;
}
.tab-change .tab-item[data-v-2280718c] {
  width: 30px;
  height: 20px;
  background: #e6e6e6;
  border-radius: 0 0 6px 6px;
  font-size: 10px;
  color: #bbbbbb;
  transition: all 0.2s;
  margin-right: 2px;
  cursor: pointer;
}
.tab-change .tab-item[data-v-2280718c]:last-child {
  margin-right: 0;
}
.tab-change .tab-item .tab-count[data-v-2280718c] {
  margin-top: 7px;
}
.tab-change .tab-active[data-v-2280718c] {
  width: 35px;
  height: 23px;
  background: #c6c6c6;
  border-radius: 0 0 4px 4px;
  color: #fefefe;
}
.tab-change .tab-active .tab-count[data-v-2280718c] {
  margin-top: 9px;
}
.work-plan-card[data-v-2280718c] {
  width: 40px;
  height: 40px;
  background: #ffffff;
  box-shadow: 2px 3px 7px 0px rgba(236, 237, 239, 0.72);
  border-radius: 50%;
  padding: 0 14px 19px;
  box-sizing: border-box;
  transition: all 0.2s;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.work-plan-card[data-v-2280718c]:hover {
  box-shadow: 2px 3px 7px 0px rgba(226, 227, 229, 0.72);
}
.work-plan-card .is-unfold[data-v-2280718c] {
  margin: 4px auto 8px;
  justify-content: flex-end;
}
.work-plan-card .is-unfold .icon-arrow-bottom-box[data-v-2280718c] {
  width: 18px;
  height: 18px;
  background: #f9f9f9;
  margin-right: -6px;
  cursor: pointer;
  border-radius: 2px;
  transition: all 0.2s;
}
.work-plan-card .is-unfold .icon-arrow-bottom-box[data-v-2280718c]:hover {
  background: #f4f4f4;
}
.work-plan-card .is-unfold .icon-arrow-bottom[data-v-2280718c] {
  width: 10px;
  height: 2px;
}
.work-plan-card .order-status[data-v-2280718c] {
  justify-content: center;
  margin-bottom: 8px;
}
.work-plan-card .order-status .status-label[data-v-2280718c] {
  font-size: 14px;
  color: #f5565b;
  white-space: nowrap;
}
.work-plan-card .order-count-time[data-v-2280718c] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 13px;
  white-space: nowrap;
}
.work-plan-card .order-count-time .count-label[data-v-2280718c] {
  color: #4f4f4f;
  font-size: 10px;
  line-height: 1.2;
}
.work-plan-card .order-count-time .count-time[data-v-2280718c] {
  color: #4f4f4f;
  font-size: 12px;
  margin-left: 8px;
}
.work-plan-card .order-cover[data-v-2280718c] {
  height: 95px;
  margin-bottom: 13px;
  cursor: pointer;
}
.work-plan-card .order-cover .cover-image[data-v-2280718c] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.work-plan-card .order-title[data-v-2280718c] {
  font-size: 14px;
  color: #222222;
  margin-bottom: 11px;
  text-align: left;
}
.work-plan-card .order-amount[data-v-2280718c] {
  font-size: 11px;
  color: #919191;
  margin-bottom: 6px;
}
.work-plan-card .order-amount .amount-label[data-v-2280718c] {
  flex-shrink: 0;
}
.work-plan-card .order-amount .amount[data-v-2280718c] {
  margin-left: 4px;
}
.work-plan-card .order-time[data-v-2280718c] {
  font-size: 11px;
  color: #919191;
  margin-bottom: 7px;
  text-align: left;
}
.work-plan-card .order-avatar-nickname[data-v-2280718c] {
  margin-bottom: 23px;
}
.work-plan-card .order-avatar-nickname .avatar[data-v-2280718c] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 50%;
}
.work-plan-card .order-avatar-nickname .nickname[data-v-2280718c] {
  margin-left: 7px;
  font-size: 12px;
  color: #222222;
}

/*
*个人中心白色版本
*
*/
.lower-right-corner-menu[data-v-6e9abbff] {
  position: fixed;
  right: 31px;
  bottom: 31px;
  z-index: 100;
}
.lower-right-corner-menu ul li[data-v-6e9abbff] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
  margin-bottom: 10px;
}
.lower-right-corner-menu ul li .icon[data-v-6e9abbff] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  background: #181818;
}
.lower-right-corner-menu ul li .text-tip[data-v-6e9abbff] {
  opacity: 0;
  transition: all 0.5s ease;
  margin-right: 10px;
  padding: 8px;
  color: #070707;
  border-radius: 2px;
  box-sizing: border-box;
  background: #c3c3c8;
}
.lower-right-corner-menu ul li .dot[data-v-6e9abbff] {
  position: absolute;
  top: -4px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: red;
}
.lower-right-corner-menu ul li .icon-hover[data-v-6e9abbff] {
  display: none;
}
.lower-right-corner-menu ul li:hover .text-tip[data-v-6e9abbff] {
  opacity: 1;
}
.lower-right-corner-menu ul li:hover .icon-normal[data-v-6e9abbff] {
  display: none;
}
.lower-right-corner-menu ul li:hover .icon-hover[data-v-6e9abbff] {
  display: block;
}
.lower-right-corner-menu ul .icon-app-download[data-v-6e9abbff] {
  width: 73px;
  height: 77px;
}
.lower-right-corner-menu ul .icon-box[data-v-6e9abbff] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s;
}
.lower-right-corner-menu ul .order-dot[data-v-6e9abbff] {
  position: absolute;
  z-index: 11;
  top: 1px;
  right: 0px;
  width: 10px;
  height: 10px;
  background: #f5565b;
  border-radius: 50%;
}
.lower-right-corner-menu ul .order-list[data-v-6e9abbff] {
  background: #ffffff;
  box-shadow: 0px 2px 5px 0px rgba(191, 191, 191, 0.3);
  position: relative;
  z-index: 10;
  opacity: 0.9;
}
.lower-right-corner-menu ul .order-list .icon-order[data-v-6e9abbff] {
  width: 19px;
  height: 21px;
}
.lower-right-corner-menu ul .order-avatar-list[data-v-6e9abbff] {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: 20px;
  background: #ffffff;
}
.lower-right-corner-menu ul .order-avatar-list[data-v-6e9abbff]:hover {
  width: auto;
}
.lower-right-corner-menu ul .order-avatar-list .order-avatar-item[data-v-6e9abbff] {
  width: 40px;
  height: 100%;
  flex-shrink: 0;
  margin-right: 10px;
}
.lower-right-corner-menu ul .order-avatar-list .order-avatar-item[data-v-6e9abbff]:last-child {
  margin-right: 0;
}
.lower-right-corner-menu ul .order-avatar-list .order-avatar-item .order-avatar[data-v-6e9abbff] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.lower-right-corner-menu ul .app-download[data-v-6e9abbff] {
  background: #dddddd;
}
.lower-right-corner-menu ul .app-download[data-v-6e9abbff]:hover {
  background: #97979a;
}
.lower-right-corner-menu ul .app-download .icon-scan-code[data-v-6e9abbff] {
  width: 18px;
  height: 17px;
}
.lower-right-corner-menu ul .chat-session[data-v-6e9abbff] {
  background: #ffffff;
  box-shadow: 0px 2px 5px 0px rgba(191, 191, 191, 0.3);
  opacity: 0.9;
}
.lower-right-corner-menu ul .chat-session .icon-chat[data-v-6e9abbff],
.lower-right-corner-menu ul .chat-session .icon-chat-hover[data-v-6e9abbff] {
  width: 22px;
  height: 21px;
  margin: 0px 0px 2px 3px;
}
.lower-right-corner-menu ul .chat-session .icon-chat-hover[data-v-6e9abbff] {
  display: none;
}
.lower-right-corner-menu ul .chat-session:hover .icon-chat[data-v-6e9abbff] {
  display: none;
}
.lower-right-corner-menu ul .chat-session:hover .icon-chat-hover[data-v-6e9abbff] {
  display: block;
}
.lower-right-corner-menu ul[data-v-6e9abbff] .el-badge__content--danger {
  background: #f5565b;
  border-color: #f5565b;
}

/*
*个人中心白色版本
*
*/
.global-account-login[data-v-39b0c716] {
  position: relative;
  z-index: 10000;
}

/*
*个人中心白色版本
*
*/
.stall-lower-right[data-v-727c923c] {
  position: fixed;
  right: 31px;
  bottom: 31px;
  z-index: 20211;
}
.stall-lower-right li[data-v-727c923c] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
  margin-bottom: 10px;
}
.stall-lower-right li .icon[data-v-727c923c] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  background: #181818;
}
.stall-lower-right li .text-tip[data-v-727c923c] {
  opacity: 0;
  transition: all 0.5s ease;
  margin-right: 10px;
  padding: 8px;
  color: #070707;
  border-radius: 2px;
  box-sizing: border-box;
  background: #c3c3c8;
}
.stall-lower-right li .dot[data-v-727c923c] {
  position: absolute;
  top: -4px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: red;
}
.stall-lower-right li .icon-hover[data-v-727c923c] {
  display: none;
}
.stall-lower-right li:hover .text-tip[data-v-727c923c] {
  opacity: 1;
}
.stall-lower-right li:hover .icon-normal[data-v-727c923c] {
  display: none;
}
.stall-lower-right li:hover .icon-hover[data-v-727c923c] {
  display: block;
}
.stall-lower-right .icon-box[data-v-727c923c] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s;
}
.stall-lower-right .chat-session[data-v-727c923c] {
  background: #FFFFFF;
  box-shadow: 0px 2px 5px 0px rgba(191, 191, 191, 0.3);
  opacity: 0.9;
}
.stall-lower-right .chat-session .icon-chat[data-v-727c923c],
.stall-lower-right .chat-session .icon-chat-hover[data-v-727c923c] {
  width: 22px;
  height: 21px;
  margin: 0px 0px 2px 3px;
}
.stall-lower-right .chat-session .icon-chat-hover[data-v-727c923c] {
  display: none;
}
.stall-lower-right .chat-session:hover .icon-chat[data-v-727c923c] {
  display: none;
}
.stall-lower-right .chat-session:hover .icon-chat-hover[data-v-727c923c] {
  display: block;
}
.stall-lower-right[data-v-727c923c] .el-badge__content--danger {
  background: #F5565B;
  border-color: #F5565B;
}

/*
*个人中心白色版本
*
*/
[data-v-3895b5fb] .dialog {
  background: var(--collectionDialogBgc, #F4F4F4);
  color: var(--textColor, #282828);
  font-size: 14px;
  position: relative;
}
[data-v-3895b5fb] .dialog .el-dialog__header {
  text-align: left;
  padding: 20px 30px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--collectionDialogBorder, #DDDDDD);
}
[data-v-3895b5fb] .dialog .el-dialog__header .el-dialog__title {
  font-size: 16px;
  color: var(--textColor, #282828);
}
[data-v-3895b5fb] .dialog .el-dialog__body {
  color: var(--textColor, #282828);
  text-align: left;
  padding: 20px 30px;
  box-sizing: border-box;
}
[data-v-3895b5fb] .dialog .favorite-list li {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0;
}
[data-v-3895b5fb] .dialog .favorite-list li .favorite-btn {
  cursor: pointer;
  text-align: center;
  height: 30px;
  width: 70px;
  line-height: 30px;
  background-color: var(--collectionDialogButton, #999999);
  border-radius: 2px;
  border: none;
  color: var(--textFifthColor, #fff);
  margin: 5px 0;
}
[data-v-3895b5fb] .dialog .favorite-list li .current {
  background: var(--textHoverColor, var(--old-hightlight-color));
  color: #fff;
}
.close[data-v-3895b5fb] {
  position: absolute;
  top: 10px;
  right: 10px;
}
.addFavorite[data-v-3895b5fb] {
  background-color: var(--textHoverColor, var(--old-hightlight-color));
  color: #ffffff;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 2px;
  margin: 20px 0;
  cursor: pointer;
}
.del-handle[data-v-3895b5fb] {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.del-handle div[data-v-3895b5fb] {
  cursor: pointer;
  width: 48%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: var(--textFifthColor, #fff);
  background: var(--collectionDialogButton, #999999);
}
.del-handle .confirm[data-v-3895b5fb] {
  color: #fff;
  background: var(--textHoverColor, var(--old-hightlight-color));
}
[data-v-3895b5fb] .add-dialog {
  background: var(--collectionDialogBgc, #F4F4F4);
  color: #bbb;
}
[data-v-3895b5fb] .add-dialog .span-tip {
  font-weight: bold;
  font-size: 15px;
  color: var(--textHoverColor, var(--old-hightlight-color));
  padding: 0 5px;
}
[data-v-3895b5fb] .add-dialog .input {
  padding-top: 10px;
}
[data-v-3895b5fb] .add-dialog .input input {
  background-color: var(--collectionDialogInput, #EEEEEE);
  height: 35px;
  padding: 6px 36px 6px 12px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--textColor, #282828);
  border: 1px solid var(--alreadyAttentionBorder, #BFBFBF);
  border-radius: 2px;
}
[data-v-3895b5fb] .add-dialog .input .el-input__suffix .el-input__suffix-inner .el-input__count .el-input__count-inner {
  color: var(--textLightColor, #999999);
  background-color: var(--collectionDialogInput, #EEEEEE);
}
[data-v-3895b5fb] .add-dialog .el-dialog__header {
  text-align: left;
  padding: 20px 30px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--collectionDialogBorder, #DDDDDD);
}
[data-v-3895b5fb] .add-dialog .el-dialog__header .el-dialog__title {
  font-size: 16px;
  color: var(--textColor, #282828);
}
[data-v-3895b5fb] .add-dialog .el-dialog__body {
  color: var(--textLightColor, #999999);
  text-align: left;
}
[data-v-3895b5fb] .add-dialog .el-dialog__body .del-handle div {
  cursor: pointer;
  width: 48%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: var(--textFifthColor, #fff);
  background: var(--collectionDialogButton, #999999);
}
[data-v-3895b5fb] .add-dialog .el-dialog__body .del-handle .confirm {
  color: #fff;
  background: var(--textHoverColor, var(--old-hightlight-color));
}

/*
*个人中心白色版本
*
*/
.press-image[data-v-261cb30f] {
  width: 100%;
  position: relative;
  /* loading 蒙版在占位图下层 */
  /* 小图按图尺寸、大图按 100%；scale-down 不放大只缩小，大图完整显示不裁剪 */
  /* 强制宽高为 auto，避免被 el-image 默认 100% 或 fit 内联样式只改一维导致比例失真 */
  /* 加载前占位图：铺满背景与蒙版叠加后视觉一致，缩小居中显示 */
  /* 有 imageInfo 时容器高度由 aspect-ratio 撑开，子元素填满以便占位/遮罩正确高度 */
}
.press-image[data-v-261cb30f] .el-loading-mask {
  z-index: 1;
}
.press-image[data-v-261cb30f] .el-image__inner {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.press-image .press-image-placeholder[data-v-261cb30f] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 120px;
  max-height: 100vh;
  background-color: #090909;
}
.press-image .press-image-placeholder[data-v-261cb30f] img {
  transform: scale(0.125);
}
.press-image .vague-image[data-v-261cb30f],
.press-image .original-image[data-v-261cb30f] {
  width: 100%;
  height: auto;
}
.press-image.press-image--has-info .vague-image[data-v-261cb30f] {
  height: 100%;
}
.press-image.press-image--has-info .press-image-placeholder[data-v-261cb30f] {
  height: 100%;
  min-height: 0;
}
.press-image .original-image[data-v-261cb30f] {
  transition: 1s opacity;
  position: absolute;
  left: 0;
  top: 0;
}

/*
*个人中心白色版本
*
*/
[data-v-5af41b32] .el-overlay {
  background-color: rgba(255, 255, 255, 0.3);
}
[data-v-5af41b32] .score-list {
  opacity: 1;
}
[data-v-5af41b32] .score-list .el-dialog__header {
  padding: 0;
  background: black;
}
[data-v-5af41b32] .score-list .el-dialog__header .el-dialog__headerbtn {
  top: 10px;
  font-size: 20px;
}
[data-v-5af41b32] .score-list .el-dialog__header .el-dialog__title {
  display: block;
  text-align: left;
  font-size: 14px;
  line-height: 42px;
  padding-left: 15px;
  color: #fff !important;
}
[data-v-5af41b32] .score-list .el-dialog__body {
  padding: 0 15px;
  text-align: left;
}
[data-v-5af41b32] .score-list .content {
  padding: 0 10px;
  height: 508px;
  overflow-y: auto;
}
[data-v-5af41b32] .score-list .content .title {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
}
[data-v-5af41b32] .score-list .content .score {
  font-size: 12px;
  padding: 10px 0;
}
[data-v-5af41b32] .score-list .content .score span {
  color: red;
  font-size: 18px;
}
[data-v-5af41b32] .score-list .content .tab-box {
  padding: 15px 0 30px;
}
[data-v-5af41b32] .score-list .content .table {
  width: 100%;
  margin-bottom: 50px;
}
[data-v-5af41b32] .score-list .content .table th,[data-v-5af41b32] .score-list .content .table td {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
[data-v-5af41b32] .score-list .content .table thead {
  color: black;
  font-weight: bold;
}
[data-v-5af41b32] .score-list .content .table tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
[data-v-5af41b32] .score-list .content .table tbody tr:hover {
  background: #f5f5f5;
}
[data-v-5af41b32] .score-list .content .table tbody tr:hover .issuance-title {
  cursor: pointer;
  color: #24537c;
}
[data-v-5af41b32] .score-list .content .table .current {
  background-color: #09adf2c2 !important;
  color: #fff !important;
}
[data-v-5af41b32] .score-list .content .table .td_tip {
  font-weight: bold;
  padding-left: 5px;
}

/*
*个人中心白色版本
*
*/
.opus-video h3[data-v-15610f93] {
  color: #f1f1f1;
  text-align: left;
  font-size: 24px;
  margin-bottom: 10px;
}

/*
*个人中心白色版本
*
*/
.input-box[data-v-cdf67c6c] {
  display: flex;
}
.input-box .avatar[data-v-cdf67c6c] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.input-box .input-value[data-v-cdf67c6c] {
  margin-left: 16px;
}
.input-box .input-value[data-v-cdf67c6c] .el-textarea__inner {
  padding: 14px !important;
  border: 1px solid #cccccc;
  resize: none;
  height: 100px;
  border-radius: 8px;
}
.input-box .input-value[data-v-cdf67c6c] .el-textarea__inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.input-box .input-value[data-v-cdf67c6c] .el-textarea__inner:focus {
  border: 1px solid #cccccc;
}
.button-box[data-v-cdf67c6c] {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.button-box .push-comment-button[data-v-cdf67c6c] {
  cursor: pointer;
  padding: 8px 12px;
  box-sizing: border-box;
  background: #e3e3e3;
  border-radius: 15px;
  font-size: 14px;
  color: #ffffff;
}
.comment-replay-input-box .input-value[data-v-cdf67c6c] {
  margin-left: 0;
}
.comment-replay-input-box .button-box .push-comment-button[data-v-cdf67c6c] {
  background: #e3e3e3;
}
.push-comment-button-active[data-v-cdf67c6c] {
  background: #f5565b !important;
}
.comment[data-v-cdf67c6c] {
  width: 700px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.comment .comment-input[data-v-cdf67c6c] {
  padding: 32px 27px 30px 31px;
  box-sizing: border-box;
  border-bottom: 1px solid #e7e7e7;
}
.comment .comment-input .title[data-v-cdf67c6c] {
  font-size: 20px;
  margin-bottom: 27px;
}
.comment .comment-input .title .label[data-v-cdf67c6c] {
  color: var(--222222-FFFFFF);
}
.comment .comment-input .title .num[data-v-cdf67c6c] {
  color: #888888;
  margin-left: 9px;
}
.comment .comment-reply-content[data-v-cdf67c6c] {
  padding: 30px 27px 42px 31px;
  box-sizing: border-box;
}
.comment .load-more-comment[data-v-cdf67c6c] {
  font-size: 12px;
  color: #6d6d6d;
  width: 148px;
  height: 33px;
  background: #f5f5f5;
  border-radius: 8px;
  margin: auto;
  cursor: pointer;
}
.comment .load-more-comment[data-v-cdf67c6c]:hover {
  background: #e5e5e5;
}
.comment .load-more-comment .more-comment-icon[data-v-cdf67c6c] {
  width: 9px;
  height: 6px;
  margin-left: 4px;
}
.comment .comment-list[data-v-cdf67c6c] {
  display: flex;
  margin-bottom: 22px;
}
.comment .comment-list .avatar[data-v-cdf67c6c] {
  height: 36px;
  position: relative;
  cursor: pointer;
}
.comment .comment-list .avatar .is-vip[data-v-cdf67c6c] {
  position: absolute;
  right: -2px;
  top: 24px;
  width: 15px;
  height: 15px;
  background-color: #f49f34;
  text-align: center;
  line-height: 17px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  transform: scale(0.8);
  z-index: 1;
}
.comment .comment-list .avatar .is-vip .icon-icon_vip[data-v-cdf67c6c] {
  font-size: 12px !important;
}
.comment .comment-list .avatar .avatar-image[data-v-cdf67c6c] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.comment .comment-list .list-content[data-v-cdf67c6c] {
  flex: 1;
  margin-left: 15px;
}
.comment .comment-list .list-content .nickname-date[data-v-cdf67c6c] {
  margin-bottom: 13px;
  font-family: PingFangBold;
}
.comment .comment-list .list-content .nickname-date .nickname[data-v-cdf67c6c] {
  color: var(--222222-FFFFFF);
  font-size: 14px;
}
.comment .comment-list .list-content .nickname-date .date[data-v-cdf67c6c] {
  font-size: 12px;
  color: #bebdbd;
  margin: 0 5px;
}
.comment .comment-list .list-content .comment-content[data-v-cdf67c6c] {
  justify-content: space-between;
  margin-bottom: 17px;
}
.comment .comment-list .list-content .comment-content:hover .del-icon[data-v-cdf67c6c] {
  display: block !important;
}
.comment .comment-list .list-content .comment-content .left[data-v-cdf67c6c] {
  color: var(--222222-FFFFFF);
  font-size: 14px;
  line-height: 1.5;
  margin-right: 40px;
}
.comment .comment-list .list-content .comment-content .right[data-v-cdf67c6c] {
  font-size: 12px;
  color: #aaaaaa;
}
.comment .comment-list .list-content .comment-content .right .del-icon[data-v-cdf67c6c] {
  width: 16px;
  height: 15px;
  margin-right: 3px;
  cursor: pointer;
  display: none;
}
.comment .comment-list .list-content .comment-content .right .replay-text[data-v-cdf67c6c] {
  cursor: pointer;
  white-space: nowrap;
}
.comment .comment-list .list-content .comment-content .right .like[data-v-cdf67c6c] {
  width: 16px;
  height: 16px;
  margin: 0 5px 0 15px;
  cursor: pointer;
}
.comment .comment-list .list-content .comment-content .right span[data-v-cdf67c6c]:last-child {
  margin-top: 2px;
}
.comment .reply-list[data-v-cdf67c6c] {
  display: flex;
}
.comment .reply-list .list-content[data-v-cdf67c6c] {
  margin-left: 8px !important;
}
.comment .reply-list .reply-avatar[data-v-cdf67c6c] {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50%;
}
.comment .load-more-reply[data-v-cdf67c6c] {
  font-size: 14px;
  color: #9e9e9e;
  margin: 0 0 19px 30px;
}
.comment .load-more-reply span[data-v-cdf67c6c] {
  cursor: pointer;
}
.comment .load-more-reply .down[data-v-cdf67c6c] {
  width: 12px;
  height: 7px;
  margin-left: 5px;
  cursor: pointer;
}

/*
*个人中心白色版本
*
*/
.expert-recommend[data-v-67fcb997] {
  box-sizing: border-box;
  display: flex;
  width: 400px;
  margin: auto;
}
.expert-recommend .swiper-container-box[data-v-67fcb997] {
  width: 100%;
  margin: auto;
  color: #fff;
  position: relative;
}
.swiper-container[data-v-67fcb997] {
  width: 100%;
  height: 40px;
  overflow: hidden;
  position: static;
}
.swiper-container .swiper-slide[data-v-67fcb997] {
  width: auto !important;
  height: 100%;
  box-sizing: border-box;
  margin-right: 14px;
}
.swiper-container .swiper-slide .avatar-image[data-v-67fcb997] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}
.swiper-button-prev[data-v-67fcb997],
.swiper-button-next[data-v-67fcb997] {
  top: 30px;
  pointer-events: auto;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.swiper-button-prev[data-v-67fcb997]::after,
.swiper-button-next[data-v-67fcb997]::after {
  content: '';
}
.swiper-button-prev[data-v-67fcb997] {
  left: -8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA91JREFUWEfNV19IW2cUP+fm3sQ0RWNEiCC6IhG6UCwDfcnDhPmguMypD9Jub6NlrFVMOt/2kIe9ZfNetJZC2duKgsQN1vk00amFPGhRZhF86Z83mdH8b2pyc8aX5WbRpt4vF0t3H+/5zvn9zjnfd/4gcH7BYNAmSdInROQBADcAtABAbVE9DgAvAeApIj7OZrNLExMTKR7TqHdIluUPEPE2EX0OABf0zhflaUT8lYju+ny+52fpvJXA1NSURVXVbwHgJgBInMCnj2UR8YEgCMGxsbHXlWxUJMC8BoAHxVAbxD6h9hQAblSKxhsEJicnryDizwDQeB7IZTb+JqIv/X7/X+V2TxAoev4bADScM7hmLgIA3vJIlAgEAoGa2traR4j44TsC18zuxmKx/kAgkGE/SgQURfmOiL4xCu50OqVEIqGmUqm8ng1EvDc+Pv59iUAx9H8aue0mkwl6e3vtLpfLmsvlaH5+PrK/v5/VIcHkH7NUFCKgKMoPRHRdj/lpuSiK6PV67a2trTWabH19Pb6xscFThGZ9Pt8dnJmZuXh8fLxVRZEpYEmShAMDA/XNzc0WDTyVSqmzs7MHyWRSNw0AkDabzVdRUZTPiOh+Nd5bLBYcHBx0OJ1Os6bH8h8KhSLRaFTltYWIX6Msy0EA+IJXyWq1CkNDQ47GxsZSdYzFYrlQKHQYj8e5wYt4DxmBRwDwEQ8Bm80mDA8PNzgcDlE7f3R0xMAjnGE/DfOEEdgBAIceAeb5yMhIg91uL4EfHBxkFxYWDtPpNE/OK0EcMgIveJ5fZ2enzePxaO0XotFobm5uLpLJZIyCM0JZbgIul6umv7+/XnODiGBpaSm6s7PzSi96Z8gLBLhSwIycjgL7t7KyEtva2kobJFFIAfclZCAdHR0Xuru76xD/62NVFJ+Kl7CqZ8gsuN1ua09Pj72cRDgcToTD4WSVkXhoqBAxkPb29hrWAwRBKIVic3Mzuba2luAlUShERksxA2lra7P09fXVs56ggS4uLh7t7e0VWq3O98psNncUFGVZ/hEArulpVJK3tLSYvV6vg/UGJl9eXo5tb2/zXMp/m1GRAJsBDbVjpt/U1CR1dXVdZKV4dXU1oaoq6TiTFUWxe3R09Nm5DSTVRO+NgYQps5Gsrq7udwC4XI0xA2d3iehTv99fKGD/n6FU8+S9juUaieKM+NM5pmMXAL7iWkw0Emw1y+fzE0R0g6dbvuUuGFvNyo1NT09fUlX1FhENAoCV59IRUQYRfxFF8S57amfp6G7HmjJbz00mUw8AeARBcBPRifUcEV/m83m2Az5WVfUP3vX8H8kTmhIa6CKJAAAAAElFTkSuQmCC);
}
.swiper-button-prev[data-v-67fcb997]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA61JREFUWEfNV01sG0UUfm9s1+vaWexYkaxIiWInVgQVchP5lB4gghtQlSM/N9SqKtyAG0dubW8VqlRxo+IIEnADRRx622ywwMrPHtLWjqz8uAG7tb3Z7L7qWbuWk7rZ8TZVmePMvO/73ps3b+YhSI5SqRS3bfsdIroAAOcAYBIAVNe8AQAPAaCMiPdCodAfhULhiQw0+m1aWVmZIqIviOgSAJz12++utxDxZ0S8NTc3d/8km+cKMAwj2mg0vgKAKwAQkSQ+vs1CxDsjIyPX8/m8OQhjoAD22nGcO26oA3IfMSsLIS4PisYzAjRNexMRfwCAsdNg7sPYJaJPi8Xi3/24RwS4nv8CAOlTJvfg6kKID/oj0ROwtLSkqKr6KwC88ZLIPdjVRqPx3uLiYocnegJ0Xf+GiK4FJY/H45GDgwPbsizHDwMRv5ufn/+2J8AN/Z9Bsh0RIZvNJpPJZMxxHNrY2Ki3Wi3LR4QlhHiLj6IbAV3XbxDRx37Kj6+HQiFkclVVFW+tWq02dnZ2fIsQEf1YLBa/xHK5nOh0On8NUWS6XEw+PT2dSiQSUY/csix7bW1tT+YYAKClKMp51HX9IhHdHsZ7Jp+ZmRmNx+NnPDs+f8Mw6qZp2rJYiHgVl5eXrwPAJ7JG4XBY5PP50Vgs1quOpmkeGobxiEXI4rj77rIAvnrzMoaRSITJ04qihL39nU6HyeuSYT9Oo6Omaf8g4qifAPZ8dnY2HY1Ge+Ttdttizw8PD32v3iB8InrEEXggc/0ymUx8fHzce36Bw76+vl4PSu4KsqQFpFIpJZvNpjxPiAgqlcq/e3t7bb/onbBuSR8BgxyPAs9VKpX/dnd3W0FEeEcgnYRMMjY2dnZiYuK1fkLZ4jNApD70NWSQdDodm5ycTHIZ9katVmvWarXHQ0bibqBCxCScE1NTUyyip2J7e/vx1tZWU1ZEtxAFLcVMoqpqNJfLpYQQPRGbm5v7+/v73afWZ7QVRSl0DTVNu4mIH/lZDFpXVfVMLpcb9UTIJmXvMWLQF3mO2Z7/AplMJsGluFqtNonv6MnDCofDbxcKhc1T+5AME71nPiRs7H7JfgOA14cBC7B31TTN9xcWFroF7P/zKfU8eaXfck+Em5Tfn+JxrAohPpNqTDwR3Jo1m82vieiyzGv5nFwI1pr1g5VKpaxt258T0YcAEJNJOiLiQvRTJBK5xVftJBvf7tgz5vbccZx3Hce5gIjniOhIe46ID4mIe8B7QojfZdvzp+wEw9A+k175AAAAAElFTkSuQmCC);
}
.swiper-button-next[data-v-67fcb997] {
  right: -8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAABH9JREFUWEe1l11MHFUUx/9nhg8VC2z8SBNBCCWQgKbRuBgTY6KRBEKXjyY+1PjQhxqsku3MLJHEGjMxTQ0NzAxrREgNvvjxYBaBgG/WxAdTW6NpGt/sgxKItLuwAVk+lp1j7obdsLDLzvBxHuZh7jn/+5tz7z1zLsGF6bpe4PF4Ttu23UREp5j5cQAPA1gnogfMfE+SpFtLS0t3dF3fciENcuI8MDBQJcvy2wDaAYjJ81kEwGQikbje29v7dz5nMb4vSDAYLE0kEh8AeBNAgRPBXT4iK9/IsnzV7/cv7xefE8SyrBcBfM7MJw8AkBFCRP8CuKgoyq+5tLKCGIbRRUQWgMLDQuyIjzOzomna99k094BYltXOzJ8BkI8QIiWVAHBJVdXx3doZIENDQ8/Ytj0NoOgYIFKSm8zs0zTt7s450iC6rheVlZX9CODUMUKkpO/Jsvy63+/fSL1IgxiGcYmI+vJBeL3eEq/XeyISicSnp6eXVldX7XwxOcavqaoq9mHSkiD9/f0nioqKbgMozSfa09NzsqCgIBkXjUa3xsfHF5eXl8Xau7VlWZabUsc6KWia5nkAV50odXZ2eqqrqx9K+a6srCRCoVAkGo26hmHmy5qmfZnOiGmaEwCanIAUFhZSR0eHp6KiojjlH4vFEiIz4XDYVVkHcEtV1c4kyPay/Ommcoql8fl8nqqqqjTM2tqaPTExsbiwsBB38kHbPlubm5uNfX19K2Sa5ksAQi6Ck66yLFNbW1t5TU1Nepk2Njbsqampxbm5Occwtm2fDQQCNwXIOQCDbkGS6SRCa2treV1dnfgDJy0ej7OAmZ2d3XSoGVBV9VsB8h6Ayw6D9rgJmObm5rKGhoZHUoPiFI2Njd13osnMVzRNGybLsnqYWfxhD2wCpLGxMQ2yvr5uj4yMLDgU/ERV1U9FRi4A+NhhUIabyEZLS0t5fX39YZbmI1VVvxAgbQCuuwWRZTm5P2pra9MQYrNOTk4uzs/Pu9msFwKBwA9kGEYtEf3sBkScGJ/PV76zsB3w+IKZX9E07S9iZrFP/gDwpBMYUdDa29s9lZWVGQUtFAotRiIRtwXtvqIozxERJ0u8YRjXiOgtJyBdXV2ikB1Vif9K07T3k6VAPEzTfB6A6EPy2hH+9MRcZ1RV/T0Nsg0jqquosvtaqg0Ih8PxmZmZA7cBRHRTUZSzqcnS/cjg4OBpSZJEVo6jRdz9cQnbts8EAoE7e0DEC8uyPmTmd/Nl5bDjRDSsKMqVnToZPevo6GhhLBb7GsDLh50sVzwz/1JSUnKuu7s7o9bs6eK3L1XfAXj2GGDuyrL8RrbLVtZ7jehRiouLR5j51aOCIaKfJEm6mOvGl/Omp+u6VFpa+g6AXiJK1w23YMy8LkmSEY1Gh3Vdz9lo572EW5b1NDOrAMRRc3PzE3tgnIhMRVH+yfcBeUFSAsFg8AnbtkV/+RozvwCgJIv4KhH9BuCGJEkTfr//QT6ArMfXaZDwMwzjKUmSHiOiR5n5P9u2I5qmzbnRyHl8DypyFHH/A+Hz3DIrzCC7AAAAAElFTkSuQmCC);
}
.swiper-button-next[data-v-67fcb997]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAABCdJREFUWEe1l11oHFUUx8+5u1vd1J3sEjULgsnm40ml6703MYUgRHyzFi34UPHBhwpWhSqKQis+SKlQ8APEKCj44seDWCsU3zQgQdZmZkzT5GmzCRYK2pIIm5j9mNl75C7usNnsZmaSzX1ads7539/ce86ZcxBCrJmZmahhGEeIaJwxNgwAdxNRnIjKjLHbSqkCIl4tFovXpqam3BDSgEGMbdseIKIXAOC43jyAzxoA/IiIn3PO/wxgvztILpczotHoWUR8FgCiQQRbbFwi+sZ13QsTExPF3fw7nohpmo8g4qcAkN4DQKvLX0R0Wkr5eyettiCWZT0NAB8BQKwLEA0JBwBeFUL80E5zB4ht28eVUp8gYqSLEHUpIqoh4hkhxKVW7W0gc3NzDzLGrgDAoW5DNOlViehJKeX15j08kKWlpUPlcvlnANBpedCrYBjG46Ojo5XGRh6IaZpnEPEtP4J0On24v78/US6XnZWVlX8cx1F+Ph2eXxRC6DisrzrI7OxsIh6PzwGA4SeazWbTjLG6X6VScfP5/Hq1Wq35+bV5XnQcZ7yR1nVBy7KeB4ALQcRGRkZShmHc2bDVEPl8fq1SqewF5pwQ4kvvREzTvIyI40FAIpEIDg0NpRKJxB1eXjpObXl5eb1UKoUq60R0VUr5VB3k/2tZClM5NUwmk9En48G4rqs0zNbWlq4XQZdbKpUemJyc3EDbto8S0fdBPb3gQtQnk+zt7fWuqVarqUKhsL65uRkG5oQQIqdBThLR+2FB6seJCIODg8lUKhVv+CulSMNsbGxUg2gi4uuc82/RsqyXAeBcEKdONgMDA719fX09zQG8uLh4K4gmEZ2XUk5rkFcA4GwQp6AgOl4WFhb+DqKJiO9xzj9G0zRPIeK7QZxabbpxNUT0jpTyCw3yhG5gwoJoiEwmk0wmk1587CVYlVKnxsbGftJXMwIAv4YBQUQcHh5ONhe2Paav3vZRIcQyEpHOnD8A4N4gMN0saABwi3P+MCJSo8RfBIDngoB0ucR/JYR4s7nEc0TUfYjv6uJHTzdKx6SUtgeif1iWpavrUT+SRhtQKpWc1dXV/bQBOSHECa9SN37Ytn1EKXXlIFrE1pfTLSNj7Bjn/NoOEP2HbdtvE9FLfqey3+eIOM05P9+ss61nNU0zxhj7mogm97vZLv6/EdFJKeW2D+OOLl4PVbFY7DsAeOgAYK47jvNMu2Gr7Vyje5Senp7PiGiqWzCIOFOtVk93mvg6TnpExCzLehEA3kBEr+cIC6YHdET8gHM+jYgdG23fIdw0zfsR8TUA0KkWZvLTMXCJiD6UUt7wewFfkKb0voeIdH/5GABIADjcRvxfADAB4BdEvMw5v+0H0DZ9gzppu/n5+ftqtVofY+wupdRmJBJZy2azN8NodEzfvYp0w+8/SevoMqb0YZ4AAAAASUVORK5CYII=);
}
.swiper-button-disabled[data-v-67fcb997] {
  opacity: 1 !important;
  display: none !important;
}

/*
*个人中心白色版本
*
*/
.white-space[data-v-7aa626ac] {
  height: 320px;
}
.mydialogTable .desc[data-v-7aa626ac] {
  font-size: 16px;
  text-align: center;
  margin-top: 29px;
  color: var(--222222-FFFFFF);
}
.mydialogTable .demo-ruleForm .diy-error-desc[data-v-7aa626ac] {
  margin-bottom: 20px;
  margin-top: 20px;
}
.mydialogTable .demo-ruleForm .diy-error-desc[data-v-7aa626ac] .el-form-item__error {
  position: absolute;
  text-align: left;
  left: 40%;
}
.mydialogTable .demo-ruleForm .diy-error-desc[data-v-7aa626ac] .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--old-hightlight-color);
  border-color: var(--old-hightlight-color);
}
.mydialogTable .demo-ruleForm .diy-error-desc[data-v-7aa626ac] .el-radio__input.is-checked + .el-radio__label {
  color: var(--old-hightlight-color);
}
.mydialogTable .demo-ruleForm .diy-error-desc[data-v-7aa626ac] .el-radio-group {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  height: 40px;
}
.mydialogTable .demo-ruleForm .diy-element[data-v-7aa626ac] {
  flex-wrap: wrap;
  margin: 0 31px;
  margin-bottom: 10px;
  position: relative;
}
.mydialogTable .demo-ruleForm .diy-element .noRecruitResume[data-v-7aa626ac] {
  position: absolute;
  color: #f56c6c;
  top: -40px;
  left: 65px;
  font-size: 12px;
}
.mydialogTable .demo-ruleForm .div-btn[data-v-7aa626ac] {
  padding: 29px 0 32px;
  box-sizing: border-box;
  margin-top: 35px;
  border-top: 1px solid #ececec;
}
.mydialogTable .demo-ruleForm .div-btn .diy-btn[data-v-7aa626ac] {
  background: #f5565b;
  color: #fff;
  font-size: 14px;
  width: 180px;
  border: none;
  height: 36px;
  border-radius: 18px;
}
.mydialogTable[data-v-7aa626ac] .el-form-item .el-input__inner,
.mydialogTable[data-v-7aa626ac] .el-form-item .el-textarea__inner {
  border-radius: 8px;
  color: #333333;
  border-color: #d8d8d8;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}
.mydialogTable[data-v-7aa626ac] .el-form-item .el-input__inner::-moz-placeholder, .mydialogTable[data-v-7aa626ac] .el-form-item .el-textarea__inner::-moz-placeholder {
  color: #afafaf;
}
.mydialogTable[data-v-7aa626ac] .el-form-item .el-input__inner::placeholder,
.mydialogTable[data-v-7aa626ac] .el-form-item .el-textarea__inner::placeholder {
  color: #afafaf;
}
.mydialogTable[data-v-7aa626ac] .el-form-item .el-textarea__inner {
  padding: 19px 21px;
  box-sizing: border-box;
}
.mydialogTable[data-v-7aa626ac] .el-form-item .el-select {
  width: 100%;
}
.mydialogTable[data-v-7aa626ac] .el-form-item .el-form-item__label {
  color: var(--222222-FFFFFF);
}
.mydialogTable[data-v-7aa626ac] .el-dialog {
  border-radius: 8px;
}
.mydialogTable[data-v-7aa626ac] .el-dialog .el-dialog__header {
  padding: 34px 31px 13px;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px solid #ececec;
}
.mydialogTable[data-v-7aa626ac] .el-dialog .el-dialog__title {
  font-family: PingFangBold;
  font-size: 18px;
}
.mydialogTable[data-v-7aa626ac] .el-dialog .el-dialog__headerbtn {
  top: 16px;
  right: 16px;
}
.mydialogTable[data-v-7aa626ac] .el-dialog .el-dialog__headerbtn .el-icon {
  font-size: 20px;
  font-weight: bold;
}
.mydialogTable[data-v-7aa626ac] .el-dialog .el-dialog__headerbtn .el-icon:hover {
  color: var(--old-hightlight-color);
}
.mydialogTable[data-v-7aa626ac] .el-dialog .el-dialog__body {
  padding: 0;
}
.mydialogTable[data-v-7aa626ac] .el-dialog .el-dialog__body .el-checkbox {
  margin-right: 80px;
}
.mydialogTable[data-v-7aa626ac] .el-dialog .el-dialog__body .el-checkbox:nth-last-of-type(1) {
  margin-right: 0;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__header {
  padding: 20px 32px;
  box-sizing: border-box;
  text-align: left;
  background: #f4f4f4;
  font-size: 18px;
  font-weight: bold;
  color: #282828;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  font-size: 18px;
  font-weight: bold;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body {
  padding: 0 0 32px 0;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body .checkedBox div {
  display: flex;
  align-items: center;
  padding: 36px 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
  font-size: 16px;
  color: #282828;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body .checkedBox div span {
  flex: 1;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body .checkedBox div span:nth-child(1) {
  text-align: left;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body .checkedBox div .el-checkbox {
  flex: 1;
  color: #606266;
  margin-right: 0;
  text-align: right;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body .checkedBox div .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: var(--old-hightlight-color);
  background-color: var(--old-hightlight-color);
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body .confirm-btn {
  padding: 34px 50px;
  box-sizing: border-box;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body .confirm-btn button {
  width: 100%;
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body .code-img {
  font-size: 12px;
  color: #999999;
  line-height: 21px;
}
.integralDlg[data-v-7aa626ac] .el-dialog .el-dialog__body .code-img img {
  width: 85px;
  height: 85px;
}

/*
*个人中心白色版本
*
*/
.dialog-tip .title-close[data-v-4984a092] {
  justify-content: space-between;
  padding: 20px 30px;
  box-sizing: border-box;
}
.dialog-tip .title-close .title[data-v-4984a092] {
  color: #525252;
}
.dialog-tip .title-close .title .desc[data-v-4984a092] {
  color: #5e5e5e;
  font-size: 14px;
}
.dialog-tip .title-close .close[data-v-4984a092] {
  width: 11px;
  height: 11px;
  cursor: pointer;
}
.dialog-tip .dialog-body-content[data-v-4984a092] {
  box-sizing: border-box;
}
.dialog-tip .dialog-body-content .tip-content[data-v-4984a092] {
  font-size: 16px;
  color: var(--222222-222222);
  line-height: 1.5;
}
.dialog-tip[data-v-4984a092] .el-dialog__header {
  padding: 0 !important;
}
.dialog-tip[data-v-4984a092] .el-dialog__body {
  padding: 0 !important;
}
.dialog-tip .button-box .btn[data-v-4984a092] {
  width: 110px;
  height: 41px;
  border-radius: 5px;
  font-size: 16px;
  transition: all 0.4s;
  cursor: pointer;
}
.dialog-tip .button-box .confirm[data-v-4984a092] {
  background: #f5565b;
  color: #ffffff;
  position: relative;
}
.dialog-tip .button-box .confirm[data-v-4984a092]:hover {
  background: #f54147;
}
.dialog-tip .button-box .cancel[data-v-4984a092] {
  background: #f2f2f2;
  color: var(--222222-FFFFFF);
  margin-right: 16px;
}
.dialog-tip .button-box .cancel[data-v-4984a092]:hover {
  background: #ececec;
}

/*
*个人中心白色版本
*
*/
.from-cell[data-v-4513b554] {
  display: flex;
}
.from-cell .label[data-v-4513b554] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
}
.from-cell .right-content[data-v-4513b554] {
  flex: 1;
}
.from-cell .right-content .description[data-v-4513b554] {
  font-size: 14px;
  color: #5e5e5e;
  margin-top: 1px;
}
.from-cell .right-content[data-v-4513b554] .el-textarea__inner {
  resize: none;
  font-family: 'Microsoft YaHei';
}
.from-cell .right-content[data-v-4513b554] .el-textarea__inner::-webkit-input-placeholder,
.from-cell .right-content[data-v-4513b554] .el-textarea__inner:-moz-placeholder,
.from-cell .right-content[data-v-4513b554] .el-textarea__inner::-moz-placeholder,
.from-cell .right-content[data-v-4513b554] .el-textarea__inner:-ms-input-placeholder {
  color: #606266;
  font-size: 14px;
}

/*
*个人中心白色版本
*
*/
.stall-price[data-v-d3de244a] {
  color: var(--222222-E6E6EA);
  font-family: PingFangBold, serif;
  display: flex;
  align-items: flex-end;
}
.stall-price .num[data-v-d3de244a] {
  line-height: 0.8;
}
.stall-price .unit[data-v-d3de244a] {
  font-size: 14px;
  margin-right: 2px;
  line-height: 1;
}
.stall-price .space[data-v-d3de244a] {
  width: 6px;
  border-bottom: 2px solid #f5565b;
  margin: 0 2px;
}
.stall-price .prefix[data-v-d3de244a] {
  font-size: 12px;
  margin-left: 2px;
  line-height: 1;
  color: #6f6f6f;
}

/*
*个人中心白色版本
*
*/
.reputation-level[data-v-4dfff5e7] {
  flex-wrap: wrap;
}
.reputation-level .icon-level-master[data-v-4dfff5e7] {
  width: 17px;
  margin-right: 4px;
}
.reputation-level .icon-level-crown[data-v-4dfff5e7] {
  width: 17px;
  margin-right: 4px;
}
.reputation-level .icon-level-diamond[data-v-4dfff5e7] {
  width: 17px;
  margin-right: 4px;
}
.reputation-level .icon-level-star[data-v-4dfff5e7] {
  width: 17px;
  margin-right: 4px;
}
.reputation-level .icon-level-star-1[data-v-4dfff5e7] {
  width: 17px;
  margin-right: 4px;
}

/*
*个人中心白色版本
*
*/
.reputation-rule[data-v-01830b6f] p:nth-child(1) strong:nth-child(1) {
  font-size: 28px;
}
.reputation-level-box[data-v-01830b6f] {
  margin-top: 2px;
  display: flex;
  align-items: flex-start;
}
.reputation-level-box[data-v-01830b6f] .reputation-level {
  max-width: 105px;
}
.reputation-level-box .level-count[data-v-01830b6f] {
  font-size: 14px;
  color: #ff7300;
  margin-left: 6px;
  line-height: 1.4;
}
.reputation-level-box .icon-tip[data-v-01830b6f] {
  width: 13px;
  cursor: pointer;
  margin-left: 6px;
  margin-top: 2px;
}
.from-cell[data-v-01830b6f] {
  margin-bottom: 35px;
  display: flex;
}
.from-cell .label[data-v-01830b6f] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
  margin-top: 8px;
}
.from-cell .right-content[data-v-01830b6f] {
  width: 82%;
  display: flex;
  align-items: center;
}
.from-cell .right-content .nickname-info[data-v-01830b6f] {
  width: 100%;
}
.from-cell .right-content .nickname-info .real-name-tag[data-v-01830b6f],
.from-cell .right-content .nickname-info .enterprise-tag[data-v-01830b6f] {
  width: 13px;
}
.from-cell .right-content .nickname-info .reputation-tag[data-v-01830b6f] {
  height: 20px;
  padding: 0 9px;
  box-sizing: border-box;
  font-size: 12px;
  color: #5b5b5b;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  margin-left: 6px;
  cursor: pointer;
}
.from-cell .right-content .nickname-info .nickname[data-v-01830b6f] {
  font-size: 14px;
  color: #222222;
  line-height: 1.2;
  max-width: 50%;
}
.from-cell .right-content .nickname-info .address-info[data-v-01830b6f] {
  width: 86%;
  font-size: 12px;
  color: #9d9d9d;
  margin-top: 9px;
}
.from-cell .right-content .nickname-info .address-info .address[data-v-01830b6f] {
  flex-shrink: 0;
}
.from-cell .right-content .nickname-info .address-info .tags[data-v-01830b6f] {
  width: 100%;
}
.from-cell .right-content .nickname-info .address-info .space[data-v-01830b6f] {
  flex-shrink: 0;
  width: 1px;
  height: 11px;
  background: #9d9d9d;
  margin: 0 7px;
}
.from-cell .mark-level-content[data-v-01830b6f] {
  align-items: flex-start;
}

/*
*个人中心白色版本
*
*/
.demand-error-tip[data-v-0129e513] {
  margin-bottom: 50px;
}
.apply-description[data-v-0129e513] .el-textarea__inner {
  resize: none;
  font-family: 'Microsoft YaHei';
  border-color: #d8d8d8;
  padding: 14px 20px 10px;
}
.apply-description[data-v-0129e513] .el-textarea__inner:focus {
  border-color: #d8d8d8;
}
.apply-description[data-v-0129e513] .el-textarea__inner::-webkit-input-placeholder,
.apply-description[data-v-0129e513] .el-textarea__inner:-moz-placeholder,
.apply-description[data-v-0129e513] .el-textarea__inner::-moz-placeholder,
.apply-description[data-v-0129e513] .el-textarea__inner:-ms-input-placeholder {
  color: #606266;
  font-size: 14px;
}
.amount-desc[data-v-0129e513] {
  font-size: 14px;
  color: #545454;
  margin-bottom: 20px;
}
.demand-preview[data-v-0129e513] .el-input {
  width: 100%;
}
.demand-preview[data-v-0129e513] .el-input input::-webkit-outer-spin-button,
.demand-preview[data-v-0129e513] .el-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.demand-preview[data-v-0129e513] .el-input input[type='number'] {
  -moz-appearance: textfield;
}
.demand-preview[data-v-0129e513] .el-input__inner {
  border-color: #d8d8d8;
  padding: 14px 20px 10px;
  box-sizing: border-box;
  font-size: 13px;
}
.demand-preview[data-v-0129e513] .el-input__inner::-moz-placeholder {
  color: #bababa;
  font-family: PingFangMedium;
}
.demand-preview[data-v-0129e513] .el-input__inner::placeholder {
  color: #bababa;
  font-family: PingFangMedium;
}
.demand-preview[data-v-0129e513] .el-input-group__append {
  font-size: 14px;
  color: #999999;
  padding: 0 20px;
  box-sizing: border-box;
  background: transparent;
  border-color: #d8d8d8;
}
.demand-preview .preview-content[data-v-0129e513] {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 32px 40px;
  box-sizing: border-box;
  margin: 10px 0;
}
.demand-preview .preview-content .header[data-v-0129e513] {
  font-size: 20px;
  color: #222222;
  font-family: PingFangBold;
  margin-bottom: 43px;
  justify-content: space-between;
}
.demand-preview .preview-content .header .icon-close[data-v-0129e513] {
  width: 11px;
  height: 11px;
  cursor: pointer;
  position: relative;
  right: -20px;
  top: -25px;
}
.demand-preview .preview-content .cell[data-v-0129e513] {
  display: flex;
  margin-bottom: 41px;
}
.demand-preview .preview-content .cell .label[data-v-0129e513] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
}
.demand-preview .preview-content .cell .required[data-v-0129e513] {
  position: relative;
}
.demand-preview .preview-content .cell .required[data-v-0129e513]:before {
  content: '*';
  color: #f5565b;
  position: absolute;
  left: -10px;
  top: -2px;
}
.demand-preview .preview-content .cell .right-content[data-v-0129e513] {
  flex: 1;
  font-size: 14px;
  color: #545454;
  margin-top: 2px;
  white-space: pre-line;
}
.demand-preview .preview-content .cell .right-content[data-v-0129e513] .el-textarea {
  --el-input-placeholder-color: #c8c8c8;
}
.demand-preview .preview-content .cell .right-content[data-v-0129e513] .stall-price .num {
  font-weight: 500;
}
.demand-preview .preview-content .cell .right-content .light[data-v-0129e513] {
  color: #f5565b;
}
.demand-preview .preview-content .cell .right-content .amount[data-v-0129e513] {
  font-size: 18px;
  line-height: 1.2;
}
.demand-preview .preview-content .cell .right-content .picture-list .picture-item[data-v-0129e513] {
  border-radius: 5px;
  margin-right: 12px;
  position: relative;
  width: 120px;
  height: 120px;
  cursor: pointer;
}
.demand-preview .preview-content .cell .right-content .picture-list .picture-item[data-v-0129e513]:last-child {
  margin-right: 0;
}
.demand-preview .preview-content .cell .right-content .picture-list .picture-item:hover .icon-preview[data-v-0129e513] {
  display: block;
}
.demand-preview .preview-content .cell .right-content .picture-list .picture-item .picture[data-v-0129e513] {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.demand-preview .preview-content .cell .right-content .picture-list .picture-item .icon-preview[data-v-0129e513] {
  display: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 7px;
}
.demand-preview .preview-content .cell .right-content .picture-list .picture-item .icon-file[data-v-0129e513] {
  width: 60px;
  height: 60px;
}
.demand-preview .preview-content .cell .right-content .picture-list .file-item[data-v-0129e513] {
  border: 1px dashed #dbdbdb;
}
.demand-preview .preview-content .cell .right-content .picture-list .download-btn[data-v-0129e513] {
  width: 90px;
  height: 36px;
  background-color: #ffffff;
  border-radius: 18px;
  border: 1px solid #f5565b;
  color: #f5565b;
  transition: 0.2s all;
  cursor: pointer;
  margin-left: 10px;
}
.demand-preview .preview-content .cell .right-content .picture-list .download-btn[data-v-0129e513]:hover {
  background-color: #f5565b;
  color: #ffffff;
}
.demand-preview .preview-content .cell .light-description[data-v-0129e513] {
  color: #f5565b;
}
.demand-preview .preview-content .picture-cell .label[data-v-0129e513] {
  margin-top: 9px;
}
.demand-preview .preview-content .share-box[data-v-0129e513] {
  font-size: 14px;
  color: var(--787878-86868D);
  justify-content: flex-end;
  margin-bottom: 10px;
  padding-right: 15px;
  box-sizing: border-box;
}
.demand-preview .preview-content .share-box .share-weibo-icon[data-v-0129e513],
.demand-preview .preview-content .share-box .share-link-icon[data-v-0129e513] {
  cursor: pointer;
}
.demand-preview .preview-content .share-box .share-weibo-icon[data-v-0129e513] {
  width: 23px;
  height: 19px;
  margin-left: 10px;
}
.demand-preview .preview-content .share-box .share-link-icon[data-v-0129e513] {
  width: 16px;
  height: 16px;
  margin-left: 17px;
}
.demand-preview .preview-content .operate-box[data-v-0129e513] {
  padding: 27px 0 0;
  box-sizing: border-box;
  border-top: 1px solid #eeeeee;
}
.demand-preview .preview-content .operate-box .amount-confirm[data-v-0129e513],
.demand-preview .preview-content .operate-box .confirm[data-v-0129e513] {
  font-size: 14px;
  width: 120px;
  height: 38px;
  border-radius: 19px;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #f5565b;
  color: #ffffff;
}
.demand-preview .preview-content .operate-box .close[data-v-0129e513] {
  width: 118px;
  height: 36px;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid #c5c5c5;
  font-size: 14px;
  color: #222222;
  cursor: pointer;
}
.demand-preview .preview-content .operate-box .margin-right[data-v-0129e513] {
  margin-right: 16px;
}

/*
*个人中心白色版本
*
*/
.from-cell[data-v-2d50b33a] {
  display: flex;
  margin-bottom: 21px;
}
.from-cell .label[data-v-2d50b33a] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
  margin-top: 11px;
}
.from-cell .right-content[data-v-2d50b33a] {
  flex: 1;
}
.from-cell .right-content .demand-item[data-v-2d50b33a] {
  justify-content: space-between;
  margin-bottom: 10px;
}
.from-cell .right-content .demand-item[data-v-2d50b33a]:last-child {
  margin-bottom: 0;
}
.from-cell .right-content .demand-item .name-box[data-v-2d50b33a] {
  justify-content: space-between;
  width: 352px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  padding: 0 14px 0 20px;
  box-sizing: border-box;
}
.from-cell .right-content .demand-item .name-box .name[data-v-2d50b33a] {
  font-size: 13px;
  color: #848484;
}
.from-cell .right-content .demand-item .name-box .round[data-v-2d50b33a] {
  width: 15px;
  height: 15px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #d8d8d8;
  flex-shrink: 0;
  margin-left: 15px;
  cursor: pointer;
}
.from-cell .right-content .demand-item .name-box .round .icon-checked[data-v-2d50b33a] {
  width: 10px;
  height: 6px;
  margin-left: 2px;
}
.from-cell .right-content .demand-item .operate-btn[data-v-2d50b33a] {
  font-size: 13px;
}
.from-cell .right-content .demand-item .operate-btn .preview[data-v-2d50b33a],
.from-cell .right-content .demand-item .operate-btn .edit[data-v-2d50b33a],
.from-cell .right-content .demand-item .operate-btn .remove[data-v-2d50b33a] {
  cursor: pointer;
}
.from-cell .right-content .demand-item .operate-btn .preview[data-v-2d50b33a],
.from-cell .right-content .demand-item .operate-btn .edit[data-v-2d50b33a] {
  color: #5e5e5e;
}
.from-cell .right-content .demand-item .operate-btn .edit[data-v-2d50b33a] {
  margin-left: 10px;
}
.from-cell .right-content .demand-item .operate-btn .remove[data-v-2d50b33a] {
  color: #f5565b;
  margin-left: 9px;
}
.from-cell .right-content .demand-item-active .round[data-v-2d50b33a] {
  border: 2px solid #f5565b !important;
  background: #f5565b !important;
}
.from-cell .right-content .hidden-class[data-v-2d50b33a] {
  display: none;
}
.from-cell .right-content .load-all[data-v-2d50b33a] {
  font-size: 13px;
  color: #bababa;
  margin-top: 17px;
}
.from-cell .right-content .load-all > div[data-v-2d50b33a] {
  cursor: pointer;
  margin-left: 114px;
}
.from-cell .right-content .load-all .icon-arrow-bottom[data-v-2d50b33a] {
  width: 9px;
  height: 7px;
  margin-left: 4px;
}
.from-cell .right-content .add-demand[data-v-2d50b33a] {
  width: 352px;
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px dashed #d8d8d8;
  margin-top: 31px;
  font-size: 14px;
  color: #848484;
  cursor: pointer;
}
.from-cell .right-content .add-demand .icon-add[data-v-2d50b33a] {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}

/*
*个人中心白色版本
*
*/
.from-cell .label[data-v-06d7b1d0] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
}
.from-cell .right-content[data-v-06d7b1d0] {
  flex: 1;
}

/*
*个人中心白色版本
*
*/
.icon-tip[data-v-7e3e9e61] {
  width: 13px;
  margin-left: 4px;
  cursor: pointer;
}
.header-title[data-v-7e3e9e61] {
  justify-content: space-between;
  margin-bottom: 44px;
}
.header-title .invitation-title[data-v-7e3e9e61] {
  font-size: 20px;
  color: #222222;
  font-family: PingFangBold;
}
.header-title .invitation-count[data-v-7e3e9e61] {
  font-size: 14px;
  color: #a9a9a9;
}
.header-title .invitation-count .light[data-v-7e3e9e61] {
  color: #f5565b;
  margin: 0 4px;
}

/*
*个人中心白色版本
*
*/
.from-cell[data-v-62af054d] {
  display: flex;
  margin-bottom: 22px;
}
.from-cell .label[data-v-62af054d] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
  margin-top: 16px;
}
.from-cell .right-content[data-v-62af054d] {
  flex: 1;
}
.from-cell .right-content .type-item[data-v-62af054d] {
  padding: 19px 20px 18px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  margin-bottom: 12px;
  cursor: pointer;
}
.from-cell .right-content .type-item[data-v-62af054d]:last-child {
  margin-bottom: 0;
}
.from-cell .right-content .type-item .round[data-v-62af054d] {
  width: 15px;
  height: 15px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #d8d8d8;
  margin-right: 8px;
}
.from-cell .right-content .type-item .round .icon-checked[data-v-62af054d] {
  width: 10px;
  height: 6px;
  margin-left: 2px;
}
.from-cell .right-content .type-item .title[data-v-62af054d] {
  font-size: 16px;
  color: #222222;
}
.from-cell .right-content .type-item .description[data-v-62af054d] {
  font-size: 12px;
  color: #999999;
}
.from-cell .right-content .type-item-active[data-v-62af054d] {
  background: #fff3f4;
  border: 1px solid #f5565b;
}
.from-cell .right-content .type-item-active .round[data-v-62af054d] {
  border: 2px solid #f5565b;
  background: #f5565b;
}

/*
*个人中心白色版本
*
*/
.real-name-authentication .authentication-status-1[data-v-2e3001d1] {
  background: var(--FFFFFF-1C1C1F);
  border-radius: 5px;
}
.real-name-authentication .authentication-status-1 .commit-info[data-v-2e3001d1] {
  padding: 34px 31px 39px;
  box-sizing: border-box;
}
.real-name-authentication .authentication-status-1 .commit-info .bind-phone-tip[data-v-2e3001d1] {
  background: #fff8e8;
  border-left: 3px solid #f5565b;
  border-radius: 4px;
  color: #c77727;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 22px;
  padding: 10px 14px;
}
.real-name-authentication .authentication-status-1 .commit-info .bind-phone-tip--warn[data-v-2e3001d1] {
  background: #fef0f0;
  color: #f5565b;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1] {
  margin-bottom: 28px;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1]:last-child {
  margin-bottom: 0;
}
.real-name-authentication .authentication-status-1 .commit-info .cell .label[data-v-2e3001d1] {
  width: 100px;
  font-size: 14px;
  color: var(--222222-C9C9CD);
  text-align: left;
  flex-shrink: 0;
}
.real-name-authentication .authentication-status-1 .commit-info .cell .required[data-v-2e3001d1]::after {
  content: '*';
  font-size: 14px;
  top: -3px;
  right: -1px;
  color: #f5565b;
  position: relative;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1] .el-form-item {
  margin-bottom: 0;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1] .el-form-item .el-form-item__content {
  line-height: 14px;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1] .el-input {
  width: 549px;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1] .el-input .el-input__inner {
  border-color: #d8d8d8;
  border-radius: 8px;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1] .el-input .el-input__inner::-moz-placeholder {
  color: #afafaf;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1] .el-input .el-input__inner::placeholder {
  color: #afafaf;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1] .is-error .el-input__inner {
  border-color: #f5565b !important;
}
.real-name-authentication .authentication-status-1 .commit-info .cell[data-v-2e3001d1] .el-form-item__error {
  background: #f5565b;
  border-radius: 4px;
  color: #ffffff;
  padding: 4px 6px;
  box-sizing: border-box;
  margin-top: 3px;
}
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell[data-v-2e3001d1] {
  display: flex;
}
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell .label[data-v-2e3001d1] {
  margin-top: 10px;
}
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell .id-card-box[data-v-2e3001d1] {
  width: 200px;
  height: 172px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px dashed #d8d8d8;
  margin-right: 19px;
}
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell .id-card-box .id-card-img[data-v-2e3001d1] {
  width: 142px;
  height: 93px;
  margin: 26px 29px 13px;
  cursor: pointer;
}
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell .id-card-box .id-card-description[data-v-2e3001d1] {
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell .id-card-box .id-card-description .normal[data-v-2e3001d1],
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell .id-card-box .id-card-description .light[data-v-2e3001d1] {
  cursor: pointer;
}
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell .id-card-box .id-card-description .normal[data-v-2e3001d1] {
  color: #222222;
}
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell .id-card-box .id-card-description .normal[data-v-2e3001d1]:hover {
  color: #f5565b;
}
.real-name-authentication .authentication-status-1 .commit-info .id-card-cell .id-card-box .id-card-description .light[data-v-2e3001d1] {
  color: #f5565b;
}
.real-name-authentication .authentication-status-1 .commit-btn[data-v-2e3001d1] {
  padding: 30px 0 30px 133px;
  box-sizing: border-box;
  border-top: 1px solid #eeeeee;
}
.real-name-authentication .authentication-status-2[data-v-2e3001d1],
.real-name-authentication .authentication-status-3[data-v-2e3001d1] {
  height: 242px;
  flex-direction: column;
  background: var(--FFFFFF-1C1C1F);
  border-radius: 5px;
}
.real-name-authentication .authentication-status-2 .icon-success-commit[data-v-2e3001d1],
.real-name-authentication .authentication-status-3 .icon-success-commit[data-v-2e3001d1] {
  width: 78px;
  height: 89px;
  margin-bottom: 10px;
}
.real-name-authentication .authentication-status-2 .icon-success-authentication[data-v-2e3001d1],
.real-name-authentication .authentication-status-3 .icon-success-authentication[data-v-2e3001d1] {
  width: 62px;
  height: 62px;
  margin-bottom: 22px;
}
.real-name-authentication .authentication-status-2 .status-title[data-v-2e3001d1],
.real-name-authentication .authentication-status-3 .status-title[data-v-2e3001d1] {
  margin-bottom: 11px;
  font-size: 16px;
  color: var(--222222-C9C9CD);
}
.real-name-authentication .authentication-status-2 .status-description[data-v-2e3001d1],
.real-name-authentication .authentication-status-3 .status-description[data-v-2e3001d1] {
  font-size: 14px;
  color: #afafaf;
}

/*
*个人中心白色版本
*
*/
.bold[data-v-5854b479] {
  font-weight: 600;
  margin: 0 4px;
  font-size: 15px;
}
.button-box[data-v-5854b479] {
  margin-top: 30px;
  justify-content: flex-end;
}

/*
*个人中心白色版本
*
*/
.from-cell .label[data-v-3f5a2cf9] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
}
.from-cell .right-content[data-v-3f5a2cf9] {
  flex: 1;
}
.from-cell .right-content[data-v-3f5a2cf9] .el-input {
  width: 100%;
}
.from-cell .right-content[data-v-3f5a2cf9] .el-input .el-input__prefix {
  display: none;
}

/*
*个人中心白色版本
*
*/
.from-cell[data-v-4108ca16] {
  display: flex;
  margin-bottom: 40px;
}
.from-cell .label[data-v-4108ca16] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
}
.from-cell .right-content[data-v-4108ca16] {
  flex: 1;
}
.from-cell .right-content[data-v-4108ca16] .el-switch {
  margin-left: 8px;
}
.from-cell .right-content[data-v-4108ca16] .el-switch .el-switch__label {
  white-space: nowrap;
}
.from-cell .right-content[data-v-4108ca16] .el-switch .el-switch__label--left,
.from-cell .right-content[data-v-4108ca16] .el-switch .el-switch__label--right {
  position: relative;
  z-index: 2;
  font-size: 12px;
  line-height: 30px;
  color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.from-cell .right-content[data-v-4108ca16] .el-switch .el-switch__label--left {
  margin-right: -36px;
}
.from-cell .right-content[data-v-4108ca16] .el-switch .el-switch__label--right {
  margin-left: -36px;
}
.from-cell .right-content[data-v-4108ca16] .el-switch .is-active {
  color: transparent;
}
.from-cell .right-content .description[data-v-4108ca16] {
  font-size: 14px;
  color: #9a9a9a;
  margin-left: 26px;
}

/*
*个人中心白色版本
*
*/
.from-cell[data-v-ff819ce6] {
  display: flex;
}
.from-cell .label[data-v-ff819ce6] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
  line-height: 1;
}
.from-cell .right-content[data-v-ff819ce6] {
  flex: 1;
  display: flex;
}
.from-cell .right-content .upload-image-box[data-v-ff819ce6] {
  padding-right: 9px;
  box-sizing: border-box;
  margin-right: 21px;
  border-right: 1px dashed #eeeeee;
}
.from-cell .right-content .description[data-v-ff819ce6] {
  font-size: 14px;
  color: #5e5e5e;
  line-height: 1;
}
.from-cell .right-content .format[data-v-ff819ce6] {
  font-size: 12px;
  color: #bcbcbc;
  margin-bottom: 12px;
  line-height: 1.2;
  margin-top: 7px;
}
.from-cell .right-content .picture-list .picture-item[data-v-ff819ce6],
.from-cell .right-content .picture-list .upload-picture[data-v-ff819ce6] {
  border-radius: 5px;
  border: 1px dashed #dbdbdb;
  width: 80px;
  height: 80px;
  cursor: pointer;
  margin-right: 12px;
}
.from-cell .right-content .picture-list .picture-item[data-v-ff819ce6] {
  position: relative;
}
.from-cell .right-content .picture-list .picture-item:hover .remove[data-v-ff819ce6] {
  display: flex;
}
.from-cell .right-content .picture-list .picture-item .picture[data-v-ff819ce6] {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.from-cell .right-content .picture-list .picture-item .remove[data-v-ff819ce6] {
  display: none;
  width: 20px;
  height: 20px;
  background: #000000;
  border-radius: 50%;
  opacity: 0.5;
  position: absolute;
  top: 4px;
  right: 4px;
}
.from-cell .right-content .picture-list .picture-item .remove .icon-remove[data-v-ff819ce6] {
  width: 8px;
  height: 8px;
}
.from-cell .right-content .picture-list .picture-item .icon-file[data-v-ff819ce6] {
  width: 60px;
  height: 60px;
}
.from-cell .right-content .picture-list .upload-picture[data-v-ff819ce6] {
  background: #f6f6f6;
}
.from-cell .right-content .picture-list .upload-picture .icon-add[data-v-ff819ce6] {
  width: 17px;
  height: 17px;
}

/*
*个人中心白色版本
*
*/
.from-cell .label[data-v-9f859ea2] {
  flex-shrink: 0;
  width: 100px;
  font-size: 16px;
  color: #282828;
  text-align: left;
}
.from-cell .right-content[data-v-9f859ea2] {
  flex: 1;
}
.from-cell .right-content[data-v-9f859ea2] .el-input {
  width: 100%;
}
.from-cell .right-content[data-v-9f859ea2] .el-input input::-webkit-outer-spin-button,
.from-cell .right-content[data-v-9f859ea2] .el-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.from-cell .right-content[data-v-9f859ea2] .el-input input[type='number'] {
  -moz-appearance: textfield;
}
.from-cell .right-content[data-v-9f859ea2] .el-input-group__append {
  font-size: 14px;
  color: #999999;
  padding: 0 20px;
  box-sizing: border-box;
  background: transparent;
  border-color: #d8d8d8;
}

/*
*个人中心白色版本
*
*/
.light[data-v-5d978ecf] {
  color: #f5565b;
}
.to-authentication[data-v-5d978ecf] {
  justify-content: flex-end;
  color: #f5565b;
  font-size: 14px;
  margin-top: -21px;
}
.to-authentication > div[data-v-5d978ecf] {
  cursor: pointer;
  text-decoration: underline;
}
.invitation-artist .close[data-v-5d978ecf] {
  justify-content: flex-end;
  margin-bottom: 11px;
  margin-top: 12px;
}
.invitation-artist .close .icon-close[data-v-5d978ecf] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.invitation-artist .from-content[data-v-5d978ecf] {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 32px 40px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.invitation-artist .from-content .add-demand-operate-btn[data-v-5d978ecf] {
  margin-bottom: 39px;
}
.invitation-artist .from-content .commit[data-v-5d978ecf] {
  padding: 27px 0 0px;
  box-sizing: border-box;
  border-top: 1px solid #eeeeee;
}
.invitation-artist .from-content[data-v-5d978ecf] .el-input__inner,
.invitation-artist .from-content[data-v-5d978ecf] .el-textarea__inner {
  border-color: #d8d8d8;
  padding: 14px 20px 10px;
  box-sizing: border-box;
  font-size: 13px;
}
.invitation-artist .from-content[data-v-5d978ecf] .el-input__inner::-moz-placeholder, .invitation-artist .from-content[data-v-5d978ecf] .el-textarea__inner::-moz-placeholder {
  color: #bababa;
  font-family: PingFangMedium;
}
.invitation-artist .from-content[data-v-5d978ecf] .el-input__inner::placeholder,
.invitation-artist .from-content[data-v-5d978ecf] .el-textarea__inner::placeholder {
  color: #bababa;
  font-family: PingFangMedium;
}
.invitation-artist .from-content[data-v-5d978ecf] .el-textarea__inner {
  font-size: 14px;
}
.invitation-artist .from-content[data-v-5d978ecf] .el-textarea__inner::-moz-placeholder {
  font-family: PingFangRegular;
}
.invitation-artist .from-content[data-v-5d978ecf] .el-textarea__inner::placeholder {
  font-family: PingFangRegular;
}
.invitation-artist .from-content[data-v-5d978ecf] .el-form-item {
  margin-bottom: 0;
}
.invitation-artist .from-content[data-v-5d978ecf] .el-form-item .el-form-item__error {
  background: #f5565b;
  border-radius: 4px;
  padding: 4px 6px;
  box-sizing: border-box;
  font-size: 12px;
  color: #ffffff;
  margin-left: 100px;
  margin-top: 4px;
}
.invitation-artist .from-content .bottom-34[data-v-5d978ecf] {
  margin-bottom: 34px;
}

/*
*个人中心白色版本
*
*/
.detail-header[data-v-642314fa] {
  min-width: 1482px;
  opacity: 1;
  background: #ffffff;
  border-radius: 14px 14px 0 0;
  padding: 59px 0 31px;
  margin-bottom: 52px;
}
.detail-header .header-box[data-v-642314fa] {
  width: 1482px;
  padding: 0 181px;
  box-sizing: border-box;
  margin: auto;
}
.detail-header .header-box .title[data-v-642314fa] {
  margin-bottom: 31px;
  color: var(--222222-FFFFFF);
  font-size: 32px;
}
.detail-header .header-box .title .activity-hot[data-v-642314fa] {
  width: 16px;
  height: 19px;
  margin-left: 14px;
}
.detail-header .header-box .title .activity-awards[data-v-642314fa] {
  width: 18px;
  height: 18px;
  margin-left: 13px;
  cursor: pointer;
}
.detail-header .header-box .info[data-v-642314fa] {
  justify-content: space-between;
}
.detail-header .header-box .info .left .avatar[data-v-642314fa] {
  margin-right: 12px;
  cursor: pointer;
}
.detail-header .header-box .info .left .avatar img[data-v-642314fa] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.detail-header .header-box .info .left .avatar-info .nickname[data-v-642314fa] {
  color: var(--222222-FFFFFF);
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.2;
}
.detail-header .header-box .info .left .avatar-info .info[data-v-642314fa] {
  font-size: 12px;
  color: #9f9f9f;
}
.detail-header .header-box .info .left .avatar-info .info .vertical[data-v-642314fa] {
  width: 1px;
  height: 11px;
  margin: 0 7px;
}
.detail-header .header-box .info .right[data-v-642314fa] {
  font-size: 14px;
}
.detail-header .header-box .info .right > div[data-v-642314fa] {
  padding: 0 23px;
  box-sizing: border-box;
  height: 30px;
  border-radius: var(--border-radius-16);
  cursor: pointer;
}
.detail-header .header-box .info .right .invite[data-v-642314fa] {
  border: 1px solid #6f6f6f;
  color: #6f6f6f;
  margin-right: 10px;
  transition: all 0.4s;
}
.detail-header .header-box .info .right .invite[data-v-642314fa]:hover {
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
}
.detail-header .header-box .info .right .follow[data-v-642314fa] {
  color: #ffffff;
  border: 1px solid #f5565b;
  background: #f5565b;
  transition: all 0.4s;
}
.detail-header .header-box .info .right .follow[data-v-642314fa]:hover {
  border: 1px solid #f54147;
  background: #f54147;
}
.detail-header .header-box .activity-issuance[data-v-642314fa] {
  justify-content: space-between;
  margin-top: 24px;
  color: #ff7300;
  height: 40px;
}
.detail-header .header-box .activity-issuance .visitor-list[data-v-642314fa] {
  width: 100%;
}
.detail-header .header-box .activity-issuance .visitor-list .visitor-title[data-v-642314fa] {
  font-size: 14px;
  color: #999999;
  white-space: nowrap;
}
.detail-header .header-box .activity-issuance .visitor-list .more-visitor[data-v-642314fa] {
  width: 30px;
  height: 30px;
  background: #f2f2f2;
  border-radius: 50%;
  cursor: pointer;
}
.detail-header .header-box .activity-issuance .visitor-list .more-visitor .icon-more[data-v-642314fa] {
  width: 15px;
  height: 3px;
}
.detail-header .header-box .activity-issuance .activity-title[data-v-642314fa],
.detail-header .header-box .activity-issuance .vote[data-v-642314fa] {
  padding: 13px 20px;
  box-sizing: border-box;
  border-radius: 20px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}
.detail-header .header-box .activity-issuance .activity-title[data-v-642314fa] {
  background: #fff3ea;
  margin-right: 20px;
}
.detail-header .header-box .activity-issuance .vote[data-v-642314fa] {
  background: #f5f5f5;
  cursor: pointer;
}

/*
*个人中心白色版本
*
*/
.header-row[data-v-fe9949ee] {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.8;
}
.header-row .header-row-item[data-v-fe9949ee] {
  display: flex;
  align-items: center;
  color: #898989;
  font-size: 12px;
}
.header-row .header-row-item .type[data-v-fe9949ee] {
  margin-right: 10px;
}
.header-row .header-row-item-ohter div[data-v-fe9949ee] {
  margin-left: 30px;
}
.header-row .header-row-item-ohter div span[data-v-fe9949ee] {
  margin-left: 10px;
}
.header-row .header-row-item-ohter .share[data-v-fe9949ee] {
  cursor: pointer;
  color: #fff;
}
[data-v-fe9949ee] .el-dialog {
  text-align: left;
  font-size: 12px;
  background-color: #00000091;
}
[data-v-fe9949ee] .el-dialog .el-dialog__header,[data-v-fe9949ee] .el-dialog .el-dialog__body {
  padding: 0 0 10px;
}
[data-v-fe9949ee] .el-dialog .el-dialog__header {
  padding: 5px;
}
[data-v-fe9949ee] .el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 40px;
  right: 10px;
  font-size: 22px;
  color: #f2f2f2;
  z-index: 2021;
}
.share-img[data-v-fe9949ee] {
  width: 350px;
  text-align: center;
  background: #fff;
}
.share-img .top-img[data-v-fe9949ee] {
  width: 100%;
  height: 440px;
  position: relative;
}
.share-img .top-img .bg[data-v-fe9949ee] {
  width: 100%;
  height: 100%;
}
.share-img .top-img .logo[data-v-fe9949ee] {
  display: block;
  width: 70px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.share-img .user-info[data-v-fe9949ee] {
  width: 100%;
  position: relative;
  margin-top: 15px;
  height: 80px;
  padding-left: 15px;
  box-sizing: border-box;
  display: flex;
}
.share-img .user-info .avatar[data-v-fe9949ee] {
  width: 50px;
  height: 50px;
}
.share-img .user-info .avatar img[data-v-fe9949ee] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.share-img .user-info .tip[data-v-fe9949ee] {
  font-size: 12px;
  text-align: left;
  padding-left: 15px;
  color: #a4a4a4;
}
.share-img .user-info .title-img[data-v-fe9949ee] {
  width: 100%;
}
.share-img .user-info .qr-code[data-v-fe9949ee] {
  position: absolute;
  top: -35px;
  right: 15px;
  box-sizing: border-box;
  font-size: 12px;
  color: black;
}
.social-contact[data-v-fe9949ee] {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center !important;
  padding-bottom: 15px;
}
.social-contact .item[data-v-fe9949ee] {
  text-align: center !important;
}
.social-contact .item .iconfont[data-v-fe9949ee] {
  font-size: 20px;
}
.social-contact .item p[data-v-fe9949ee] {
  margin-top: 5px;
  font-size: 12px;
}
.social-contact .qq[data-v-fe9949ee],
.social-contact .weibo[data-v-fe9949ee] {
  cursor: pointer;
}
.social-contact .qq .icon-icon_qq-box[data-v-fe9949ee] {
  width: 35px;
  height: 35px;
  border: 1px solid #56b6e7;
  border-radius: 50%;
  color: #56b6e7;
  margin: auto;
}
.social-contact .qq .icon-icon_qq-box[data-v-fe9949ee]:hover {
  background: #56b6e7;
  color: #fff;
}
.social-contact .wechat[data-v-fe9949ee] {
  position: relative;
}
.social-contact .wechat .icon-icon_wechat-box[data-v-fe9949ee] {
  width: 35px;
  height: 35px;
  border: 1px solid #7bc549;
  border-radius: 50%;
  color: #7bc549;
  margin: auto;
}
.social-contact .wechat .icon-icon_wechat-box[data-v-fe9949ee]:hover {
  background: #7bc549;
  color: #fff;
}
.social-contact .wechat .wechat-tip[data-v-fe9949ee] {
  display: none;
  width: 200px;
  position: absolute;
  top: -200px;
  left: -65px;
  font-size: 12px;
  padding-bottom: 10px;
  background: #fff;
}
.social-contact .wechat .wechat-tip .wechat-tip-title[data-v-fe9949ee] {
  background: #f3f3f3;
  margin-bottom: 5px;
}
.social-contact .wechat:hover .wechat-tip[data-v-fe9949ee] {
  display: block;
}
.social-contact .weibo .icon-icon_weibo-box[data-v-fe9949ee] {
  width: 35px;
  height: 35px;
  border: 1px solid #ff763b;
  border-radius: 50%;
  color: #ff763b;
  margin: auto;
}
.social-contact .weibo .icon-icon_weibo-box[data-v-fe9949ee]:hover {
  background: #ff763b;
  color: #fff;
}
.poster-img[data-v-fe9949ee] {
  display: block;
  width: 100%;
}

@font-face {
    font-family: 'UnidreamLED';
    src: url(../../static/fonts/UnidreamLED.67a845af.eot); /***兼容ie9***/
    src: url(../../static/fonts/UnidreamLED.67a845af.eot?#iefix) format('embedded-opentype'),  url(../../static/fonts/UnidreamLED.cebe42de.woff) format('woff'),
    local('UnidreamLED'), url(../../static/fonts/UnidreamLED.cebe42de.woff);/***默认使用本地的***/
}

/* 畅游-西方幻想活动字体 */
@font-face {
    font-family: font-medium;
    src: url('https://web-1300736412.file.myqcloud.com/image/activity/495/assets/images/MEDIUM.OTF');
}
@font-face {
    font-family: font-regular;
    src: url('https://web-1300736412.file.myqcloud.com/image/activity/495/assets/images/REGULAR.OTF');
}
@font-face {
    font-family: font-semibold;
    src: url('https://web-1300736412.file.myqcloud.com/image/activity/495/assets/images/SEMIBOLD.OTF');
}
@font-face {
    font-family: PingFangBold;
    src: url(../../static/fonts/PingFangBold.dd25b35d.ttf);
}
@font-face {
    font-family: PingFangExtraLight;
    src: url(../../static/fonts/PingFangExtraLight.e5e1a971.ttf);
}
@font-face {
    font-family: PingFangHeavy;
    src: url(../../static/fonts/PingFangHeavy.1c97d8de.ttf);
}
@font-face {
    font-family: PingFangLight;
    src: url(../../static/fonts/PingFangLight.ca3ad0e3.ttf);
}
@font-face {
    font-family: PingFangMedium;
    src: url(../../static/fonts/PingFangMedium.15974853.ttf);
}
@font-face {
    font-family: PingFangRegular;
    src: url(../../static/fonts/PingFangRegular.75225b29.ttf);
}
@font-face {
    font-family: DINOTBLACK;
    src: url(../../static/fonts/DINOT-BLACK.2054634f.TTF);
}

/*
*个人中心白色版本
*
*/
.liked-tip[data-v-6bc2dfd2] {
  position: absolute;
  left: 44px;
  top: -34px;
}
.liked-tip .liked-tip__img[data-v-6bc2dfd2] {
  width: 262px;
  height: 163px;
}
.issuance-operate-menu[data-v-6bc2dfd2] {
  float: right;
  margin: 121px 48px 0 -100px;
  position: sticky;
  z-index: 200;
}
.issuance-operate-menu .item[data-v-6bc2dfd2] {
  flex-direction: column;
  margin-bottom: 21px;
  position: relative;
}
.issuance-operate-menu .item:hover .popover-tip[data-v-6bc2dfd2] {
  left: -151px;
  opacity: 1;
  width: 151px;
}
.issuance-operate-menu .item .normal[data-v-6bc2dfd2] {
  cursor: pointer;
  background: #ededed;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  transition: background 0.4s;
}
.issuance-operate-menu .item .normal[data-v-6bc2dfd2]:hover {
  background: #c6c6c6;
}
.issuance-operate-menu .item .normal .image[data-v-6bc2dfd2] {
  width: 21px;
  height: 22px;
}
.issuance-operate-menu .item .like[data-v-6bc2dfd2] {
  background: #f5565b;
}
.issuance-operate-menu .item .like[data-v-6bc2dfd2]:hover {
  background: #f54147;
}
.issuance-operate-menu .item .like-active[data-v-6bc2dfd2] {
  background: #ededed;
}
.issuance-operate-menu .item .like-active[data-v-6bc2dfd2]:hover {
  background: #ededed;
}
.issuance-operate-menu .item .score[data-v-6bc2dfd2] {
  background: #696969;
}
.issuance-operate-menu .item .score[data-v-6bc2dfd2]:hover {
  background: #535353;
}
.issuance-operate-menu .item .scroll[data-v-6bc2dfd2] {
  background: #4d4d4d;
}
.issuance-operate-menu .item .scroll[data-v-6bc2dfd2]:hover {
  background: #616161;
}
.issuance-operate-menu .item .scroll .image[data-v-6bc2dfd2] {
  width: 18px;
  height: 11px;
}
.issuance-operate-menu .item .follow[data-v-6bc2dfd2] {
  position: relative;
  background: none;
}
.issuance-operate-menu .item .follow[data-v-6bc2dfd2]:hover {
  background: none;
}
.issuance-operate-menu .item .follow .image[data-v-6bc2dfd2] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.issuance-operate-menu .item .follow .badge[data-v-6bc2dfd2] {
  position: absolute;
  top: 31px;
  left: 31px;
  width: 27px;
  height: 28px;
}
.issuance-operate-menu .item .label[data-v-6bc2dfd2] {
  margin-top: 8px;
  color: #b7b7b7;
  font-size: 12px;
}
.issuance-operate-menu .item .popover-tip[data-v-6bc2dfd2] {
  padding-top: 24px;
  box-sizing: border-box;
  width: 0;
  height: 73px;
  position: absolute;
  top: -8px;
  left: -130px;
  opacity: 0;
  transition: left 0.4s, opacity 0.4s;
  cursor: pointer;
  overflow: hidden;
}
.issuance-operate-menu .item .popover-tip .tip-bg[data-v-6bc2dfd2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 151px;
  height: 73px;
}
.issuance-operate-menu .item .popover-tip .tip-text[data-v-6bc2dfd2] {
  margin-left: 46px;
  box-sizing: border-box;
  color: var(--222222-FFFFFF);
  font-size: 14px;
  white-space: nowrap;
  position: relative;
}
.issuance-operate-menu .score-content[data-v-6bc2dfd2] {
  width: 0;
  padding: 36px 0 29px;
  transition: all 0.4s;
  height: calc(100vh - 40px);
  background: #ffffff;
  position: fixed;
  z-index: 3000;
  right: 17px;
  top: 40px;
  box-sizing: border-box;
  border-left: none;
  white-space: nowrap;
  overflow: hidden;
}
.issuance-operate-menu .score-content .title-close[data-v-6bc2dfd2] {
  justify-content: space-between;
  color: var(--222222-FFFFFF);
  font-size: 20px;
  margin-bottom: 35px;
}
.issuance-operate-menu .score-content .title-close .score-close[data-v-6bc2dfd2] {
  width: 8px;
  height: 14px;
  cursor: pointer;
}
.issuance-operate-menu .score-content .score-user[data-v-6bc2dfd2] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.issuance-operate-menu .score-content .score-user .avater[data-v-6bc2dfd2] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
}
.issuance-operate-menu .score-content .score-user .avater img[data-v-6bc2dfd2] {
  width: 100%;
  border-radius: 50%;
}
.issuance-operate-menu .score-content .score-user .avater .is-vip[data-v-6bc2dfd2] {
  position: absolute;
  top: 25px;
  left: 27px;
  width: 18px;
  height: 18px;
  background-color: #caa25e;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  color: black;
  font-size: 14px;
  transform: scale(0.8);
}
.issuance-operate-menu .score-content .score-user .avater .is-vip .vip[data-v-6bc2dfd2] {
  width: 100%;
  height: 100%;
}
.issuance-operate-menu .score-content .score-user .nickname[data-v-6bc2dfd2] {
  flex: 1;
  margin-left: 12px;
  text-align: left;
}
.issuance-operate-menu .score-content .score-user .nickname .name[data-v-6bc2dfd2] {
  color: var(--222222-FFFFFF);
  margin-bottom: 12px;
}
.issuance-operate-menu .score-content .score-user .nickname .text[data-v-6bc2dfd2] {
  font-size: 14px;
  color: #86868d;
}
.issuance-operate-menu .score-content .score-value[data-v-6bc2dfd2] {
  text-align: left;
  padding: 52px 0 0;
  box-sizing: border-box;
  font-size: 12px;
}
.issuance-operate-menu .score-content .score-value .operation .title[data-v-6bc2dfd2] {
  font-size: 14px;
  color: var(--222222-FFFFFF);
  margin-bottom: 12px;
  letter-spacing: 2px;
}
.issuance-operate-menu .score-content .score-value .operation .star-box[data-v-6bc2dfd2] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
.issuance-operate-menu .score-content .score-value .operation .star-box .score[data-v-6bc2dfd2] {
  margin-left: 10px;
  font-size: 18px;
  color: #f5565b;
}
.issuance-operate-menu .score-content .score-value .operation .star-box[data-v-6bc2dfd2] .el-rate .el-icon-star-on {
  font-size: 20px;
  margin-right: 3px;
}
.issuance-operate-menu .score-content .score-value .operation .scrollbar[data-v-6bc2dfd2] {
  width: 50%;
  line-height: 20px;
}
.issuance-operate-menu .score-content .score-value .operation .count[data-v-6bc2dfd2] {
  margin-left: 20px;
  flex: 1;
}
.issuance-operate-menu .score-content .score-value .operation .count[data-v-6bc2dfd2] .el-input-number {
  width: 70%;
  margin-right: 5px;
}
.issuance-operate-menu .score-content .score-value .operation .count[data-v-6bc2dfd2] .el-input-number .el-input__inner {
  font-size: 12px;
  padding: 0 !important;
  height: 20px;
  background-color: #0d0d0f;
  border: 1px solid #3c3c3c;
  text-align: center;
  color: #5a6464;
}
.issuance-operate-menu .score-content .score-value .operation .count[data-v-6bc2dfd2] .el-input-number .el-input__inner:focus {
  border: 1px solid #3c3c3c !important;
}
.issuance-operate-menu .score-content .score-value .progress-score[data-v-6bc2dfd2] {
  text-align: center;
}
.issuance-operate-menu .score-content .score-tip[data-v-6bc2dfd2] {
  text-align: left;
  margin-top: 29px;
}
.issuance-operate-menu .score-content .score-tip .total[data-v-6bc2dfd2] {
  font-size: 14px;
  color: #202025;
}
.issuance-operate-menu .score-content .score-tip .total .icon[data-v-6bc2dfd2] {
  font-family: 'UnidreamLED';
  font-size: 30px;
  color: var(--222222-FFFFFF);
  margin-right: 7px;
}
.issuance-operate-menu .score-content .score-tip .annotation[data-v-6bc2dfd2] {
  font-size: 12px;
  color: #9f9f9f;
  padding: 12px 0 30px;
  box-sizing: border-box;
}
.issuance-operate-menu .score-content .score-tip .tip[data-v-6bc2dfd2] {
  font-size: 12px;
}
.issuance-operate-menu .score-content .score-tip .tip .handle-box[data-v-6bc2dfd2] {
  display: flex;
}
.issuance-operate-menu .score-content .score-tip .tip .handle-box > div[data-v-6bc2dfd2] {
  cursor: pointer;
  width: 75px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: var(--border-radius-16);
  font-size: 14px;
}
.issuance-operate-menu .score-content .score-tip .tip .handle-box > div[data-v-6bc2dfd2]:hover {
  opacity: 0.8;
}
.issuance-operate-menu .score-content .score-tip .tip .handle-box .submit[data-v-6bc2dfd2] {
  background: #f5565b;
  color: #ffffff;
}
.issuance-operate-menu .score-content .score-tip .tip .handle-box .cancel[data-v-6bc2dfd2] {
  background: #f5f5f5;
  margin: 0 10px;
  color: #6f6f6f;
}
.issuance-operate-menu .score-content .score-tip .tip .handle-box .look[data-v-6bc2dfd2] {
  border: 1px solid #e7e7e7;
  background: #ffffff;
  color: #6f6f6f;
  height: 30px;
}

/*
*个人中心白色版本
*
*/
.hot-issuance[data-v-36a66208] {
  margin-top: 24px;
  width: 100%;
  box-sizing: border-box;
  background: var(--FFFFFF-1C1C1F);
  border: 1px solid var(--EDEDED-262629);
  border-radius: 6px;
}
.hot-issuance .title[data-v-36a66208] {
  width: calc(100% - 48px);
  text-align: left;
  color: var(--222222-E6E6EA);
  font-size: 14px;
  margin-top: 28px;
  margin-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
}
.hot-issuance .issuance-list[data-v-36a66208] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 28px;
}
.hot-issuance .issuance-list .item[data-v-36a66208] {
  width: 132px;
  height: 132px;
  border-radius: 6px;
  cursor: pointer;
}
.hot-issuance .issuance-list .item .issuance-img[data-v-36a66208] {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

/*
*个人中心白色版本
*
*/
.hot-tag[data-v-0a355c0f] {
  margin-top: 24px;
  margin-bottom: 24px;
  width: 100%;
  background: var(--FFFFFF-1C1C1F);
  border: 1px solid var(--EDEDED-262629);
  border-radius: 5px;
  padding: 28px 24px;
  box-sizing: border-box;
}
.hot-tag .title[data-v-0a355c0f] {
  margin-bottom: 12px;
}
.hot-tag .title .label[data-v-0a355c0f] {
  color: var(--222222-E6E6EA);
  font-size: 14px;
}
.hot-tag .tag-list[data-v-0a355c0f] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.hot-tag .tag-list .item[data-v-0a355c0f] {
  background: var(--EEEEEE-353539);
  padding: 5px 12px;
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--222222-FFFFFF);
  font-size: 12px;
  cursor: pointer;
}
.hot-tag .tag-list .item[data-v-0a355c0f]:hover {
  background: var(--CBCBCB-58585C);
}

/*
*个人中心白色版本
*
*/
.recent-visitor[data-v-35f0e05c] {
  width: 100%;
  background: var(--FFFFFF-1C1C1F);
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 28px;
}
.recent-visitor .title[data-v-35f0e05c] {
  justify-content: space-between;
  margin-bottom: 23px;
}
.recent-visitor .title .label[data-v-35f0e05c] {
  color: #929292;
  font-size: 10px;
}
.recent-visitor .visitor-list[data-v-35f0e05c] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 14px;
  gap: 3px;
}
.recent-visitor .visitor-list .visitor-avatar[data-v-35f0e05c] {
  margin: 0 3px 4px 0 !important;
}
.recent-visitor .visitor-list .visitor-avatar[data-v-35f0e05c]:nth-child(8n) {
  margin-right: 0 !important;
}
.recent-visitor .visitor-list .more-visitor[data-v-35f0e05c] {
  width: 28px;
  height: 28px;
  background: #000000;
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 4px;
}
.recent-visitor .visitor-list .more-visitor .icon-more[data-v-35f0e05c] {
  width: 20px;
  height: 4px;
}

/*
*个人中心白色版本
*
*/
.image-click-right[data-v-80d72c92] {
  display: block;
  width: 100%;
  height: 100%;
}

/*
*个人中心白色版本
*
*/
.issuance-cover[data-v-239f3e3e] {
  width: 100%;
}
.issuance-cover .cover-image[data-v-239f3e3e] {
  width: 100%;
  border-radius: var(--border-radius-16);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: #fff;
}
.issuance-cover .cover-image:hover .mask[data-v-239f3e3e] {
  display: block;
}
.issuance-cover .cover-image .cover[data-v-239f3e3e],
.issuance-cover .cover-image .mask[data-v-239f3e3e],
.issuance-cover .cover-image .placeholder[data-v-239f3e3e],
.issuance-cover .cover-image .error[data-v-239f3e3e] {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-16);
  -o-object-fit: cover;
     object-fit: cover;
}
.issuance-cover .cover-image .cover img[data-v-239f3e3e],
.issuance-cover .cover-image .mask img[data-v-239f3e3e],
.issuance-cover .cover-image .placeholder img[data-v-239f3e3e],
.issuance-cover .cover-image .error img[data-v-239f3e3e] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.issuance-cover .cover-image .mask[data-v-239f3e3e] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.issuance-cover .title-num[data-v-239f3e3e] {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 15px;
}
.issuance-cover .title-num .title[data-v-239f3e3e] {
  font-size: 14px;
  color: var(--222222-FFFFFF);
  text-align: left;
  font-family: PingFangMedium;
}
.issuance-cover .title-num .num[data-v-239f3e3e] {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.issuance-cover .title-num .num .like-icon[data-v-239f3e3e] {
  width: 14px;
  height: 13px;
}
.issuance-cover .title-num .num span[data-v-239f3e3e] {
  color: var(--secondary-text-color-light-1);
  font-size: 12px;
  line-height: 11px;
  margin-left: 5px;
}
.issuance-cover .avatar-name[data-v-239f3e3e] {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.issuance-cover .avatar-name .avatar-image[data-v-239f3e3e] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.issuance-cover .avatar-name .hot-icon[data-v-239f3e3e] {
  width: 14px;
  height: 16px;
}
.issuance-cover .avatar-name .name[data-v-239f3e3e] {
  color: var(--secondary-text-color-light-2);
  font-size: 12px;
  margin-left: 10px;
  margin-top: 2px;
  font-family: PingFangMedium;
}

/*
*个人中心白色版本
*
*/
.recommend-item[data-v-3562e942] {
  margin-bottom: 36px;
}
.recommend-item .head[data-v-3562e942] {
  justify-content: space-between;
  margin-bottom: 23px;
}
.recommend-item .head .title[data-v-3562e942] {
  color: var(--222222-FFFFFF);
  font-size: 20px;
}
.recommend-item .head .refresh[data-v-3562e942] {
  background: #f2f3f6;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  padding: 5px 9px;
  box-sizing: border-box;
  font-size: 12px;
  color: #aaaaaa;
  cursor: pointer;
}
.recommend-item .head .refresh[data-v-3562e942]:hover {
  color: var(--222222-FFFFFF);
}
.recommend-item .head .refresh:hover .refresh-hover-icon[data-v-3562e942] {
  display: block;
}
.recommend-item .head .refresh .refresh-icon-box[data-v-3562e942] {
  position: relative;
  width: 15px;
  height: 13px;
  margin-right: 5px;
}
.recommend-item .head .refresh .refresh-icon[data-v-3562e942],
.recommend-item .head .refresh .refresh-hover-icon[data-v-3562e942] {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.recommend-item .head .refresh .refresh-hover-icon[data-v-3562e942] {
  display: none;
}
.recommend-item .list[data-v-3562e942] {
  display: flex;
}
.recommend-item .list .item[data-v-3562e942] {
  width: 236px;
  margin-right: 22px;
}
.recommend-item .list .item[data-v-3562e942]:last-child {
  margin-right: 0;
}
.recommend-item .browse-icon[data-v-3562e942] {
  width: 14px;
  height: 10px;
}

/*
*个人中心白色版本
*
*/
.enterprise-recommend[data-v-aaa121ea] {
  padding: 30px 0 11px;
  margin-bottom: 24px;
  box-sizing: border-box;
  width: 100%;
  background: #f2f3f6;
}
.enterprise-recommend .title-action[data-v-aaa121ea] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  color: var(--222222-FFFFFF);
}
.enterprise-recommend .title-action .title[data-v-aaa121ea] {
  font-size: 16px;
  font-family: PingFangBold;
}
.enterprise-recommend .title-action .action[data-v-aaa121ea] {
  display: flex;
}
.enterprise-recommend .title-action .action > div[data-v-aaa121ea] {
  padding: 0 12px;
  margin-left: 12px;
  box-sizing: border-box;
  height: 28px;
  background: #ffffff;
  border-radius: 14px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.enterprise-recommend .title-action .action > div .more-red-icon[data-v-aaa121ea] {
  display: none;
}
.enterprise-recommend .title-action .action > div[data-v-aaa121ea]:hover {
  color: var(--primary-highlight-color);
}
.enterprise-recommend .title-action .action > div:hover .more-icon[data-v-aaa121ea] {
  display: none;
}
.enterprise-recommend .title-action .action > div:hover .more-red-icon[data-v-aaa121ea] {
  display: block;
}
.enterprise-recommend .title-action .action img[data-v-aaa121ea] {
  width: 4px;
  height: 8px;
  margin-left: 7px;
}
.enterprise-recommend .enterprise-list[data-v-aaa121ea] {
  display: flex;
  flex-wrap: wrap;
}
.enterprise-recommend .enterprise-list .enterprise-item[data-v-aaa121ea] {
  padding: 0.9375vw 1.5625vw;
  box-sizing: border-box;
  width: 32.509%;
  height: 6.8229vw;
  max-width: 497.92px;
  max-height: 131px;
  min-width: 497.92px;
  min-height: 102.33px;
  background: #ffffff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 1.20627%;
  margin-bottom: 20px;
  cursor: pointer;
}
.enterprise-recommend .enterprise-list .enterprise-item[data-v-aaa121ea]:nth-child(2n) {
  margin-right: 0;
}
.enterprise-recommend .enterprise-list .enterprise-item[data-v-aaa121ea]:hover {
  box-shadow: 0px 4px 20px 0px rgba(210, 208, 208, 0.5);
}
.enterprise-recommend .enterprise-list .enterprise-item:hover .icon-recruit-more[data-v-aaa121ea] {
  display: none;
}
.enterprise-recommend .enterprise-list .enterprise-item:hover .icon-recruit-more-hover[data-v-aaa121ea] {
  display: block !important;
}
.enterprise-recommend .enterprise-list .enterprise-item .logo-info[data-v-aaa121ea] {
  display: flex;
  width: 95%;
}
.enterprise-recommend .enterprise-list .enterprise-item .logo-info .logo[data-v-aaa121ea] {
  width: 4.947916vw;
  height: 4.947916vw;
  max-width: 95px;
  max-height: 95px;
  min-width: 76px;
  min-height: 76px;
  background: #ffffff;
  border: 1px solid #f1f1f1;
  border-radius: 14px;
  margin-right: 14px;
}
.enterprise-recommend .enterprise-list .enterprise-item .logo-info .logo img[data-v-aaa121ea] {
  width: 4.947916vw;
  height: 4.947916vw;
  max-width: 95px;
  max-height: 95px;
  min-width: 76px;
  min-height: 76px;
  border-radius: 14px;
  -o-object-fit: contain;
     object-fit: contain;
}
.enterprise-recommend .enterprise-list .enterprise-item .logo-info .info[data-v-aaa121ea] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 60%;
}
.enterprise-recommend .enterprise-list .enterprise-item .logo-info .info .name[data-v-aaa121ea] {
  font-size: 16px;
  color: var(--222222-FFFFFF);
  text-align: left;
}
.enterprise-recommend .enterprise-list .enterprise-item .logo-info .info .desc[data-v-aaa121ea] {
  font-size: 14px;
  color: #6c6c6c;
  text-align: left;
  margin-top: 11px;
}
.enterprise-recommend .enterprise-list .enterprise-item .logo-info .info .hot-num[data-v-aaa121ea] {
  font-size: 12px;
  color: #6c6c6c;
  margin-bottom: 2px;
}
.enterprise-recommend .enterprise-list .enterprise-item .logo-info .info .hot-num .space[data-v-aaa121ea] {
  width: 1px;
  height: 10px;
  background: #e6e6e6;
  margin: 0 10px;
}
.enterprise-recommend .enterprise-list .enterprise-item .logo-info .info .hot-num .icon-hot[data-v-aaa121ea] {
  width: 13px;
  height: 14px;
  margin-right: 8px;
}
.enterprise-recommend .enterprise-list .enterprise-item .recruit-more[data-v-aaa121ea] {
  width: 1.09375vw;
  height: 0.885416vw;
  max-width: 21px;
  max-height: 17px;
  min-width: 16px;
  min-height: 13px;
}
.enterprise-recommend .enterprise-list .enterprise-item .recruit-more .icon-recruit-more-hover[data-v-aaa121ea] {
  display: none;
}
.enterprise-recommend .enterprise-list .enterprise-item .recruit-more img[data-v-aaa121ea] {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1217px) {
.enterprise-item[data-v-aaa121ea] {
    padding: 11.4px 19px;
}
}
@media screen and (min-width: 1920px) {
.enterprise-item[data-v-aaa121ea] {
    padding: 18px 30px !important;
}
}

/*
*个人中心白色版本
*
*/
.recommend-list[data-v-1952ed0d] {
  width: 1120px;
  margin: auto;
  padding: 42px 70px 21px 40px;
  box-sizing: border-box;
  background-color: #f2f3f6;
}

/*
*个人中心白色版本
*
*/
.placeholder-image[data-v-be104898] {
  width: 100%;
}
.opus-video[data-v-be104898] {
  margin-bottom: 40px;
}
.opus-video h3[data-v-be104898] {
  color: #f1f1f1;
  text-align: left;
  font-size: 24px;
  margin-bottom: 10px;
}
.opus-zip[data-v-be104898] {
  background: #000;
  margin-bottom: 40px;
  padding: 40px 0;
}
.opus-zip .zip-box[data-v-be104898] {
  text-align: center;
  margin-bottom: 10px;
}
.opus-zip .zip-box .zip-box-a[data-v-be104898] {
  cursor: pointer;
  margin: auto;
  display: block;
  width: 100px;
  height: 100px;
}
.opus-zip .zip-box .zip-box-a img[data-v-be104898] {
  cursor: pointer;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.opus-zip .download-zip[data-v-be104898] {
  font-size: 14px;
  text-align: center;
  color: #fff;
}
.header-position-none[data-v-be104898] {
  position: fixed;
  right: -5000px;
  z-index: 5000;
}
.issuance-detail-content[data-v-be104898] {
  background-color: rgba(0, 0, 0, 0.85);
  height: 100vh;
  text-align: left;
  overflow-y: scroll;
}
.issuance-detail-content .close[data-v-be104898] {
  min-width: 1482px;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 15px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.85);
}
.issuance-detail-content .close > div[data-v-be104898] {
  width: 19px;
  height: 19px;
  position: relative;
  cursor: pointer;
}
.issuance-detail-content .close > div:hover .detail-close-hover[data-v-be104898] {
  display: block;
}
.issuance-detail-content .close > div .detail-close-hover[data-v-be104898] {
  display: none;
}
.issuance-detail-content .close > div img[data-v-be104898] {
  position: absolute;
  top: 0;
  width: 19px;
  height: 19px;
}
.issuance-detail-content .issuance-content[data-v-be104898],
.issuance-detail-content .comment-hot[data-v-be104898] {
  width: 1120px;
  margin: 0 auto;
}
.issuance-detail-content .issuance-content-wrapper[data-v-be104898] {
  width: 1482px;
  margin: 0 auto;
}
.issuance-detail-content .issuance-content-wrapper .white-space-placeholder-box[data-v-be104898] {
  float: left;
  width: 50px;
  height: 500px;
  margin: 121px 0 0 48px;
  position: sticky;
  top: calc(50vh - 252px);
}
.issuance-detail-content .issuance-content-wrapper .prev-box[data-v-be104898] {
  float: left;
}
.issuance-detail-content .issuance-content-wrapper .next-box[data-v-be104898] {
  float: right;
}
.issuance-detail-content .issuance-content-wrapper .prev-box[data-v-be104898],
.issuance-detail-content .issuance-content-wrapper .next-box[data-v-be104898] {
  margin-top: 270px;
  position: sticky;
  top: calc(50vh - 60px);
  width: 58px;
  height: 120px;
}
.issuance-detail-content .issuance-content-wrapper .prev[data-v-be104898],
.issuance-detail-content .issuance-content-wrapper .next[data-v-be104898] {
  width: 100%;
  height: 100%;
  background: rgba(52, 52, 52, 0.7);
  cursor: pointer;
  border-radius: 4px;
}
.issuance-detail-content .issuance-content-wrapper .prev[data-v-be104898]:hover,
.issuance-detail-content .issuance-content-wrapper .next[data-v-be104898]:hover {
  background: rgba(105, 105, 105, 0.55);
}
.issuance-detail-content .issuance-content-wrapper .prev img[data-v-be104898],
.issuance-detail-content .issuance-content-wrapper .next img[data-v-be104898] {
  width: 13px;
  height: 22px;
}
.issuance-detail-content .issuance-content .issuance-image-box[data-v-be104898] {
  min-height: 310px;
}
.issuance-detail-content .issuance-content .issuance-img-icon-box[data-v-be104898] {
  position: relative;
  margin-bottom: 32px;
}
.issuance-detail-content .issuance-content .issuance-img-icon-box:hover .preview-icon-box[data-v-be104898] {
  display: flex;
}
.issuance-detail-content .issuance-content .issuance-img-icon-box .preview-icon-box[data-v-be104898] {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 34px;
  height: 31px;
  background: #1b1b1b;
  opacity: 0.6;
}
.issuance-detail-content .issuance-content .issuance-img-icon-box .preview-icon-box .preview-icon[data-v-be104898] {
  width: 17px;
  height: 17px;
}
.issuance-detail-content .issuance-content .issuance-img[data-v-be104898] {
  width: 100%;
  min-height: 300px;
}
.issuance-detail-content .issuance-content .issuance-img[data-v-be104898]:last-child {
  margin-bottom: 0;
}
.issuance-detail-content .issuance-content .issuance-text[data-v-be104898] {
  margin-bottom: 49px;
  font-size: 16px;
  font-weight: 400;
  color: #ebebeb;
  line-height: 28px;
  white-space: pre-wrap;
}
.issuance-detail-content .issuance-content .issuance-footer-info[data-v-be104898] {
  padding: 52px 0;
  box-sizing: border-box;
  background: #000000;
}
.issuance-detail-content .issuance-content .issuance-footer-info .like[data-v-be104898] {
  width: 75px;
  height: 75px;
  background: #f5565b;
  border-radius: 50%;
  transition: all 0.4s;
  margin: 0 auto 24px;
  cursor: pointer;
}
.issuance-detail-content .issuance-content .issuance-footer-info .like[data-v-be104898]:hover {
  background: #f54147;
}
.issuance-detail-content .issuance-content .issuance-footer-info .like img[data-v-be104898] {
  width: 28px;
  height: 27px;
}
.issuance-detail-content .issuance-content .issuance-footer-info .like-active[data-v-be104898] {
  background: #ededed;
}
.issuance-detail-content .issuance-content .issuance-footer-info .like-active[data-v-be104898]:hover {
  background: #c6c6c6;
}
.issuance-detail-content .issuance-content .recommend-num[data-v-be104898] {
  margin: 0 auto 20px;
}
.issuance-detail-content .issuance-content .recommend-num .small-line[data-v-be104898] {
  width: 14px;
  height: 1px;
  background: #6e6e6e;
}
.issuance-detail-content .issuance-content .recommend-num .text[data-v-be104898] {
  font-size: 12px;
  color: #6f6f6f;
  margin: 0 12px;
}
.issuance-detail-content .issuance-content .recommend-avatar[data-v-be104898] {
  margin-bottom: 31px;
}
.issuance-detail-content .issuance-content .recommend-avatar > img[data-v-be104898] {
  margin-right: 14px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}
.issuance-detail-content .issuance-content .recommend-avatar > img[data-v-be104898]:last-child {
  margin-right: 0;
}
.issuance-detail-content .issuance-content .collection-comment-like > div[data-v-be104898] {
  margin-right: 11px;
}
.issuance-detail-content .issuance-content .collection-comment-like > div[data-v-be104898]:last-child {
  margin-right: 0;
}
.issuance-detail-content .issuance-content .collection-comment-like > div img[data-v-be104898] {
  margin-right: 3px;
  width: 13px;
  height: 13px;
}
.issuance-detail-content .issuance-content .collection-comment-like > div .comment-icon[data-v-be104898] {
  margin-top: 1px;
}
.issuance-detail-content .issuance-content .collection-comment-like > div span[data-v-be104898] {
  font-size: 12px;
  color: #8f8f8f;
  margin-top: 1px;
}
.issuance-detail-content .comment-hot[data-v-be104898] {
  background: #fafafa;
  padding: 67px 40px 52px;
  box-sizing: border-box;
  display: flex;
}
.issuance-detail-content .comment-hot .hot[data-v-be104898] {
  width: 320px;
  margin-left: 20px;
}
.issuance-detail-content .comment-hot .hot .hot-box[data-v-be104898] {
  position: sticky;
  top: 40px;
}

/*
*个人中心白色版本
*
*/
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-family: PingFangMedium, 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif, '宋体';
  background: var(--FFFFFF-070707);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*
*个人中心白色版本
*
*/
/**
 * 大转盘模块 · Element Plus 主题覆盖（全局，非 scoped）
 *
 * ============================================================================
 * 为什么放在全局样式文件
 * ----------------------------------------------------------------------------
 * 1) 弹层必须全局
 *    el-dialog 走 teleport，内容挂载到 body 下；.el-dialog 元素由 Element Plus
 *    组件渲染，不带 Lottery 组件的 scoped data-v 属性。
 *    若写在组件 scoped 样式块里，选择器会变成 .lottery-dialog[data-v-xxx]，
 *    匹配不到实际的 .el-dialog，主题覆盖静默失效。
 *    → 三个弹层统一通过 custom-class="lottery-dialog" 挂载该类名。
 *
 * 2) 页面也统一放这里，避免两套作用域
 *    页面根节点 .lottery-page / .lottery-records / .lottery-rule 在各自组件内，
 *    但 Element Plus 变量需要覆盖组件内部深层节点，
 *    与其分散在 7 个组件的 scoped 块里，不如集中一处便于核验。
 *
 * 3) 不用 Less mixin 承载 CSS 自定义属性
 *    实测（yarn build + 产物校验）：把 --el-* 自定义属性写进 Less mixin 后，
 *    经 less-loader 编译时，全局样式入口的自定义属性块会被整段丢弃，
 *    而同一 mixin 在组件 scoped 块中却正常输出 —— 行为不一致且不可控。
 *    → 全部改为本文件中的显式选择器声明。
 *
 * ============================================================================
 * 作用域影响面评估结论（QDPT-前端 2026-10-30）
 * ----------------------------------------------------------------------------
 * 依赖实测：element-plus 锁定版本 1.0.2-beta.71（yarn.lock:4100），
 * 已解包核验其 theme-chalk/index.css 实际产物。
 *
 * · 全站 type="primary" 共 31 处，分布在 18 个 Lottery 目录外的文件
 *   （登录/注册弹层、招聘表单、活动报名、作品详情评论等）。
 *   若在 :root 全局覆盖 --el-color-primary，会把这些页面的按钮、筛选器、
 *   分页器一并改成红色，超出「只改抽奖页视觉」的授权范围。
 *   → 采用局部作用域：仅本页列出的抽奖页根节点与抽奖弹层生效。
 *
 * · el-radio-button 选中态、el-pager li.active、el-pagination hover
 *   均读 var(--el-color-primary) → 覆盖变量即生效。
 *
 * · .el-button--primary 在该版本是【元素级硬编码 #409eff】，不读主色变量，
 *   且 .el-button 元素级已声明 --el-button-background-color，
 *   元素级声明优先级高于祖先继承 → 仅在祖先设同名变量【无效】，
 *   必须用更高特异性的选择器重新声明按钮专用变量。
 *
 * · 禁用态变量名按实测为 --el-button-disabled-background-color。
 */
/**
 * 大转盘模块设计令牌（QDPT-7 视觉改造）
 *
 * 复用站内既有令牌，不自起色值：
 *   主色 #F5565B（theme.css:8 --primary-highlight-color，全站 490 处引用）
 *   主色浅底 #FFF4F4（theme.css:9 --primary-highlight-color-light-1）
 *   主要文字 #282828（theme.css:7 --222222-light-1）
 *   次要文字 #6F6F6F（theme.css:22 --secondary-text-color）
 *   弱化文字 #999999（theme.css:24 --secondary-text-color-light-2）
 *   成功色 #34AA44（globle.less:7 --green）
 *   圆角 16px（globle.less:26 --border-radius-16）
 *   阴影范例 0 4px 20px 0 var(--DCDCDC80-26262990)（HomeRecommendEnterpriseItem.vue:174）
 *
 * ============================================================================
 * Element Plus 主题覆盖 · 作用域影响面评估结论
 * ----------------------------------------------------------------------------
 * 依赖实测：element-plus 锁定版本 1.0.2-beta.71（yarn.lock:4100），
 * 已解包核验其 theme-chalk/index.css 实际产物。
 *
 * 1) 作用域必须局部，不能全局 :root
 *    全站 type="primary" 共 31 处，分布在 18 个 Lottery 目录外的文件中
 *    （登录/注册弹层、招聘表单、活动报名、作品详情评论等）；
 *    全局覆盖 --el-color-primary 会把这些页面的按钮/筛选器一并改成红色，
 *    超出「只改抽奖页视觉」的授权范围。
 *    → 采用局部作用域：仅在 Lottery 模块根节点声明 CSS 变量。
 *
 * 2) 弹层（el-dialog）需单独声明
 *    el-dialog 走 teleport，内容挂到 body 下，不在页面根节点的 DOM 子树内，
 *    继承不到页面作用域的变量。
 *    1.0.2-beta.71 实测提供 customClass prop（lib/el-dialog/index.js:206,319），
 *    该 class 会落到 .el-dialog 元素上（el-overlay > .el-dialog > header/body/footer），
 *    因此在 .el-dialog 这一层声明变量即可覆盖弹层内的 header / body / footer，
 *    比在 body 内节点上声明更完整（footer 的「确认抽奖」按钮也覆盖到）。
 *
 * 3) primary 按钮必须额外硬覆盖（关键差异，与 Element Plus 2.x 不同）
 *    该版本 .el-button--primary 的变量是【元素级硬编码】，不读 --el-color-primary：
 *      .el-button--primary{--el-button-background-color:#409eff; ...}
 *    且 .el-button 元素级声明了 --el-button-background-color: var(--el-color-white)，
 *    元素级声明优先级高于祖先继承，故在作用域上设同名变量【无效】。
 *    → 必须在作用域内用 .el-button--primary 选择器重新声明按钮专用变量。
 *
 * 4) 变量名按实测取值，不照搬 Element Plus 2.x 命名
 *    禁用态实测为 --el-button-disabled-background-color（2.x 文档常写 -bg-color）。
 *
 * 5) 确认读变量、覆盖即生效的组件
 *    el-radio-button 选中态  → var(--el-color-primary)            ✅
 *    el-pager li.active      → var(--el-color-primary)            ✅
 *    el-pagination hover     → var(--el-color-primary)            ✅
 *    el-input / el-checkbox / el-alert 边框与勾选  → 读主色变量   ✅
 */
/* ---------- 主色系 ---------- */
/* ---------- 中性色 ---------- */
/* ---------- 语义色 ---------- */
/* ---------- 次强调色（保留橙，仅用于售罄等次级语义） ---------- */
/* ---------- 圆角（设计稿 v2 收敛为 4 档：16 / 12 / 8 / 999 胶囊） ---------- */
/* ---------- 阴影（卡片 / 弹层两档；v2 弹层投影减重） ---------- */
/* ============================================================================
 * 设计稿 v1 扩充令牌（C 端高保真设计稿 6 画布 · 三端共享规格）
 *
 * 来源：qdpt7-lottery-wheel-design 设计稿 :root 色板。
 * 红系全部从站内主色 #F5565B 派生（深化两档），金色系仅服务转盘金属质感与
 * 活动氛围，不进入通用 UI 语义；文字/底色/圆角沿用上方站内令牌，不另起值。
 * ========================================================================== */
/* 深红两档（KV 横幅与转盘区渐变用，仅活动氛围场景） */
/* 橙色系（售罄标 / 警告条；@lottery-accent 即设计稿 --orange） */
/* 分隔线（奖品卡 / 表格用暖灰线；次级描边线为 v2 新增 --line-2） */
/* 金色系（转盘金属环 / 活动氛围；仅服务大转盘与氛围层。
   v2 金色系收敛为 4 阶，--gold-soft 已删除，勿再引用） */
/* 转盘扇区四色循环（红 / 金 / 浅红 / 浅灰），与三端共享同一份 */
/* 金属环渐变（转盘外圈；v2：145deg 亮金起笔、暗金收尾，非首尾循环） */
/* 金属环光影（v2：暖金投影替代 v1 红棕投影，D1-06） */
/* 金属钉环纹理（v2：亮 4° / 暗 18.5° 细密钉，D1-03） */
/* 主按钮（设计稿 v2 btn-pri：红渐变 + 柔影 + 内高光内底影） */
/* KV 横幅渐变底（v2：132deg，#FF6B70 起笔、red-dark 收尾） */
/* 弹层遮罩（设计稿 v2 scrim） */
/**
 * 注意：Element Plus 主题覆盖【不使用 Less mixin 承载 CSS 自定义属性】。
 *
 * 实测（yarn build + 产物校验）：把 --el-* 自定义属性写进 Less mixin 后，
 * 经 less-loader（含 sass-resources-loader 前置）编译时，全局样式入口
 * (src/assets/style/lottery-dialog-theme.less) 的自定义属性块会被整段丢弃，
 * 而同一 mixin 在组件 scoped 样式块中却正常输出 —— 行为不一致且不可控。
 *
 * 因此 Element Plus 主题覆盖统一放在全局样式文件
 * src/assets/style/lottery-element-theme.less 中用【显式选择器】声明，
 * 变量与令牌在本文件仅作为 Less 变量引用，不再经 mixin 传递。
 */
/* ------------------------------------------------------------------
 * 作用域根节点：抽奖三页 + 抽奖弹层
 * ------------------------------------------------------------------ */
.lottery-page,
.lottery-records,
.lottery-rule,
.lottery-dialog {
  /* 文字对齐基线重置：App.vue 的 #app 全局基线是 text-align:center，
     会把规则页正文 / 入口卡文案 / sec-head / 公示表格数据行等左对齐区域意外居中；
     此处统一回归左对齐，已显式 center 的区域（wheel-zone / prize-card /
     win-head / dialog-title / 表格 th 等）不受影响（QDPT-146 走查 P1-2）。 */
  text-align: left;
  /* Element Plus 主色变量（对读变量的组件生效） */
  --el-color-primary: #F5565B;
  --el-color-primary-light-3: #F7797D;
  --el-color-primary-light-5: #FB9EA1;
  --el-color-primary-light-7: #FDC3C5;
  --el-color-primary-light-8: #FEDEDF;
  --el-color-primary-light-9: #FFF4F4;
  --el-color-primary-dark-2: #E04146;
  /* 圆角基线（影响 input / radio / checkbox 等；v2 表单控件统一 12px 小圆角） */
  --el-border-radius-base: 12px;
  /* 禁用态（抽奖按钮置灰 / 表单禁用） */
  --el-button-disabled-background-color: #F5F6F8;
  --el-button-disabled-font-color: #C0C4CC;
  --el-button-disabled-border-color: #ECECEC;
}
/* ------------------------------------------------------------------
 * primary 按钮硬覆盖
 *
 * 该版本 .el-button--primary 的 --el-button-background-color 是元素级硬编码，
 * 必须在作用域内用更高特异性 (0,2,0) 重新声明，才能盖掉 Element 的 (0,1,0)。
 * ------------------------------------------------------------------ */
.lottery-page .el-button--primary,
.lottery-records .el-button--primary,
.lottery-rule .el-button--primary,
.lottery-dialog .el-button--primary {
  --el-button-background-color: #F5565B;
  --el-button-border-color: #F5565B;
  --el-button-hover-color: #E04146;
  --el-button-active-background-color: #E04146;
  --el-button-active-border-color: #E04146;
}
/* ------------------------------------------------------------------
 * 禁用态（抽奖按钮前置拦截时的置灰）
 *
 * 同理：.el-button 在元素级声明了 --el-button-disabled-background-color，
 * 祖先作用域的同名变量会被元素级声明压过（置灰仍是默认蓝）。
 * 故在作用域内用更高特异性重新声明。
 * ------------------------------------------------------------------ */
.lottery-page .el-button,
.lottery-records .el-button,
.lottery-rule .el-button,
.lottery-dialog .el-button {
  --el-button-disabled-background-color: #F5F6F8;
  --el-button-disabled-font-color: #C0C4CC;
  --el-button-disabled-border-color: #ECECEC;
}
/* ------------------------------------------------------------------
 * primary 按钮禁用态
 *
 * 实测 1.0.2-beta.71：.el-button--primary.is-disabled 用的是【硬编码 #a0cfff】（浅蓝），
 * 既不读 --el-button-disabled-background-color 也不读主色变量，
 * 故必须以同等特异性直接覆盖背景与边框色，否则置灰按钮仍是蓝色残留。
 * ------------------------------------------------------------------ */
.lottery-page .el-button--primary.is-disabled,
.lottery-records .el-button--primary.is-disabled,
.lottery-rule .el-button--primary.is-disabled,
.lottery-dialog .el-button--primary.is-disabled {
  color: #C0C4CC;
  background-color: #F5F6F8;
  border-color: #ECECEC;
}
/* ------------------------------------------------------------------
 * 弹层细节
 *
 * width 用 92vw（Element Plus 1.x 的 width 校验器只接受单一 CSS 单位结尾，
 * 不接受 min(520px, 92vw) 这类函数值），具体宽度上限在此用 max-width 约束。
 * ------------------------------------------------------------------ */
.lottery-dialog {
  max-width: 520px;
}
.lottery-dialog .el-dialog__title {
  font-size: 16px;
  font-weight: 600;
  color: #282828;
}
.lottery-dialog .el-dialog__body {
  padding-top: 12px;
}
/* ------------------------------------------------------------------
 * 设计稿 v2 弹层视觉（画布 2/3 · 结果弹层 modal 520px · 轻投影 · scrim 遮罩；
 * 上下留白对齐设计稿 modal padding 32px（D1-10）：header 12 + body 20 = 32，
 * 底部 footer 32；末字段到按钮间距对齐 m-actions margin-top 20（D1-13））
 * ------------------------------------------------------------------ */
.lottery-dialog {
  max-width: 520px;
  border-radius: 16px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  /* 表单输入控件（v2 ipt：line-2 描边 + 12px 圆角 + 42px 高，D1-13） */
  /* v2 btn-sec：白底 + line-2 描边 + 次色粗体（弹层「取消 / 暂不填写」） */
  /* 主按钮（设计稿 v2 btn-pri：红渐变 + 柔影 + 内高光） */
  /* loading 态保持红渐变底（该版本 loading 会压浅背景，这里压回来） */
  /* 禁用态（v2 btn-dis：灰底灰字，无阴影） */
}
.lottery-dialog .el-dialog__body {
  padding: 20px 36px 20px;
}
.lottery-dialog .el-dialog__footer {
  padding: 0 36px 32px;
  /* v2 m-actions：双按钮横排等宽（取消/暂不填写 + 主按钮） */
  display: flex;
  gap: 12px;
}
.lottery-dialog .el-dialog__footer .el-button {
  flex: 1 1 0;
  height: 46px;
  font-size: 15px;
  padding: 0 16px;
}
.lottery-dialog .el-input__inner {
  height: 42px;
  line-height: 42px;
  border-color: #E9E9EE;
  border-radius: 12px;
}
.lottery-dialog .el-textarea__inner {
  border-color: #E9E9EE;
  border-radius: 12px;
}
.lottery-dialog .el-button--default {
  background: #fff;
  border: 1px solid #E9E9EE;
  color: #6F6F6F;
  font-weight: 700;
}
.lottery-dialog .el-button--default:hover,
.lottery-dialog .el-button--default:focus {
  border-color: #d5d5dc;
  color: #282828;
  background: #fff;
}
.lottery-dialog .el-button--primary {
  background: linear-gradient(180deg, #FF7075 0%, #F5565B 46%, #E04146 100%);
  border: none;
  font-weight: 700;
  box-shadow: 0 5px 14px rgba(224, 65, 70, 0.38), inset 0 1.5px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.12);
}
.lottery-dialog .el-button--primary:hover,
.lottery-dialog .el-button--primary:focus {
  background: linear-gradient(180deg, #ff7a7e 0%, #E04146 50%, #C7363C 100%);
  color: #fff;
}
.lottery-dialog .el-button--primary.is-loading {
  background: linear-gradient(180deg, #FF7075 0%, #F5565B 46%, #E04146 100%);
  opacity: 0.85;
}
.lottery-dialog .el-button--primary.is-disabled {
  background: #e7e7eb !important;
  color: #9a9aa0;
  box-shadow: none;
}
/* ------------------------------------------------------------------
 * 弹层遮罩（v2 scrim：rgba(38,14,15,.52)，压暗后露出真实页面浅色剪影）
 * 仅作用于抽奖弹层所在 overlay；:has() 不支持的浏览器保持 Element 默认遮罩。
 * ------------------------------------------------------------------ */
.el-overlay:has(> .lottery-dialog) {
  background: rgba(38, 14, 15, 0.52);
  /* 弹层屏幕居中（PRD v4 增补决策 2026-11-09，AC-61~63，Task #6）：
     overlay 转 flex 容器；弹层 auto 外边距吸收全部自由空间 = 水平+垂直居中。
     弹层超视口时 auto 边距归零、overlay overflow:auto 滚动，不裁切（AC-62）。
     :has() 限定作用域=仅抽奖弹层，登录等其它 EP 弹层不受影响（AC-63）；
     不支持 :has() 的浏览器保持 Element 默认顶部定位（同 scrim 降级口径）。 */
  display: flex;
}
/* 组件内联 margin-top:15vh（props.top 默认值）样式表常规规则压不过，必须 !important；
   margin:auto 后水平居中由 flex 自由空间分配承担，替代 .el-dialog 的 margin:0 auto。
   lottery-dialog 类仅挂三个抽奖弹层（结果/联系表单/补充收货地址），即 AC-63 作用域收口 */
.lottery-dialog {
  margin: auto !important;
}
/* 联系方式弹层档位（v2 modal-s 470px；结果弹层维持 modal 520px，D1-11） */
.lottery-dialog-s {
  max-width: 470px;
}
/* 结果弹层（画布 2）：视觉无头，右上关闭钮按 v2 m-close 圆钮规格；
   header 12 + body 20 = 顶部留白 32px（D1-10） */
.lottery-result-dialog {
  border-radius: 16px;
}
.lottery-result-dialog .el-dialog__header {
  padding: 12px 0 0;
}
.lottery-result-dialog .el-dialog__title {
  display: none;
}
.lottery-result-dialog .el-dialog__headerbtn {
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  background: #f3f3f5;
  border-radius: 50%;
}
.lottery-result-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #6F6F6F;
  font-size: 16px;
}
.lottery-result-dialog .el-dialog__headerbtn:hover {
  background: #E9E9EE;
}
.lottery-result-dialog .el-dialog__headerbtn:hover .el-dialog__close {
  color: #282828;
}
/* 联系方式弹层（画布 3）：原生标题隐藏，改用 body 内居中标题组；
   header 12 + body 20 = 顶部留白 32px（D1-10） */
.lottery-contact-dialog {
  border-radius: 16px;
}
.lottery-contact-dialog .el-dialog__header {
  padding: 12px 0 0;
}
.lottery-contact-dialog .el-dialog__title {
  display: none;
}
.lottery-contact-dialog .el-dialog__headerbtn {
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  background: #f3f3f5;
  border-radius: 50%;
}
.lottery-contact-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #6F6F6F;
  font-size: 16px;
}
.lottery-contact-dialog .el-dialog__headerbtn:hover {
  background: #E9E9EE;
}
.lottery-contact-dialog .el-dialog__headerbtn:hover .el-dialog__close {
  color: #282828;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(../../static/fonts/fontawesome-webfont.674f50d2.eot);
  src: url(../../static/fonts/fontawesome-webfont.674f50d2.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../../static/fonts/fontawesome-webfont.af7ae505.woff2) format('woff2'), url(../../static/fonts/fontawesome-webfont.fee66e71.woff) format('woff'), url(../../static/fonts/fontawesome-webfont.b06871f2.ttf) format('truetype'), url(../../static/img/fontawesome-webfont.912ec66d.svg#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*
*个人中心白色版本
*
*/
/*
*个人中心白色版本
*
*/
html {
  --background1f: #1f1f1f;
  --green: #34AA44;
  --green-deep: #249633;
  --red: #fd254e;
  --blue: #2147c4;
  --background02: #1e1e1e;
  --background18: #181818;
  --background19: #191919;
  --background22: #222222;
  --background50: #505050;
  --background26: #262626;
  --background17: #171717;
  --background15: #151515;
  --color13: #13aff0;
  --color54: #545454;
  --inputBackground: #070707;
  --inputBorder: #3377E0;
  --inputColor: #fff;
  --inputPlaceholder: #7C7C83;
  --inputFont: 14px;
  --border-radius-16: 16px;
  scroll-padding-top: 100px;
}
body {
  margin: auto;
  background: var(--FFFFFF-070707);
}
body iframe {
  display: block;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-line-ellipsis {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.twolist-hidden {
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.three-line-hidden {
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.no-more {
  margin-top: 20px;
  color: #6a6a6a;
  display: flex;
  justify-content: center;
  height: 125px;
  align-items: center;
  font-size: 14px;
  letter-spacing: 1.5px;
}
.click-no-blue {
  -moz-user-select: none;
  /*火狐*/
  /*选中文字时避免出现蓝色背景*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  /*选中文字时避免出现蓝色背景*/
  /*IE10*/
  /*选中文字时避免出现蓝色背景*/
  user-select: none;
  /*选中文字时避免出现蓝色背景*/
}
.content-operate {
  padding: 40px 0;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #18181d;
}
.content-operate p {
  padding: 0;
  margin: 0;
}
.content-operate .operate-more {
  width: 281px;
  height: 45px;
  background: #18181D;
  border: 1px solid #262626;
  border-radius: 2px;
  margin: auto;
  cursor: pointer;
}
.content-operate .operate-more:hover {
  opacity: 0.85;
}
.content-operate .operate-more .chinese {
  font-size: 14px;
  padding-top: 10px;
  color: #fff;
  padding-bottom: 2px;
}
.content-operate .operate-more .english {
  font-size: 12px;
  color: #7C7C83;
}
.content-operate .none-more {
  width: 281px;
  height: 45px;
  line-height: 45px;
  background: #18181D;
  border: 1px solid #262626;
  border-radius: 2px;
  font-size: 14px;
  margin: auto;
  color: #7C7C83;
}
.enter-main {
  color: #686868;
  background-color: #2b2b2b;
  border-color: #686868;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.no-content {
  margin-top: 200px;
}
.form-head {
  text-align: left;
  padding: 20px 30px;
  box-sizing: border-box;
  height: 55px;
  font-size: 18px;
  color: #fff;
  background: #18181d;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-head .form-head-right {
  font-size: 14px;
  color: var(--old-hightlight-color);
}
.form-head .form-head-right i {
  margin-right: 5px;
}
.form-head .form-head-right:hover {
  cursor: pointer;
  opacity: 0.8;
}
.bm-border {
  border-bottom: 1px solid #2d2d31;
  padding-bottom: 20px;
}
.elDatePicker {
  background: var(--formBgcColor, #F4F4F4) !important;
  border: 1px solid var(--formBorderColor, #DDDDDD) !important;
  z-index: 10 !important;
}
.elDatePicker .el-picker-panel {
  color: var(--textColor, #282828);
  background: var(--formBgcColor, #F4F4F4);
}
.elDatePicker .el-picker-panel .el-picker-panel__icon-btn:hover {
  color: var(--textHoverColor, var(--old-hightlight-color));
}
.elDatePicker .el-picker-panel .el-date-picker__header-label:hover {
  color: var(--textHoverColor, var(--old-hightlight-color));
}
.elDatePicker .el-picker-panel .el-date-picker__header--bordered {
  border-bottom: solid 1px var(--formBorderColor, #DDDDDD);
}
.elDatePicker .el-month-table td .cell {
  color: var(--textFourthColor, #999999);
}
.elDatePicker .el-month-table td.today .cell {
  color: var(--textHoverColor, var(--old-hightlight-color));
  font-weight: 700;
}
.elDatePicker .el-month-table td.current:not(.disabled) .cell {
  color: var(--textHoverColor, var(--old-hightlight-color));
  font-weight: 700;
}
.elDatePicker .el-month-table td .cell:hover {
  color: var(--textHoverColor, var(--old-hightlight-color));
  font-weight: 700;
}
.elDatePicker .el-picker-panel__icon-btn,
.elDatePicker .el-date-picker__header-label {
  color: var(--textFourthColor, #999999);
}
.elDatePicker .el-popper__arrow::before {
  z-index: 5 !important;
  background: var(--formBgcColor, #F4F4F4) !important;
  border: 1px solid var(--formBorderColor, #DDDDDD) !important;
}
.elCascader {
  border-color: var(--formBorderColor, #DDDDDD) !important;
  background: var(--formBgcColor, #F4F4F4) !important;
  z-index: 10 !important;
}
.elCascader .el-cascader-panel {
  background: var(--formBgcColor, #F4F4F4);
}
.elCascader .el-cascader-panel .el-cascader-node.in-active-path {
  color: var(--textHoverColor, var(--old-hightlight-color));
  background: var(--formBorderColor, #DDDDDD);
}
.elCascader .el-cascader-panel .el-cascader-node.is-active {
  color: var(--textHoverColor, var(--old-hightlight-color));
  background: var(--formBorderColor, #DDDDDD);
}
.elCascader .el-cascader-panel .el-cascader-menu__list li:hover {
  background: var(--formBorderColor, #DDDDDD);
}
.elCascader .el-cascader-menu {
  border-right: 1px solid var(--formBorderColor, #DDDDDD);
  color: var(--textFourthColor, #999999);
}
.elCascader .el-popper__arrow::before {
  background: var(--formBgcColor, #F4F4F4) !important;
  border-color: var(--formBorderColor, #DDDDDD) !important;
}
.el-notification .el-icon-success {
  color: #67c23a !important;
}
.el-notification .el-icon-error {
  color: #f56c6c !important;
}
.el-notification .el-icon-info {
  color: #909399 !important;
}
.el-notification .el-icon-warning {
  color: #e6a23c !important;
}
.el-message {
  z-index: 99999999 !important;
}
.common-phrases-popover {
  padding: 12px 0 !important;
  margin-left: 165px !important;
}
.common-phrases-popover .el-popper__arrow {
  left: -165px !important;
}
.not-data {
  color: #999999;
  font-size: 14px;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-align {
  display: flex;
  align-items: center;
}
.box-shadow {
  box-shadow: 1200px 0 0 var(--F2F3F6-1C1C1F), -1200px 0 0 var(--F2F3F6-1C1C1F);
}
.issuance-detail-drawer {
  background-color: transparent !important;
}
.btn-hover {
  transition: all 0.4s;
}
.btn-hover:hover {
  opacity: 0.8;
}
.el-select__popper.el-popper {
  border: 1px solid var(--333339-2E2E32) !important;
  background: var(--FFFFFF-202024) !important;
}
.multiple-dropdown-len .el-select-dropdown__list .el-select-dropdown__item {
  color: var(--222222-E6E6EA) !important;
}
.stalls-select-dropdown {
  background: var(--FFFFFF-202024) !important;
}
.stalls-select-dropdown .el-select-dropdown__item {
  border-radius: 4px;
  margin: 0 7px;
  color: var(--222222-E6E6EA) !important;
  background: var(--FFFFFF-202024) !important;
  font-weight: 500;
}
.stalls-select-dropdown .el-select-dropdown__item:hover {
  background: var(--FFFFFF-333439) !important;
}
.stalls-select-dropdown .selected {
  font-size: 14px;
  color: #F5565B !important;
  background: var(--FFFFFF-333439) !important;
}
.stalls-select-dropdown .el-popper__arrow:before {
  width: 0 !important;
  border: none !important;
}
.multiple-dropdown {
  width: 285px;
}
.multiple-dropdown .el-select-dropdown__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 7px 7px;
}
.multiple-dropdown .el-select-dropdown__list .el-select-dropdown__item {
  flex: 1;
  padding: 0 8px !important;
  border-radius: 4px;
  min-width: 30%;
  max-width: 30%;
  margin: 7px 7px 0 0;
  font-size: 14px;
  color: #1E1E1E;
}
.multiple-dropdown .el-select-dropdown__list .el-select-dropdown__item:hover {
  background: var(--DFDFDF-262629);
}
.multiple-dropdown .selected {
  font-size: 14px !important;
  color: #F5565B !important;
  background: var(--DFDFDF-262629) !important;
}
.multiple-dropdown .el-popper__arrow:before {
  width: 0 !important;
  border: none !important;
}
.multiple-dropdown-len {
  width: 386px;
}
.multiple-dropdown-len .el-select-dropdown__list .el-select-dropdown__item {
  min-width: 23%;
  max-width: 23%;
  font-size: 14px;
  color: #1E1E1E;
}
.create-stalls-dropdown .el-select-dropdown__list {
  padding: 7px;
}
.create-stalls-dropdown .el-select-dropdown__list .el-select-dropdown__item {
  padding: 10px;
  font-size: 14px;
  color: var(--222222-EBEBEF);
  line-height: normal;
  height: auto;
  border-radius: 4px;
  display: flex;
}
.create-stalls-dropdown .el-select-dropdown__list .el-select-dropdown__item:hover {
  background: #F5F5F5 !important;
  color: #F5565B;
}
.create-stalls-dropdown .el-select-dropdown__list .hover {
  background: none !important;
}
.create-stalls-dropdown .el-select-dropdown__list .selected {
  background: #F5F5F5 !important;
  color: #F5565B !important;
  font-weight: 500;
}
.create-stalls-dropdown .el-select-dropdown__list .selected:after {
  content: '' !important;
}
.multiple-create-stalls-dropdown .el-select-dropdown__list .el-select-dropdown__item {
  display: flex;
}
.multiple-create-stalls-dropdown .el-select-dropdown__list .selected > div:after {
  content: '';
  display: flex;
  width: 12px;
  height: 9px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAAXNSR0IArs4c6QAAAhVJREFUOE+tlD1o1HAYxp83Z9XL9awI4uLu2MnR8+pH26HioJfIJWCFDoI6uDm7CA6CdWvR5XrX09CC3nBD0UUQlA6ig4KKKF2k1VKapM15zSOptSS5j570Mr7vk9/z5v8+/wi6/Li6cYPEbQoWFZFR6Sbfzhm3RHDnH1MEH7tm4Gr5m4TcCw8swGpXDBzNuAbgAYAIj8L7uzZwdHMM5EQcDkhFpXdxVwa2ZlwW4BEAJbpLzqmry+ekWvWE2ewe98jRUZKH/YQ/eWB6eqmTxbs5Q6egCCAR1pN4mVpPDUtlwg3q4mj5SUDGtkTflTozydnSt3YmrmZeIPg4DgfwxmNt8JBlrWwnydHMdYD7QsDPUseAOltcaGbi6MYIiBkAeyN9yrs6vIE+y/oVSZKjGW8B9MdgH3zWTqYtazFct3PmsAifxuFB3jf8Wiau/3tEunEcxByAvvhEv3v87MFSaTmo25eM0+LjGQA1Oox8kTqzrb54M0VrWj7jQ6oNLxOvPdSGktLT37QPLChUMkmr8LXVzrZjauvGoBCVxrPlvIgcI5COQX4kNnhi/0zpU7tARO6Bo+fPg/KkwaSRsETiVK9VfL9TpBsuWqt8h0ArUJQzqXJhfif45pKbiWzdvCLkwyZ9VxQ5q5anXnUCb2kQNNyceZ3C8ZDJmk9lJG0VXnQKb2sQNLd+ZHcB/KSCq73l4vP/gQfaPyWayvPtKoXdAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  margin-left: 9px;
}
.sort-dropdown-menu {
  padding: 7px 7px 5px;
  background: var(--FFFFFF-202024);
}
.sort-dropdown-menu .el-dropdown-menu__item {
  color: var(--222222-EBEBEF);
  margin-bottom: 2px;
}
.sort-dropdown-menu .el-dropdown-menu__item:hover {
  background: var(--F5F5F5-353539);
  border-radius: 4px;
  color: #F5565B;
}
.sort-dropdown-menu .folder-operate-item:hover {
  color: #404040;
}
.sort-dropdown-menu .sort-dropdown-menu-active {
  background: var(--F5F5F5-353539);
  border-radius: 4px;
  color: #F5565B;
}
.custom-notification-class p {
  text-align: left;
  word-break: break-all;
}
.custom-message-notification-class {
  font-family: PingFangMedium;
  width: 280px !important;
}
.custom-message-notification-class .el-notification__group {
  margin-left: 0 !important;
}
.custom-message-notification-class .el-notification__icon {
  display: none !important;
}
.custom-message-notification-class .el-notification__title {
  display: none !important;
}
.dialog-fade-enter-active .el-dialog.custom-way-el {
  animation: anim-open-x 0.5s cubic-bezier(0.2, 0, 0.64, 1), anim-open-y 0.5s;
  animation-fill-mode: forwards;
}
.dialog-fade-leave-active .el-dialog.custom-way-el {
  animation: anim-close-x 0.5s, anim-close-y 0.5s cubic-bezier(0.64, 0, 0.2, 1);
  animation-fill-mode: forwards;
}
@keyframes anim-open-x {
  0% {
    opacity: 0;
    scale: 0;
    left: 100vw;
  }
  100% {
    opacity: 1;
    scale: 1;
    left: calc(50vw - 600px);
  }
}
@keyframes anim-open-y {
  0% {
    top: 100vh;
  }
  100% {
    top: calc((100vh - (100vh - 15vh)) / 2);
  }
}
@keyframes anim-close-x {
  0% {
    opacity: 1;
    scale: 1;
    left: calc(50vw - 600px);
  }
  100% {
    opacity: 0;
    scale: 0;
    left: 100vw;
  }
}
@keyframes anim-close-y {
  0% {
    opacity: 1;
    scale: 1;
    top: calc((100vh - (100vh - 15vh)) / 2);
  }
  100% {
    opacity: 0;
    scale: 0;
    top: 100vh;
  }
}
.common-dialog-tip {
  border-radius: 16px;
  overflow: hidden;
  background: transparent;
}
.common-dialog-tip .title-close {
  justify-content: space-between;
  padding: 20px 30px;
  box-sizing: border-box;
  font-family: PingFangMedium;
}
.common-dialog-tip .title-close .title {
  color: #525252;
}
.common-dialog-tip .title-close .title .desc {
  color: #5E5E5E;
  font-size: 14px;
}
.common-dialog-tip .title-close .close {
  width: 11px;
  height: 11px;
  cursor: pointer;
}
.common-dialog-tip .dialog-body-content {
  box-sizing: border-box;
}
.common-dialog-tip .dialog-body-content .tip-content {
  font-size: 16px;
  color: var(--222222-EBEBEF);
  line-height: 1.5;
  font-family: PingFangMedium;
}
.common-dialog-tip .el-dialog__header {
  padding: 0 !important;
}
.common-dialog-tip .el-dialog__body {
  padding: 0 !important;
}
.common-dialog-tip .button-box .btn {
  width: 110px;
  height: 41px;
  border-radius: 5px;
  font-size: 16px;
  transition: all 0.4s;
  cursor: pointer;
}
.common-dialog-tip .button-box .confirm {
  background: #F5565B;
  color: #FFFFFF;
  position: relative;
}
.common-dialog-tip .button-box .confirm:hover {
  background: #F54147;
}
.common-dialog-tip .button-box .cancel {
  background: #F2F2F2;
  color: var(--222222-EBEBEF);
  margin-right: 16px;
}
.common-dialog-tip .button-box .cancel:hover {
  background: #ececec;
}
.recomment-attention-artist-dialog {
  border-radius: 6px;
  background: #F4F4F4;
}
.left-menu-popper-class {
  padding: 9px 10px 20px !important;
  box-shadow: 0 3px 10px 0 rgba(128, 128, 128, 0.3) !important;
  border-radius: var(--border-radius-16) !important;
}
.left-menu-popper-class .article-item {
  width: 100%;
  padding: 11px 16px;
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 28px;
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: 7px;
  font-size: 14px;
  color: #6F6F6F;
}
.left-menu-popper-class .article-item:hover {
  background: #EFEFEF;
  color: var(--222222-EBEBEF);
}
.left-menu-popper-class .view-more {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  color: #6F6F6F;
  transition: all 0.2s;
  width: 70px;
  margin: auto;
}
.left-menu-popper-class .view-more:hover {
  color: #F5565B;
}
.channel-info-popover {
  padding: 0 !important;
  background: #F2F2F2 !important;
  border: 1px solid #FFFFFF !important;
  box-shadow: 0px 4px 10px 0px rgba(211, 211, 211, 0.7) !important;
  border-radius: 12px !important;
}
.channel-info-popover .el-popper__arrow {
  display: none;
}
.hidden-scroll-bar {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-color: transparent transparent;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
  scrollbar-width: none;
}
.hidden-scroll-bar::-webkit-scrollbar {
  display: none;
}
.app-download-popover {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 14px !important;
}
.summary-popper {
  max-width: 300px !important;
  line-height: 1.4 !important;
}
.header-popover-container {
  z-index: 30000 !important;
  width: auto !important;
  background: transparent !important;
  padding: 0 !important;
}
.dialog-box-shadow-none {
  box-shadow: none !important;
}
.padding-none {
  padding: 0 !important;
}
.project-apply-user-avatar-popper {
  padding: 0 !important;
}
.project-apply-user-avatar-popper .el-popper__arrow {
  width: 20px;
  height: 20px;
  top: -10px !important;
}
.project-apply-user-avatar-popper .el-popper__arrow:before {
  width: 20px;
  height: 20px;
  content: " ";
}
.demand-apply-user-avatar-popper {
  padding: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0px 2px 7px 0px rgba(177, 177, 177, 0.88) !important;
}
.demand-preview-dialog,
.demand-create-dialog {
  min-width: 810px !important;
  max-width: 40% !important;
}
.website-share-page-dialog {
  min-width: 580px !important;
  max-width: 950px !important;
}
.personal-operate-popover {
  min-width: 30px !important;
  padding: 0 !important;
}
.index-demand-detail-popover {
  border-radius: 8px !important;
  box-shadow: 0px 2px 7px 0px rgba(177, 177, 177, 0.88) !important;
  margin-left: -4.2% !important;
}
.el-popper {
  font-family: PingFangMedium;
}

/*
*个人中心白色版本
*
*/
/*
*个人中心白色版本
*
*/

/* @font-face {
  font-family: "iconfont"; 
  src: url('iconfont.woff2?t=1639471855553') format('woff2'),
       url('iconfont.woff?t=1639471855553') format('woff'),
       url('iconfont.ttf?t=1639471855553') format('truetype');
} */

@font-face {
  font-family: 'iconfont';  /* Project id 2561304 */
  src: url('//at.alicdn.com/t/font_2561304_mcna1vbsfgl.woff2?t=1649933362852') format('woff2'),
       url('//at.alicdn.com/t/font_2561304_mcna1vbsfgl.woff?t=1649933362852') format('woff'),
       url('//at.alicdn.com/t/font_2561304_mcna1vbsfgl.ttf?t=1649933362852') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shoucang:before {
  content: "\e60a";
}

.icon-shangchuan:before {
  content: "\e628";
}

.icon-yanjing1:before {
  content: "\e8c7";
}

.icon-tongzhi:before {
  content: "\e816";
}

.icon-zip-file:before {
  content: "\e61a";
}

.icon-search:before {
  content: "\e67d";
}

.icon-delete-square:before {
  content: "\e624";
}

.icon-delete-line:before {
  content: "\e661";
}

.icon-delete-fill:before {
  content: "\e6a6";
}

.icon-delete:before {
  content: "\e609";
}

.icon-error-face:before {
  content: "\e87c";
}

.icon-img-error:before {
  content: "\e60d";
}

.icon-weibo:before {
  content: "\e643";
}

.icon-QQ:before {
  content: "\e61c";
}

.icon-weixin:before {
  content: "\e634";
}

.icon-hot:before {
  content: "\e608";
}

.icon-icon-wechat:before {
  content: "\e61d";
}

.icon-icon_weibo:before {
  content: "\e60b";
}

.icon-icon_qq:before {
  content: "\e607";
}

.icon-guanzhu:before {
  content: "\e606";
}

.icon-xingzhuang:before {
  content: "\e610";
}

.icon-xinaixin:before {
  content: "\e603";
}

.icon-icon_vip:before {
  content: "\e602";
}

.icon-icon-comment:before {
  content: "\e601";
}

.icon-icon-share:before {
  content: "\e66e";
}

.icon-fanhui:before {
  content: "\ee96";
}

.icon-dianzan1:before {
  content: "\e600";
}

.icon-yanjing:before {
  content: "\e605";
}

.icon-dianzan:before {
  content: "\e604";
}


@font-face {
    font-family: 'UnidreamLED';
    src: url(../../static/fonts/UnidreamLED.67a845af.eot); /***兼容ie9***/
    src: url(../../static/fonts/UnidreamLED.67a845af.eot?#iefix) format('embedded-opentype'),  url(../../static/fonts/UnidreamLED.cebe42de.woff) format('woff'),
    local('UnidreamLED'), url(../../static/fonts/UnidreamLED.cebe42de.woff);/***默认使用本地的***/
}

/* 畅游-西方幻想活动字体 */
@font-face {
    font-family: font-medium;
    src: url('https://web-1300736412.file.myqcloud.com/image/activity/495/assets/images/MEDIUM.OTF');
}

@font-face {
    font-family: font-regular;
    src: url('https://web-1300736412.file.myqcloud.com/image/activity/495/assets/images/REGULAR.OTF');
}

@font-face {
    font-family: font-semibold;
    src: url('https://web-1300736412.file.myqcloud.com/image/activity/495/assets/images/SEMIBOLD.OTF');
}


@font-face {
    font-family: PingFangBold;
    src: url(../../static/fonts/PingFangBold.dd25b35d.ttf);
}

@font-face {
    font-family: PingFangExtraLight;
    src: url(../../static/fonts/PingFangExtraLight.e5e1a971.ttf);
}

@font-face {
    font-family: PingFangHeavy;
    src: url(../../static/fonts/PingFangHeavy.1c97d8de.ttf);
}

@font-face {
    font-family: PingFangLight;
    src: url(../../static/fonts/PingFangLight.ca3ad0e3.ttf);
}

@font-face {
    font-family: PingFangMedium;
    src: url(../../static/fonts/PingFangMedium.15974853.ttf);
}

@font-face {
    font-family: PingFangRegular;
    src: url(../../static/fonts/PingFangRegular.75225b29.ttf);
}

@font-face {
    font-family: DINOTBLACK;
    src: url(../../static/fonts/DINOT-BLACK.2054634f.TTF);
}

/* 亮色风格 */
html {
    --color-white: #FFFFFF; /* 白色 */
    --color-black: #000000; /* 黑色 */
    --primary-bg-color: #f7f7f9; /* 主题背景颜色 */
    --222222-FFFFFF: #222222; /* 主要的文本颜色 */
    --222222-light-1: #282828; /* 主要的文本颜色 - 较浅 */
    --primary-highlight-color: #F5565B; /* 主要的高亮颜色 */
    --primary-highlight-color-light-1: #FFF4F4; /* 主要的高亮颜色 - 较浅 */

    --primary-border-color: #A5A5A5; /* 主要的边框颜色 */
    --primary-border-color-light-1: #DDDDDD;
    --primary-border-color-light-2: #E4E5E9;
    --primary-border-color-light-3: #ECECEC;
    --primary-border-color-light-4: #DBDBDB;
    --primary-border-color-light-5: #E7E7E7;
    --primary-border-color-light-6: #F4F4F4;

    --old-hightlight-color: #F5565B; /*旧页面高亮*/

    --secondary-bg-color: #F2F3F6; /* 次要的背景颜色 */
    --secondary-text-color: #6F6F6F; /* 次要的文本颜色 */
    --secondary-text-color-light-1: #888888; /* 次要的文本颜色 */
    --secondary-text-color-light-2: #999999; /* 次要的文本颜色 */

    --menu-hover-bg-color: #EFEFEF; /* 菜单栏悬停背景颜色 */
    --626567: #7F8489; /* 菜单栏文本颜色 */
    --menu-theme-text-color: #878C91; /* 菜单栏主题切换文本颜色 */

    --head-btn-color-1: #464646; /* 登录按钮字体颜色、注册按钮背景颜色 */

    --search-shadow-color: rgba(128, 128, 128, 0.5); /* 搜索推荐阴影 */
    --search-btn-bg-color: #F5F5F5; /* 搜索推荐按钮背景颜色 */

    /* 旧版页面改白色版本, 保留旧版颜色 */
    --article-title: #222222; /* 专访标题 */
    --article-title-border: #ededed; /* 专访标题边框 */
    --article-highlight: #999999; /* 专访标题右侧 */
    --article-bg: #F8F9FD; /* 专访背景 */
    --article-list-bg: #FFFFFF; /* 专访列表背景 */
    --article-text-color-1: #282828; /* 专访内容标题 */
    --article-text-color-2: #999999; /* 专访内容日期、数量 */
    --article-sort-color: #999999; /* 专访排序 */
    --article-sort-color-active: #222222; /* 专访排序选中 */
    --article-detail-bg: #F8F9FD; /* 专访详情背景 */
    --article-detail-list-bg: #FFFFFF; /* 专访详情列表背景 */
    --article-detail-list-title: #282828; /* 专访详情列表标题 */
    --article-detail-list-desc: #999999; /* 专访详情列表描述 */
    --article-detail-scrollbar: #F1F1F1; /* 专访详情滚动条底色 */
    --article-detail-scrollbar-thumb: #C1C1C1; /* 专访详情滚动条颜色 */
    --article-detail-list-border: #ededed; /* 专访详情列表边框 */
    --article-detail-list-border-active: #222222; /* 专访详情列表选中边框 */
    --article-comment-bg: #FFFFFF; /* 专访详情评论背景 */
    --article-comment-line: #E7E7E7; /* 专访详情评论列表线条 */
    --article-comment-input-color: #222222; /* 专访详情评论输入框文本 */
    --article-comment-input-bg: #FFFFFF; /* 专访详情评论输入框背景 */
    --article-comment-input-border: #CCCCCC; /* 专访详情评论输入边框 */
    --article-comment-btn: #F5565B; /* 专访详情评论发表按钮 */
    --article-comment-name: #222222; /* 专访详情评论昵称 */
    --article-comment-operate: #999999; /* 专访详情评论操作文本: 删除、回复 */
    --article-reply-bg: #FAFAFA; /* 专访详情评论回复背景 */
    --article-lower-right: #b8b8b8; /* 专访详情悬浮点赞按钮... */


    --activity-bg: #F8F9FD; /* 活动背景 */
    --activity-list-bg: #FFFFFF; /* 活动列表背景 */
    --activity-title: #282828; /* 活动标题 */
    --activity-title-border: #ededed; /* 活动标题下边框 */
    --activity-desc-color: #999999; /* 活动描述：日期、状态、数量 */
    --activity-tag: #cccccc; /* 活动标签背景 */
    --activity-tag-color: #FFFFFF; /* 活动标签文本 */
    --activity-tag-status: #F5565B; /* 活动状态标签背景 - 距离活动还有多久 */

    --match-bg: #F8F9FD; /* 比赛背景 */
    --match-list-bg: #FFFFFF; /* 比赛投稿作品列表背景 */
    --match-group-color: #999999; /* 比赛分组 */
    --match-group-color-active: #282828; /* 比赛分组选中 */
    --match-sort-bg: #FFFFFF; /* 比赛排序背景 */
    --match-sort-bg-border: #e1e1e1; /* 比赛排序背景边框 */
    --match-sort-color: #999999; /* 比赛排序文本 */
    --match-sort-color-active: #282828; /* 比赛排序文本选中 */
    --match-issuance-title: #282828; /* 比赛作品标题 */
    --match-issuance-title-border: transparent; /* 比赛作品标题边框 */
    --match-issuance-desc: #999999; /* 比赛作品描述 */
    --match-vote-bg-1: #f81e5b; /* 比赛投票按钮背景 - 投票 */
    --match-vote-bg-2: #252930; /* 比赛投票按钮背景 - 取消投票 */
    --match-vote-color: #FFFFFF; /* 比赛投票按钮文本 */
    --match-result-bg: #F8F9FD; /* 比赛结果背景 */
    --match-user-list-bg: #FFFFFF; /* 比赛参赛者名单背景 */
    --match-user-color: #999999; /* 比赛参赛者名单用户名、id */
    --match-user-avatar-color: #ededed; /* 比赛参赛者名单用户头像边框 */
    --match-user-load-btn: #FFFFFF; /* 比赛参赛者名单加载按钮 */
    --match-user-load-btn-border: #e1e1e1; /* 比赛参赛者名单加载按钮边框 */

    --activity-detail-head-bg: #FFFFFF; /* 活动详情头部背景 */
    --activity-detail-sort-bg: #FFFFFF; /* 活动详情排序背景 */
    --activity-detail-sort-bg-border: #e1e1e1; /* 活动详情排序背景边框 */
    --activity-detail-sort-active-bg: #dcdcdc; /* 活动详情排序选中背景 */
    --activity-detail-title: #282828; /* 活动详情标题 */
    --activity-detail-desc: #999999; /* 活动详情描述 */
    --activity-detail-btn-1: #FFFFFF; /* 活动详情按钮 - 不可点击 */
    --activity-detail-btn-border-1: #e1e1e1; /* 活动详情按钮边框 */
    --activity-detail-btn-2: var(--old-hightlight-color); /* 活动详情按钮 - 可点击 */

    --issuance-bg: #F8F9FD; /* 作品背景 */
    --issuance-tab-border: #ECECEC; /* 作品tab下边框 */
    --issuance-tab-color: #7C7C83; /* 作品tab文本 */
    --issuance-tab-color-active: #282828; /* 作品tab选中文本 */
    --issuance-tab-line-active: var(--old-hightlight-color); /* 作品tab选中横条 */
    --issuance-type-color: #787878; /* 作品类型文本: 类别、风格、标签 */
    --issuance-label-color: #282828; /* 作品标签文本 */
    --issuance-label-color-active: var(--old-hightlight-color); /* 作品标签选中 */
    --issuance-list-bg: #FFFFFF; /* 作品列表背景 */
    --issuance-title: #282828; /* 作品标题 */
    --issuance-desc: #999999; /* 作品描述: 类型、时间数量 */
    --issuance-list-border: #F8F9FD; /* 作品列表边框 */
    --issuance-list-border-hover: #F8F9FD; /* 作品列表边框hover */

    --author-list-bg: #FFFFFF; /* 作者列表背景 */
    --author-name: #282828; /* 作者昵称 */
    --author-label: #282828; /* 作者人气、粉丝 */
    --author-num: #282828; /* 作者人气、粉丝数量 */
    --author-desc: #999999; /* 作者描述 */

    --recruit-bg: #F8F9FD; /* 专聘背景 */

    --enterprice-detail-bg: #F8F9FD; /* 企业详情背景 */

    --publish-bg: #F8F9FD; /* 发布背景 */
    --publish-left-bg: #FFFFFF; /* 发布左侧背景 */
    --publish-text-color-1: #282828; /* 发布文本 */
    --publish-upload-bg: #F4F4F4; /* 发布上传背景 */
    --publish-upload-border: #DDDDDD; /* 发布上传边框 */
    --publish-upload-btn-color: #282828; /* 发布上传按钮文本 */
    --publish-upload-btn-bg: #FFFFFF; /* 发布上传按钮背景 */
    --publish-upload-btn-bg-hover: #dedede; /* 发布上传按钮背景hover */
    --publish-upload-btn-border: #BFBFBF; /* 发布上传按钮边框 */
    --publish-tip-color: #999999; /* 发布提示 */
    --publish-tip-line: var(--old-hightlight-color); /* 发布提示竖条 */
    --publish-issuance-bg: #FFFFFF; /* 发布作品背景 */
    --publish-line: #EEEEEE; /* 发布内容横条 */
    --publish-activity-color: #282828; /* 投稿类型 */
    --publish-search-tag-hover: #ddd; /* 查找标签hover */
    --publish-draft-btn-bg: #FFFFFF; /* 发布草稿按钮背景 */
    --publish-draft-btn-bg-hover: #f8f8f8; /* 发布草稿按钮背景hover */
    --publish-draft-btn-color: #F5565B; /* 发布草稿按钮文本 */
    --publish-draft-btn-border: #F5565B; /* 发布草稿按钮边框 */
    --publish-placeholder-color: #9F9F9F; /* 发布输入框展位文本 */
    --publish-tag-color: #3D3D3D; /* 发布已选标签 */
    --publish-check-bg: #F5565B; /* 发布协议勾选 */
    --publish-upload-cover-label: #fff; /* 发布上传封面底部文本 */

    --homepage-bg: #F8F9FD; /* 个人主页背景 */
    --homepage-tab-color: #999999; /* 个人主页tab */
    --homepage-tab-color-active: #282828; /* 个人主页tab选中 */
    --homepage-issuance-title: #282828; /* 个人主页作品标题 */
    --homepage-issuance-desc: #999999; /* 个人主页作品描述: 标签、浏览、点赞 */
    --homepage-activity-bg: #FFFFFF; /* 个人主页活动背景 */
    --homepage-activity-title: #282828; /* 个人主页活动标题 */
    --homepage-activity-date: #999999; /* 个人主页活动时间 */
    --homepage-activity-status-1: #282828; /* 个人主页活动状态 */
    --homepage-activity-status-2: #999999; /* 个人主页活动状态 */
    --homepage-activity-btn-color: #282828; /* 个人主页查看报名按钮文本 */
    --homepage-activity-btn-bg: #EEEEEE; /* 个人主页查看报名按钮背景 */
    --homepage-activity-btn-bg-hover: #d7d7d7; /* 个人主页查看报名按钮背景hover */
    --homepage-activity-btn-border: #BFBFBF; /* 个人主页查看报名按钮边框 */
    --homepage-material-bg: #FFFFFF; /* 个人主页资料背景 */
    --homepage-material-color1: #282828; /* 个人主页资料 */
    --homepage-material-color2: #999999; /* 个人主页资料 */
    --homepage-collect-bg: #FFFFFF; /* 个人主页收藏背景 */
    --homepage-collect-title: #282828; /* 个人主页收藏标题 */
    --homepage-collect-desc: #999999; /* 个人主页收藏数量 */
    --homepage-collect-btn-color: #FFFFFF; /* 个人主页收藏预览按钮文本 */
    --homepage-collect-btn-bg: #282828; /* 个人主页收藏预览按钮背景 */
    --homepage-collect-btn-border: #BFBFBF; /* 个人主页收藏预览按钮边框 */
    --homepage-collect-back-hover: #282828; /* 个人主页收藏返回列表hover */

    --login-bg: #FFFFFF; /* 登录弹窗背景 */

    --8F8F8F-868692: #8F8F8F; /* 职位名称文本颜色 */
}

/* 暗色风格 */
html[data-theme='dark'] {
    --color-white: #070707; /* 白色 */
    --color-black: #000000; /* 黑色 */
    --primary-bg-color: #F8F9FD; /* 主题背景颜色 */
    --222222-FFFFFF: #222222; /* 主要的文本颜色 */
    --222222-light-1: #282828; /* 主要的文本颜色 - 较浅 */
    --primary-highlight-color: #F5565B; /* 主要的高亮颜色 */
    --primary-highlight-color-light-1: #FFF4F4; /* 主要的高亮颜色 - 较浅 */

    --primary-border-color: #A5A5A5; /* 主要的边框颜色 */
    --primary-border-color-light-1: #DDDDDD;
    --primary-border-color-light-2: #E4E5E9;
    --primary-border-color-light-3: #ECECEC;
    --primary-border-color-light-4: #DBDBDB;
    --primary-border-color-light-5: #E7E7E7;
    --primary-border-color-light-6: #F4F4F4;

    --old-hightlight-color: #4D699A; /*旧页面高亮*/

    --secondary-bg-color: #F2F3F6; /* 次要的背景颜色 */
    --secondary-text-color: #6F6F6F; /* 次要的文本颜色 */
    --secondary-text-color-light-1: #888888; /* 次要的文本颜色 */
    --secondary-text-color-light-2: #999999; /* 次要的文本颜色 */

    --menu-hover-bg-color: #EFEFEF; /* 菜单栏悬停背景颜色 */
    --626567: #7F8489; /* 菜单栏文本颜色 */
    --menu-theme-text-color: #878C91; /* 菜单栏主题切换文本颜色 */

    --head-btn-color-1: #464646; /* 登录按钮字体颜色、注册按钮背景颜色 */

    --search-shadow-color: rgba(128, 128, 128, 0.5); /* 搜索推荐阴影 */
    --search-btn-bg-color: #F5F5F5; /* 搜索推荐按钮背景颜色 */

    /* 旧版页面改白色版本, 保留旧版颜色 */
    --article-title: #bbb; /* 专访标题 */
    --article-title-border: #2e2d2d; /* 专访标题边框 */
    --article-highlight: #555; /* 专访标题右侧 */
    --article-bg: #181818; /* 专访背景 */
    --article-list-bg: #202020; /* 专访列表背景 */
    --article-text-color-1: #c7c7c7; /* 专访内容标题 */
    --article-text-color-2: #c7c7c7; /* 专访内容日期、数量 */
    --article-sort-color: #444444; /* 专访排序 */
    --article-sort-color-active: #FFFFFF; /* 专访排序选中 */
    --article-detail-bg: #262626; /* 专访详情背景 */
    --article-detail-list-bg: #262626; /* 专访详情列表背景 */
    --article-detail-list-title: #C8CBCC; /* 专访详情列表标题 */
    --article-detail-list-desc: #C8CBCC; /* 专访详情列表描述 */
    --article-detail-scrollbar: #181818; /* 专访详情滚动条底色 */
    --article-detail-scrollbar-thumb: #505050; /* 专访详情滚动条颜色 */
    --article-detail-list-border: #2b2b2b; /* 专访详情列表边框 */
    --article-detail-list-border-active: #868686; /* 专访详情列表选中边框 */
    --article-comment-bg: #222222; /* 专访详情评论背景 */
    --article-comment-line: #2c2c2c; /* 专访详情评论列表线条 */
    --article-comment-input-color: #ffffff; /* 专访详情评论输入框文本*/
    --article-comment-input-bg: #000000; /* 专访详情评论输入框背景 */
    --article-comment-input-border: #3c3c3c; /* 专访详情评论输入边框 */
    --article-comment-btn: var(--old-hightlight-color); /* 专访详情评论发表按钮 */
    --article-comment-name: #a78841; /* 专访详情评论昵称 */
    --article-comment-operate: #a78841; /* 专访详情评论操作文本: 删除、回复 */
    --article-reply-bg: #333333; /* 专访详情评论回复背景 */
    --article-lower-right: rgba(19, 19, 23, 0.9); /* 专访详情悬浮点赞按钮... */
    --article-lower-right-color: rgba(19, 19, 23, 0.9); /* 专访详情悬浮点赞按钮... */


    --activity-bg: #171717; /* 活动背景 */
    --activity-list-bg: #202020; /* 活动列表背景 */
    --activity-title: #ffffff; /* 活动标题 */
    --activity-title-border: #2b2a2a; /* 活动标题下边框 */
    --activity-desc-color: gray; /* 活动描述：日期、状态、数量 */
    --activity-tag: #0a0a0a; /* 活动标签背景 */
    --activity-tag-color: #c7c7c7; /* 活动标签文本 */
    --activity-tag-status: #0a0a0a; /* 活动状态标签背景 - 距离活动还有多久 */

    --match-bg: #111111; /* 比赛背景 */
    --match-list-bg: #1a1b1e; /* 比赛投稿作品列表背景 */
    --match-group-color: #6a6a6a; /* 比赛分组 */
    --match-group-color-active: #f1f1f1; /* 比赛分组选中 */
    --match-sort-bg: #111111; /* 比赛排序背景 */
    --match-sort-bg-border: #3f3f3f; /* 比赛排序背景边框 */
    --match-sort-color: #6a6a6a; /* 比赛排序文本 */
    --match-sort-color-active: #f1f1f1; /* 比赛排序文本选中 */
    --match-issuance-title: #FFFFFF; /* 比赛作品标题 */
    --match-issuance-title-border: #1f2024; /* 比赛作品标题边框 */
    --match-issuance-desc: #a8a8a9; /* 比赛作品描述 */
    --match-vote-bg-1: #f81e5b; /* 比赛投票按钮背景 - 投票 */
    --match-vote-bg-2: #252930; /* 比赛投票按钮背景 - 取消投票 */
    --match-vote-color: #FFFFFF; /* 比赛投票按钮文本 */
    --match-result-bg: #111111; /* 比赛结果背景 */
    --match-user-list-bg: #151617; /* 比赛参赛者名单背景 */
    --match-user-color: #6a6a6a; /* 比赛参赛者名单用户名、id */
    --match-user-avatar-color: #1b1c1d; /* 比赛参赛者名单用户头像边框 */
    --match-user-load-btn: #111111; /* 比赛参赛者名单加载按钮 */
    --match-user-load-btn-border: #777777; /* 比赛参赛者名单加载按钮边框 */

    --activity-detail-head-bg: #000; /* 活动详情头部背景 */
    --activity-detail-sort-bg: #2a2a2b; /* 活动详情排序背景 */
    --activity-detail-sort-bg-border: #656565; /* 活动详情排序背景边框 */
    --activity-detail-sort-active-bg: black; /* 活动详情排序选中背景 */
    --activity-detail-title: #FFFFFF; /* 活动详情标题 */
    --activity-detail-desc: #888888; /* 活动详情描述 */
    --activity-detail-btn-1: #1a1a1a; /* 活动详情按钮 - 不可点击 */
    --activity-detail-btn-border-1: #777777; /* 活动详情按钮边框 */
    --activity-detail-btn-2: var(--old-hightlight-color); /* 活动详情按钮 - 可点击 */


    --issuance-bg: #262626; /* 作品背景 */
    --issuance-tab-border: #2b2b2b; /* 作品tab下边框 */
    --issuance-tab-color: #818181; /* 作品tab文本 */
    --issuance-tab-color-active: #FFFFFF; /* 作品tab选中文本 */
    --issuance-tab-line-active: #409eff; /* 作品tab选中横条 */
    --issuance-type-color: #646464; /* 作品类型文本: 类别、风格、标签 */
    --issuance-label-color: #b8b8b8; /* 作品标签文本 */
    --issuance-label-color-active: #FFFFFF; /* 作品标签选中 */
    --issuance-list-bg: #333333; /* 作品列表背景 */
    --issuance-title: #FFFFFF; /* 作品标题 */
    --issuance-desc: #5f5f5f; /* 作品描述: 类型、时间数量 */
    --issuance-list-border: #262626; /* 作品列表边框 */
    --issuance-list-border-hover: #f39c00; /* 作品列表边框hover */

    --author-list-bg: #222222; /* 作者列表背景 */
    --author-name: #FFFFFF; /* 作者昵称 */
    --author-label: #bbb; /* 作者人气、粉丝 */
    --author-num: #61bce8; /* 作者人气、粉丝数量 */
    --author-desc: #676767; /* 作者描述 */

    --recruit-bg: #f6f6f8; /* 专聘背景 */

    --enterprice-detail-bg: #f6f6f8; /* 企业详情背景 */

    --publish-bg: #171717; /* 发布背景 */
    --publish-left-bg: #222222; /* 发布左侧背景 */
    --publish-text-color-1: #bbb; /* 发布文本 */
    --publish-upload-bg: #171717; /* 发布上传背景 */
    --publish-upload-border: #333; /* 发布上传边框 */
    --publish-upload-btn-color: #f1f1f1; /* 发布上传按钮文本 */
    --publish-upload-btn-bg: #222222; /* 发布上传按钮背景 */
    --publish-upload-btn-bg-hover: black; /* 发布上传按钮背景hover */
    --publish-upload-btn-border: #5d5d5d; /* 发布上传按钮边框 */
    --publish-tip-color: #bbb; /* 发布提示 */
    --publish-tip-line: #0a75a2; /* 发布提示竖条 */
    --publish-issuance-bg: #333333; /* 发布作品背景 */
    --publish-line: #333333; /* 发布内容横条 */
    --publish-activity-color: #fff; /* 投稿类型 */
    --publish-search-tag-hover: #555; /* 查找标签hover */
    --publish-draft-btn-bg: #222222; /* 发布草稿按钮背景 */
    --publish-draft-btn-bg-hover: black; /* 发布草稿按钮背景hover */
    --publish-draft-btn-color: #fff; /* 发布草稿按钮文本 */
    --publish-draft-btn-border: #484848; /* 发布草稿按钮边框 */
    --publish-placeholder-color: #c0c4cc; /* 发布输入框展位文本 */
    --publish-tag-color: var(--old-hightlight-color); /* 发布已选标签 */
    --publish-check-bg: #409eff; /* 发布协议勾选 */
    --publish-upload-cover-label: #bbbbbb; /* 发布上传封面底部文本 */

    --homepage-bg: #000000; /* 个人主页背景 */
    --homepage-tab-color: #7c7c83; /* 个人主页tab */
    --homepage-tab-color-active: #fff; /* 个人主页tab选中 */
    --homepage-issuance-title: #fff; /* 个人主页作品标题 */
    --homepage-issuance-desc: #86868d; /* 个人主页作品描述: 标签、浏览、点赞 */
    --homepage-fans-bg: #111114; /* 个人主页粉丝背景 */
    --homepage-activity-bg: #111114; /* 个人主页活动背景 */
    --homepage-activity-title: #fff; /* 个人主页活动标题 */
    --homepage-activity-date: #7c7c83; /* 个人主页活动时间 */
    --homepage-activity-status-1: #fff; /* 个人主页活动状态 */
    --homepage-activity-status-2: #86868d; /* 个人主页活动状态 */
    --homepage-activity-btn-color: #fff; /* 个人主页查看报名按钮文本 */
    --homepage-activity-btn-bg: #23252b; /* 个人主页查看报名按钮背景 */
    --homepage-activity-btn-bg-hover: var(--old-hightlight-color); /* 个人主页查看报名按钮背景hover */
    --homepage-activity-btn-border: #4a4a51; /* 个人主页查看报名按钮边框 */
    --homepage-material-bg: #111114; /* 个人主页资料背景 */
    --homepage-material-color1: #fff; /* 个人主页资料 */
    --homepage-material-color2: #7c7c83; /* 个人主页资料 */
    --homepage-collect-bg: #222222; /* 个人主页收藏背景 */
    --homepage-collect-title: #FFFFFF; /* 个人主页收藏标题 */
    --homepage-collect-desc: #7c7c83; /* 个人主页收藏数量 */
    --homepage-collect-btn-color: #FFFFFF; /* 个人主页收藏预览按钮文本 */
    --homepage-collect-btn-bg: #23252b; /* 个人主页收藏预览按钮背景 */
    --homepage-collect-btn-border: #4a4a51; /* 个人主页收藏预览按钮边框 */
    --homepage-collect-back-hover: #fff; /* 个人主页收藏返回列表hover */
}


/* v2版本黑白样式 */
html {
    --EFEFEF: #EFEFEF;
    --222222-FFFFFF: #222222;
    --626567: #626567;
    --C8C8C8: #C8C8C8;
    --DDDDDD: #DDDDDD;
    --D1D1D1: #D1D1D1;
    --000000: #000000;
    --040404: #040404;
    --797979: #797979;
    --F5565B: #F5565B;
    --EFEFF1: #EFEFF1;
    --F7F7F8: #F7F7F8;
    --E9EAEA-070707: #E9EAEA;
    --E6E6E6: #E6E6E6;
    --878C91: #878C91;
    --C5C5C8: #C5C5C8;
    --EEEEEE: #EEEEEE;
    --999999: #999999;
    --F5F5F5: #F5F5F5;
    --E8E9EA: #E8E9EA;
    --ECECEC: #ECECEC;
    --FFFFFF-202024: #FFFFFF;
    --FFF6F6: #FFF6F6;
    --A5A5A5-262629: #A5A5A5;
    --FFFFFF-070707: #FFFFFF;
    --EDEDED-262629: #EDEDED;
    --E5E7E7-2A2A2E: #E5E7E7;
    --F2F2F2-1C1C1E: #F2F2F2;
    --3A3A3A-818186: #3A3A3A;
    --222222-321A29: #222222;
    --E5E5E5-1C1C1E: #E5E5E5;
    --FFFFFF-F5565B: #FFFFFF;
    --3A3A3A-FFFFFF: #3A3A3A;
    --EEEFF3-262629: #EEEFF3;
    --212122-A7A7B0: #212122;
    --E6E7EA-262629: #E6E7EA;
    --222222-E6E6EA: #222222;
    --EFEFF1-262629: #EFEFF1;
    --F2F3F6-1C1C1F: #F2F3F6;
    --282828-E6E6EA: #282828;
    --F7F7F8-262629: #F7F7F8;
    --DCDCDC80-26262990: #dcdcdc80;
    --6C6C6C-86868D: #6C6C6C;
    --FFFFFF-262629: #FFFFFF;
    --EEEEEE-262629: #EEEEEE;
    --999999-8B8D99: #999999;
    --F5565B-321A29: #F5565B;
    --DDDDDD-353539: #DDDDDD;
    --3A3A3A-C5C5C8: #3A3A3A;
    --DFDFDF-262629: #DFDFDF;
    --FFFFFF-333439: #FFFFFF;
    --E4E4EA-262629: #E4E4EA;
    --7B7B7B-8B8D99: #7B7B7B;
    --FFFFFF-1C1C1F: #ffffff;
    --222222-E6E6E6: #222222;
    --EFEFEF-262629: #EFEFEF;
    --D9D9D9-1C1C1F: #D9D9D9;
    --D9D9D9-707074: #D9D9D9;
    --EEEEEE-353539: #EEEEEE;
    --CBCBCB-58585C: #CBCBCB;
    --F2F3F6-262629: #F2F3F6;
    --222222-C9C9CD: #222222;
    --6F6F6F-C9C9CD: #6F6F6F;
    --E7E7E7-626269: #E7E7E7;
    --F5F5F5-353539: #F5F5F5;
    --F6F6F6-C9C9CD: #F6F6F6;
    --464646-C9C9CD: #464646;
    --EDEDED-202024: #EDEDED;
    --F3F3F3-262629: #F3F3F3;
    --B2B2B2-77777E: #B2B2B2;
    --EDEDED-353539: #EDEDED;
    --222222-8B8D99: #222222;
    --FFFFFF-212025: rgba(255, 255, 255, 0.92); /* HomeBottomOverlay 背景色 - 亮色主题 */
    --F2F2F2-2F3037: #F2F2F2;
    --000000-321A29: #000000;
    --E5E5E5-2C2C30: #E5E5E5;
    --919191-797979: #919191;
    --818181-8C8C91: #818181;
    --F8F9FD-070707: #F8F9FD;
    --F8F9FD-18181C: #F8F9FD;
    --E2E2E2-262629: #E2E2E2;
    --E6E6E6-262629: #E6E6E6;
    --222222-EBEBEF: #222222;
    --5B5B5B-90929C: #5B5B5B;
    --F5565B-FFFFFF: #F5565B;
    --D8D8D8-555558: #D8D8D8;
    --787878-C5C5C8: #787878;
    --9D9D9D-262629: #9D9D9D;
    --9D9D9D-8B8D99: #9D9D9D;
    --FFFFFF-8E8E96: #FFFFFF;
    --D8D8D8-262629: #D8D8D8;
    --FFFFFF-18181C: #FFFFFF;
    --D3D3D3-3C3C40: #D3D3D3;
    --4C4C4C-E6E6EA: #4C4C4C;
    --EFDDDE-321A29: #EFDDDE;
    --F9E9EA-321A29: #F9E9EA;
    --F5565B-F5565B: #F5565B;
    --EFF8EF-1A3226: #EFF8EF;
    --DEF1DE-1A3226: #DEF1DE;
    --69BD69-69BD69: #69BD69;
    --4D4D4D-E6E6EA: #4D4D4D;
    --ECECED-262629: #ECECED;
    --787878-86868D: #787878;
    --222222-222222: #222222;
    --6F6F6F-FFFFFF: #6F6F6F;
    --EDEEF3-404044: #EDEEF3;
    --000000-A4A2A2: #000000;
    --FFFFFF-000000: #FFFFFF;
    --E4E7ED-2F2F2F: #E4E7ED;
    --444444-C9C9CD: #444444;
    --ECECEC-262629: #ECECEC;
    --F8F9FD-321A29: #F8F9FD;
    --FDDDDE-753839: #FDDDDE;
    --F2F3F7-262629: #F2F3F7;
    --353535-E6E6EA: #353535;
    --EDEDED-1C1C1F: #EDEDED;
    --FFFFFF-565E60: #FFFFFF;
    --F1F2F6-1C1C1F: #F1F2F6;
    --000000-FFFFFF: #000000;
    --000000-E6E6EA: #000000;
    --EFEFEF-404044: #EFEFEF;
    --EFEFEF-462237: #EFEFEF;
    --DCDCDC-404044: #DCDCDC; /* 进入主页按钮背景色 - 亮色主题 */
    --C4C4C4-505054: #C4C4C4; /* 进入主页按钮背景色 hover - 亮色主题 */
    --D9D9D9-434347: #D9D9D9; /* 评论框描边颜色 - 亮色主题 */
    --A9A9A9-79797C: #A9A9A9; /* 评论框占位符文字颜色 - 亮色主题 */
    --BABABA-666669: #BABABA; /* 最近访客访问时间文字颜色 - 亮色主题 */
    --FFFFFF-070707-70: rgba(255, 255, 255, 0.7); /* 搜索栏背景色透明 - 亮色主题 */
    --999999-666666: #666666; /* 搜索栏占位符文字颜色 - 亮色主题 */
    --FFEDEE-321A28: #FFEDEE; /* 上架橱窗按钮背景色 - 亮色主题 */
    --E6E6E6-303038: #E6E6E6; /* 信誉评价按钮背景色 - 亮色主题 */
    --676767-ACABAF: #676767; /* 信誉评价按钮文字颜色 - 亮色主题 */
    --FFFFFF-070707-FANS: #FFFFFF; /* 粉丝列表项背景色 - 亮色主题 */
    --E4E4E4-26252A: #E4E4E4; /* 粉丝列表项边框颜色 - 亮色主题 */
    --111114-FF5967: #111114; /* 关注列表头像背景色 - 亮色主题 */
    --111114-FFFFFF: #111114; /* 关注列表头像边框颜色 - 亮色主题 */
    --222222-E6E6E8: #222222; /* 关注列表用户名文字颜色 - 亮色主题 */
    --8F8F8F-868692: #8F8F8F; /* 职位名称文本颜色 - 亮色主题 */
}

html[data-theme='dark'] {
    --EFEFEF: #262629;
    --222222-FFFFFF: #FFFFFF;
    --626567: #626567;
    --C8C8C8: #545459;
    --DDDDDD: #262629;
    --D1D1D1: #D1D1D1;
    --000000: #000000;
    --040404: #040404;
    --797979: #797979;
    --F5565B: #F5565B;
    --EFEFF1: #EFEFF1;
    --F7F7F8: #F7F7F8;
    --E9EAEA-070707: #070707;
    --E6E6E6: #E6E6E6;
    --878C91: #878C91;
    --C5C5C8: #C5C5C8;
    --EEEEEE: #242529;
    --999999: #999999;
    --F5F5F5: #333439;
    --E8E9EA: #303034;
    --ECECEC: #404044;
    --FFFFFF-202024: #202024;
    --FFF6F6: #2c2c30;
    --A5A5A5-262629: #262629;
    --FFFFFF-070707: #070707;
    --EDEDED-262629: #262629;
    --E5E7E7-2A2A2E: #2A2A2E;
    --F2F2F2-1C1C1E: #1C1C1E;
    --3A3A3A-818186: #818186;
    --222222-321A29: #321A29;
    --E5E5E5-1C1C1E: #1C1C1E;
    --FFFFFF-F5565B: #F5565B;
    --3A3A3A-FFFFFF: #FFFFFF;
    --EEEFF3-262629: #262629;
    --212122-A7A7B0: #A7A7B0;
    --E6E7EA-262629: #262629;
    --222222-E6E6EA: #E6E6EA;
    --EFEFF1-262629: #262629;
    --F2F3F6-1C1C1F: #1C1C1F;
    --282828-E6E6EA: #E6E6EA;
    --F7F7F8-262629: #262629;
    --DCDCDC80-26262990: #26262990;
    --6C6C6C-86868D: #86868D;
    --FFFFFF-262629: #262629;
    --EEEEEE-262629: #262629;
    --999999-8B8D99: #8B8D99;
    --F5565B-321A29: #321A29;
    --DDDDDD-353539: #353539;
    --3A3A3A-C5C5C8: #C5C5C8;
    --DFDFDF-262629: #262629;
    --FFFFFF-333439: #333439;
    --E4E4EA-262629: #262629;
    --7B7B7B-8B8D99: #8B8D99;
    --FFFFFF-1C1C1F: #1c1c1f;
    --222222-E6E6E6: #E6E6E6;
    --EFEFEF-262629: #262629;
    --D9D9D9-1C1C1F: #1C1C1F;
    --D9D9D9-707074: #707074;
    --EEEEEE-353539: #353539;
    --CBCBCB-58585C: #58585C;
    --F2F3F6-262629: #262629;
    --222222-C9C9CD: #C9C9CD;
    --6F6F6F-C9C9CD: #C9C9CD;
    --E7E7E7-626269: #626269;
    --F5F5F5-353539: #353539;
    --F6F6F6-C9C9CD: #C9C9CD;
    --464646-C9C9CD: #C9C9CD;
    --EDEDED-202024: #202024;
    --F3F3F3-262629: #262629;
    --B2B2B2-77777E: #77777E;
    --EDEDED-353539: #353539;
    --222222-8B8D99: #8B8D99;
    --FFFFFF-212025: rgba(33, 32, 37, 0.94); /* HomeBottomOverlay 背景色 - 暗色主题 */
    --DCDCDC-404044: #404044; /* 进入主页按钮背景色 - 暗色主题 */
    --C4C4C4-505054: #505054; /* 进入主页按钮背景色 hover - 暗色主题 */
    --D9D9D9-434347: #434347; /* 评论框描边颜色 - 暗色主题 */
    --A9A9A9-79797C: #79797c; /* 评论框占位符文字颜色 - 暗色主题 */
    --BABABA-666669: #666669; /* 最近访客访问时间文字颜色 - 暗色主题 */
    --FFFFFF-070707-70: rgba(7, 7, 7, 0.7); /* 搜索栏背景色透明 - 暗色主题 */
    --999999-666666: #999999; /* 搜索栏占位符文字颜色 - 暗色主题 */
    --FFEDEE-321A28: #321A28; /* 上架橱窗按钮背景色 - 暗色主题 */
    --E6E6E6-303038: #303038; /* 信誉评价按钮背景色 - 暗色主题 */
    --676767-ACABAF: #ACABAF; /* 信誉评价按钮文字颜色 - 暗色主题 */
    --FFFFFF-070707-FANS: #070707; /* 粉丝列表项背景色 - 暗色主题 */
    --E4E4E4-26252A: #26252A; /* 粉丝列表项边框颜色 - 暗色主题 */
    --111114-FF5967: #FF5967; /* 关注列表头像背景色 - 暗色主题 */
    --111114-FFFFFF: #FFFFFF; /* 关注列表头像边框颜色 - 暗色主题 */
    --222222-E6E6E8: #E6E6E8; /* 关注列表用户名文字颜色 - 暗色主题 */
    --F2F2F2-2F3037: #2F3037;
    --000000-321A29: #321A29;
    --E5E5E5-2C2C30: #2C2C30;
    --919191-79797C: #79797C;
    --818181-8C8C91: #8C8C91;
    --F8F9FD-070707: #070707;
    --F8F9FD-18181C: #18181C;
    --E2E2E2-262629: #262629;
    --E6E6E6-262629: #262629;
    --222222-EBEBEF: #EBEBEF;
    --5B5B5B-90929C: #90929C;
    --F5565B-FFFFFF: #FFFFFF;
    --D8D8D8-555558: #555558;
    --787878-C5C5C8: #C5C5C8;
    --9D9D9D-262629: #262629;
    --9D9D9D-8B8D99: #8B8D99;
    --FFFFFF-8E8E96: #8E8E96;
    --D8D8D8-262629: #262629;
    --FFFFFF-18181C: #18181C;
    --D3D3D3-3C3C40: #3C3C40;
    --4C4C4C-E6E6EA: #E6E6EA;
    --EFDDDE-321A29: #321A29;
    --F9E9EA-321A29: #321A29;
    --F5565B-F5565B: #F5565B;
    --EFF8EF-1A3226: #1A3226;
    --DEF1DE-1A3226: #1A3226;
    --69BD69-69BD69: #69BD69;
    --4D4D4D-E6E6EA: #E6E6EA;
    --ECECED-262629: #262629;
    --787878-86868D: #86868D;
    --222222-222222: #222222;
    --6F6F6F-FFFFFF: #FFFFFF;
    --EDEEF3-404044: #404044;
    --000000-A4A2A2: #A4A2A2;
    --FFFFFF-000000: #000000;
    --E4E7ED-2F2F2F: #2F2F2F;
    --444444-C9C9CD: #C9C9CD;
    --ECECEC-262629: #262629;
    --F8F9FD-321A29: #321A29;
    --FDDDDE-753839: #753839;
    --F2F3F7-262629: #262629;
    --353535-E6E6EA: #E6E6EA;
    --EDEDED-1C1C1F: #1C1C1F;
    --FFFFFF-565E60: #565E60;
    --F1F2F6-1C1C1F: #1C1C1F;
    --000000-FFFFFF: #FFFFFF;
    --000000-E6E6EA: #E6E6EA;
    --EFEFEF-404044: #404044;
    --EFEFEF-462237: #462237;
    --8F8F8F-868692: #868692; /* 职位名称文本颜色 - 暗色主题 */
}


/* windicss layer base */

/* windicss layer components */

/* windicss layer utilities */
.container {
  width: 100% !important;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px !important;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px !important;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px !important;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px !important;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px !important;
  }
}
.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
}
.bg-\[\#f8f8f8\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity)) !important;
}
.bg-\[\#F8F8F8\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity)) !important;
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
}
.bg-\[transparent\] {
  background-color: transparent !important;
}
.bg-\[\#7BD581\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(123, 213, 129, var(--tw-bg-opacity)) !important;
}
.bg-\[\#f4f4f4\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity)) !important;
}
.bg-red-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity)) !important;
}
.bg-hex-070707 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(7, 7, 7, var(--tw-bg-opacity)) !important;
}
.border-\[\#DDDDDD\] {
  --tw-border-opacity: 1 !important;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity)) !important;
}
.rounded-\[4px\] {
  border-radius: 4px !important;
}
.rounded-2px {
  border-radius: 2px !important;
}
.border-solid {
  border-style: solid !important;
}
.border {
  border-width: 1px !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.flex {
  display: flex !important;
}
.table {
  display: table !important;
}
.list-item {
  display: list-item !important;
}
.hidden {
  display: none !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.items-center {
  align-items: center !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.h-\[140px\] {
  height: 140px !important;
}
.h-\[16px\] {
  height: 16px !important;
}
.\.w-104px {
  height: 104px !important;
}
.h-13223px {
  height: 13223px !important;
}
.h-\[21px\] {
  height: 21px !important;
}
.text-\[14px\] {
  font-size: 14px !important;
  line-height: 1 !important;
}
.text-\[12px\] {
  font-size: 12px !important;
  line-height: 1 !important;
}
.text-\[1rem\] {
  font-size: 1rem !important;
  line-height: 1 !important;
}
.text-16px {
  font-size: 16px !important;
  line-height: 1 !important;
}
.text-12px {
  font-size: 12px !important;
  line-height: 1 !important;
}
.text-14px {
  font-size: 14px !important;
  line-height: 1 !important;
}
.leading-\[30px\] {
  line-height: 30px !important;
}
.leading-normal {
  line-height: 1.5 !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mb-20px {
  margin-bottom: 20px !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.mr-\[10px\] {
  margin-right: 10px !important;
}
.ml-\[10px\] {
  margin-left: 10px !important;
}
.mr-\[0px\] {
  margin-right: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mr-1\.5 {
  margin-right: 0.375rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-8 {
  margin-left: 2rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.mb-\[30px\] {
  margin-bottom: 30px !important;
}
.mb-10px {
  margin-bottom: 10px !important;
}
.mr-8 {
  margin-right: 2rem !important;
}
.max-w-140px {
  max-width: 140px !important;
}
.px-\[30px\] {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pt-\[14px\] {
  padding-top: 14px !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-60px {
  padding-bottom: 60px !important;
}
.pt-40px {
  padding-top: 40px !important;
}
.pt-\[55\%\] {
  padding-top: 55% !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.pb-\[10px\] {
  padding-bottom: 10px !important;
}
.pt-20px {
  padding-top: 20px !important;
}
.tab {
  -moz-tab-size: 4 !important;
  -o-tab-size: 4 !important;
  tab-size: 4 !important;
}
.tab\.style\.display {
  -moz-tab-size: 4 !important;
  -o-tab-size: 4 !important;
  tab-size: 4 !important;
}
.\.tab {
  -moz-tab-size: 4 !important;
  -o-tab-size: 4 !important;
  tab-size: 4 !important;
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
.bottom-22 {
  bottom: 5.5rem !important;
}
.left-0 {
  left: 0px !important;
}
.right-0 {
  right: 0px !important;
}
.bottom-34 {
  bottom: 8.5rem !important;
}
.resize {
  resize: both !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-\[\#787878\] {
  --tw-text-opacity: 1 !important;
  color: rgba(120, 120, 120, var(--tw-text-opacity)) !important;
}
.text-\[var\(--old-hightlight-color\)\] {
  color: var(--old-hightlight-color) !important;
}
.text-\[\#1E1E1E\] {
  --tw-text-opacity: 1 !important;
  color: rgba(30, 30, 30, var(--tw-text-opacity)) !important;
}
.text-\[\#999999\] {
  --tw-text-opacity: 1 !important;
  color: rgba(153, 153, 153, var(--tw-text-opacity)) !important;
}
.text-hex-86868D {
  --tw-text-opacity: 1 !important;
  color: rgba(134, 134, 141, var(--tw-text-opacity)) !important;
}
.text-black {
  --tw-text-opacity: 1 !important;
  color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}
.text-\[\#86868d\] {
  --tw-text-opacity: 1 !important;
  color: rgba(134, 134, 141, var(--tw-text-opacity)) !important;
}
.content-foot-box {
  content: "foot-box" !important;
}
.content-contribution {
  content: "contribution" !important;
}
.content-area {
  content: "area" !important;
}
.content-text {
  content: "text" !important;
}
.content-container {
  content: "container" !important;
}
.content-container-left {
  content: "container-left" !important;
}
.content-container-right {
  content: "container-right" !important;
}
.content-input-dialog {
  content: "input-dialog" !important;
}
.content-input-wrapper {
  content: "input-wrapper" !important;
}
.content-participant {
  content: "participant" !important;
}
.content-row {
  content: "row" !important;
}
.content-row__text {
  content: "row__text" !important;
}
.content-row__title {
  content: "row__title" !important;
}
.content-row__text-title {
  content: "row__text-title" !important;
}
.content-row__text-bold {
  content: "row__text-bold" !important;
}
.content-row__text-20 {
  content: "row__text-20" !important;
}
.content-row__text-step {
  content: "row__text-step" !important;
}
.content-row__text-q {
  content: "row__text-q" !important;
}
.content-row__text-a {
  content: "row__text-a" !important;
}
.content-row-1 {
  content: "row-1" !important;
}
.content-row-2 {
  content: "row-2" !important;
}
.content-row-3 {
  content: "row-3" !important;
}
.content-row-4 {
  content: "row-4" !important;
}
.content-bg {
  content: "bg" !important;
}
.content-item {
  content: "item" !important;
}
.content-box {
  content: "box" !important;
}
.content-container-flex {
  content: "container-flex" !important;
}
.content-desc {
  content: "desc" !important;
}
.antialiased {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.visible {
  visibility: visible !important;
}
.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}
.w-\[150px\] {
  width: 150px !important;
}
.w-\[21px\] {
  width: 21px !important;
}
.w-\[1428px\] {
  width: 1428px !important;
}
.w-836px {
  width: 836px !important;
}
.w-210px {
  width: 210px !important;
}
.w-\[16px\] {
  width: 16px !important;
}
.w-\[24px\] {
  width: 24px !important;
}
.w-100 {
  width: 25rem !important;
}
.w-\[1400px\] {
  width: 1400px !important;
}
.w-102px {
  width: 102px !important;
}
.z-10 {
  z-index: 10 !important;
}
.transform {
  --tw-translate-x: 0 !important;
  --tw-translate-y: 0 !important;
  --tw-translate-z: 0 !important;
  --tw-rotate: 0 !important;
  --tw-rotate-x: 0 !important;
  --tw-rotate-y: 0 !important;
  --tw-rotate-z: 0 !important;
  --tw-skew-x: 0 !important;
  --tw-skew-y: 0 !important;
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  --tw-scale-z: 1 !important;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) !important;
}
.\<transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.ease {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.duration {
  transition-duration: 150ms !important;
}
.animated {
  -webkit-animation-duration: 1000ms !important;
  -webkit-animation-fill-mode: both !important;
  animation-duration: 1000ms !important;
  animation-fill-mode: both !important;
}
.filter {
  --tw-blur: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-invert: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/) !important;
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.blur {
  --tw-blur: blur(8px) !important;
}
.grayscale\(0\.92\) {
  --tw-grayscale: grayscale(100%) !important;
}

/*# sourceMappingURL=app.38b6c016.css.map*/