/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
#app {
  height: 100%;
}

/* 全局样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  width: 6px;
  background: rgba(16, 31, 28, 0.1);
  border-radius: 2em;
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-border-1);
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 2em;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #101f1c;
}
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.smooth {
  scroll-behavior: smooth;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-baseline {
  align-self: baseline;
}
.self-stretch {
  align-self: stretch;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.relative {
  position: relative;
}
.hide-scroll::-webkit-scrollbar {
  display: none;
}
.hide-scroll {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  overflow: auto; /* 允许内容滚动 */
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/* 基础元素重置 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family: system-ui, -apple-system, sans-serif;
  line-height: 1.5;
}

/* 盒模型标准化 */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 列表样式清除 */
ul, ol {
  list-style: none;
}

/* 链接与交互元素 */
a {
  text-decoration: none;
  color: inherit;
}
button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
}

/* 媒体元素 */
img, video {
  max-width: 100%;
  height: auto;
  display: block;
  border-style: none;
}

/* 表格重置 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 隐藏表单默认样式 */
input[type=checkbox],
input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* 清除标题默认外边距 */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* 段落与引用 */
p, blockquote {
  margin: 0;
}

/* 行内元素 */
b, strong {
  font-weight: bolder;
}
textarea:focus-visible {
  outline: none;
}
:root {
  --color-primary: #008CFF;
  --color-secondary-base: #4AD5FF;
  --color-secondary-bg: #E8FDFF;
  --color-secondary-border: #A9F4FF;
  --color-secondary-text: #4AD5FF;
  --color-text-1: #000000E0;
  --gray-1: #FFFFFF;
  --gray-2: #FAFAFA;
  --gray-3: #F5F5F5;
  --gray-4: #F0F0F0;
  --gray-5: #D9D9D9;
  --gray-6: #BFBFBF;
  --gray-7: #8C8C8C;
  --gray-8: #595959;
  --gray-9: #434343;
  --gray-10: #262626;
  --gray-11: #1F1F1F;
  --gray-12: #141414;
  --gray-13: #000000;
  --color-text-2: #000000A6;
  --color-border-1: #00000026;
  --color-bg-base: #FFFFFF;
  --color-fill-1: #0000000A;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-fill-2: #00000014;
  --color-fill-disabled: #00000005;
  --color-fill-content: #0000000A;
  --color-fill-alter: #00000005;
  --color-bg-container: #FFFFFF;
  --color-bg-container-disabled: #00000005;
  --color-bg-elevated: #FFFFFF;
  --color-bg-layout: #F5F5F5;
  --color-bg-mask-1: #00000073;
  --color-bg-mask-2: #00000033;
  --color-bg-overlay-dark-1: #000000D9;
  --color-bg-overlay-dark-2: #00000073;
  --color-bg-text-hover: #0000000F;
  --control-item-bg-active-disabled: #00000026;
  --control-item-bg-hover: #0000000A;
  --control-item-bg-active: #EBF9FF;
  --control-item-bg-active-hover: #C7EDFF;
  --color-border-2: #0000000F;
  --color-split: #0000000F;
  --color-text-3: #00000073;
  --color-text-4: #00000040;
  --color-text-placeholder: #00000040;
  --color-text-disabled: #00000040;
  --color-text-light-solid-1: #FFFFFF;
  --color-text-light-solid-2: #FFFFFFA6;
  --color-text-light-solid-disabled: #FFFFFF40;
  --color-success-base: #52C41A;
  --color-success-bg: #F6FFED;
  --color-success-border: #B7EB8F;
  --color-success-text: #389E0D;
  --color-error-base: #FF4D4F;
  --color-error-bg: #FFF2F0;
  --color-error-border: #FFCCC7;
  --color-error-text: #FF4D4F;
  --color-warning-base: #FAAD14;
  --color-warning-bg: #FFFBE6;
  --color-warning-border: #FFE58F;
  --color-warning-text: #D48806;
  --color-primary-bg: #EBF9FF;
  --color-primary-border: #8BD6FF;
  --color-primary-hover: #006DD2;
  --color-primary-base: #008CFF;
  --color-primary-active: #0050A6;
  --color-primary-text-hover: #008CFF;
  --color-primary-text: #006DD2;
  --color-primary-text-active: #0050A6;
  --color-info-base: #8BD6FF;
  --color-info-bg: #EBF9FF;
  --color-info-border: #8BD6FF;
  --color-info-text: #006DD2;
  --color-gradient-base: linear-gradient(90deg, #3270FF 0%, #008CFF 50%, #00CCFF 100%);
  --color-gradient-hover: linear-gradient(90deg, #1D5EF5 0%, #0085F2 52%, #00C2F2 100%);
  --color-gradient-active: linear-gradient(90deg, #1C58E5 0%, #007EE5 52%, #00B8E5 100%);
  --color-gradient-1: linear-gradient(90deg, #3270FF 0%, #008CFF 50%, #00CCFF 100%);
  --color-gradient-2: linear-gradient(135deg, rgba(0,29,255,0.1) 0,rgba(0,196,255,0.1) 99.29%);
  --color-gradient-orangered: linear-gradient(225deg, #FF5733 0,#E33C64 97.14%);
  --var-------: ;
  --var-------: ;
  --shadow-1: 0px 2px 4px -1px rgba(0,0,0,0.12), 0px 4px 5px 0px rgba(0,0,0,0.08), 0px 1px 10px 0px rgba(0,0,0,0.05);
  --shadow-2: 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12), 0px 9px 28px 8px rgba(0,0,0,0.05);
  --shadow-3: 0px 8px 10px -5px rgba(0,0,0,0.08), 0px 16px 24px 2px rgba(0,0,0,0.04), 0px 6px 30px 5px rgba(0,0,0,0.05);
  --focus-primary: 0px 0px 0px 2px rgba(65,85,240,0.1);
  --focus-error: 0px 0px 0px 2px rgba(255,77,79,0.1);
  --base-normal: 14px;
  --base-medium: 14px;
  --base-strong: 14px;
  --sm-normal: 12px;
  --lg-normal: 16px;
  --xl-normal: 20px;
  --heading-1: 38px;
  --heading-2: 30px;
  --heading-3: 24px;
  --heading-4: 20px;
  --heading-5: 16px;
  --xl-medium: 20px;
  --xl-strong: 20px;
  --lg-medium: 16px;
  --lg-strong: 16px;
  --sm-medium: 12px;
  --sm-strong: 12px;
  --border-radius-xs: 4px;
  --border-radius-sm: 6px;
  --border-radius-base: 8px;
  --border-radius-lg: 10px;
  --var----: 256000px;
}
.color-primary {
  color: var(--color-primary);
}
.color-secondary-base {
  color: var(--color-secondary-base);
}
.color-secondary-bg {
  background-color: var(--color-secondary-bg);
}
.color-secondary-border {
  border-color: var(--color-secondary-border);
}
.color-secondary-text {
  color: var(--color-secondary-text);
}
.color-text-1 {
  color: var(--color-text-1);
}
.gray-1 {
  color: var(--gray-1);
}
.gray-2 {
  color: var(--gray-2);
}
.gray-3 {
  color: var(--gray-3);
}
.gray-4 {
  color: var(--gray-4);
}
.gray-5 {
  color: var(--gray-5);
}
.gray-6 {
  color: var(--gray-6);
}
.gray-7 {
  color: var(--gray-7);
}
.gray-8 {
  color: var(--gray-8);
}
.gray-9 {
  color: var(--gray-9);
}
.gray-10 {
  color: var(--gray-10);
}
.gray-11 {
  color: var(--gray-11);
}
.gray-12 {
  color: var(--gray-12);
}
.gray-13 {
  color: var(--gray-13);
}
.color-text-2 {
  color: var(--color-text-2);
}
.color-border-1 {
  border-color: var(--color-border-1);
}
.color-bg-base {
  background-color: var(--color-bg-base);
}
.color-fill-1 {
  color: var(--color-fill-1);
}
.color-black {
  color: var(--color-black);
}
.color-white {
  color: var(--color-white);
}
.color-fill-2 {
  color: var(--color-fill-2);
}
.color-fill-disabled {
  color: var(--color-fill-disabled);
}
.color-fill-content {
  color: var(--color-fill-content);
}
.color-fill-alter {
  color: var(--color-fill-alter);
}
.color-bg-container {
  background-color: var(--color-bg-container);
}
.color-bg-container-disabled {
  background-color: var(--color-bg-container-disabled);
}
.color-bg-elevated {
  background-color: var(--color-bg-elevated);
}
.color-bg-layout {
  background-color: var(--color-bg-layout);
}
.color-bg-mask-1 {
  background-color: var(--color-bg-mask-1);
}
.color-bg-mask-2 {
  background-color: var(--color-bg-mask-2);
}
.color-bg-overlay-dark-1 {
  background-color: var(--color-bg-overlay-dark-1);
}
.color-bg-overlay-dark-2 {
  background-color: var(--color-bg-overlay-dark-2);
}
.color-bg-text-hover {
  background-color: var(--color-bg-text-hover);
}
.control-item-bg-active-disabled {
  background-color: var(--controlitem-bg-active-disabled);
}
.control-item-bg-hover {
  background-color: var(--controlitem-bg-hover);
}
.control-item-bg-active {
  background-color: var(--controlitem-bg-active);
}
.control-item-bg-active-hover {
  background-color: var(--controlitem-bg-active-hover);
}
.color-border-2 {
  border-color: var(--color-border-2);
}
.color-split {
  border-color: var(--color-split);
}
.color-text-3 {
  color: var(--color-text-3);
}
.color-text-4 {
  color: var(--color-text-4);
}
.color-text-placeholder {
  color: var(--color-text-placeholder);
}
.color-text-disabled {
  color: var(--color-text-disabled);
}
.color-text-light-solid-1 {
  color: var(--color-text-light-solid-1);
}
.color-text-light-solid-2 {
  color: var(--color-text-light-solid-2);
}
.color-text-light-solid-disabled {
  color: var(--color-text-light-solid-disabled);
}
.color-success-base {
  color: var(--color-success-base);
}
.color-success-bg {
  background-color: var(--color-success-bg);
}
.color-success-border {
  border-color: var(--color-success-border);
}
.color-success-text {
  color: var(--color-success-text);
}
.color-error-base {
  color: var(--color-error-base);
}
.color-error-bg {
  background-color: var(--color-error-bg);
}
.color-error-border {
  border-color: var(--color-error-border);
}
.color-error-text {
  color: var(--color-error-text);
}
.color-warning-base {
  color: var(--color-warning-base);
}
.color-warning-bg {
  background-color: var(--color-warning-bg);
}
.color-warning-border {
  border-color: var(--color-warning-border);
}
.color-warning-text {
  color: var(--color-warning-text);
}
.color-primary-bg {
  background-color: var(--color-primary-bg);
}
.color-primary-border {
  border-color: var(--color-primary-border);
}
.color-primary-hover {
  color: var(--color-primary-hover);
}
.color-primary-base {
  color: var(--color-primary-base);
}
.color-primary-active {
  color: var(--color-primary-active);
}
.color-primary-text-hover {
  color: var(--color-primary-text-hover);
}
.color-primary-text {
  color: var(--color-primary-text);
}
.color-primary-text-active {
  color: var(--color-primary-text-active);
}
.color-info-base {
  color: var(--color-info-base);
}
.color-info-bg {
  background-color: var(--color-info-bg);
}
.color-info-border {
  border-color: var(--color-info-border);
}
.color-info-text {
  color: var(--color-info-text);
}
.color-gradient-base {
  color: var(--color-gradient-base);
}
.color-gradient-hover {
  color: var(--color-gradient-hover);
}
.color-gradient-active {
  color: var(--color-gradient-active);
}
.color-gradient-1 {
  color: var(--color-gradient-1);
}
.color-gradient-2 {
  color: var(--color-gradient-2);
}
.color-gradient-orangered {
  color: var(--color-gradient-orangered);
}
.var------- {
  color: var(--var-------);
}
.var------- {
  color: var(--var-------);
}
.shadow-1 {
  box-shadow: var(--shadow-1);
}
.shadow-2 {
  box-shadow: var(--shadow-2);
}
.shadow-3 {
  box-shadow: var(--shadow-3);
}
.focus-primary {
  box-shadow: var(--focus-primary);
}
.focus-error {
  box-shadow: var(--focus-error);
}
.base-normal {
  font-size: var(--base-normal);
  line-height: 1.571429;
  font-weight: 400;
}
.base-medium {
  font-size: var(--base-medium);
  line-height: 1.571429;
  font-weight: 500;
}
.base-strong {
  font-size: var(--base-strong);
  line-height: 1.571429;
  font-weight: 700;
}
.sm-normal {
  font-size: var(--sm-normal);
  line-height: 1.666667;
  font-weight: 400;
}
.lg-normal {
  font-size: var(--lg-normal);
  line-height: 1.5;
  font-weight: 400;
}
.xl-normal {
  font-size: var(--xl-normal);
  line-height: 1.4;
  font-weight: 400;
}
.heading-1 {
  font-size: var(--heading-1);
  line-height: 1.210526;
  font-weight: 500;
}
.heading-2 {
  font-size: var(--heading-2);
  line-height: 1.266667;
  font-weight: 500;
}
.heading-3 {
  font-size: var(--heading-3);
  line-height: 1.333333;
  font-weight: 500;
}
.heading-4 {
  font-size: var(--heading-4);
  line-height: 1.4;
  font-weight: 500;
}
.heading-5 {
  font-size: var(--heading-5);
  line-height: 1.5;
  font-weight: 500;
}
.xl-medium {
  font-size: var(--xl-medium);
  line-height: 1.4;
  font-weight: 500;
}
.xl-strong {
  font-size: var(--xl-strong);
  line-height: 1.4;
  font-weight: 700;
}
.lg-medium {
  font-size: var(--lg-medium);
  line-height: 1.5;
  font-weight: 500;
}
.lg-strong {
  font-size: var(--lg-strong);
  line-height: 1.5;
  font-weight: 700;
}
.sm-medium {
  font-size: var(--sm-medium);
  line-height: 1.666667;
  font-weight: 500;
}
.sm-strong {
  font-size: var(--sm-strong);
  line-height: 1.666667;
  font-weight: 700;
}
.border-radius-sm {
  border-radius: var(--border-radius-sm);
}
.border-radius-lg {
  border-radius: var(--border-radius-lg);
}
.var---- {
  border-radius: var(--var----);
}
.border-radius-xs {
  border-radius: var(--border-radius-xs);
}
.border-radius-base {
  border-radius: var(--border-radius-base);
}
body {
  font-family: "Noto Sans SC", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.app {
  color: #2c3e50;
  height: 100%;
  min-width: 1440px;
}
.app.has-header .app-content {
  height: calc(100% - 64px);
}
.app {
  width: 100%;
}
.app .app-content {
  position: relative;
  height: 100%;
}
.app .app-content .left-nav {
  position: absolute;
  left: 0;
  height: 100%;
}
.app .has-left {
  padding-left: 72px;
}
.ant-message-notice-content {
  border-radius: var(--border-radius-lg);
}
.ant-tooltip-inner {
  border-radius: var(--border-radius-base);
  color: var(--color-text-light-solid-1);
  background: var(--color-bg-overlay-dark-1);
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/assets/icon/iconfont.css ***!
  \*********************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "iconfont"; /* Project id 4929106 */
  src: url(/fonts/iconfont.7a5f5f8d.woff2) format('woff2'),
       url(/fonts/iconfont.e2884513.woff) format('woff'),
       url(/fonts/iconfont.8cb87a9e.ttf) format('truetype');
}

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

.icon-gift:before {
  content: "\e707";
}

.icon-video-fail:before {
  content: "\e711";
}

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

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

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

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

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

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

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

.icon-volume-mute:before {
  content: "\e709";
}

.icon-play:before {
  content: "\e70a";
}

.icon-volume:before {
  content: "\e70b";
}

.icon-play-circle:before {
  content: "\e70c";
}

.icon-pause-circle:before {
  content: "\e70d";
}

.icon-pause:before {
  content: "\e70e";
}

.icon-fullscreen-exit:before {
  content: "\e70f";
}

.icon-fullscreen:before {
  content: "\e710";
}

.icon-book:before {
  content: "\e708";
}

.icon-close-line:before {
  content: "\e706";
}

.icon-camera:before {
  content: "\e702";
}

.icon-phone1:before {
  content: "\e705";
}

.icon-gaoqingchuli:before {
  content: "\e6f7";
}

.icon-zhanshi-binglie:before {
  content: "\e6f8";
}

.icon-sucaiguanli:before {
  content: "\e6f9";
}

.icon-zhanshi-zhongdie:before {
  content: "\e6fa";
}

.icon-tuzhuanshipin:before {
  content: "\e6fb";
}

.icon-jubujingxiu:before {
  content: "\e6fc";
}

.icon-zhanshi-dantu:before {
  content: "\e6fd";
}

.icon-tuwenpaiban:before {
  content: "\e6fe";
}

.icon-duopingtaishipei:before {
  content: "\e6ff";
}

.icon-reload1:before {
  content: "\e700";
}

.icon-baibianchangjing:before {
  content: "\e701";
}

.icon-feedback:before {
  content: "\e703";
}

.icon-AImeiyan:before {
  content: "\e704";
}

.icon-wendangzhuanPPT-active:before {
  content: "\e6f5";
}

.icon-wendangzhuanPPT-default:before {
  content: "\e6f6";
}

.icon-sparkling:before {
  content: "\e6f4";
}

.icon-proportion-3to4:before {
  content: "\e6f0";
}

.icon-proportion-2to3:before {
  content: "\e6f1";
}

.icon-proportion-16to9:before {
  content: "\e6f2";
}

.icon-proportion-1to1:before {
  content: "\e6f3";
}

.icon-menu-unfold:before {
  content: "\e6ef";
}

.icon-koutu:before {
  content: "\e6eb";
}

.icon-revolve:before {
  content: "\e6ec";
}

.icon-menu-fold:before {
  content: "\e6ed";
}

.icon-apps:before {
  content: "\e6ee";
}

.icon-save:before {
  content: "\e6ea";
}

.icon-swap:before {
  content: "\e6e9";
}

.icon-import:before {
  content: "\e6e7";
}

.icon-export:before {
  content: "\e6e8";
}

.icon-checkbox-multiple:before {
  content: "\e6e6";
}

.icon-calendar:before {
  content: "\e6de";
}

.icon-check-fill:before {
  content: "\e6df";
}

.icon-check:before {
  content: "\e6e0";
}

.icon-brush1:before {
  content: "\e6e1";
}

.icon-bell:before {
  content: "\e6e2";
}

.icon-arrow-left:before {
  content: "\e6e3";
}

.icon-arrow-up:before {
  content: "\e6e4";
}

.icon-arrow-down:before {
  content: "\e6e5";
}

.icon-folder:before {
  content: "\e6cc";
}

.icon-eye-close:before {
  content: "\e6cd";
}

.icon-filter:before {
  content: "\e6ce";
}

.icon-eye:before {
  content: "\e6cf";
}

.icon-exclamation-fill:before {
  content: "\e6d0";
}

.icon-expand:before {
  content: "\e6d1";
}

.icon-exclamation:before {
  content: "\e6d2";
}

.icon-eraser1:before {
  content: "\e6d3";
}

.icon-download:before {
  content: "\e6d4";
}

.icon-down:before {
  content: "\e6d5";
}

.icon-cloud-upload:before {
  content: "\e6d6";
}

.icon-dislike:before {
  content: "\e6d7";
}

.icon-cloud-sync:before {
  content: "\e6d8";
}

.icon-close-fill:before {
  content: "\e6d9";
}

.icon-close-large:before {
  content: "\e6da";
}

.icon-close:before {
  content: "\e6db";
}

.icon-clock-circle:before {
  content: "\e6dc";
}

.icon-arrow-right:before {
  content: "\e6dd";
}

.icon-reload:before {
  content: "\e6b6";
}

.icon-redo:before {
  content: "\e6b7";
}

.icon-question-fill:before {
  content: "\e6b8";
}

.icon-question:before {
  content: "\e6b9";
}

.icon-multi-image:before {
  content: "\e6ba";
}

.icon-palette:before {
  content: "\e6bb";
}

.icon-more:before {
  content: "\e6bc";
}

.icon-menu:before {
  content: "\e6bd";
}

.icon-like:before {
  content: "\e6be";
}

.icon-lock:before {
  content: "\e6bf";
}

.icon-layer-order1:before {
  content: "\e6c0";
}

.icon-left:before {
  content: "\e6c1";
}

.icon-info:before {
  content: "\e6c2";
}

.icon-info-fill:before {
  content: "\e6c3";
}

.icon-image-upload:before {
  content: "\e6c4";
}

.icon-image-edit:before {
  content: "\e6c5";
}

.icon-image-times:before {
  content: "\e6c6";
}

.icon-image-ban:before {
  content: "\e6c7";
}

.icon-image:before {
  content: "\e6c8";
}

.icon-history:before {
  content: "\e6c9";
}

.icon-hand1:before {
  content: "\e6ca";
}

.icon-folder-open:before {
  content: "\e6cb";
}

.icon-yinsaiAI:before {
  content: "\e6a7";
}

.icon-zoom-out:before {
  content: "\e6a8";
}

.icon-zoom-in:before {
  content: "\e6a9";
}

.icon-upload1:before {
  content: "\e6aa";
}

.icon-stop:before {
  content: "\e6ab";
}

.icon-up:before {
  content: "\e6ac";
}

.icon-unlock:before {
  content: "\e6ad";
}

.icon-undo:before {
  content: "\e6ae";
}

.icon-star-fill:before {
  content: "\e6af";
}

.icon-star:before {
  content: "\e6b0";
}

.icon-setting:before {
  content: "\e6b1";
}

.icon-sip:before {
  content: "\e6b2";
}

.icon-shrink-diagonal:before {
  content: "\e6b3";
}

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

.icon-right:before {
  content: "\e6b5";
}

.icon-brush:before {
  content: "\e6a5";
}

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

.icon-quchu:before {
  content: "\e6a2";
}

.icon-baoliu:before {
  content: "\e6a3";
}

.icon-hand:before {
  content: "\e6a4";
}

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

.icon-angle:before {
  content: "\e694";
}

.icon-arrow-go-forward:before {
  content: "\e695";
}

.icon-align-right:before {
  content: "\e696";
}

.icon-align-left:before {
  content: "\e697";
}

.icon-align-justify:before {
  content: "\e698";
}

.icon-align-item-horizontal-center:before {
  content: "\e699";
}

.icon-align-item-top:before {
  content: "\e69a";
}

.icon-align-item-vertical-center:before {
  content: "\e69b";
}

.icon-align-item-right:before {
  content: "\e69c";
}

.icon-align-item-left:before {
  content: "\e69d";
}

.icon-align-item-bottom:before {
  content: "\e69e";
}

.icon-align-center:before {
  content: "\e69f";
}

.icon-add:before {
  content: "\e6a0";
}

.icon-add-large:before {
  content: "\e6a1";
}

.icon-underline:before {
  content: "\e681";
}

.icon-subtract:before {
  content: "\e682";
}

.icon-text:before {
  content: "\e683";
}

.icon-scissors-cut:before {
  content: "\e684";
}

.icon-strokeWidth:before {
  content: "\e685";
}

.icon-strikethrough:before {
  content: "\e686";
}

.icon-layer-order:before {
  content: "\e687";
}

.icon-italic:before {
  content: "\e688";
}

.icon-flip-vertica:before {
  content: "\e689";
}

.icon-h-2:before {
  content: "\e68a";
}

.icon-h-1:before {
  content: "\e68b";
}

.icon-flip-horizontal:before {
  content: "\e68c";
}

.icon-edit:before {
  content: "\e68d";
}

.icon-fit-screen:before {
  content: "\e68e";
}

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

.icon-copy:before {
  content: "\e690";
}

.icon-bold:before {
  content: "\e691";
}

.icon-arrow-left-line:before {
  content: "\e692";
}

.icon-arrow-go-back:before {
  content: "\e693";
}

.icon-wode:before {
  content: "\e67b";
}

.icon-wenzi:before {
  content: "\e67a";
}

.icon-shuxing:before {
  content: "\e67c";
}

.icon-mohu:before {
  content: "\e67e";
}

.icon-juli:before {
  content: "\e679";
}

.icon-upload:before {
  content: "\e67f";
}

.icon-zoom-actual:before {
  content: "\e680";
}

.icon-dongtaihaibao-default:before {
  content: "\e678";
}

.icon-shouye-hover:before {
  content: "\e670";
}

.icon-shipinsucai-default:before {
  content: "\e671";
}

.icon-motetu-default:before {
  content: "\e672";
}

.icon-duanshipinjiaoben-hover:before {
  content: "\e673";
}

.icon-dianshangtu-hover:before {
  content: "\e674";
}

.icon-duanshipinjiaoben-default:before {
  content: "\e675";
}

.icon-dongtaihaibao-hover:before {
  content: "\e676";
}

.icon-chuangzuolishi-hover:before {
  content: "\e677";
}

.icon-zhongcaowenan-default:before {
  content: "\e669";
}

.icon-zhongcaowenan-hover:before {
  content: "\e66a";
}

.icon-xiaohongshutoufang-default:before {
  content: "\e668";
}

.icon-xiaohongshutoufang-hover:before {
  content: "\e66b";
}

.icon-shouye-default:before {
  content: "\e66c";
}

.icon-shipinsucai-hover:before {
  content: "\e667";
}

.icon-pingmianhaibao-hover:before {
  content: "\e666";
}

.icon-motetu-hover:before {
  content: "\e66d";
}

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

.icon-dianshangtu-default:before {
  content: "\e664";
}

.icon-soccer-hover:before {
  content: "\e663";
}

.icon-chuangzuolishi-default:before {
  content: "\e665";
}

.icon-soccer-default:before {
  content: "\e66f";
}


/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/ValidateTip.vue?vue&type=style&index=0&id=75fd3ef9&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.error-tip[data-v-75fd3ef9] {
  margin-top: 8px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2px;
  color: rgb(255, 64, 64);
}
.error-tip .icon[data-v-75fd3ef9] {
  margin-right: 6px;
  width: 13px;
  height: 13px;
}
@media (max-width: 839px) {
.error-tip[data-v-75fd3ef9] {
    font-size: 20px;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/HeaderComponent.vue?vue&type=style&index=0&id=af9c0678&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
@keyframes showTip-af9c0678 {
0% {
    opacity: 0;
}
5% {
    opacity: 1;
}
95% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.header[data-v-af9c0678] {
  width: 100%;
  height: 64px;
  background: var(--color-bg-container);
  position: sticky;
  top: 0;
  left: 0;
  z-index: 11;
  padding: 0 24px;
  min-width: 1440px;
}
.header.has-border[data-v-af9c0678] {
  border-bottom: 1px solid #e6e6e6;
}
.header.has-shadow[data-v-af9c0678] {
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
}
.header .left[data-v-af9c0678] {
  height: 100%;
}
.header .left .logo[data-v-af9c0678] {
  height: 24px;
  cursor: pointer;
}
.header .left .slogon[data-v-af9c0678] {
  font-size: 18px;
  color: rgba(51, 51, 51, 0.4);
  margin-left: 20px;
  white-space: nowrap;
}
.header .left .back_home[data-v-af9c0678] {
  cursor: pointer;
  transition: all 400ms ease-in-out;
}
.header .left .back_home:hover .home[data-v-af9c0678] {
  background: linear-gradient(to right, rgb(65, 85, 240), rgb(74, 213, 255));
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header .left .back_home .logo_home[data-v-af9c0678] {
  width: 25px;
}
.header .left .back_home .home[data-v-af9c0678] {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  font-size: 16px;
  color: #999999;
  margin-left: 16px;
}
.header .left .back_home .home[data-v-af9c0678]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(181, 181, 181, 0.4);
}
.header .left .menu_box[data-v-af9c0678] {
  height: 100%;
  margin-left: 32px;
}
.header .left .menu_box .menu_box_item[data-v-af9c0678] {
  position: relative;
  cursor: pointer;
  height: 100%;
  padding: 0 12px;
  margin-right: 16px;
  color: var(--color-text-2);
}
.header .left .menu_box .menu_box_item .text[data-v-af9c0678] {
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  height: 100%;
  position: relative;
}
.header .left .menu_box .menu_box_item .center[data-v-af9c0678] {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0, 140, 255, 0.12);
  filter: blur(8px);
}
.header .left .menu_box .menu_box_item .bottom[data-v-af9c0678] {
  display: none;
  position: absolute;
  left: 50%;
  top: 47px;
  transform: translate(-50%);
  width: 16px;
}
.header .left .menu_box .menu_box_item[data-v-af9c0678]:hover {
  color: var(--color-text-1);
}
.header .left .menu_box .menu_box_item.active[data-v-af9c0678] {
  color: var(--color-text-1);
}
.header .left .menu_box .menu_box_item.active .text[data-v-af9c0678] {
  font-weight: 500;
}
.header .left .menu_box .menu_box_item.active .center[data-v-af9c0678],
.header .left .menu_box .menu_box_item.active .bottom[data-v-af9c0678] {
  display: block;
}
.header .left .menu_box .menu_box_item.disable[data-v-af9c0678] {
  color: var(--color-text-disabled);
  cursor: default;
}
.header .left .menu_box .menu_box_item[data-v-af9c0678]:last-child {
  margin-right: 0;
}
.header .right[data-v-af9c0678] {
  flex: 1;
  height: 100%;
}
.header .right .un-login .limit-free[data-v-af9c0678] {
  margin-right: 24px;
  width: 128px;
  height: 32px;
}
.header .right .logined[data-v-af9c0678] {
  height: 100%;
}
.header .right .logined.un-login .menu-tool .menu-tool-item[data-v-af9c0678] {
  display: none;
}
.header .right .logined.un-login .menu-tool .login-btn[data-v-af9c0678] {
  display: flex;
}
.header .right .logined .menu-tool[data-v-af9c0678] {
  margin-left: 24px;
}
.header .right .logined .menu-tool .menu-tool-item.feedback[data-v-af9c0678] {
  height: 32px;
  border-radius: var(--border-radius-base);
  background: linear-gradient(270deg, rgba(254, 165, 252, 0.016) 0%, rgba(255, 230, 254, 0.4) 100%);
  color: var(--color-text-2);
  position: relative;
  padding: 0 8px;
  cursor: pointer;
}
.header .right .logined .menu-tool .menu-tool-item.feedback .name .icon[data-v-af9c0678] {
  font-size: 16px;
  line-height: 16px;
  margin-right: 4px;
}
.header .right .logined .menu-tool .menu-tool-item.feedback .right:hover .qrcode[data-v-af9c0678] {
  transition: top 0.4s;
  top: 48px;
  height: 243px;
  opacity: 1;
}
.header .right .logined .menu-tool .menu-tool-item.feedback .right .qrcode[data-v-af9c0678] {
  top: 30px;
  opacity: 0;
  height: 0;
  z-index: -10;
  overflow: hidden;
  position: absolute;
  width: 192px;
  border-radius: var(--border-radius-lg);
  background: var(--color-bg-elevated);
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.08), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 6px 30px 5px rgba(0, 0, 0, 0.05);
  color: var(--color-text-1);
  text-align: center;
}
.header .right .logined .menu-tool .menu-tool-item.feedback .right .qrcode .icon[data-v-af9c0678] {
  width: 160px;
  height: 160px;
  margin-top: 16px;
}
.header .right .logined .menu-tool .menu-tool-item.feedback .right .qrcode .tip[data-v-af9c0678] {
  margin-top: 8px;
  color: var(--color-text-3);
}
.header .right .logined .menu-tool .menu-tool-item.feedback .line[data-v-af9c0678] {
  height: 18px;
  opacity: 0.4;
  width: 1px;
  background-color: rgb(255, 255, 255);
}
.header .right .logined .menu-tool .points[data-v-af9c0678] {
  cursor: pointer;
  margin-left: 16px;
  background: linear-gradient(90deg, rgba(209, 234, 255, 0.4) 0%, rgba(232, 253, 255, 0.24) 100%);
  padding: 0 8px;
  color: var(--color-primary);
  height: 32px;
  border-radius: var(--border-radius-base);
}
.header .right .logined .menu-tool .points .number-box[data-v-af9c0678] {
  position: relative;
}
.header .right .logined .menu-tool .points .number-box .icon[data-v-af9c0678] {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.header .right .logined .menu-tool .points .line[data-v-af9c0678] {
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.06);
  margin-left: 8px;
}
.header .right .logined .menu-tool .points .get-points[data-v-af9c0678],
.header .right .logined .menu-tool .points .is_new_con[data-v-af9c0678] {
  margin-left: 8px;
  color: var(--color-primary-text);
}
.header .right .logined .menu-tool .points .is-red[data-v-af9c0678] {
  position: absolute;
  top: 0;
  right: 7px;
  width: 6px;
  height: 6px;
  background-color: #ff4d4f;
  border-radius: 50%;
  border: 1px solid #fff;
}
.header .right .logined .menu-tool .icon-box[data-v-af9c0678] {
  position: relative;
  cursor: pointer;
  margin-left: 16px;
}
.header .right .logined .menu-tool .icon-box .phone_tool[data-v-af9c0678] {
  font-size: 20px;
  line-height: 20px;
  padding: 6px;
  color: var(--color-text-2);
}
.header .right .logined .menu-tool .icon-box .tip[data-v-af9c0678] {
  display: none;
  position: absolute;
  z-index: 20;
  text-align: left;
  top: 100%;
  right: -4px;
  padding-top: 8px;
  width: 210px;
}
.header .right .logined .menu-tool .icon-box .tip .tip-con[data-v-af9c0678] {
  width: auto;
  padding: 4px;
  border-radius: var(--border-radius-base);
  background: rgb(255, 255, 255);
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.header .right .logined .menu-tool .icon-box .tip .tip-con .head_mobile[data-v-af9c0678] {
  border-radius: var(--border-radius-base);
}
.header .right .logined .menu-tool .icon-box .tip[data-v-af9c0678]::after {
  content: none;
}
.header .right .logined .menu-tool .icon-box .tip .text-box[data-v-af9c0678] {
  padding: 20px;
  margin-top: 4px;
}
.header .right .logined .menu-tool .icon-box .tip .text-box .title[data-v-af9c0678] {
  color: var(--color-text-1);
}
.header .right .logined .menu-tool .icon-box .tip .text-box .top[data-v-af9c0678] {
  margin-top: 8px;
  color: var(--color-text-2);
}
.header .right .logined .menu-tool .icon-box .tip .text-box .bottom[data-v-af9c0678] {
  text-align: right;
  margin-top: 16px;
}
.header .right .logined .menu-tool .icon-box .tip .text-box .bottom .button[data-v-af9c0678] {
  cursor: pointer;
  display: inline-block;
  background-color: var(--color-primary);
  padding: 5px 16px;
  border-radius: var(--border-radius-sm);
  color: var(--color-bg-base);
}
.header .right .logined .menu-tool .icon-box:hover .phone_tool[data-v-af9c0678] {
  color: var(--color-text-1);
}
.header .right .logined .menu-tool .icon-box:hover .tip[data-v-af9c0678] {
  display: block;
}
.header .right .logined .menu-tool .icon-box:hover .phone_tool[data-v-af9c0678] {
  background: var(--color-bg-text-hover);
  border-radius: var(--border-radius-sm);
}
.header .right .logined .menu-tool .user_avatar[data-v-af9c0678] {
  transition: all 400ms ease-in-out;
  margin-left: 11px;
  position: relative;
  z-index: 1 !important;
  text-align: center;
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box[data-v-af9c0678] {
  position: relative;
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_avatar_img[data-v-af9c0678] {
  width: 32px;
  position: relative;
  z-index: 2;
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box:hover .user_menu_box[data-v-af9c0678] {
  display: block;
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_menu_box[data-v-af9c0678] {
  position: absolute;
  top: 100%;
  right: -12px;
  display: none;
  z-index: 1;
  cursor: default;
  padding-top: 8px;
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_menu_box.show[data-v-af9c0678] {
  display: block;
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_menu_box .user_menu_wrap[data-v-af9c0678] {
  width: 160px;
  border-radius: var(--border-radius-base);
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  background: var(--color-bg-container);
  color: var(--color-text-1);
  padding: 4px;
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_menu_box .user_menu_list .user_menu_item[data-v-af9c0678] {
  padding: 9px 12px;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  border-radius: var(--border-radius-sm);
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_menu_box .user_menu_list .user_menu_item[data-v-af9c0678]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_menu_box .user_menu_list .user_menu_item.out[data-v-af9c0678] {
  color: var(--color-error-text);
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_menu_box .user_menu_list .user_menu_item .icon[data-v-af9c0678] {
  margin-right: 8px;
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_menu_box .line[data-v-af9c0678] {
  background-color: rgba(0, 0, 0, 0.2);
  height: 1px;
  margin: 0 30px;
  width: auto;
}
.header .right .logined .menu-tool .user_avatar .user_avatar_box .user_menu_box .user_menu_out[data-v-af9c0678] {
  margin: 14px auto 14px;
  width: 159px;
  height: 48px;
  line-height: 48px;
  background: var(--color-primary-base);
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
}
.header .right .logined .menu-tool .free-time[data-v-af9c0678] {
  position: relative;
}
.header .right .logined .menu-tool .free-time .free-time-box .free-time-img[data-v-af9c0678] {
  width: 186px;
  height: 32px;
}
.header .right .logined .menu-tool .free-time .free-time-box .free-date[data-v-af9c0678] {
  /* 自动布局子元素 */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: rgba(0, 0, 0, 0.88);
}
.header .right .logined .menu-tool .free-time .free-time-box .free-date.strong[data-v-af9c0678] {
  font-weight: bold;
}
.header .right .logined .menu-tool .free-time .free-time-box .free-date.day[data-v-af9c0678] {
  right: 95px;
}
.header .right .logined .menu-tool .free-time .free-time-box .free-date.hour[data-v-af9c0678] {
  left: 99px;
}
.header .right .logined .menu-tool .free-time .free-time-box .free-date.minute[data-v-af9c0678] {
  left: 129px;
}
.header .right .logined .menu-tool .free-time .free-time-box .free-date.second[data-v-af9c0678] {
  left: 159px;
}
.header .right .logined .menu-tool .free-time:hover .tip[data-v-af9c0678] {
  display: block;
}
.header .right .logined .menu-tool .free-time .show.tip[data-v-af9c0678] {
  display: block;
  opacity: 0;
  animation: showTip-af9c0678 5.6s 1 linear forwards;
}
.header .right .logined .menu-tool .free-time .tip[data-v-af9c0678] {
  padding: 12px;
  display: none;
  position: absolute;
  border-radius: 0 0 10px 10px;
  background: rgb(255, 255, 255);
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  z-index: 20;
  text-align: left;
  width: 265px;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 12px);
}
.header .right .logined .menu-tool .free-time .tip[data-v-af9c0678]::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgb(255, 255, 255);
}
.header .right .logined .menu-tool .free-time .tip .text[data-v-af9c0678] {
  font-family: Source Han Sans;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: rgba(0, 0, 0, 0.88);
  font-weight: normal;
}
.header .right .logined .menu-tool .free-time .tip .title[data-v-af9c0678] {
  font-weight: bold;
}
.header .right .logined .menu-tool .free-time .tip .top[data-v-af9c0678] {
  margin-top: 8px;
}
.header .right .logined .menu-tool .free-time .tip .bottom[data-v-af9c0678] {
  margin-top: 8px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.25);
}
.header .right .logined .menu-tool .login-btn[data-v-af9c0678] {
  display: none;
  width: 94px;
  height: 32px;
  border-radius: var(--border-radius-sm);
  background: var(--color-primary);
  color: var(--color-white);
  margin-left: 16px;
  cursor: pointer;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/HeaderComponent.vue?vue&type=style&index=1&id=af9c0678&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.user-design-modal .ant-modal-content {
  height: 320px;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}
.user-design-modal .ant-modal-content .ant-modal-header {
  border-bottom: none;
  padding: 16px 24px 8px;
}
.user-design-modal .list-content {
  padding: 16px;
  background: var(--color-fill-1);
  border-radius: var(--border-radius-base);
}
.user-design-modal .list-content .left {
  flex: 1;
}
.user-design-modal .list-content .left .icon {
  font-size: 24px;
  line-height: 24px;
  color: var(--color-error-base);
}
.user-design-modal .list-content .left .text {
  margin-left: 12px;
}
.user-design-modal .list-content .left .text .title {
  color: var(--color-text-1);
}
.user-design-modal .list-content .left .text .des {
  padding-top: 4px;
  color: var(--color-text-2);
}
.user-design-modal .list-content .right {
  margin-left: 16px;
  align-self: center;
}
.user-design-modal .list-content .right .button {
  padding: 5px 16px;
  background-color: var(--color-error-base);
  color: var(--color-text-light-solid-1);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/LeftNav.vue?vue&type=style&index=0&id=3ecccd20&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.operate_list[data-v-3ecccd20] {
  width: 72px;
  height: 100%;
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.operate_list .back_btn[data-v-3ecccd20] {
  width: 64px;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 8px;
  cursor: pointer;
}
.operate_list .back_btn[data-v-3ecccd20]:hover {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.04);
}
.operate_list .back_btn:hover .icon[data-v-3ecccd20] {
  color: rgba(0, 0, 0, 0.88);
}
.operate_list .back_btn:hover .text[data-v-3ecccd20] {
  color: rgba(0, 0, 0, 0.88);
}
.operate_list .back_btn .icon[data-v-3ecccd20] {
  color: rgba(0, 0, 0, 0.65);
  height: 32px;
  font-size: 24px;
}
.operate_list .back_btn .text[data-v-3ecccd20] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.operate_list .divider[data-v-3ecccd20] {
  background-color: rgba(0, 0, 0, 0.06);
  height: 1px;
  width: 100%;
}
.operate_list .tab_list[data-v-3ecccd20] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.operate_list .tab_list .item[data-v-3ecccd20] {
  width: 64px;
  height: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-text-2);
}
.operate_list .tab_list .item .icon[data-v-3ecccd20] {
  line-height: 20px;
  font-size: 20px;
}
.operate_list .tab_list .item.is-highlight[data-v-3ecccd20] {
  color: var(--color-primary);
}
.operate_list .tab_list .item[data-v-3ecccd20]:hover {
  border-radius: 8px;
  background-color: var(--control-item-bg-hover);
  color: var(--color-text-1);
}
.operate_list .tab_list .item.active[data-v-3ecccd20] {
  border-radius: 8px;
  background: var(--control-item-bg-active);
  color: var(--color-text-1);
}
.operate_list .tab_list .item.active .text[data-v-3ecccd20] {
  font-weight: 500;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/ButtonCom.vue?vue&type=style&index=0&id=9272537a&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.button[data-v-9272537a] {
  border-radius: var(--border-radius-base);
  background: var(--color-gradient-base);
  position: relative;
  color: var(--color-text-light-solid-1);
  cursor: pointer;
}
.button.disabled[data-v-9272537a] {
  cursor: default;
  opacity: 0.65;
}
.button .blue[data-v-9272537a] {
  color: #6150fc;
}
.button .left[data-v-9272537a],
.button .right[data-v-9272537a] {
  height: 100%;
  display: flex;
  align-items: center;
}
.button .left[data-v-9272537a] {
  justify-content: flex-start;
  margin-right: 4px;
}
.button .left img[data-v-9272537a] {
  width: 28px;
  height: 28px;
}
.button .right[data-v-9272537a] {
  justify-content: flex-end;
  margin-left: 4px;
}
.button .tip[data-v-9272537a] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  color: #000;
  top: -48px;
  transition: all 0.2s;
  opacity: 0;
  border-radius: 8px;
  background: rgba(204, 204, 204, 0.8);
  padding: 4px 6px;
  white-space: nowrap;
}
.button:hover .tip[data-v-9272537a] {
  opacity: 1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/BaseButton.vue?vue&type=style&index=0&id=65c5d882&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
@keyframes spin-65c5d882 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.base-button[data-v-65c5d882] {
  height: 32px;
  padding: 0 16px;
  display: inline-flex;
  position: relative;
  border-radius: var(--border-radius-sm);
  color: var(--color-text-light-solid-1);
  cursor: pointer;
  vertical-align: top;
}
.base-button.large[data-v-65c5d882] {
  height: 40px;
}
.base-button.large.icon[data-v-65c5d882] {
  padding: 0 11px;
}
.base-button.large.icon .left[data-v-65c5d882] .iconfont {
  font-size: 18px;
  line-height: 18px;
}
.base-button.small[data-v-65c5d882] {
  height: 24px;
  padding: 0 8px;
}
.base-button.small.icon[data-v-65c5d882] {
  padding: 0 5px;
}
.base-button.small.icon .left[data-v-65c5d882] .iconfont {
  font-size: 14px;
  line-height: 14px;
}
.base-button.aiButton[data-v-65c5d882] {
  border-radius: var(--border-radius-base);
  background: var(--color-gradient-base);
}
.base-button.aiButton[data-v-65c5d882]:hover:not(.loading, .disabled) {
  background: var(--color-gradient-hover);
}
.base-button.aiButton[data-v-65c5d882]:active:not(.loading, .disabled) {
  background: var(--color-gradient-active);
}
.base-button.aiButton.loading[data-v-65c5d882] {
  opacity: 0.75;
}
.base-button.aiButton.disabled[data-v-65c5d882] {
  opacity: 0.25;
}
.base-button.primary[data-v-65c5d882] {
  background: var(--color-primary);
}
.base-button.primary[data-v-65c5d882]:hover:not(.loading) {
  background: var(--color-primary-hover);
}
.base-button.primary[data-v-65c5d882]:active:not(.loading) {
  background: var(--color-primary-active);
}
.base-button.primary.loading[data-v-65c5d882], .base-button.primary.loading[data-v-65c5d882]:hover, .base-button.primary.loading[data-v-65c5d882]:active {
  opacity: 0.65;
}
.base-button.primary.disabled[data-v-65c5d882], .base-button.primary.disabled[data-v-65c5d882]:hover, .base-button.primary.disabled[data-v-65c5d882]:active {
  color: var(--color-text-disabled);
  background: var(--color-bg-container-disabled);
}
.base-button.default[data-v-65c5d882] {
  background: var(--color-fill-1);
  color: var(--color-text-2);
}
.base-button.default[data-v-65c5d882]:hover:not(.loading), .base-button.default[data-v-65c5d882]:active:not(.loading) {
  background: var(--color-fill-2);
  color: var(--color-text-1);
}
.base-button.default.loading[data-v-65c5d882] {
  opacity: 0.65;
  color: var(--color-text-1);
}
.base-button.default.disabled[data-v-65c5d882], .base-button.default.disabled[data-v-65c5d882]:hover, .base-button.default.disabled[data-v-65c5d882]:active {
  background: var(--color-bg-container-disabled);
  color: var(--color-text-disabled);
}
.base-button.text[data-v-65c5d882] {
  background: transparent;
  color: var(--color-text-1);
}
.base-button.text[data-v-65c5d882]:hover:not(.loading) {
  background: var(--color-bg-text-hover);
}
.base-button.text[data-v-65c5d882]:active:not(.loading) {
  background: var(--color-bg-text-hover);
}
.base-button.text.loading[data-v-65c5d882] {
  opacity: 0.65;
}
.base-button.text.disabled[data-v-65c5d882], .base-button.text.disabled[data-v-65c5d882]:hover, .base-button.text.disabled[data-v-65c5d882]:active {
  background: transparent;
  color: var(--color-text-disabled);
}
.base-button.ghost[data-v-65c5d882] {
  background: var(--color-bg-overlay-dark-2);
}
.base-button.ghost[data-v-65c5d882]:hover:not(.loading) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), rgba(0, 0, 0, 0.45);
}
.base-button.ghost[data-v-65c5d882]:active:not(.loading) {
  background: var(--color-bg-overlay-dark-2);
}
.base-button.ghost.loading[data-v-65c5d882] {
  background: var(--color-bg-mask-1);
  opacity: 0.65;
}
.base-button.ghost.disabled[data-v-65c5d882], .base-button.ghost.disabled[data-v-65c5d882]:hover, .base-button.ghost.disabled[data-v-65c5d882]:active {
  background: var(--color-bg-overlay-dark-2);
  color: var(--color-text-light-solid-disabled);
}
.base-button.link[data-v-65c5d882] {
  background: transparent;
  color: var(--color-primary-text);
}
.base-button.link[data-v-65c5d882]:hover:not(.loading) {
  color: var(--color-primary-text-hover);
}
.base-button.link[data-v-65c5d882]:active:not(.loading) {
  color: var(--color-primary-text-active);
}
.base-button.link.disabled[data-v-65c5d882], .base-button.link.disabled[data-v-65c5d882]:hover, .base-button.link.disabled[data-v-65c5d882]:active {
  color: var(--color-text-disabled);
}
.base-button.icon[data-v-65c5d882] {
  background: var(--color-fill-1);
  color: var(--color-text-2);
  padding: 0 8px;
}
.base-button.icon .left[data-v-65c5d882] {
  margin-right: 0;
}
.base-button.icon[data-v-65c5d882]:hover:not(.loading), .base-button.icon[data-v-65c5d882]:active:not(.loading) {
  background: var(--color-fill-2);
  color: var(--color-text-1);
}
.base-button.icon.loading[data-v-65c5d882] {
  opacity: 0.65;
  color: var(--color-text-1);
}
.base-button.icon.disabled[data-v-65c5d882], .base-button.icon.disabled[data-v-65c5d882]:hover, .base-button.icon.disabled[data-v-65c5d882]:active {
  background: var(--color-bg-container-disabled);
  color: var(--color-text-disabled);
}
.base-button.disabled[data-v-65c5d882] {
  cursor: default;
}
.base-button .left[data-v-65c5d882],
.base-button .right[data-v-65c5d882] {
  height: 100%;
  display: flex;
  align-items: center;
}
.base-button .left[data-v-65c5d882] {
  justify-content: flex-start;
  margin-right: 4px;
}
.base-button .right[data-v-65c5d882] {
  justify-content: flex-end;
  margin-left: 4px;
}
.base-button .loading-spin[data-v-65c5d882] {
  animation: spin-65c5d882 1.5s infinite linear forwards;
  width: 16px;
  height: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/EmptyComponent.vue?vue&type=style&index=0&id=6c8e080c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.empty-com .img[data-v-6c8e080c] {
  width: 240px;
  height: 240px;
}
.empty-com .tip[data-v-6c8e080c] {
  color: var(--color-text-placeholder);
  margin-top: 8px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/LoadingComponent.vue?vue&type=style&index=0&id=f357f106&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.loading-box .loading-icon[data-v-f357f106] {
  animation: spin-f357f106 1.5s infinite linear forwards;
  width: 48px;
}
@keyframes spin-f357f106 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.loading-box .tip[data-v-f357f106] {
  margin-top: 8px;
  color: var(--color-text-light-solid-1);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/StatusComponent.vue?vue&type=style&index=0&id=c87a8902&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.status-box .status-icon[data-v-c87a8902] {
  font-size: 48px;
  line-height: 48px;
  color: var(--color-text-4);
}
.status-box .tip[data-v-c87a8902] {
  margin-top: 8px;
  color: var(--color-text-4);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/CollapseCom.vue?vue&type=style&index=0&id=7fe36b30&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.collapse[data-v-7fe36b30] {
  position: relative;
  display: flex;
  flex-direction: column;
}
.collapse.flex-content.active[data-v-7fe36b30] {
  height: 0;
  flex: 1;
}
.collapse.flex-content .collapse-content.active[data-v-7fe36b30] {
  height: 0;
  flex: 1;
}
.collapse .collapse-header[data-v-7fe36b30] {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  background: rgb(255, 255, 255);
  padding: 0 24px;
  box-shadow: 0 8px 10px -5px rgba(42, 52, 145, 0.1);
  position: relative;
  z-index: 10;
}
.collapse .collapse-header .right[data-v-7fe36b30] {
  margin-left: auto;
}
.collapse .collapse-header .right .copy[data-v-7fe36b30] {
  font-size: 16px;
  color: #6c97df;
  margin-right: 12px;
}
.collapse .collapse-header .right .updown[data-v-7fe36b30] {
  width: 16px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAYCAYAAACSuF9OAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAE8SURBVEiJvZbbjYMwEEVvppENlcSdhD/kikb8kU5MJWwlo/0xkeNHxjaw9wdp8ONoOBhuOBhmNgAMAGetdUfXu50EAwAgom2apteRNeksGAAQkcHX/xeIme8xTBDj73elt0Ojdr8XqhlonudnsgjRlqk9LgdiZiMiQ1R2XmQXFkVkyMGfBpSTGMGr7q8JVKvkVUA5iYloi88da63LPL4myWs7NMYFEVlzAwvnULXkKlDBA2et/f0ybUk2qpT8K1BJYu0T4WE/xtRKXgTSJNbSK3kWqFbiGqhWyUsdGuNCSWItrZInQJ0Sa1mSjQuSfwD1SqylRfI30FGJK6BcDiqWnDzMPYbpkbgGSpN879AYT+6VWIsmOV0ksZYlLuySU6YTp3lTSkHyFQh+8ne5roYJw8yGiH5EZL34ifTnDwg+0aAFOjJsAAAAAElFTkSuQmCC) center no-repeat;
  background-size: 100% 100%;
  transform: rotateX(180deg);
  transition: all 0.2s;
  cursor: pointer;
}
.collapse .collapse-header.active[data-v-7fe36b30] {
  border-radius: 8px 8px 0 0;
}
.collapse .collapse-header.active .updown[data-v-7fe36b30] {
  transform: rotateX(0deg);
}
.collapse .collapse-content[data-v-7fe36b30] {
  width: 100%;
  border-radius: 0 0 8px 8px;
  background: #fff;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.collapse .collapse-content.active[data-v-7fe36b30] {
  height: 100%;
  opacity: 1;
  transition: height 1s ease-in-out;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/ThemeCom.vue?vue&type=style&index=0&id=46519bd4&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.theme[data-v-46519bd4] {
  height: 100%;
  overflow: auto;
}
.fail[data-v-46519bd4] {
  margin-top: 50px;
}
.group[data-v-46519bd4] {
  width: 100%;
  padding: 0 26px 62px;
  min-height: 550px;
  overflow: auto;
}
.group .group-item[data-v-46519bd4] {
  width: 100%;
  padding: 16px 0;
  position: relative;
}
.group .group-item[data-v-46519bd4]:last-child::after {
  display: none;
}
.group .group-item[data-v-46519bd4]::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: rgba(189, 189, 199, 0.3);
}
.group .group-item[data-v-46519bd4] .loading .tip {
  font-size: 12px;
}
.group .group-item .create-time[data-v-46519bd4] {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: rgb(153, 153, 153);
  text-align: left;
  margin-bottom: 8px;
}
.group .group-item .create-time .name[data-v-46519bd4] {
  font-size: 16px;
  font-weight: 500;
  color: rgb(153, 153, 153);
  margin-right: 16px;
}
.group .group-item .list[data-v-46519bd4] {
  width: 100%;
}
.group .group-item .list .item[data-v-46519bd4] {
  width: 100%;
  height: 42px;
  background-color: rgb(237, 237, 237);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgb(153, 153, 153);
  border-radius: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out;
}
.group .group-item .list .item[data-v-46519bd4]:hover, .group .group-item .list .item.active[data-v-46519bd4] {
  background-color: #dcdeed;
}
.group .group-item .list .item.active[data-v-46519bd4] {
  color: rgb(65, 85, 240);
}
.btns[data-v-46519bd4] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 75px;
  background: #fff;
  width: 100%;
  padding: 0 26px;
  border-radius: 0 0 8px 8px;
}
.btns .refresh[data-v-46519bd4] {
  margin-right: 8px;
}
.btns[data-v-46519bd4] .generate-btn .base-button {
  width: 236px !important;
  height: 48px !important;
  border-radius: 12px;
  line-height: 48px;
  font-size: 18px;
  padding: 0 18px;
  background-blend-mode: overlay;
  box-shadow: inset 0px 0px 22px 7px rgba(64, 185, 248, 0.5);
}
.btns[data-v-46519bd4] .generate-btn .base-button.disabled {
  opacity: 0.6;
}
.btns[data-v-46519bd4] .generate-btn .right {
  margin-left: 8px;
}
.btns[data-v-46519bd4] .generate-btn .point {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.btns[data-v-46519bd4] .generate-btn .button_icon {
  width: 20px;
  height: 20px;
}
.btns[data-v-46519bd4] .generate-btn .tip {
  display: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/ReGetTime.vue?vue&type=style&index=0&id=53b45338&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.reget-time1[data-v-53b45338] {
  margin-left: 300px;
  cursor: pointer;
}
.reget-time1 .reget-icon[data-v-53b45338] {
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAYAAADHLIObAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAk+SURBVHic7Z0/TBtZHsc/b9ZbYBcHsSYVp5sUUIC0pLis2IpZylDsFniV5gKpIiUN6LJbnBQBWulOukQKxV2kVBtyzWqdYreA0hmqQ2KLsJIpoNiJ5CqWz77CUKzO74o3Y8bjMfjPPBsIXymKZcYz4+/83nu/3/f3ez8LYoadKd8EYwa4KZAWYHl/slp9RjMq3j9XCvEWiQu1bSc78jbOi4g4TmLPl20M4wsh5SIwHMc5+wBXIJyarG04r0ecXk/WNZH2l+VhPjYWBHKJgLWZaZgYk9wYVa//MCoBuJ7u9Va7Q/UIqsdQLMG7gsAtQP5QUCw1HOZK5JqTHXnZ7XW6ItLOlBcF4hme9aWG4PasZGZaDoywTlEswWZOsPtLA6ldE9oRkfadsiX+J74DbICJMcjMSSbHZafXPVdwdgTZzQZCHfmRvOd8P+K2e462iQxaYWoIFjISe/piExhGiNCKRC63a51tETn7VXlVSrECYE9LFuYlqWS3t3u+USxBdlPg7ChqhJBruR9GVs/63JlEzn7132dSyiWAhXnJ3OzlssJW2MwJNl77ZIr13A+/Wz7t+FOJ9ElMDcGj+xd/LuwU+QPB0xeC6vHZZLYk0h/OqSFYWa5hjeq52fMOtwBrzwyPzNbD3Ih6086UF/058dF9+cGSCGCNKg4ApBQrdqa8GHVcE5H2nbLlrc4szH94wzkKk+NqgQUQiGf2nbIVPqaJSM9PHLanP5yFpR3MzdbdvWGPowY0EOmZrW2mlaN9hUYszEtSQwDY4SHeQKRAzYuZOYl5QUK9fiKVVIEIeEP8y3JdoKkT6TFsmWkuXcQSJ+xpycQYAMN8bCz479eJDFrjFU6Hz5GnfAEekfZ82ebKGtvG5Hh9rrQ87hSRhlAmeusTvSRmNwX3/mzw8LER1gMvHG77Ho1hfAEekRJpA1rdnfyBItIXWf/5KjIWuDCY8UaulxUgoXIsaljrXKl39xqj0aPj9j73vnRyvHmNc6M6Xff4KpYYtjPlmwmVqJJMjukd1vuHjURao83Xe1+Cn/cEvxbU8VHDPzWkvoCZltyaUtPRoMidGJNslwRgzCQQWEi0xtPVIxX8B3Fr6uR1/kAJqvuHbZzrGKoFcAuC3T0AwcSYxP6s/wvljVHYVi9vJoSUN+EkSaUDYWsEZZH5A8Hzf0VbXqfn3z+ErZzg6/u1vgUT/nUE0krgZQD1zo/NN7D5RrCViyUbXIdbgIePjb6p+Mr4BICVIJAJ1AW30EhYsURbJKaGIJkE85oaLcX/tGe9zo4gfyhYXeqfdZ4QqenpFUvN8+NpmBiDT6ckf5yKSu3K+jnzhwLn39HThn/M6rqhlczA/VkJPZc4Qb7FFw3DnpbMTNOW/mmmwU5L7GkolmRDsiqIYgm++avRF4Vfu1e8f3D63800rCxJHtztTkQ20/DgrmSlheVVj+HJC4PqUcen7gjaiQzPj1HY3VORTy9fdnIcVpeiLa9YUmTqhHYik2csYsUSbL0RrK0b3Htk8PyV6JpQMw1//0st0p/cP1Qhqi5oJ/Lh3RoTHURNzo5g601vX3hhPjpht5Xr/iGdBe1EmmlYXZZ897TG1/dV3uOsVfR9jw56KkmkY149pueH1AraV20fqSTcmpJeaCjrLszuHuwfKFXIRxwqlJmGB3+SrK03EreVE209zE7RNyLDCLowIMkfKIfbvBZf3D85LpkYa4zhq8dq+og7E3BuRMHJceVLxp1HjyIsfxD/8D43ROrC5HjzMN4/7M3VisKlJxKiUyjbEZFQL/gwiJxqfu/XDuL/dvBBEBmlxreb6mgXWlZtX3kpltQK3E+xNQpRylaxJPDVpDigxSKfvDhJt7oFVf06aEQ553FCC5Fh/bGVZthPhIXruPPqWojU/fS7Qfge4p5qtBCp++l3g/A9+OmLuKDJIqNz1oOCblEXNBEZpUEOcp6MTgfHew0tRE6ON7+XPyPloBPhdDCA9ft4r6GFyKiQ7Oe9wVlkVAIu7so7PYtNEr+qtQ5fvuo3nJ3mXPjEWPzFA9pCxE+nmp94dlOf1N8KUXka+7P4r6ONyJlpGekG6ZL6o7CZa7ZGM42WyjttRKaSgarWALZyoqPKi25RLFHflBmErh0bWtWf2583W6WfsNfppPuiSRg6a+S1EplKwnyE1B9Uh+KGXwwQdW6dOza065FzszJyiOsg0y2oc0ZNHbdn9XY8MAAX9IZwiy0S9n6RU68yW/VIrc5rz6IfjDWq7iFuBDyQSt8U8lbibvVYLQoPHxsd+5nVI1Xk/83fjPqOiTDMtLq2DgSuV0mgLNJ6VxBcjxAb4oKZVkVOT15ED71iCZ6/EmxkRb2QwEzLhp0Mfg+f/UNB/kBFS6dJdLrV+WCbm4REuMKrfNANVcJXI7vVuuzZj4CcHeilUVY/yp/feZV2Uoi3CeAtxJ9Va4VUUs1X5jXlnMf9AFNDylPox17z+siSuAmobYPwpKb+ba+Ym5V8OtW62rYbZOak8l37tO/mRAypbQuAzzOVMjD8j29rA2nJ5bfX2j/sPOrxnWwdhVGnoVhSOygA9012+EYCQArxUki5tK2huKgdmGlYzEj8KrVdb/dXsQRHxyfD39/hYKZVIfwge7H5LptAOODntWu1nxBiaSs3GCKDMNPhGP18bnve/UURWZO1DfAiG69/ols91lOpddkQ0Dhdv/dk3SGXiHXQW2d9WeBzJJFr/nsnkc1vtQ2gsn84GCX7oqDBGgOd/OpEOj+OVCRyGWAj238l+yLA7+QHjdYIIfXHY9jx498rNCLQW9IJ95VsEi3kR/IeUHF2xLkofjov2MzVA4eKx1EDmoh0vh9x60P8tbhaxVGejD9CJXI5qmVspIzmZEdeCqHmgKcv+pNjOa9wC4oDUG0PW7WKvWrEeQpiacTp46o1bAytYX2EmxVf5iZ01SO1NsTerNhHsH223xbxsrX/cnaUQu+p7vG3z/YRbuh+WQiNaJejr6F7EJ51rhDo0HLrEzV/XpQh/76kNi1t5RryPh1ZYRA9OYlhQuGktsYaVe1czLSS/wfVLcpPM78rqKikRZcrVyLW+a224fw4UunmOrH9DIshjAWvWZ0Vxzn7gIoU4iW12k8D/RmWVqj/MJDA8rpcWaiWOIP6nRvX/18iXOCtjh8G+j9B6DNDv1KE0wAAAABJRU5ErkJggg==) center no-repeat;
  background-size: 100% auto;
  position: relative;
}
.reget-time1 .reget-icon[data-v-53b45338]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAYAAADHLIObAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAkvSURBVHic7Z3NbxNJGoefajxxLo4TTRQkIyznwIRDErFSOGWk8YbLfEiTEZqMltFKwJ72tvAXzPAXwN647AISGkawYoeVFrhMMBI5YWmRw4FsDrGMYgkrkd34Eme0rj1UV6fdbieO02UnIY8UxXLs7s6v365+P6reFoRMeq58BqzPgDMCmQJSzp9Srb5jmIrzk5dCvEKSh/rzzIOhV2HuRISxkfS35TSWNSukvAQMhrHNLpAXiExd1u9k/jGU2evGOhYy/U15kI+siwJ5BY+1xWNwMiE5PqxejwxL9/1esFGD2ibY76G0Lni3Bm+LArva8LG8RF7LPBi63el+OhIyPVe+JBDXcawv2gdTk5KJ07Jngu0WuwrZnGB5pUHUjgXdlZDpP5RT4n/iFpAGSCZg+qwkmZC73e++YvGNYCHbIGhGHpOXMz8P5dvdRttCeq0w2gfnppUFHiZ8glYk8mq71tmWkDPflX+UUvwAMDEmmZmW9Ec7Pdz9jV2FFy8Fr5eUNELIa/P3h37c6Xs7CjnznX1dSnkFlBVOTR4uK2xFNif4dUGLKW7M349f3e7z2wqpRYz2wfkvDv5YuFsKRcHDJ4La5s5ithRSX87RPvh+ts7IsJmD3e+U1uCnR5YjZuvLPFBI58ZyC+DC7IdniX4KRcG9R0oqibwcdANqEtJxcf4DDH5IY+JOeMbMijwmf+d3jSz/Fxw/cXB87EhEL1OTkokxCTDoaNRAg5DpufIlIB2Pwadnj0T0MzMtifYBkHa0cmkQUqB8xempgxPqdZP+qHIBAQTievqbspugcYV0FE7FYxy6iCVMJk5LkgkABvnIuqjfd4X0WuMR2zN9VlulClTAETL9bTnNkTW2TTLhjpUpRzslpCWUiZ4aNSvii5eCG3+zuHnX8ucDDxyuR2NZs+AIKZHphj8aoLAKC1kVbtlVeDzf5HkdKPSV61QFsFSNRV3WJu/Uy/lG33+j1t737Kr6ebfW/ne6gUevwfRc+UxEFaokJw2HgYXVRiF1CcKLXYXllZblAEBl4+MxiA9ITqXUcNSrlN7JhMReEoD1WQRBCgnHDSYlNmpQWm9875PRrdeFomDhpaBQ3HlbtU21rdK6YHkFeCY4mZBMjHX/Rnl8GF4vAXAmIqQ8AzDysbmDeFtszo2MDEsKRcHj+WDL2+323xZVPHz+i3rXggm9H4FMRXAqgPEBczv870rzAWRzgmwulGqwS2kdbt61GB+TnOtCFl8NTwIgFcFTCTRFaa1RMF3B24lonwrLBmLqanlfbc96Xy8J3hYFF2a7Z52ukKbOnl1tHh+3I5lQN5BTo0HxvnS3WVgVLC4FDxv6M/ceWUbF9Gw3FTGziy38d+tWjI9JJk7TVhJZR2ATp8GuyoZilRe7CrfuW13J8Bv3ine6E8djKgv/1Uxnmfh4DL6akVz4Otjyapvw8Kll3Ac1LqR/fAxieUVFPnv5Z5Mn4EILy7Or8M+nZv9V40LuNPbqG8+9f1n89e8W/54XHQsaj8HlubrOZDdQKKpY3xTGhfxypr6rqOn10t7doplpGWiZ2VznJ2knjAsZj8H3s5K//KnO+c8l42M7Z9/36qD3R+H8581jZm2zPberE4zftTX9Ue3WAEjXhVnOq9+1za3PhpGFisfgyxnpllE12ZwwMmuua0L68bowICmsgl0VxAfCi/uTCUky0RjD1zbVZKmwi3s9E9JP8gRohztMps9KCj6rVE58uPs62NnVNkgmmi/jQjH83OahFxKCSyhBkdBe+ECEbH7v3Vq4+/gghAzKtXq9hDAwcrPRmRe7CiMf09VkaxBB0ZX9PtwbjhGLfPhkq9xaWjfnBO+GIOc8TIwI6c8/tptKM4k/cR12Xd2IkKbPfif4jyHsocaIkKbPfif4j0GXL8LCjEUOBNese0U3JhZ0xSKht+NkUF0n7Dq+ESGd+YMNtFP8N4W/HAzKLQsTI0IGhWTLK/vLIsOeeWdEyP5os1Xq9FW3WXzTXAs/mQh/8oCxEDHojC9kzaX6W7GQbT55E2Ph78eYkONjMtAN6maUk801W2M8BskT4ec9jQnZHw0uGWRzglLImZcg7CruokwvplZsGM3+TE02W6Uu2Jv0K3XSxI/JOfJGheyPBi988maHwsautj5RJldsGM9HTk0GL8UzIWZpTW0zaOjQPTdMYQF5MBvCnWtRsNeTnPZ6A9qoqVkUP7U4MSPDWyu2wsTjgVS6liEPKtiDGjN/XRDcvGvt2s/cqClH//YDy10x4SceU/s2gWd/lQjKIlOlNUE85IyIFzXrrM7Dp8GXnl2Fx8/UUt5To5JPRlWGJh7bynDrHj6FVVWrXl4JFk8zMtz6BIaB/d59mY9IRF44Mx9ME4/Bha/rLGRbz++pbaoKn5rk3vkl340mJqV1ZzG8EK8iwCsIv6rWCr3CVM8jD/sERvuUp9CNteauZpJ8BOrPQRiZfbAdU5NqenOr2badMD2lBOzWuputZEj9uQD4/VylDAz++Y+9qfbp0LGwKnY13xzUcKGmTXd3jbldVSsogPyzB4OjEQApxG0h5RUTk4vaIR7T7olsWP1lV6FW27r89QoHvXytl73Y9BgvEBnQde16/RFCXMnmeiOkl3jMH6Pvz2XPOr9al/U74EQ2Tv/EfG1TLWc7Yns8Oc687j3pOuQScQNgweA868OCznFK5DX93lZk81v9DlApFHuTyT4oNFijp5GSK2Tml6GKRF4FFbLtp7XR+wW7GmyN4Mv+OApnapswH5AU/dB58dK1xoy/rVdT0kIek5eBymIIyzQOE9mcGzhUHI0aaBIy8/NQ3nuJH93FlSejyxYSeTWoZWxgGi3zYOi2EGoMePikOzWW/UppTWkAqu1hq1axR404tyGURpyao9awIbSG1XibFY+PST49e3ib0G3UlMeyGHazYo23fXY8plJWh6391+IbZYVO1j389tkaf0P3wyJoQLsccw3dvTjW+QO6Q0tMzfWZmjw4l7xdVRaYzTXUfXZlhV725CT6BYXGh16MfCyJD2x1S+kF7uqKNeG2Bgt+6IW4wW/1O5lfhiqd7Ce0x7BYwrroNKtLhbHNLlCRQtymXn/U08ewtMJ9MJAg5XS5SqFa4vTqOTd5/Vsi8sArEw8G+j/GZkAfA0xkrwAAAABJRU5ErkJggg==);
}
.reget-time1 .reget-icon:hover .content[data-v-53b45338] {
  width: auto;
  opacity: 1;
}
.reget-time1 .reget-icon:hover .content .blue[data-v-53b45338] {
  display: block;
}
.reget-time1 .reget-icon.disabled[data-v-53b45338] {
  opacity: 0.2;
}
.text[data-v-53b45338] {
  padding: 0 6px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgb(255, 255, 255);
}
.text .num[data-v-53b45338] {
  margin-left: 12px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.6);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/GenerateButton.vue?vue&type=style&index=0&id=64e4393a&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.generate-btn .point {
  width: 21px;
  height: 21px;
  margin-right: 10px;
}
.generate-btn .tip {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #8e8e90;
  padding-bottom: 26px;
  height: 23px;
  box-sizing: content-box;
}
.generate-btn .tip .red {
  color: rgb(242, 53, 53);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/LoadingIcon.vue?vue&type=style&index=0&id=7728ab29&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.loading[data-v-7728ab29] {
  margin: auto;
  padding: 30px 0;
}
.loading img[data-v-7728ab29] {
  animation: spin-7728ab29 1.5s infinite linear forwards;
  width: 40px;
}
@keyframes spin-7728ab29 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.loading .tip[data-v-7728ab29] {
  margin-top: 14px;
  font-size: 18px;
  font-weight: 500;
  color: #aaa7b6;
  line-height: 1.7;
}
.loading .tip .blue[data-v-7728ab29] {
  color: #6150fc;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/ImageWithFail.vue?vue&type=style&index=0&id=0454025a&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.image_fail[data-v-0454025a] {
  width: 100%;
  height: 100%;
}
.image_fail .img[data-v-0454025a] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image_fail .fail_content[data-v-0454025a] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
}
.image_fail .fail_content .icon[data-v-0454025a] {
  font-size: 0.48rem;
  color: rgba(0, 0, 0, 0.25);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/PageHead.vue?vue&type=style&index=0&id=f52eab2a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.page_head-wrap[data-v-f52eab2a] {
  width: 100%;
  height: 64px;
  border-radius: 14px 14px 0 0;
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 14px 4px rgba(20, 73, 225, 0.25);
  position: absolute;
  left: 0;
  border-bottom: 2px solid;
  border-left: none;
  border-right: none;
  border-top: none;
  -o-border-image: linear-gradient(to right, #c7c5fd, #6be7f5, #0b0bf4, #d1cbfe, #c8c3fd, #6be7f5, #0b0bf4, #d1cbfe, #c7c5fd) 1;
     border-image: linear-gradient(to right, #c7c5fd, #6be7f5, #0b0bf4, #d1cbfe, #c8c3fd, #6be7f5, #0b0bf4, #d1cbfe, #c7c5fd) 1;
  z-index: 7;
  overflow: hidden;
  padding: 12px 31px;
}
.page_head-wrap .back[data-v-f52eab2a] {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAADtklEQVRYhc2ZS28bVRTHfzMeu3HS0PgRP9LEaYiTAGsK4lWxAqkIiRVsQCDxKfgE7cdAYoXUXaFRxY4iikDZQpW2SfxKbOfRLgLYE3uMzviO61hpQn3Hsf+SN3M95/x87j3nXN9r7O4ecIYM4D3gI+AdIAtEgNBZL54gG3gCPAJ+BX4A7gGt0146DdIEvgK+UWCDkgDfAL4FnBeBXAC+B64OEK5XfwCfAZu9A+YJX34f+P2cAVH+xO+13oFeyA+Au0D8/NiOSfz+BHzY/bAbcgW41WdC+KmQ4ljphQwA3wGTQwb0dFHxCFcH8sshrMGzdFVVFze7pQ6uD7jM9CspT8umyqZRBERxXRPI6yMAc5quW8DbflpstVrs7z1lu1Sl2XSYnUsSib6EZVn9mnxL3lzyE7JaOeDReo563W5DOy1qNZu5TKpfk8uW2iz4op3tXR4/zGPbRxhGO6oCW6vVdcxHLD+Kt8CUilVym0XsozZg+zlEYpdIJKI65kN9LxRPjuNQzFco5HfaEewCn7mcIDOfJhy+oOVDC7LRaFIslF3AxlGja8RgZjbBlYXLjI3pAWpBStRkigu5bZrNZue5aRqk0gkWFmcJhYLagH1DCmAxX6aQ28FpPdunBiyLVCrO4lKGQOCkXeA5QUqmFvJlSoWyu+7aWQxWMEg63QY0vMwZFuTWRolKeR/HaXWyWKY4Gr1EdnneVzhPLzwniWSMi5Pjx/47CfDh4d8c7D8dAGIfkFORSV597WWisYg7zS3F+u8/Nf76c4NqZX/4kKZpMj4RZmllnvh0pAPpdpea7bbE7dLucCE9TUyEyS5l3On3QGWN1uo2WxtFioWKC+6HtIq5RHQxO4dhGlR29lxIyaV6vU5us+RCpmemsayAFqp2WwyPj5HNZjAwqFb2OtGzbZutzaJbjmLxKa3WaKqjDy1dGAu5azSZmiYQeBa1I+lKhQrVslYy2aY6m9FWMGix8soVkqm4C9rJfEN6fEPH/BOBfOgHpMgMmG5BT6ansYIWhmESi025yaWhdVmT94F3/QKVni0RlY9Pui+R/NEvawPSHYH8Wf2/HUUJ1z1TNeGbIwopXI53Pil14zfg9eFzdbQGvAk0vbYoW+svgMMRgENxfK64jvXuB8CnfhR3TdmK44FnpneDsQp8MsSIHir/q90PT9oFrapjt7XzY3O1pvyu9g48b6smoX4D+Bp4PGA4sS9+xF9nirv1f+5x5IdIR/pYHW4t+nCPI2Byj3Mb+OV5VyOugP8AFR47yXV7bxgAAAAASUVORK5CYII=);
  background-size: 100%;
}
.page_head-wrap .back[data-v-f52eab2a]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAADrUlEQVRYhc3ZXU9URxzH8e/MrrCitqDW9MZWqEARH6PYqhWxoeJDGr2qNxpNfA1e+Ao0vgoTr0y8MVoJbRrN2goCK1hqS1GDt21iwGUxAu6M+Z8zy8MGWXfPWXZ/CSHZhZnPzp75z5w56uULS44o4CBwAjgAbAZqgIpc/7hIpoEx4DnwELgDPACWRCyF1MB54JKDFSsCvgxcA0w+yFrgBtBSRFx2+oDTwGj2G3qRP24DepcZiOtP+m3NfiMbeQToAtYvn21BpN9fgY75L85HNgI3C5wQYabCORqzkRHgOrCmxMBMVjuPuGaR50pwDeZKi6su3uyWOjhS5DJTaKQ8NWg3m8oRiHO1CvJ4GWCWyvEosD/MFo2B0WeWPxOGmRnYtVezsVYRixXc5D5B1oeJHHlqudeVZnJCYazFpA3JccXufYutGx+VhqjbLISSvx5b4r/5QC9WkZqA5OtArddEwyje1sBgv6EnbnygmtvXfFGnaNiigjRfEQ0KfPcOBh4ZEt2WVFKhFFjr/2zfrWjZr6iuCYQkEHLqLQz0CtDwZnIOKCO5c4/i21bNJ9WBfMGQbybhSZ+h76Fh6u0cMLoCmncqDhzWrFodHFgwcjLlj2D/H5aZmTlgZcwHtrZrVoS4TckbmRyHRI9hsNd616MA5eutqvKBh37QqIKrTUjI7rhheMh4I6gdJqLhyzpFW0fIOpe8W23cotjw+cLZmk7D///B6POcN3UFJW/kxk2KjpOaunp/Ccxk7JXll1uGf5+GD80bGYnC2vWKw8c09U0+VFjyW1aWe12Goccmx01qkZGZrPtMceiIpmmbv+Lg6uPEOHTftwz0GUw6HGSgYi4jerBdZrPh7yf+aiiz/fU4PIobb3S37tJUVpYQKaleK2UngtaGf4asN3oCnUgquu8btILahmBLo3ZHH4Gy5lP4/pimeYfyirh116MslYP9luGhQBfotHZnM4ETWwntJ3xobKV1UOuN6tRUoNbHBPksDKRE1u22o5qm7ZqqVRYdgU2bFV83B9oFjcjd4lXgYljQIuSqjOTPZQyU3BVk3N3flmPE9UC7MnylTJHiMpnzSTlz6QH2lN41mwTwjexfMsuiLGBngVQZ4HCOM861YO0eBn4Ko7gHzLRzDGeayd5gdAKnSjiiKdd/5/wXF9sFdbpjt8Ty2bwkXL+d2W98aKsmQ70XuAC8KDJO2pd+pL/Zr3h+PuY5jnyQ74Af3eHWVyE8xxGYPMe5Dfz+oUcjXoD34RsmXiFZugcAAAAASUVORK5CYII=);
}
.page_head-wrap .line[data-v-f52eab2a] {
  padding: 0 53px 0 32px;
  height: 24px;
  color: rgba(181, 181, 181, 0.4);
  width: 1px;
}
.page_head-wrap .left .page_title[data-v-f52eab2a] {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
  padding-right: 24px;
}
.page_head-wrap .msg[data-v-f52eab2a] {
  font-size: 16px;
  color: rgb(170, 167, 182);
}
.page_head-wrap .msg .blue[data-v-f52eab2a] {
  color: rgb(97, 80, 252);
}
.page_head-wrap .right .line[data-v-f52eab2a] {
  padding: 0 32px 0 53px;
}
.page_head-wrap .right .back[data-v-f52eab2a] {
  transform: rotate(180deg);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/material/MaterialList.vue?vue&type=style&index=0&id=35ce66e1&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.modal[data-v-35ce66e1] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
  z-index: 50;
}
.modal .modules[data-v-35ce66e1] {
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: repeat(7, 1fr);
  row-gap: 8px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  min-height: 120px;
  margin-top: 8px;
}
.module[data-v-35ce66e1] {
  width: 100%;
  border-radius: 0.08rem;
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-base);
  cursor: pointer;
  border: 1px solid var(--color-border-2);
  padding: 50%;
}
.module.active[data-v-35ce66e1] {
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px var(--color-primary-base);
}
.module[data-v-35ce66e1]:hover {
  border-color: var(--color-primary);
}
.module:hover .overlay[data-v-35ce66e1] {
  display: block;
}
.module .module_img[data-v-35ce66e1] {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.module .loading-box[data-v-35ce66e1] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-fill-2);
}
.module .overlay[data-v-35ce66e1] {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px 0px, 8px, 8px;
  background-color: rgba(0, 0, 0, 0.2);
}
.module .overlay .view_icon[data-v-35ce66e1] {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: var(--color-white);
}
.module .overlay .view_icon .icon[data-v-35ce66e1] {
  width: 12px;
  height: 12px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/material/MaterialModal.vue?vue&type=style&index=0&id=50e9617a&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.modal[data-v-50e9617a] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
  z-index: 50;
}
.modal .modal-con[data-v-50e9617a] {
  left: 0;
  position: relative;
  margin: 0 auto;
  margin-top: 12vh !important;
  width: 936px;
  /* border-radius-lg */
  border-radius: var(--border-radius-lg);
  background: var(--color-bg-base); /* #FFFFFF */
  box-shadow: var(--Shadow-3);
  z-index: 1;
}
.modal .modal-con .header[data-v-50e9617a] {
  padding: 16px 24px 8px;
  position: relative;
  border-bottom: 1px solid var(--color-split);
}
.modal .modal-con .header .title[data-v-50e9617a] {
  color: var(--color-text-1);
}
.modal .modal-con .header .icon[data-v-50e9617a] {
  position: absolute;
  right: 24px;
  top: 16px;
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
  color: var(--color-text-3);
}
.modal .modal-con .body[data-v-50e9617a] {
  padding: 24px;
  padding-right: 8px;
  height: 64vh;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 82px;
}
.modal .modal-con .body .tab-box[data-v-50e9617a] {
  position: absolute;
  width: 100%;
  top: 24px;
  left: 0;
}
.modal .modal-con .body .tab-box .tabs[data-v-50e9617a] {
  position: relative;
  height: 40px;
  display: flex;
  padding: 2px;
  border-radius: var(--border-radius-lg);
  background: var(--color-bg-layout);
}
.modal .modal-con .body .tab-box .tabs .slider[data-v-50e9617a] {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  height: calc(100% - 4px);
  width: calc((100% - 4px) / 3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
  border-radius: var(--border-radius-base);
  background: var(--color-bg-base);
  transition: transform 0.3s ease;
}
.modal .modal-con .body .tab-box .tabs .tab[data-v-50e9617a] {
  position: relative;
  z-index: 2;
  height: 36px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  cursor: pointer;
}
.modal .modal-con .body .tab-box .tabs .tab[data-v-50e9617a]:hover {
  color: var(--color-primary);
}
.modal .modal-con .body .tab-box .tabs .tab.lg-medium[data-v-50e9617a] {
  color: var(--color-primary);
}
.modal .modal-con .body .content[data-v-50e9617a] {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 16px;
}
.modal .modal-con .body .content[data-v-50e9617a]::-webkit-scrollbar-thumb {
  background-color: var(--color-border-1);
  min-height: 10px;
}
.modal .modal-con .body .content .upload[data-v-50e9617a] {
  height: 100%;
  /* 使用Grid布局实现垂直居中 */
  display: grid;
  place-items: center;
}
.modal .modal-con .body .content .upload[data-v-50e9617a] .g-image {
  width: 480px;
  height: 320px;
}
.modal .layout[data-v-50e9617a] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000000;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/material/MaterialCard.vue?vue&type=style&index=0&id=35c8af5a&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.card[data-v-35c8af5a] {
  padding: 16px;
  border-radius: 24px;
  background: var(--color-bg-base);
}
.card .card-con[data-v-35c8af5a] {
  border-radius: var(--border-radius-base);
  padding: 32px;
  box-sizing: border-box;
  border: 2px dashed var(--color-border-1); /* rgba(0, 0, 0, 0.15) */
}
.card .card-con.dis-Upload[data-v-35c8af5a] {
  border: none;
}
.card .image[data-v-35c8af5a] {
  width: 560px;
  height: 280px;
  border-radius: var(--border-radius-lg);
}
.card .icon-con[data-v-35c8af5a] {
  color: var(--color-text-1);
  margin-top: 24px;
}
.card .icon-con .icon[data-v-35c8af5a] {
  font-size: 20px;
}
.card .icon-con .title[data-v-35c8af5a] {
  margin-left: 8px;
}
.card .des[data-v-35c8af5a] {
  margin-top: 12px;
  color: var(--color-text-3);
}
.card .upload-button[data-v-35c8af5a] {
  background: var(--color-primary);
  margin-top: 32px;
}
.card .upload-button[data-v-35c8af5a] .middle {
  font-size: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/material/MaterialUpload.vue?vue&type=style&index=0&id=16865c04&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.upload-card .card-con[data-v-16865c04] {
  width: 78px;
  position: relative;
}
.upload-card .card-con.dis-Upload[data-v-16865c04] {
  border: none;
}
.upload-card .card-con .bg-card[data-v-16865c04] {
  border-radius: var(--border-radius-lg);
  transform: rotate(6deg);
  background: #ebebeb;
  position: absolute;
  width: 56px;
  height: 72px;
  left: 21.66px;
  top: 5.36px;
}
.upload-card .card-con .image-card[data-v-16865c04],
.upload-card .card-con .image-show[data-v-16865c04] {
  border-radius: var(--border-radius-lg);
  transform: rotate(-10deg);
  background: var(--color-bg-container);
  width: 56px;
  height: 72px;
}
.upload-card .card-con .image-card[data-v-16865c04] {
  cursor: pointer;
}
.upload-card .card-con .image-show[data-v-16865c04] {
  padding: 4px;
  -o-object-fit: contain;
     object-fit: contain;
}
.upload-card .image[data-v-16865c04] {
  width: 560px;
  height: 280px;
  border-radius: var(--border-radius-lg);
}
.upload-card .icon-con[data-v-16865c04] {
  color: var(--color-text-1);
  margin-top: 24px;
}
.upload-card .icon-con .icon[data-v-16865c04] {
  font-size: 20px;
}
.upload-card .icon-con .title[data-v-16865c04] {
  margin-left: 8px;
}
.upload-card .des[data-v-16865c04] {
  margin-top: 12px;
  color: var(--color-text-3);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/task-list/TaskList.vue?vue&type=style&index=0&id=97a4e4b0&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.task-list[data-v-97a4e4b0] {
  display: flex;
  flex-direction: column;
  background-color: var(--color-bg-container);
  border-radius: var(--border-radius-lg);
  padding: 8px;
  max-height: clamp(200px, 80%, 600px);
  position: relative;
  padding-top: 82px;
}
.task-list .task-con[data-v-97a4e4b0] {
  height: 100%;
  overflow-y: auto;
}
.task-list .list[data-v-97a4e4b0] {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.task-list .list .item[data-v-97a4e4b0] {
  flex-shrink: 0;
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: var(--border-radius-base);
  overflow: hidden;
  cursor: pointer;
}
.task-list .list .item[data-v-97a4e4b0]::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  content: " ";
  z-index: -1;
  transition: background-color 0.1s linear;
}
.task-list .list .item[data-v-97a4e4b0]:hover::after {
  z-index: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.task-list .list .item.active[data-v-97a4e4b0] {
  border: 2px solid var(--color-primary-base);
}
.task-list .list .item.active .image[data-v-97a4e4b0] {
  border: 2px solid #fff;
}
.task-list .list .item .image[data-v-97a4e4b0] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: var(--border-radius-base);
}
.task-list .list-top[data-v-97a4e4b0] {
  position: absolute;
  left: 8px;
  top: 8px;
}
.task-list .list-top .item-add[data-v-97a4e4b0] {
  background-color: var(--color-fill-1);
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: var(--border-radius-base);
  overflow: hidden;
  cursor: pointer;
}
.task-list .list-top .item-add[data-v-97a4e4b0]::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  content: " ";
  z-index: -1;
  transition: background-color 0.1s linear;
}
.task-list .list-top .line[data-v-97a4e4b0] {
  width: 100%;
  height: 1px;
  background-color: var(--color-split);
  margin-top: 8px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/task-list/SubTaskLis.vue?vue&type=style&index=0&id=1bc9d7d4&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.task_list[data-v-1bc9d7d4] {
  display: flex;
  flex-direction: column;
  background-color: var(--color-bg-container);
  border-radius: var(--border-radius-lg);
  padding: 8px;
  max-height: clamp(200px, 80%, 600px);
}
.task_list .list[data-v-1bc9d7d4] {
  height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  gap: 8px;
}
.task_list .list .item[data-v-1bc9d7d4] {
  flex-shrink: 0;
  position: relative;
  width: 56px;
  height: 84px;
  border-radius: var(--border-radius-base);
  background-color: var(--color-bg-mask-2);
  overflow: hidden;
  cursor: pointer;
}
.task_list .list .item.item-loading[data-v-1bc9d7d4] .loading-icon {
  width: 16px;
}
.task_list .list .item.item-status[data-v-1bc9d7d4] .status-icon {
  font-size: 26px;
  line-height: 26px;
  color: var(--color-text-4);
}
.task_list .list .item[data-v-1bc9d7d4]::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  content: " ";
  z-index: -1;
  transition: background-color 0.1s linear;
}
.task_list .list .item[data-v-1bc9d7d4]:hover::after {
  z-index: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.task_list .list .item.active[data-v-1bc9d7d4] {
  border: 2px solid var(--color-primary-base);
}
.task_list .list .item .image[data-v-1bc9d7d4] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: var(--border-radius-base);
}
.task_list .list .item-add[data-v-1bc9d7d4] {
  background-color: var(--color-fill-1);
}
.task_list .list .line[data-v-1bc9d7d4] {
  width: 100%;
  height: 1px;
  background-color: var(--color-split);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/task-list/ImageComparison.vue?vue&type=style&index=0&id=2136f6ef&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.image-comparison[data-v-2136f6ef] {
  position: relative;
  overflow: hidden;
  /* border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
}
.comparison-container[data-v-2136f6ef] {
  position: relative;
  width: 100%;
  height: 100%;
}
.image-wrapper[data-v-2136f6ef] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.comparison-image[data-v-2136f6ef] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: opacity 0.3s ease;
}
.right-image[data-v-2136f6ef] {
  clip-path: inset(0 0 0 50%); /* 默认显示右侧一半 */
  z-index: 1;
}
.comparison-slider {
&[data-v-2136f6ef] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  /* background: white; */
  transform: translateX(-8px); /* 居中显示分隔线 */
  cursor: grab;
  z-index: 2;
  transition: background-color 0.2s ease;
  /* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); */
  }
.box[data-v-2136f6ef] {
    /* border: 1px solid rgba(0, 0, 0, 0.8); */
    background: rgba(0, 0, 0, 0.8);
    width: 2px;
    height: 100%;
    margin: 0 auto;
}
}
.comparison-slider.dragging[data-v-2136f6ef] {
  /* background: #42b983; */
  cursor: grabbing;
}
.slider-handle[data-v-2136f6ef] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.comparison-slider.dragging .slider-handle[data-v-2136f6ef] {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.slider-handle i[data-v-2136f6ef] {
  color: #333;
  font-size: 20px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/task-list/TaskLoading.vue?vue&type=style&index=0&id=727a1f22&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.task-loading[data-v-727a1f22] {
  width: 100%;
  height: 100%;
  backdrop-filter: blur(24px);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/ImagePreview.vue?vue&type=style&index=0&id=72f32a49&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.custom-preview-container[data-v-72f32a49] {
  margin: 0 auto;
}
.image-list[data-v-72f32a49] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}
.image-list .image-item[data-v-72f32a49] {
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.image-list .image-item[data-v-72f32a49]:hover {
  transform: translateY(-5px);
}
.image-list .thumbnail[data-v-72f32a49] {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.image-list .image-title[data-v-72f32a49] {
  padding: 10px;
  text-align: center;
  background-color: #f8f8f8;
  font-size: 14px;
}

/* 预览弹窗样式 */
.preview-modal[data-v-72f32a49] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.preview-content[data-v-72f32a49] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.preview-header[data-v-72f32a49] {
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: 5;
}
.preview-header .close-btn[data-v-72f32a49] {
  cursor: pointer;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  font-size: 0;
  opacity: 0.65;
}
.preview-header .close-btn .icon[data-v-72f32a49] {
  width: 20px;
  height: 20px;
}
.preview-header .close-btn[data-v-72f32a49]:hover {
  opacity: 1;
}
.preview-body[data-v-72f32a49] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  /* background-color: #f5f5f5; */
}
.preview-body .preview-img[data-v-72f32a49] {
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 50ms ease;
  cursor: grab;
}
.preview-body .preview-img[data-v-72f32a49]:active {
  cursor: grabbing;
}
.preview-body .nav-btn[data-v-72f32a49] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  cursor: pointer;
  z-index: 10;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  opacity: 0.65;
}
.preview-body .nav-btn .icon[data-v-72f32a49] {
  width: 20px;
  height: 20px;
}
.preview-body .nav-btn[data-v-72f32a49]:hover {
  opacity: 1;
}
.preview-body .nav-btn.disable[data-v-72f32a49] {
  opacity: 0.25;
  cursor: default;
}
.preview-body .prev-btn[data-v-72f32a49] {
  left: 20px;
}
.preview-body .next-btn[data-v-72f32a49] {
  right: 20px;
}
.preview-footer[data-v-72f32a49] {
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
}
.preview-footer .preview-counter[data-v-72f32a49] {
  font-size: 14px;
  color: #666;
}
.preview-footer .preview-tools .btn-list[data-v-72f32a49] {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
}
.preview-footer .preview-tools .btn-list .line[data-v-72f32a49] {
  width: 1px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.25);
  margin-left: 12px;
}
.preview-footer .tool-btn[data-v-72f32a49] {
  background-color: #f0f0f0;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s;
}
.preview-footer .tool-btn[data-v-72f32a49]:hover {
  background-color: #e0e0e0;
}
.btn-item[data-v-72f32a49] {
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  font-size: 0;
  opacity: 0.65;
}
.btn-item .icon[data-v-72f32a49] {
  height: 20px;
  width: 20px;
}
.btn-item[data-v-72f32a49]:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.06);
}
.btn-item.disable[data-v-72f32a49] {
  opacity: 0.25;
  cursor: default;
}
.btn-item[data-v-72f32a49]:not(:first-child) {
  margin-left: 12px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/task-list/ResultDetail.vue?vue&type=style&index=0&id=667f54b3&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
@keyframes loading-go-667f54b3 {
from {
    background-position-x: 100%;
    background-position-y: 50%;
}
to {
    background-position-x: -15%;
    background-position-y: 50%;
}
}
.detail[data-v-667f54b3] {
  margin: 0;
  height: 100%;
  padding: 32px 120px 96px;
  overflow-y: auto;
  width: 100%;
}
.detail .detail-con[data-v-667f54b3] {
  left: 0;
  position: relative;
  margin: 0 auto;
  height: 100%;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  z-index: 1;
  justify-content: center;
}
.detail .detail-con .left[data-v-667f54b3],
.detail .detail-con .right[data-v-667f54b3] {
  position: relative;
}
.detail .detail-con .left .image[data-v-667f54b3],
.detail .detail-con .right .image[data-v-667f54b3] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail .detail-con .left .image-can-click[data-v-667f54b3],
.detail .detail-con .right .image-can-click[data-v-667f54b3] {
  cursor: zoom-in;
}
.detail .detail-con .left .bg-image[data-v-667f54b3],
.detail .detail-con .right .bg-image[data-v-667f54b3] {
  opacity: 0;
}
.detail .detail-con .left .comparison[data-v-667f54b3] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.detail .detail-con .left .comparison[data-v-667f54b3] .comparison-image {
  cursor: zoom-in;
}
.detail .detail-con .left .image-bg[data-v-667f54b3] {
  opacity: 0;
}
.detail .detail-con .task-percent[data-v-667f54b3] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 11%, rgba(255, 255, 255, 0.02) 37%, rgba(255, 255, 255, 0.4) 63%);
  background-size: 400% 100%;
  animation: loading-go-667f54b3 2.1s ease infinite;
}
.detail .btn-list[data-v-667f54b3] {
  position: absolute;
  bottom: 16px;
  right: 16px;
  border-radius: var(--border-radius-lg);
  background-color: var(--color-bg-elevated);
  padding: 8px;
}
.detail .btn-list .down-button[data-v-667f54b3] {
  background: var(--color-fill-1);
  box-shadow: unset;
  color: var(--color-text-2);
}
.detail .btn-list .tabs[data-v-667f54b3] {
  margin-left: 8px;
  position: relative;
  height: 32px;
  display: flex;
  padding: 2px;
  border-radius: var(--border-radius-base);
  background: var(--color-bg-layout);
}
.detail .btn-list .tabs .slider[data-v-667f54b3] {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  height: calc(100% - 4px);
  width: calc((100% - 4px) / 3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
  border-radius: var(--border-radius-sm);
  background: var(--color-bg-base);
  transition: transform 0.3s ease;
}
.detail .btn-list .tabs .tab[data-v-667f54b3] {
  position: relative;
  z-index: 2;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  cursor: pointer;
}
.detail .btn-list .tabs .tab[data-v-667f54b3]:hover {
  color: var(--color-text-1);
}
.detail .btn-list .tabs .tab.lg-medium[data-v-667f54b3] {
  color: var(--color-text-1);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/task-list/VideoResultDetail.vue?vue&type=style&index=0&id=3391d2d4&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
@keyframes loading-go-3391d2d4 {
from {
    background-position-x: 100%;
    background-position-y: 50%;
}
to {
    background-position-x: -15%;
    background-position-y: 50%;
}
}
.video-detail[data-v-3391d2d4] {
  margin: 0;
  height: 100%;
  padding: 0 0 0;
  overflow-y: auto;
  width: 100%;
}
.video-detail .detail-con[data-v-3391d2d4] {
  left: 0;
  position: relative;
  margin: 0 auto;
  height: 100%;
  border-radius: var(--border-radius-lg);
  overflow-y: auto;
  z-index: 1;
  justify-content: center;
  padding: 96px 271px 0;
}
.video-detail .detail-con .detail-item[data-v-3391d2d4]:not(:first-child) {
  margin-top: 80px;
}
.video-detail .detail-con .detail-item[data-v-3391d2d4]:last-child {
  padding-bottom: 200px;
}
.video-detail .detail-con .detail-item .top .left-form .material[data-v-3391d2d4] {
  border-radius: var(--border-radius-base);
  border: 2px solid var(--gray-5);
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.video-detail .detail-con .detail-item .top .left-form .material .image-material[data-v-3391d2d4] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--border-radius-base);
}
.video-detail .detail-con .detail-item .top .left-form .line[data-v-3391d2d4] {
  margin-left: 8px;
  height: 12px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.06);
}
.video-detail .detail-con .detail-item .top .left-form .prompt[data-v-3391d2d4] {
  margin-left: 8px;
  text-overflow: ellipsis; /* 超出的文本部分显示为省略号 */
  display: -webkit-box; /* 使用弹性盒子布局模型 */
  -webkit-line-clamp: 1; /* 限制在1行 */
  -webkit-box-orient: vertical; /* 垂直排列盒子 */
  white-space: normal; /* 允许换行 */
  word-break: break-all;
  overflow: hidden;
}
.video-detail .detail-con .detail-item .top .time[data-v-3391d2d4] {
  color: var(--color-text-3);
  flex-shrink: 0;
}
.video-detail .detail-con .detail-item .left[data-v-3391d2d4],
.video-detail .detail-con .detail-item .right[data-v-3391d2d4] {
  width: 100%;
  height: 629px;
  margin-top: 12px;
  position: relative;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-2);
  background: url(/img/20250902point.07cbe170.svg) 0% 0%/20px 20px repeat var(--color-fill-2);
}
.video-detail .detail-con .detail-item .left .video-con[data-v-3391d2d4],
.video-detail .detail-con .detail-item .right .video-con[data-v-3391d2d4] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-detail .detail-con .detail-item .left .video-con[data-v-3391d2d4]:hover::-webkit-media-controls-panel,
.video-detail .detail-con .detail-item .right .video-con[data-v-3391d2d4]:hover::-webkit-media-controls-panel {
  opacity: 1;
}
.video-detail .detail-con .detail-item .left .video-con[data-v-3391d2d4]::-webkit-media-controls-panel,
.video-detail .detail-con .detail-item .right .video-con[data-v-3391d2d4]::-webkit-media-controls-panel {
  opacity: 0;
}
.video-detail .detail-con .detail-item .left .image[data-v-3391d2d4],
.video-detail .detail-con .detail-item .right .image[data-v-3391d2d4] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-detail .detail-con .detail-item .left .task-percent[data-v-3391d2d4],
.video-detail .detail-con .detail-item .right .task-percent[data-v-3391d2d4] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 11%, rgba(255, 255, 255, 0.02) 37%, rgba(255, 255, 255, 0.4) 63%);
  background-size: 400% 100%;
  animation: loading-go-3391d2d4 2.1s ease infinite;
}
.video-detail .detail-con .detail-item .left .comparison[data-v-3391d2d4],
.video-detail .detail-con .detail-item .right .comparison[data-v-3391d2d4] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-detail .detail-con .detail-item .foot[data-v-3391d2d4] {
  margin-top: 12px;
}
.video-detail .detail-con .detail-item .foot .down-button[data-v-3391d2d4] {
  margin-left: 8px;
}
.video-detail .btn-list[data-v-3391d2d4] {
  position: absolute;
  top: 16px;
  right: 16px;
  border-radius: var(--border-radius-sm);
  background-color: var(--color-bg-elevated);
  padding: 8px;
}
.video-detail .btn-list .tabs[data-v-3391d2d4] {
  margin-left: 8px;
  position: relative;
  height: 32px;
  display: flex;
  padding: 2px;
  border-radius: var(--border-radius-base);
  background: var(--color-bg-layout);
}
.video-detail .btn-list .tabs .slider[data-v-3391d2d4] {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  height: calc(100% - 4px);
  width: calc((100% - 4px) / 3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
  border-radius: var(--border-radius-sm);
  background: var(--color-bg-base);
  transition: transform 0.3s ease;
}
.video-detail .btn-list .tabs .tab[data-v-3391d2d4] {
  position: relative;
  z-index: 2;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  cursor: pointer;
}
.video-detail .btn-list .tabs .tab[data-v-3391d2d4]:hover {
  color: var(--color-text-1);
}
.video-detail .btn-list .tabs .tab.lg-medium[data-v-3391d2d4] {
  color: var(--color-text-1);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/task-list/VideoResultDetail.vue?vue&type=style&index=1&id=3391d2d4&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.video-reload-button .point {
  color: var(--color-secondary-base);
  margin: 0 4px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GMaterialImage.vue?vue&type=style&index=0&id=708b900f&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
@keyframes spin-708b900f {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.g-image[data-v-708b900f] {
  width: 566px;
  height: 254px;
  background: rgb(248, 248, 248);
  border: 1px dashed #cccccc;
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  overflow: hidden;
}
.g-image.has-value[data-v-708b900f] {
  border: 1px solid transparent;
}
.g-image[data-v-708b900f]:hover {
  border: 1px solid var(--color-primary-base);
}
.g-image .btn-list-top[data-v-708b900f] {
  z-index: 10;
  position: absolute;
  top: 8px;
  right: 8px;
}
.g-image .btn-list[data-v-708b900f] {
  z-index: 10;
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.g-image .move-btn[data-v-708b900f] {
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: none;
  transition: all 200ms ease-in-out;
  border-radius: 8px;
}
.g-image .move-btn[data-v-708b900f] .middle {
  font-size: 14px;
  font-weight: 400;
  padding-left: 8px;
}
.g-image .move-btn .left img[data-v-708b900f] {
  width: 15px;
  height: 15px;
}
.g-image .move-btn.active[data-v-708b900f], .g-image .move-btn[data-v-708b900f]:hover {
  opacity: 1;
}
.g-image .matting-icon[data-v-708b900f] {
  right: 82px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAM+SURBVHic5ZvLTiJBFIa/LoQEcTI4MZqQmWTYzAI3JM5r+AywwmfSFbwB7+GwbFZzWxgNxow44yVBlFkcWxvSYgPVXdXd34ak6C7q/zl96qRTxyE8eeA98A4oAgUgt8D9UfIAjIA74B9wBdyHudEJcU0J2AE2l12dIS6BAXAz76J5BjjAR2Bb46JMcA6cAJOgL18zoAhUnz7TwB3w6+lziqBneAP4gjzjaSEPfACukVzxzKwBRUS8LclNJwrJY1fA2D/o4SBhn0bxHjng8+yAxyegHOdqDJFHdP+Flwgokfxsvwg7PCV45RvIGtsgBuRJXpGjgy1AKaS8zSplhdT2WWVDkZ5qbxnWFemq+BaloEh34fMWa+rta+LHdd3WZDL55rpuK+KfcqwzwHXdVq1WawHUarVW1CZYZYBfvEfUJlhlwPHxcS9oPEoTrDKg2Wz2Op3OQdB3UZlg3AAv4bXb7T2I3wSjBvif+UajcWjCBGMGBCU8EyYYMSBIvEfcJjjA3qqTLMI88X46nc5Bs9nsAbTb7b1Go3EYdJ3jOF9XWU+sERBWPISLhH6/f7TqmnJAZdVJwrCIeI96vb5frVZ73W73rNvtnlWr1V69Xt8HEb+7u5sMA5YR7xFkQqFQONMhHmLIAauI9+PPCTqJNAJ0iYfpSNAxn0dkEaBTPOh75meJZBdIiniIwIAkiQfNBiRNPGg0IIniQZMBSRUPGgxIsnjQYEClUtG2jcYtHix4I+RhQjxYYoAp8WCBASbFgwYDyuXy0jnAtHgwGAE2iAdDBtgiHgwYYJN4iNkA28QDrK06Qb/fPwqqBIfD4dTbm9PT055t4sHAa3HLmCik2SCrjBUzp6czxkgRcIY+Q9wqpMcmq1wr5Px8VhkqpLvq0vRKDHABPHqF0MDkSgxxDi+HJO+RoqhkbDnxMgD+wHQpfEI2doRbRCswbcAEaS1Lc2H0APz2D8yeEx4jrWWbWPC2SDMPwHckAp4JOig9QrbGEtJNkgZugR/MiIfXT4qPkW0ihzRSJpkB8BNfr6CfMM3TRaTBaEvjouLgAtnq5ib2MAZ4KKSvcANYRxot1hacIwomyL87QkL8GhgCj2Fu/g8w82papbVtsgAAAABJRU5ErkJggg==) center no-repeat;
}
.g-image .matting-icon[data-v-708b900f]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAN0SURBVHic5ZtPTxNBHIafHQwYIlFONBGlFzBhjelJ8USPemiih3LlBh9D/Rhw82CMuwc9YkKInACTJpJwojFpjXHxwh8NpHBoPYxrl2Yt23Z2Ztt9kh46nd3+3je/nf3TvhbRGQNmgClgArgJXO9g+zipASfAT6AK7AO/o2xoRZgzCcwB97utzhB7wDbwvd2kdgYI4AnwUGFRJvgMrAH1sA//Z8AE8BzIxFSUbg6A98hD5BJDIZPvAovArZiL0skN4AHwDblW/KPVgAmk+BE9dWnlGjALlIFTf1AEJghk2w+ieJ8R4FlwINgBT4F7WssxwxjSiK/Q7IBJ+n+174TH/F3gfQPmzNVijEcgDRij/y5yVJADhgXy8jaNWMCMQF7bp5UpgTz3p5WMQN7VpZVxQXJuaU0wKq6eox/HcfKNRuOF4zj5mL9KJM4Ax3HyxWJxHqBYLM7HbUKiDAiK94nbhEQZsL6+Xgkbj9OEISCWHXdDqVQ69jyvWigUcq2f2badtW3bcl23ovI7jRvgOE7ecZxFz/OqpVLpWLcJRg0IHvOFQiFnwgRjBoQteCZMMGJAmHgf3SZYwMtedtAp7cQHWV5efr26uloBWFpayq6srCyGzbMs61Uv9WjtgKjiIVonuK672WsHaDOgE/E+7UxwXXdzYWHhU691aTGgG/E+YSbUarUTFeJBwxrQi/ggwTVBJbF2gCrxcLkTVOzPJ7Z7AZXiQR7zcXRALAbEIV7VMd+KcgP6STwoNqDfxINCA/pRPCgyoF/FgwID+lk8KDAgl8sp+2VJt3hI0DNBE+IhIQaYEg8JMMCkeFBgwPT0dLbbbU2LB4MdkATxYMiApIgHAwYkSTxoNiBp4kHBAxHbti3btrOt4+VyuXJ4eHjsvzY2NnaTJh4MPBZPGHWBDBuklTNBy7+nU8aRIOQ/9CniQCAzNmmlKpABozTSAPYFMl21Z7gYE3wBLvwLoW2TlRhiB5qBiV/AKHDbWDl62QJ24fKl8BoyXTXoeMBH/03QgDoyWnauuyKNnAMfggOtqbFTZLRsFpmyGiTOgTfAj+BgWG7wBBktm0SmSQYBD3hLi3gINwBkJ5SQ6ao78dWlhS3gHYGsYJAo4ekMMmCUizg/CTSQ5/kdrljYOxE0TDM+nwHGkadO00+W68AZcIQU68fnL6Js/AeTKLaZs2WPzgAAAABJRU5ErkJggg==);
}
.g-image .close[data-v-708b900f] {
  right: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANcSURBVHic5ZvLTttAFEBPJgQpQFWoEGxaqd1UskRWXUcie8RfRPwFQv0LxG+wdxQ+gcirvhZsglCBloIUAuniYjBWHnZyZwz22UTyYzz3YI/vmLklklMB3gJvgCowD5RTnG+TO6AH3AB/gUvgNsmJpQTHLALrwMq0vcuIc6AL/Bt30DgBJeA9sKbYqSw4BU6AwbCdowRUgU8Pv3ngBvj58PuMYc/wEvAZecbzQgV4B1whY8UjcQFVJPiXMrhpYpBx7BLoRzeGlJDbPo/Bh5SBj/ENIR+AZZe9yYgKEvcfeLoDFnn9o30a1nkY4E1kQ9FYAxFQ4fUlORqsAsYg6W1RWTZIbl9Ulgz5yfamYcGQr4wvLfOGfCc+k5gzk4/JNSV1Ae12e1u7TZttqwoIgmCnXq/v2uhou93ertfru0EQ7Gi2qyYgCIIdz/OaANoSwuABPM9rakpQEeD7/lYYfIiWhGjwIZ7nNX3f35q1bVAS0Gg0Dlut1l58+6wShgUP0Gq19hqNxuG07UZRewS0JbgIHpQHQS0JroIHZQEwuwSXwYMFATC9BNfBgyUBkF5CFsGDRQGQXEJWwYN8Cf5i8wIgecLm5uZefPvR0dFXECHxfS6CB0cCYLSEYbgKHiw/AlFGPQ5xXAYPDgXAZAmugwfHAgDK5fLIa47bZwunFxw12ofYmkqPw5mAScGHuJbgRMC497yNWWQarAuYlOTYmkonxaqApBlelhKsCUib3mYlwYqAaXP7LCRY+Sw+S27vWoKqAK1ZnUsJagK0p7SuJKgIsDWfdyFBbTp8fHzc3NjYePyHhebEJj6V7nQ6+7Va7UCjbbVHoFarHXQ6nX3Qn9VF7wTN4MHCBxHf97dsTWlttO3si9BLpejrAwYGKTYoKn1DbPV0wegZhqyhLxDXBqmxKSpXBlk/X1QuDFJddZ51TzLgDLgPX4PdLHuSEafwtEjyFphD6gaKQBf4Dc8ToROK8Ua4RmIFngsYIKVleU6M7oBf0Q3xdcJ9pLRshfylyXfAN+QOeGTYQuke8mpcRKpJ8sA18J1Y8DB6pXgfeU2UkULK10wX+EGkVjBKkuLpKlJgtKrYKRecIa+6sQN7EgEhBqkrXAIWkEKLuZRt2GCA/HV7yC1+BVwA90lO/g8kttVgA6p5JwAAAABJRU5ErkJggg==) center no-repeat;
}
.g-image .close[data-v-708b900f]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAOFSURBVHic5ZtNTxNBGIAfBgOGyCqnNhGFE5JNY3pSeoIbeEITOHuAX1D+gH9g+RfGmG2i3rAnPBVMTDDhIsZDjZF6ItVAhEPxMA4szUK37XzQ7nNjmC7v+3Q6O+/Sd4DkjAJTwASQAW4DN9t4vUn+AnXgF1AF9oA/SV44kGDOODAD5DqNzhG7wBbw46pJVwkQwALwSGNQLvgIbACNuF9eJiADPAOyhoKyTQ14g/yIXGAwZvJ94Dlwx3BQNrkFPAS+I/eKM5oFZJDJD9uJyyo3AB/4ChyqQRGZIJDLvh+TVwwDT6MD0RXwBHhgNRw3jCJFfIPzFTBO7+/27VDg/wavBMy4i8UZj0EKGKX3Djk6yANDAnm8TSMDwJRAnu3TyoRA3vvTSlYgq7q0Mia4PiWtC0ZE6zl9jUi7AIwICIIg3wvXBAMCwjCcLRaLizoDDoIgXywWF8MwnNV1TcUgMKfrYmEYzi4tLc0BFAqFac/z6uVyudbNNVXyAL7vT+ZyOcIwrGoIF9AoIAiC/MrKykJ0rFsJ0eQVvu9P6hCr0CagXC7XPM+rFwqF6eh4pxLikgdYX19/t7a2ttNtvAqtHwFdEmwlD5oFQPcSbCYPBgRA5xJsJw+GBED7ElwkDwYFQHIJrpIHwwKgtYT5+fmsq+RBPhV5YfqPwOXvchy2kgcLK0Bx2UpoxmbyYFEAtJZgO3kwVA32ElZXQKt9QFcB1Q7WBCTdBG1LsCLgqvt8pVL5oquA6gTjAlodcnRXke1iVEDSE55LCcYEtHu8dSXBiIBOz/YuJGgX0G1hY1uCVgG6qjqbErQ+FNVZ1dmSoPWhaC6Xw/f9STXW7dk+TkKpVNpcXV3d7jLcM3T/X6CqJOgqbKISSqXS5vLy8gcdsSq0b4JhGFY9z6vrrOqUBJ3vvMLaA5HrSurL4bQLaAhks0FaORI0fXs6ZRwIYr5DnyJqAtljk1aqAtlglEZOgT2B7K7adRyMC3aAE3Ub3HIZiSO24bxh4jcwAtx1Fo5dKsBnuHgQ2kB2V/U7+8B79UNUQAPZWnZsOyKLHANvowPNXWOHyNYyH9ll1U8cAy+Bn9HBuL7BOrK1bBzZTdIP7AOvaEoe4gWAXAmfkN1V98zFZYUK8JpIr2CUJM3TWWSDUT7h/OvAKfI+v02Ljb2dhIY4b5/PAmPIW6frkroBHAEHyGRV+/xJkhf/A1Fe5tpsLzGzAAAAAElFTkSuQmCC);
}
.g-image .re-upload[data-v-708b900f] {
  right: 46px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQwSURBVHic5ZvNbttGEIC/pe0Ajl2ULIIEEBKgvfRAXwrQfg4/gnSSnkk+LR/BzyHrKJ76dwgEOAhKpnUcwD9hD2va1JqSRXFI/X2AIZkilzvD2dmZXY5ifvaAH4EfgH3gFbBT4vo6uQdugG/Af8AX4HaeC9Uc5xwA7wBv0d4tiRi4BL7OOmmWAhTwHngr2Kll8An4CKRFP05TwD7wy8PnJvAN+Ovhc4KiMXwI/IoZ45vCHvATcIXxFY/YCtjHCL8qzk0SB+PHvgB3+YMZCmP2myh8xg7ws30g4wPgNtmbJbGHkftfeLKAA9bf25fhHQ8O3skd2DbeglHAHusX5EjwBnAcTHi7rbgOJrbfVg4dNifaW4TXDpsV8ZXllYNw4KO1DtI0vYjjuC/Zbk3sOi+fU47T09MugOu6wWg06kq3L4zalW7Rdd0g+z4YDIb537TWwcnJSQDQarUC+9rxeDwcDAbDTqcztH+rCwU868iiaK2Ddrv9aPpKqWOA0WjU9X1/bmtIkmQ4Ho+HR0dHZ1J9m4aoAuI47mcWkAlRRvAioig6q1MRtSlgHpIkeTT1WdclSTL0PK9XtX9FiDrBl4SPougsDMOeUupYKXXseV4v+1NKHYdh2MsrJd9uHMd9rbXYw8oQswB7/OdZxIynWVPmV6QQs4DMuxfRarWCsk/P87xeGIbPzF56ahWPA4pwXTdot9v9NE0vygjQ6XSGthJ83+9KKkF8GgQTDE3zB4s4tKJpVGooiCrAJgt8Wq1WkCkkDMPeIoGOrQSp6bFWBUiTpulF/n8JK2jEB0gRRdHEE5fwBWulADu3kGCthgBMDgOJCLGyBWitgziO+03l/0WRYhUqW0D+idSduMDzCLGqIxT1AUU5/qpTWQHSJtn0vRvNBlfxHpUVMB6Pny17VW1zGnW0LR4HzMoKq5ItuGacn5+vRihcR4ja1H1ELKCOENXGblPK+YoowJ77pXN2rXVgp8MS5g+CPsC2At/3uxJOq2ipLYqiM6m9g9pXhRfN/6F4IUR6hVg8GbIdFSwWIk/bTFnZRdGMooVM3/e72YbprGGhtQ5Go1E3TdOLIuGL2q5KbenwS5skthdf1sZIresBZfcEi1irrbFplN0yg2ZSa2h4RUhrHeTD2fxGKjzlFU0I/kCqgN/Y7NdjZ3HrYL09vWXcOBS8Q79FXDuYGptt5crBvD+/rSQOproqXnZPlsBn4HsWCl8usydL4hM8TX+3wC6mbmAbuAT+gclk6CPbMSNcY2QFJhWQYkrL7pvuUYPcA3/nD9gR4B2mtMxjzXaO5+Ae+B1jAY8UhcA3mKnxAFNNsglcA39gCQ/Tc4A7zDSxgymkXGcugT/J1Qrmmad4eh9TYPRGsFNN8Bkz1c107PMoIMPB1BUeAq8xhRa7JduogxTzdG8wJn4FJMD3eS7+H+74uPn6u67tAAAAAElFTkSuQmCC) center no-repeat;
}
.g-image .re-upload[data-v-708b900f]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAARtSURBVHic5Zu/jxtFFMc/XqIERZwg1Z3EwW2zRooR2gpC5SuugA4KX+tu/A+4uO6g9z9gd1cghLeAMpFc4CoJ0kmLlGpXSDZCOFQhQBCX4pZiMrnNZu3z2m93z/an8v4av/nq7Zt5M/sqzM8WUAX2gG3gbeDNDM/nyX/AU+APYAwEwN/zPFiZ455d4A7w4aLWlcQj4AHw26ybZglgAZ8BHwsaVQY/AXeB87SL0wTYBr4EdnIyqmgeA9+jX5FXeCPl5veBJvBOzkYVyVvAR8Cv6FjxkqQA2+jO3yjGrkK5BtwGQuCZOWnFbrDQbr+OnTfcAL6In4h7wOfAB4WaUw5baCF+gQsP2GX1o30WPuVFgDcC3CnPltL4BLQAW6zeJEcCF7huoae3m0gFqFrouf2msmehx/5NZcdCZ3Wbyi0L4ZRWKWVHUXQcBEFTst2cuGldfk822u12HcBxHLvf7+9Lty+MdU26RcdxbPN7MBiM4teUUvbBwYEN4Lrua8HX9/3xYDAY9Xq9UfJaXlSAr6QaU0rZ3W73petXKpWvAfr9/n6j0ajP204YhiPf98eHh4c/Stk2DVEBgiBoGg8wncjS8TQ8zxvmKURuAsxDGIYj83vWc2EYjqrV6slSxk1BVIAoio5nXfc8bzjrHVdK2e12u54mRhiGo06nM5SOD2ICJN//OIu48TRvMnFFCrFh0ET3NFzX3VNKTb2eRrVaPWm1Wq+5vfTQKj4PSMNxHLvb7TajKDrO0oFerzdKitBoNOqSIogPg6AnQ9OC2iIBLW0YlXoVRAVIYiY+ruvuGUFardbJIoEsKYLU8JirANIkRxkJLygkBkjhed4wfiwRC1ZKgGRuIcFKCZCMHWkJVVaWFkApZQdB0Cwq/49PnyVYWoBut9t0HMcuI//PkndMQ/QVkHDJollaAGmXLPq/RT1AwiWL/o+lBfB9fxw/zpr0ZCGPtsWHwVlZ4bKYBVdDp9MZTrt3XkSmwnlMUYv6HxEPyGOKmiTZplTwFREgmZVJ5+xKKTuZDku4P+gvRPYlGqrVapVarWbHju3JZDI+PT39c5l205baPM8bHh0d+cu0a8h9VXjR/B/SF0KkV4jF1wPSVoYXWbyYtplyZRdFDWkLmY1Go242TGeN5Uopu9/v70dRdJzW+bS2lyW3FaHLNkmSUXwtNkaSZN0TTGOltsamkXXLDPLvuKHQRVGz9WWO4xupcJFXFNHxF5xXgCOuTuFD0fxjkfh6esN4YpHyDf0G8dhC19hsKmMLXWC0iURAYKGrqx6VbEwZ+MBzMxV+UKYlJfEQLgom/gJuAu+WZk6x3Ad+hleTobvo6qp1ZwLcMwdxAc7RpWVnRVtUIGfAD/ETyaqxZ+jSstvoKqt14gz4Bvg9fjKtbvApurRsF11Nsg5MgG9JdB7SBQDtCafo6qr38rOrEO4D3xGrFYwzT/H0DrrAyJ3z/qtAhB7nH3JJYM/SoetclM/vALfQQ2fZH1mcA/8CT9CdNeXzz+d5+H8lPa4HE+zBRgAAAABJRU5ErkJggg==);
}
.g-image .close[data-v-708b900f],
.g-image .matting-icon[data-v-708b900f],
.g-image .re-upload[data-v-708b900f] {
  margin-left: 4px;
  border-radius: 11px;
  width: 32px;
  height: 32px;
  background-size: 100% auto;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
.g-image .close[data-v-708b900f]:hover,
.g-image .matting-icon[data-v-708b900f]:hover,
.g-image .re-upload[data-v-708b900f]:hover {
  background-color: rgba(235, 235, 238, 0.2);
}
.g-image .disabled[data-v-708b900f] {
  color: #aaa7b6;
  font-size: 16px;
  width: 100%;
  height: 100%;
}
.g-image .upload_image_box[data-v-708b900f] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.g-image .upload_image_box .upload-btn .icon[data-v-708b900f] {
  font-size: 48px;
  line-height: 48px;
  color: var(--color-text-3);
}
.g-image .upload_image_box .upload-btn .msg[data-v-708b900f] {
  margin-top: 13px;
  font-size: 16px;
  font-weight: 500;
  color: rgb(0, 0, 0);
}
.g-image .upload_image_box .upload-btn .detail[data-v-708b900f] {
  margin-top: 24px;
  text-align: center;
}
.g-image .upload_image_box .upload-btn .detail .top[data-v-708b900f] {
  color: var(--color-text-1);
}
.g-image .upload_image_box .upload-btn .detail .bottom[data-v-708b900f] {
  margin-top: 4px;
  color: var(--color-text-3);
}
.g-image .upload_image_box .upload-button[data-v-708b900f] {
  background: linear-gradient(90deg, rgb(65, 85, 240) 0%, rgb(65, 146, 240) 100%);
  box-shadow: none;
  transition: all 200ms ease-in-out;
  border-radius: 8px;
}
.g-image .upload_image_box .upload-button[data-v-708b900f] .middle {
  font-size: 14px;
  font-weight: 400;
  padding-left: 8px;
}
.g-image .upload_image_box .upload-button .left img[data-v-708b900f] {
  width: 15px;
  height: 15px;
}
.g-image .upload_image_box .upload-button.active[data-v-708b900f], .g-image .upload_image_box .upload-button[data-v-708b900f]:hover {
  opacity: 1;
}
.g-image .upload_image_box .image-cover[data-v-708b900f] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.g-image .upload_image_box .image-cover .btn-list-top[data-v-708b900f],
.g-image .upload_image_box .image-cover .upload-btn[data-v-708b900f] {
  display: none;
}
.g-image .upload_image_box .image-cover[data-v-708b900f]:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.g-image .upload_image_box .image-cover:hover .btn-list-top[data-v-708b900f],
.g-image .upload_image_box .image-cover:hover .upload-btn[data-v-708b900f] {
  display: block;
}
.g-image .loading[data-v-708b900f] {
  position: relative;
  width: 100%;
  height: 100%;
}
.g-image .loading .image_sor[data-v-708b900f] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}
.g-image .loading .cover[data-v-708b900f] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.g-image .loading .icon[data-v-708b900f] {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  animation: spin-708b900f 1.5s infinite linear;
}
.g-image .loading .text[data-v-708b900f] {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.input_up_box[data-v-708b900f] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}
.up_image_show[data-v-708b900f] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAADcCAYAAAAbWs+BAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAAEZ0FNQQAAsY8L/GEFAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADMUlEQVR4Xu3csY1bQRQEQZ7CYP6pkWmcZNCcJdZqQ6hy+K3xGs8h9uf1ev0+Ljyfz8/Xd+/3+/P1nb3N3va/7P35/AIBwUFIcBASHIQEByHBQUhwEBIchAQHoZ/ffz7fX/mHwWZvs7e5cBASHIQEByHBQUhwEBIchAQHIcFBSHAQ8qbJgb3N3na758JBSHAQEhyEBAchwUFIcBASHIQEByHBQcibJgf2Nnvb7Z4LByHBQUhwEBIchAQHIcFBSHAQEhyEBAchb5oc2Nvsbbd7LhyEBAchwUFIcBASHIQEByHBQUhwEBIchLxpcmBvs7fd7rlwEBIchAQHIcFBSHAQEhyEBAchwUFIcBDypsmBvc3edrvnwkFIcBASHIQEByHBQUhwEBIchAQHIcFByJsmB/Y2e9vtngsHIcFBSHAQEhyEBAchwUFIcBASHIQEByFvmhzY2+xtt3suHIQEByHBQUhwEBIchAQHIcFBSHAQEhyEvGlyYG+zt93uuXAQEhyEBAchwUFIcBASHIQEByHBQUhwEPKmyYG9zd52u+fCQUhwEBIchAQHIcFBSHAQEhyEBAchwUHImyYH9jZ72+2eCwchwUFIcBASHIQEByHBQUhwEBIchAQHIW+aHNjb7G23ey4chAQHIcFBSHAQEhyEBAchwUFIcBASHIS8aXJgb7O33e65cBASHIQEByHBQUhwEBIchAQHIcFBSHAQ8qbJgb3N3na758JBSHAQEhyEBAchwUFIcBASHIQEByHBQcibJgf2Nnvb7Z4LByHBQUhwEBIchAQHIcFBSHAQEhyEBAchb5oc2Nvsbbd7LhyEBAchwUFIcBASHIQEByHBQUhwEBIchLxpcmBvs7fd7rlwEBIchAQHIcFBSHAQEhyEBAchwUFIcBDypsmBvc3edrvnwkFIcBASHIQEByHBQUhwEBIchAQHIcFByJsmB/Y2e9vtngsHIcFBSHAQEhyEBAchwUFIcBASHIQEByFvmhzY2+xtt3suHIQEByHBQUhwEBIchAQHIcFBSHAQEhyEvGlyYG+zt93uuXAQEhyEBAchwUFIcBASHIQEByHBQUhwkHk8/gKprgseQGnInQAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GText.vue?vue&type=style&index=0&id=9350523c&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.section_input[data-v-9350523c] {
  height: 32px;
  box-sizing: border-box;
}
.section_input[data-v-9350523c]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4); /* placeholder文本颜色 */
  font-size: 16px;
}
.section_input[data-v-9350523c]::placeholder {
  color: rgba(0, 0, 0, 0.4); /* placeholder文本颜色 */
  font-size: 16px;
}
input[data-v-9350523c] {
  outline: none;
  border: none;
}
.input_normal[data-v-9350523c] {
  border: 1px solid #f8f8f8;
  background-color: var(--color-fill-1);
  color: var(--color-text-1);
  border-radius: var(--border-radius-base);
  width: 100%;
  padding: 5px 12px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.input_normal.error[data-v-9350523c] {
  border-color: rgb(255, 64, 64);
}
input[data-v-9350523c]:hover {
  border: 1px var(--color-primary-base) solid;
}
input[data-v-9350523c]:focus {
  border: 1px var(--color-primary-base) solid;
  outline: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GMoveImage.vue?vue&type=style&index=0&id=f12cdbb6&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
@keyframes spin-f12cdbb6 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.g-image[data-v-f12cdbb6] {
  width: 566px; /* 5.66rem*100=566px */
  height: 254px; /* 2.54rem*100=254px */
  /* background: rgba(248, 248, 248, 1); */
  background: rgb(248, 248, 248);
  border: 1px dashed #cccccc; /* 0.01rem*100=1px */
  border-radius: 8px; /* 0.08rem*100=8px */
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  overflow: hidden;
}
.g-image.has-value[data-v-f12cdbb6] {
  border: 1px solid transparent; /* 0.01rem*100=1px */
}
.g-image[data-v-f12cdbb6]:hover {
  border: 1px solid var(--color-primary-base); /* 0.01rem*100=1px */
}
.g-image .btn-list-top[data-v-f12cdbb6] {
  z-index: 10;
  position: absolute;
  top: 8px; /* 0.08rem*100=8px */
  right: 8px; /* 0.08rem*100=8px */
  /* bottom: 0.08rem; */
}
.g-image .btn-list[data-v-f12cdbb6] {
  z-index: 10;
  position: absolute;
  /* top: 0.08rem; */
  right: 8px; /* 0.08rem*100=8px */
  bottom: 8px; /* 0.08rem*100=8px */
  /* cursor: pointer; */
  /* border-radius: 0.11rem; */
  /* width: 0.32rem; */
  /* height: 0.32rem; */
  /* background-size: 100% auto; */
  /* cursor: pointer; */
}
.g-image .move-btn[data-v-f12cdbb6] {
  /* position: absolute; */
  padding: 0 8px; /* 0.08rem*100=8px */
  background: rgba(0, 0, 0, 0.5);
  box-shadow: none;
  transition: all 200ms ease-in-out;
  border-radius: 8px; /* 0.08rem*100=8px */
}
.g-image .move-btn[data-v-f12cdbb6] .middle {
  font-size: 14px; /* 0.14rem*100=14px */
  font-weight: 400;
  padding-left: 8px; /* 0.08rem*100=8px */
  /* letter-spacing: 0.02rem; */
}
.g-image .move-btn .left img[data-v-f12cdbb6] {
  width: 15px; /* 0.15rem*100=15px */
  height: 15px; /* 0.15rem*100=15px */
}
.g-image .move-btn.active[data-v-f12cdbb6], .g-image .move-btn[data-v-f12cdbb6]:hover {
  /* background-color: #4155f0; */
  opacity: 1;
}
.g-image .matting-icon[data-v-f12cdbb6] {
  right: 82px; /* 0.82rem*100=82px */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAM+SURBVHic5ZvLTiJBFIa/LoQEcTI4MZqQmWTYzAI3JM5r+AywwmfSFbwB7+GwbFZzWxgNxow44yVBlFkcWxvSYgPVXdXd34ak6C7q/zl96qRTxyE8eeA98A4oAgUgt8D9UfIAjIA74B9wBdyHudEJcU0J2AE2l12dIS6BAXAz76J5BjjAR2Bb46JMcA6cAJOgL18zoAhUnz7TwB3w6+lziqBneAP4gjzjaSEPfACukVzxzKwBRUS8LclNJwrJY1fA2D/o4SBhn0bxHjng8+yAxyegHOdqDJFHdP+Flwgokfxsvwg7PCV45RvIGtsgBuRJXpGjgy1AKaS8zSplhdT2WWVDkZ5qbxnWFemq+BaloEh34fMWa+rta+LHdd3WZDL55rpuK+KfcqwzwHXdVq1WawHUarVW1CZYZYBfvEfUJlhlwPHxcS9oPEoTrDKg2Wz2Op3OQdB3UZlg3AAv4bXb7T2I3wSjBvif+UajcWjCBGMGBCU8EyYYMSBIvEfcJjjA3qqTLMI88X46nc5Bs9nsAbTb7b1Go3EYdJ3jOF9XWU+sERBWPISLhH6/f7TqmnJAZdVJwrCIeI96vb5frVZ73W73rNvtnlWr1V69Xt8HEb+7u5sMA5YR7xFkQqFQONMhHmLIAauI9+PPCTqJNAJ0iYfpSNAxn0dkEaBTPOh75meJZBdIiniIwIAkiQfNBiRNPGg0IIniQZMBSRUPGgxIsnjQYEClUtG2jcYtHix4I+RhQjxYYoAp8WCBASbFgwYDyuXy0jnAtHgwGAE2iAdDBtgiHgwYYJN4iNkA28QDrK06Qb/fPwqqBIfD4dTbm9PT055t4sHAa3HLmCik2SCrjBUzp6czxkgRcIY+Q9wqpMcmq1wr5Px8VhkqpLvq0vRKDHABPHqF0MDkSgxxDi+HJO+RoqhkbDnxMgD+wHQpfEI2doRbRCswbcAEaS1Lc2H0APz2D8yeEx4jrWWbWPC2SDMPwHckAp4JOig9QrbGEtJNkgZugR/MiIfXT4qPkW0ihzRSJpkB8BNfr6CfMM3TRaTBaEvjouLgAtnq5ib2MAZ4KKSvcANYRxot1hacIwomyL87QkL8GhgCj2Fu/g8w82papbVtsgAAAABJRU5ErkJggg==) center no-repeat;
}
.g-image .matting-icon[data-v-f12cdbb6]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAN0SURBVHic5ZtPTxNBHIafHQwYIlFONBGlFzBhjelJ8USPemiih3LlBh9D/Rhw82CMuwc9YkKInACTJpJwojFpjXHxwh8NpHBoPYxrl2Yt23Z2Ztt9kh46nd3+3je/nf3TvhbRGQNmgClgArgJXO9g+zipASfAT6AK7AO/o2xoRZgzCcwB97utzhB7wDbwvd2kdgYI4AnwUGFRJvgMrAH1sA//Z8AE8BzIxFSUbg6A98hD5BJDIZPvAovArZiL0skN4AHwDblW/KPVgAmk+BE9dWnlGjALlIFTf1AEJghk2w+ieJ8R4FlwINgBT4F7WssxwxjSiK/Q7IBJ+n+174TH/F3gfQPmzNVijEcgDRij/y5yVJADhgXy8jaNWMCMQF7bp5UpgTz3p5WMQN7VpZVxQXJuaU0wKq6eox/HcfKNRuOF4zj5mL9KJM4Ax3HyxWJxHqBYLM7HbUKiDAiK94nbhEQZsL6+Xgkbj9OEISCWHXdDqVQ69jyvWigUcq2f2badtW3bcl23ovI7jRvgOE7ecZxFz/OqpVLpWLcJRg0IHvOFQiFnwgRjBoQteCZMMGJAmHgf3SZYwMtedtAp7cQHWV5efr26uloBWFpayq6srCyGzbMs61Uv9WjtgKjiIVonuK672WsHaDOgE/E+7UxwXXdzYWHhU691aTGgG/E+YSbUarUTFeJBwxrQi/ggwTVBJbF2gCrxcLkTVOzPJ7Z7AZXiQR7zcXRALAbEIV7VMd+KcgP6STwoNqDfxINCA/pRPCgyoF/FgwID+lk8KDAgl8sp+2VJt3hI0DNBE+IhIQaYEg8JMMCkeFBgwPT0dLbbbU2LB4MdkATxYMiApIgHAwYkSTxoNiBp4kHBAxHbti3btrOt4+VyuXJ4eHjsvzY2NnaTJh4MPBZPGHWBDBuklTNBy7+nU8aRIOQ/9CniQCAzNmmlKpABozTSAPYFMl21Z7gYE3wBLvwLoW2TlRhiB5qBiV/AKHDbWDl62QJ24fKl8BoyXTXoeMBH/03QgDoyWnauuyKNnAMfggOtqbFTZLRsFpmyGiTOgTfAj+BgWG7wBBktm0SmSQYBD3hLi3gINwBkJ5SQ6ao78dWlhS3gHYGsYJAo4ekMMmCUizg/CTSQ5/kdrljYOxE0TDM+nwHGkadO00+W68AZcIQU68fnL6Js/AeTKLaZs2WPzgAAAABJRU5ErkJggg==);
}
.g-image .close[data-v-f12cdbb6] {
  right: 10px; /* 0.1rem*100=10px */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANcSURBVHic5ZvLTttAFEBPJgQpQFWoEGxaqd1UskRWXUcie8RfRPwFQv0LxG+wdxQ+gcirvhZsglCBloIUAuniYjBWHnZyZwz22UTyYzz3YI/vmLklklMB3gJvgCowD5RTnG+TO6AH3AB/gUvgNsmJpQTHLALrwMq0vcuIc6AL/Bt30DgBJeA9sKbYqSw4BU6AwbCdowRUgU8Pv3ngBvj58PuMYc/wEvAZecbzQgV4B1whY8UjcQFVJPiXMrhpYpBx7BLoRzeGlJDbPo/Bh5SBj/ENIR+AZZe9yYgKEvcfeLoDFnn9o30a1nkY4E1kQ9FYAxFQ4fUlORqsAsYg6W1RWTZIbl9Ulgz5yfamYcGQr4wvLfOGfCc+k5gzk4/JNSV1Ae12e1u7TZttqwoIgmCnXq/v2uhou93ertfru0EQ7Gi2qyYgCIIdz/OaANoSwuABPM9rakpQEeD7/lYYfIiWhGjwIZ7nNX3f35q1bVAS0Gg0Dlut1l58+6wShgUP0Gq19hqNxuG07UZRewS0JbgIHpQHQS0JroIHZQEwuwSXwYMFATC9BNfBgyUBkF5CFsGDRQGQXEJWwYN8Cf5i8wIgecLm5uZefPvR0dFXECHxfS6CB0cCYLSEYbgKHiw/AlFGPQ5xXAYPDgXAZAmugwfHAgDK5fLIa47bZwunFxw12ofYmkqPw5mAScGHuJbgRMC497yNWWQarAuYlOTYmkonxaqApBlelhKsCUib3mYlwYqAaXP7LCRY+Sw+S27vWoKqAK1ZnUsJagK0p7SuJKgIsDWfdyFBbTp8fHzc3NjYePyHhebEJj6V7nQ6+7Va7UCjbbVHoFarHXQ6nX3Qn9VF7wTN4MHCBxHf97dsTWlttO3si9BLpejrAwYGKTYoKn1DbPV0wegZhqyhLxDXBqmxKSpXBlk/X1QuDFJddZ51TzLgDLgPX4PdLHuSEafwtEjyFphD6gaKQBf4Dc8ToROK8Ua4RmIFngsYIKVleU6M7oBf0Q3xdcJ9pLRshfylyXfAN+QOeGTYQuke8mpcRKpJ8sA18J1Y8DB6pXgfeU2UkULK10wX+EGkVjBKkuLpKlJgtKrYKRecIa+6sQN7EgEhBqkrXAIWkEKLuZRt2GCA/HV7yC1+BVwA90lO/g8kttVgA6p5JwAAAABJRU5ErkJggg==) center no-repeat;
}
.g-image .close[data-v-f12cdbb6]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAOFSURBVHic5ZtNTxNBGIAfBgOGyCqnNhGFE5JNY3pSeoIbeEITOHuAX1D+gH9g+RfGmG2i3rAnPBVMTDDhIsZDjZF6ItVAhEPxMA4szUK37XzQ7nNjmC7v+3Q6O+/Sd4DkjAJTwASQAW4DN9t4vUn+AnXgF1AF9oA/SV44kGDOODAD5DqNzhG7wBbw46pJVwkQwALwSGNQLvgIbACNuF9eJiADPAOyhoKyTQ14g/yIXGAwZvJ94Dlwx3BQNrkFPAS+I/eKM5oFZJDJD9uJyyo3AB/4ChyqQRGZIJDLvh+TVwwDT6MD0RXwBHhgNRw3jCJFfIPzFTBO7+/27VDg/wavBMy4i8UZj0EKGKX3Djk6yANDAnm8TSMDwJRAnu3TyoRA3vvTSlYgq7q0Mia4PiWtC0ZE6zl9jUi7AIwICIIg3wvXBAMCwjCcLRaLizoDDoIgXywWF8MwnNV1TcUgMKfrYmEYzi4tLc0BFAqFac/z6uVyudbNNVXyAL7vT+ZyOcIwrGoIF9AoIAiC/MrKykJ0rFsJ0eQVvu9P6hCr0CagXC7XPM+rFwqF6eh4pxLikgdYX19/t7a2ttNtvAqtHwFdEmwlD5oFQPcSbCYPBgRA5xJsJw+GBED7ElwkDwYFQHIJrpIHwwKgtYT5+fmsq+RBPhV5YfqPwOXvchy2kgcLK0Bx2UpoxmbyYFEAtJZgO3kwVA32ElZXQKt9QFcB1Q7WBCTdBG1LsCLgqvt8pVL5oquA6gTjAlodcnRXke1iVEDSE55LCcYEtHu8dSXBiIBOz/YuJGgX0G1hY1uCVgG6qjqbErQ+FNVZ1dmSoPWhaC6Xw/f9STXW7dk+TkKpVNpcXV3d7jLcM3T/X6CqJOgqbKISSqXS5vLy8gcdsSq0b4JhGFY9z6vrrOqUBJ3vvMLaA5HrSurL4bQLaAhks0FaORI0fXs6ZRwIYr5DnyJqAtljk1aqAtlglEZOgT2B7K7adRyMC3aAE3Ub3HIZiSO24bxh4jcwAtx1Fo5dKsBnuHgQ2kB2V/U7+8B79UNUQAPZWnZsOyKLHANvowPNXWOHyNYyH9ll1U8cAy+Bn9HBuL7BOrK1bBzZTdIP7AOvaEoe4gWAXAmfkN1V98zFZYUK8JpIr2CUJM3TWWSDUT7h/OvAKfI+v02Ljb2dhIY4b5/PAmPIW6frkroBHAEHyGRV+/xJkhf/A1Fe5tpsLzGzAAAAAElFTkSuQmCC);
}
.g-image .re-upload[data-v-f12cdbb6] {
  right: 46px; /* 0.46rem*100=46px */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQwSURBVHic5ZvNbttGEIC/pe0Ajl2ULIIEEBKgvfRAXwrQfg4/gnSSnkk+LR/BzyHrKJ76dwgEOAhKpnUcwD9hD2va1JqSRXFI/X2AIZkilzvD2dmZXY5ifvaAH4EfgH3gFbBT4vo6uQdugG/Af8AX4HaeC9Uc5xwA7wBv0d4tiRi4BL7OOmmWAhTwHngr2Kll8An4CKRFP05TwD7wy8PnJvAN+Ovhc4KiMXwI/IoZ45vCHvATcIXxFY/YCtjHCL8qzk0SB+PHvgB3+YMZCmP2myh8xg7ws30g4wPgNtmbJbGHkftfeLKAA9bf25fhHQ8O3skd2DbeglHAHusX5EjwBnAcTHi7rbgOJrbfVg4dNifaW4TXDpsV8ZXllYNw4KO1DtI0vYjjuC/Zbk3sOi+fU47T09MugOu6wWg06kq3L4zalW7Rdd0g+z4YDIb537TWwcnJSQDQarUC+9rxeDwcDAbDTqcztH+rCwU868iiaK2Ddrv9aPpKqWOA0WjU9X1/bmtIkmQ4Ho+HR0dHZ1J9m4aoAuI47mcWkAlRRvAioig6q1MRtSlgHpIkeTT1WdclSTL0PK9XtX9FiDrBl4SPougsDMOeUupYKXXseV4v+1NKHYdh2MsrJd9uHMd9rbXYw8oQswB7/OdZxIynWVPmV6QQs4DMuxfRarWCsk/P87xeGIbPzF56ahWPA4pwXTdot9v9NE0vygjQ6XSGthJ83+9KKkF8GgQTDE3zB4s4tKJpVGooiCrAJgt8Wq1WkCkkDMPeIoGOrQSp6bFWBUiTpulF/n8JK2jEB0gRRdHEE5fwBWulADu3kGCthgBMDgOJCLGyBWitgziO+03l/0WRYhUqW0D+idSduMDzCLGqIxT1AUU5/qpTWQHSJtn0vRvNBlfxHpUVMB6Pny17VW1zGnW0LR4HzMoKq5ItuGacn5+vRihcR4ja1H1ELKCOENXGblPK+YoowJ77pXN2rXVgp8MS5g+CPsC2At/3uxJOq2ipLYqiM6m9g9pXhRfN/6F4IUR6hVg8GbIdFSwWIk/bTFnZRdGMooVM3/e72YbprGGhtQ5Go1E3TdOLIuGL2q5KbenwS5skthdf1sZIresBZfcEi1irrbFplN0yg2ZSa2h4RUhrHeTD2fxGKjzlFU0I/kCqgN/Y7NdjZ3HrYL09vWXcOBS8Q79FXDuYGptt5crBvD+/rSQOproqXnZPlsBn4HsWCl8usydL4hM8TX+3wC6mbmAbuAT+gclk6CPbMSNcY2QFJhWQYkrL7pvuUYPcA3/nD9gR4B2mtMxjzXaO5+Ae+B1jAY8UhcA3mKnxAFNNsglcA39gCQ/Tc4A7zDSxgymkXGcugT/J1Qrmmad4eh9TYPRGsFNN8Bkz1c107PMoIMPB1BUeAq8xhRa7JduogxTzdG8wJn4FJMD3eS7+H+74uPn6u67tAAAAAElFTkSuQmCC) center no-repeat;
}
.g-image .re-upload[data-v-f12cdbb6]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAARtSURBVHic5Zu/jxtFFMc/XqIERZwg1Z3EwW2zRooR2gpC5SuugA4KX+tu/A+4uO6g9z9gd1cghLeAMpFc4CoJ0kmLlGpXSDZCOFQhQBCX4pZiMrnNZu3z2m93z/an8v4av/nq7Zt5M/sqzM8WUAX2gG3gbeDNDM/nyX/AU+APYAwEwN/zPFiZ455d4A7w4aLWlcQj4AHw26ybZglgAZ8BHwsaVQY/AXeB87SL0wTYBr4EdnIyqmgeA9+jX5FXeCPl5veBJvBOzkYVyVvAR8Cv6FjxkqQA2+jO3yjGrkK5BtwGQuCZOWnFbrDQbr+OnTfcAL6In4h7wOfAB4WaUw5baCF+gQsP2GX1o30WPuVFgDcC3CnPltL4BLQAW6zeJEcCF7huoae3m0gFqFrouf2msmehx/5NZcdCZ3Wbyi0L4ZRWKWVHUXQcBEFTst2cuGldfk822u12HcBxHLvf7+9Lty+MdU26RcdxbPN7MBiM4teUUvbBwYEN4Lrua8HX9/3xYDAY9Xq9UfJaXlSAr6QaU0rZ3W73petXKpWvAfr9/n6j0ajP204YhiPf98eHh4c/Stk2DVEBgiBoGg8wncjS8TQ8zxvmKURuAsxDGIYj83vWc2EYjqrV6slSxk1BVIAoio5nXfc8bzjrHVdK2e12u54mRhiGo06nM5SOD2ICJN//OIu48TRvMnFFCrFh0ET3NFzX3VNKTb2eRrVaPWm1Wq+5vfTQKj4PSMNxHLvb7TajKDrO0oFerzdKitBoNOqSIogPg6AnQ9OC2iIBLW0YlXoVRAVIYiY+ruvuGUFardbJIoEsKYLU8JirANIkRxkJLygkBkjhed4wfiwRC1ZKgGRuIcFKCZCMHWkJVVaWFkApZQdB0Cwq/49PnyVYWoBut9t0HMcuI//PkndMQ/QVkHDJollaAGmXLPq/RT1AwiWL/o+lBfB9fxw/zpr0ZCGPtsWHwVlZ4bKYBVdDp9MZTrt3XkSmwnlMUYv6HxEPyGOKmiTZplTwFREgmZVJ5+xKKTuZDku4P+gvRPYlGqrVapVarWbHju3JZDI+PT39c5l205baPM8bHh0d+cu0a8h9VXjR/B/SF0KkV4jF1wPSVoYXWbyYtplyZRdFDWkLmY1Go242TGeN5Uopu9/v70dRdJzW+bS2lyW3FaHLNkmSUXwtNkaSZN0TTGOltsamkXXLDPLvuKHQRVGz9WWO4xupcJFXFNHxF5xXgCOuTuFD0fxjkfh6esN4YpHyDf0G8dhC19hsKmMLXWC0iURAYKGrqx6VbEwZ+MBzMxV+UKYlJfEQLgom/gJuAu+WZk6x3Ad+hleTobvo6qp1ZwLcMwdxAc7RpWVnRVtUIGfAD/ETyaqxZ+jSstvoKqt14gz4Bvg9fjKtbvApurRsF11Nsg5MgG9JdB7SBQDtCafo6qr38rOrEO4D3xGrFYwzT/H0DrrAyJ3z/qtAhB7nH3JJYM/SoetclM/vALfQQ2fZH1mcA/8CT9CdNeXzz+d5+H8lPa4HE+zBRgAAAABJRU5ErkJggg==);
}
.g-image .close[data-v-f12cdbb6],
.g-image .matting-icon[data-v-f12cdbb6],
.g-image .re-upload[data-v-f12cdbb6] {
  /* z-index: 10; */
  /* position: absolute; */
  /* top: 0.08rem; */
  margin-left: 4px; /* 0.04rem*100=4px */
  border-radius: 11px; /* 0.11rem*100=11px */
  width: 32px; /* 0.32rem*100=32px */
  height: 32px; /* 0.32rem*100=32px */
  background-size: 100% auto;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
.g-image .close[data-v-f12cdbb6]:hover,
.g-image .matting-icon[data-v-f12cdbb6]:hover,
.g-image .re-upload[data-v-f12cdbb6]:hover {
  background-color: rgba(235, 235, 238, 0.2);
}
.g-image .disabled[data-v-f12cdbb6] {
  color: #aaa7b6;
  font-size: 16px; /* 0.16rem*100=16px */
  width: 100%;
  height: 100%;
}
.g-image .upload_image_box[data-v-f12cdbb6] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.g-image .upload_image_box .upload-btn .msg[data-v-f12cdbb6] {
  margin-top: 13px; /* 0.13rem*100=13px */
  font-size: 16px; /* 0.16rem*100=16px */
  font-weight: 500;
  color: rgb(0, 0, 0);
}
.g-image .upload_image_box .upload-btn .detail[data-v-f12cdbb6] {
  margin-top: 16px; /* 0.16rem*100=16px */
  font-size: 12px; /* 0.12rem*100=12px */
  font-weight: 400;
  line-height: 2;
  color: rgb(170, 167, 182);
}
.g-image .upload_image_box .upload-button[data-v-f12cdbb6] {
  /* opacity: 0.5; */
  background: var(--color-primary);
  box-shadow: none;
  transition: all 200ms ease-in-out;
  border-radius: 8px; /* 0.08rem*100=8px */
}
.g-image .upload_image_box .upload-button .left img[data-v-f12cdbb6] {
  width: 15px; /* 0.15rem*100=15px */
  height: 15px; /* 0.15rem*100=15px */
}
.g-image .upload_image_box .upload-button.active[data-v-f12cdbb6], .g-image .upload_image_box .upload-button[data-v-f12cdbb6]:hover {
  /* background-color: #4155f0; */
  opacity: 1;
}
.g-image .upload_image_box .image-cover[data-v-f12cdbb6] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.g-image .upload_image_box .image-cover .btn-list-top[data-v-f12cdbb6],
.g-image .upload_image_box .image-cover .upload-btn[data-v-f12cdbb6] {
  display: none;
}
.g-image .upload_image_box .image-cover[data-v-f12cdbb6]:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.g-image .upload_image_box .image-cover:hover .btn-list-top[data-v-f12cdbb6],
.g-image .upload_image_box .image-cover:hover .upload-btn[data-v-f12cdbb6] {
  display: block;
}
.g-image .loading[data-v-f12cdbb6] {
  position: relative;
  width: 100%;
  height: 100%;
}
.g-image .loading .image_sor[data-v-f12cdbb6] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* background-color: maroon; */
  z-index: 1;
}
.g-image .loading .cover[data-v-f12cdbb6] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.g-image .loading .icon[data-v-f12cdbb6] {
  width: 48px; /* 0.48rem*100=48px */
  height: 48px; /* 0.48rem*100=48px */
  -o-object-fit: contain;
     object-fit: contain;
  animation: spin-f12cdbb6 1.5s infinite linear;
  /* z-index: 2; */
}
.g-image .loading .text[data-v-f12cdbb6] {
  margin-top: 10px; /* 0.1rem*100=10px */
  font-size: 14px; /* 0.14rem*100=14px */
  font-weight: 500;
  color: rgb(255, 255, 255);
  /* z-index: 2; */
}
.input_up_box[data-v-f12cdbb6] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}
.up_image_show[data-v-f12cdbb6] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* background-color: skyblue; */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAADcCAYAAAAbWs+BAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAAEZ0FNQQAAsY8L/GEFAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADMUlEQVR4Xu3csY1bQRQEQZ7CYP6pkWmcZNCcJdZqQ6hy+K3xGs8h9uf1ev0+Ljyfz8/Xd+/3+/P1nb3N3va/7P35/AIBwUFIcBASHIQEByHBQUhwEBIchAQHoZ/ffz7fX/mHwWZvs7e5cBASHIQEByHBQUhwEBIchAQHIcFBSHAQ8qbJgb3N3na758JBSHAQEhyEBAchwUFIcBASHIQEByHBQcibJgf2Nnvb7Z4LByHBQUhwEBIchAQHIcFBSHAQEhyEBAchb5oc2Nvsbbd7LhyEBAchwUFIcBASHIQEByHBQUhwEBIchLxpcmBvs7fd7rlwEBIchAQHIcFBSHAQEhyEBAchwUFIcBDypsmBvc3edrvnwkFIcBASHIQEByHBQUhwEBIchAQHIcFByJsmB/Y2e9vtngsHIcFBSHAQEhyEBAchwUFIcBASHIQEByFvmhzY2+xtt3suHIQEByHBQUhwEBIchAQHIcFBSHAQEhyEvGlyYG+zt93uuXAQEhyEBAchwUFIcBASHIQEByHBQUhwEPKmyYG9zd52u+fCQUhwEBIchAQHIcFBSHAQEhyEBAchwUHImyYH9jZ72+2eCwchwUFIcBASHIQEByHBQUhwEBIchAQHIW+aHNjb7G23ey4chAQHIcFBSHAQEhyEBAchwUFIcBASHIS8aXJgb7O33e65cBASHIQEByHBQUhwEBIchAQHIcFBSHAQ8qbJgb3N3na758JBSHAQEhyEBAchwUFIcBASHIQEByHBQcibJgf2Nnvb7Z4LByHBQUhwEBIchAQHIcFBSHAQEhyEBAchb5oc2Nvsbbd7LhyEBAchwUFIcBASHIQEByHBQUhwEBIchLxpcmBvs7fd7rlwEBIchAQHIcFBSHAQEhyEBAchwUFIcBDypsmBvc3edrvnwkFIcBASHIQEByHBQUhwEBIchAQHIcFByJsmB/Y2e9vtngsHIcFBSHAQEhyEBAchwUFIcBASHIQEByFvmhzY2+xtt3suHIQEByHBQUhwEBIchAQHIcFBSHAQEhyEvGlyYG+zt93uuXAQEhyEBAchwUFIcBASHIQEByHBQUhwkHk8/gKprgseQGnInQAAAABJRU5ErkJggg==);
  /* background-size: 100% 100%; */
  background-repeat: repeat;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GCheckbox.vue?vue&type=style&index=0&id=5e615bf8&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.select_normal[data-v-5e615bf8] {
  border-radius: 6px;
  height: 37px;
  flex: 1;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GCheckbox.vue?vue&type=style&index=1&id=5e615bf8&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.checkboxgroup .select_normal .ant-select-selection--single {
  height: 37px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GGroupList.vue?vue&type=style&index=0&id=28a80c58&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.select_normal[data-v-28a80c58] {
  border-radius: 6px;
  height: 37px;
  flex: 1;
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GGroupList.vue?vue&type=style&index=1&id=28a80c58&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.group_list .select_normal .ant-select-selection--single {
  height: 37px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GImage.vue?vue&type=style&index=0&id=20c3ac76&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
@keyframes spin-20c3ac76 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.g-image[data-v-20c3ac76] {
  width: 566px;
  height: 254px;
  background: rgb(248, 248, 248);
  border: 1px solid transparent;
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}
.g-image[data-v-20c3ac76]:hover {
  border-color: var(--color-primary-base);
}
.g-image .btn-list[data-v-20c3ac76] {
  z-index: 10;
  position: absolute;
  top: 8px;
  right: 10px;
}
.g-image .move-btn[data-v-20c3ac76] {
  padding: 0 10px;
  opacity: 0.5;
  background: linear-gradient(90deg, rgb(65, 85, 240) 0%, rgb(65, 146, 240) 100%);
  box-shadow: none;
  transition: all 200ms ease-in-out;
}
.g-image .move-btn[data-v-20c3ac76] .middle {
  font-size: 14px;
  font-weight: 400;
  padding-left: 8px;
  white-space: nowrap;
}
.g-image .move-btn .left img[data-v-20c3ac76] {
  width: 15px;
  height: 15px;
}
.g-image .move-btn.active[data-v-20c3ac76], .g-image .move-btn[data-v-20c3ac76]:hover {
  opacity: 1;
}
.g-image .matting-icon[data-v-20c3ac76] {
  right: 82px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAM+SURBVHic5ZvLTiJBFIa/LoQEcTI4MZqQmWTYzAI3JM5r+AywwmfSFbwB7+GwbFZzWxgNxow44yVBlFkcWxvSYgPVXdXd34ak6C7q/zl96qRTxyE8eeA98A4oAgUgt8D9UfIAjIA74B9wBdyHudEJcU0J2AE2l12dIS6BAXAz76J5BjjAR2Bb46JMcA6cAJOgL18zoAhUnz7TwB3w6+lziqBneAP4gjzjaSEPfACukVzxzKwBRUS8LclNJwrJY1fA2D/o4SBhn0bxHjng8+yAxyegHOdqDJFHdP+Flwgokfxsvwg7PCV45RvIGtsgBuRJXpGjgy1AKaS8zSplhdT2WWVDkZ5qbxnWFemq+BaloEh34fMWa+rta+LHdd3WZDL55rpuK+KfcqwzwHXdVq1WawHUarVW1CZYZYBfvEfUJlhlwPHxcS9oPEoTrDKg2Wz2Op3OQdB3UZlg3AAv4bXb7T2I3wSjBvif+UajcWjCBGMGBCU8EyYYMSBIvEfcJjjA3qqTLMI88X46nc5Bs9nsAbTb7b1Go3EYdJ3jOF9XWU+sERBWPISLhH6/f7TqmnJAZdVJwrCIeI96vb5frVZ73W73rNvtnlWr1V69Xt8HEb+7u5sMA5YR7xFkQqFQONMhHmLIAauI9+PPCTqJNAJ0iYfpSNAxn0dkEaBTPOh75meJZBdIiniIwIAkiQfNBiRNPGg0IIniQZMBSRUPGgxIsnjQYEClUtG2jcYtHix4I+RhQjxYYoAp8WCBASbFgwYDyuXy0jnAtHgwGAE2iAdDBtgiHgwYYJN4iNkA28QDrK06Qb/fPwqqBIfD4dTbm9PT055t4sHAa3HLmCik2SCrjBUzp6czxkgRcIY+Q9wqpMcmq1wr5Px8VhkqpLvq0vRKDHABPHqF0MDkSgxxDi+HJO+RoqhkbDnxMgD+wHQpfEI2doRbRCswbcAEaS1Lc2H0APz2D8yeEx4jrWWbWPC2SDMPwHckAp4JOig9QrbGEtJNkgZugR/MiIfXT4qPkW0ihzRSJpkB8BNfr6CfMM3TRaTBaEvjouLgAtnq5ib2MAZ4KKSvcANYRxot1hacIwomyL87QkL8GhgCj2Fu/g8w82papbVtsgAAAABJRU5ErkJggg==) center no-repeat;
}
.g-image .matting-icon[data-v-20c3ac76]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAN0SURBVHic5ZtPTxNBHIafHQwYIlFONBGlFzBhjelJ8USPemiih3LlBh9D/Rhw82CMuwc9YkKInACTJpJwojFpjXHxwh8NpHBoPYxrl2Yt23Z2Ztt9kh46nd3+3je/nf3TvhbRGQNmgClgArgJXO9g+zipASfAT6AK7AO/o2xoRZgzCcwB97utzhB7wDbwvd2kdgYI4AnwUGFRJvgMrAH1sA//Z8AE8BzIxFSUbg6A98hD5BJDIZPvAovArZiL0skN4AHwDblW/KPVgAmk+BE9dWnlGjALlIFTf1AEJghk2w+ieJ8R4FlwINgBT4F7WssxwxjSiK/Q7IBJ+n+174TH/F3gfQPmzNVijEcgDRij/y5yVJADhgXy8jaNWMCMQF7bp5UpgTz3p5WMQN7VpZVxQXJuaU0wKq6eox/HcfKNRuOF4zj5mL9KJM4Ax3HyxWJxHqBYLM7HbUKiDAiK94nbhEQZsL6+Xgkbj9OEISCWHXdDqVQ69jyvWigUcq2f2badtW3bcl23ovI7jRvgOE7ecZxFz/OqpVLpWLcJRg0IHvOFQiFnwgRjBoQteCZMMGJAmHgf3SZYwMtedtAp7cQHWV5efr26uloBWFpayq6srCyGzbMs61Uv9WjtgKjiIVonuK672WsHaDOgE/E+7UxwXXdzYWHhU691aTGgG/E+YSbUarUTFeJBwxrQi/ggwTVBJbF2gCrxcLkTVOzPJ7Z7AZXiQR7zcXRALAbEIV7VMd+KcgP6STwoNqDfxINCA/pRPCgyoF/FgwID+lk8KDAgl8sp+2VJt3hI0DNBE+IhIQaYEg8JMMCkeFBgwPT0dLbbbU2LB4MdkATxYMiApIgHAwYkSTxoNiBp4kHBAxHbti3btrOt4+VyuXJ4eHjsvzY2NnaTJh4MPBZPGHWBDBuklTNBy7+nU8aRIOQ/9CniQCAzNmmlKpABozTSAPYFMl21Z7gYE3wBLvwLoW2TlRhiB5qBiV/AKHDbWDl62QJ24fKl8BoyXTXoeMBH/03QgDoyWnauuyKNnAMfggOtqbFTZLRsFpmyGiTOgTfAj+BgWG7wBBktm0SmSQYBD3hLi3gINwBkJ5SQ6ao78dWlhS3gHYGsYJAo4ekMMmCUizg/CTSQ5/kdrljYOxE0TDM+nwHGkadO00+W68AZcIQU68fnL6Js/AeTKLaZs2WPzgAAAABJRU5ErkJggg==);
}
.g-image .close[data-v-20c3ac76] {
  right: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANcSURBVHic5ZvLTttAFEBPJgQpQFWoEGxaqd1UskRWXUcie8RfRPwFQv0LxG+wdxQ+gcirvhZsglCBloIUAuniYjBWHnZyZwz22UTyYzz3YI/vmLklklMB3gJvgCowD5RTnG+TO6AH3AB/gUvgNsmJpQTHLALrwMq0vcuIc6AL/Bt30DgBJeA9sKbYqSw4BU6AwbCdowRUgU8Pv3ngBvj58PuMYc/wEvAZecbzQgV4B1whY8UjcQFVJPiXMrhpYpBx7BLoRzeGlJDbPo/Bh5SBj/ENIR+AZZe9yYgKEvcfeLoDFnn9o30a1nkY4E1kQ9FYAxFQ4fUlORqsAsYg6W1RWTZIbl9Ulgz5yfamYcGQr4wvLfOGfCc+k5gzk4/JNSV1Ae12e1u7TZttqwoIgmCnXq/v2uhou93ertfru0EQ7Gi2qyYgCIIdz/OaANoSwuABPM9rakpQEeD7/lYYfIiWhGjwIZ7nNX3f35q1bVAS0Gg0Dlut1l58+6wShgUP0Gq19hqNxuG07UZRewS0JbgIHpQHQS0JroIHZQEwuwSXwYMFATC9BNfBgyUBkF5CFsGDRQGQXEJWwYN8Cf5i8wIgecLm5uZefPvR0dFXECHxfS6CB0cCYLSEYbgKHiw/AlFGPQ5xXAYPDgXAZAmugwfHAgDK5fLIa47bZwunFxw12ofYmkqPw5mAScGHuJbgRMC497yNWWQarAuYlOTYmkonxaqApBlelhKsCUib3mYlwYqAaXP7LCRY+Sw+S27vWoKqAK1ZnUsJagK0p7SuJKgIsDWfdyFBbTp8fHzc3NjYePyHhebEJj6V7nQ6+7Va7UCjbbVHoFarHXQ6nX3Qn9VF7wTN4MHCBxHf97dsTWlttO3si9BLpejrAwYGKTYoKn1DbPV0wegZhqyhLxDXBqmxKSpXBlk/X1QuDFJddZ51TzLgDLgPX4PdLHuSEafwtEjyFphD6gaKQBf4Dc8ToROK8Ua4RmIFngsYIKVleU6M7oBf0Q3xdcJ9pLRshfylyXfAN+QOeGTYQuke8mpcRKpJ8sA18J1Y8DB6pXgfeU2UkULK10wX+EGkVjBKkuLpKlJgtKrYKRecIa+6sQN7EgEhBqkrXAIWkEKLuZRt2GCA/HV7yC1+BVwA90lO/g8kttVgA6p5JwAAAABJRU5ErkJggg==) center no-repeat;
}
.g-image .close[data-v-20c3ac76]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAOFSURBVHic5ZtNTxNBGIAfBgOGyCqnNhGFE5JNY3pSeoIbeEITOHuAX1D+gH9g+RfGmG2i3rAnPBVMTDDhIsZDjZF6ItVAhEPxMA4szUK37XzQ7nNjmC7v+3Q6O+/Sd4DkjAJTwASQAW4DN9t4vUn+AnXgF1AF9oA/SV44kGDOODAD5DqNzhG7wBbw46pJVwkQwALwSGNQLvgIbACNuF9eJiADPAOyhoKyTQ14g/yIXGAwZvJ94Dlwx3BQNrkFPAS+I/eKM5oFZJDJD9uJyyo3AB/4ChyqQRGZIJDLvh+TVwwDT6MD0RXwBHhgNRw3jCJFfIPzFTBO7+/27VDg/wavBMy4i8UZj0EKGKX3Djk6yANDAnm8TSMDwJRAnu3TyoRA3vvTSlYgq7q0Mia4PiWtC0ZE6zl9jUi7AIwICIIg3wvXBAMCwjCcLRaLizoDDoIgXywWF8MwnNV1TcUgMKfrYmEYzi4tLc0BFAqFac/z6uVyudbNNVXyAL7vT+ZyOcIwrGoIF9AoIAiC/MrKykJ0rFsJ0eQVvu9P6hCr0CagXC7XPM+rFwqF6eh4pxLikgdYX19/t7a2ttNtvAqtHwFdEmwlD5oFQPcSbCYPBgRA5xJsJw+GBED7ElwkDwYFQHIJrpIHwwKgtYT5+fmsq+RBPhV5YfqPwOXvchy2kgcLK0Bx2UpoxmbyYFEAtJZgO3kwVA32ElZXQKt9QFcB1Q7WBCTdBG1LsCLgqvt8pVL5oquA6gTjAlodcnRXke1iVEDSE55LCcYEtHu8dSXBiIBOz/YuJGgX0G1hY1uCVgG6qjqbErQ+FNVZ1dmSoPWhaC6Xw/f9STXW7dk+TkKpVNpcXV3d7jLcM3T/X6CqJOgqbKISSqXS5vLy8gcdsSq0b4JhGFY9z6vrrOqUBJ3vvMLaA5HrSurL4bQLaAhks0FaORI0fXs6ZRwIYr5DnyJqAtljk1aqAtlglEZOgT2B7K7adRyMC3aAE3Ub3HIZiSO24bxh4jcwAtx1Fo5dKsBnuHgQ2kB2V/U7+8B79UNUQAPZWnZsOyKLHANvowPNXWOHyNYyH9ll1U8cAy+Bn9HBuL7BOrK1bBzZTdIP7AOvaEoe4gWAXAmfkN1V98zFZYUK8JpIr2CUJM3TWWSDUT7h/OvAKfI+v02Ljb2dhIY4b5/PAmPIW6frkroBHAEHyGRV+/xJkhf/A1Fe5tpsLzGzAAAAAElFTkSuQmCC);
}
.g-image .re-upload[data-v-20c3ac76] {
  right: 46px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQwSURBVHic5ZvNbttGEIC/pe0Ajl2ULIIEEBKgvfRAXwrQfg4/gnSSnkk+LR/BzyHrKJ76dwgEOAhKpnUcwD9hD2va1JqSRXFI/X2AIZkilzvD2dmZXY5ifvaAH4EfgH3gFbBT4vo6uQdugG/Af8AX4HaeC9Uc5xwA7wBv0d4tiRi4BL7OOmmWAhTwHngr2Kll8An4CKRFP05TwD7wy8PnJvAN+Ovhc4KiMXwI/IoZ45vCHvATcIXxFY/YCtjHCL8qzk0SB+PHvgB3+YMZCmP2myh8xg7ws30g4wPgNtmbJbGHkftfeLKAA9bf25fhHQ8O3skd2DbeglHAHusX5EjwBnAcTHi7rbgOJrbfVg4dNifaW4TXDpsV8ZXllYNw4KO1DtI0vYjjuC/Zbk3sOi+fU47T09MugOu6wWg06kq3L4zalW7Rdd0g+z4YDIb537TWwcnJSQDQarUC+9rxeDwcDAbDTqcztH+rCwU868iiaK2Ddrv9aPpKqWOA0WjU9X1/bmtIkmQ4Ho+HR0dHZ1J9m4aoAuI47mcWkAlRRvAioig6q1MRtSlgHpIkeTT1WdclSTL0PK9XtX9FiDrBl4SPougsDMOeUupYKXXseV4v+1NKHYdh2MsrJd9uHMd9rbXYw8oQswB7/OdZxIynWVPmV6QQs4DMuxfRarWCsk/P87xeGIbPzF56ahWPA4pwXTdot9v9NE0vygjQ6XSGthJ83+9KKkF8GgQTDE3zB4s4tKJpVGooiCrAJgt8Wq1WkCkkDMPeIoGOrQSp6bFWBUiTpulF/n8JK2jEB0gRRdHEE5fwBWulADu3kGCthgBMDgOJCLGyBWitgziO+03l/0WRYhUqW0D+idSduMDzCLGqIxT1AUU5/qpTWQHSJtn0vRvNBlfxHpUVMB6Pny17VW1zGnW0LR4HzMoKq5ItuGacn5+vRihcR4ja1H1ELKCOENXGblPK+YoowJ77pXN2rXVgp8MS5g+CPsC2At/3uxJOq2ipLYqiM6m9g9pXhRfN/6F4IUR6hVg8GbIdFSwWIk/bTFnZRdGMooVM3/e72YbprGGhtQ5Go1E3TdOLIuGL2q5KbenwS5skthdf1sZIresBZfcEi1irrbFplN0yg2ZSa2h4RUhrHeTD2fxGKjzlFU0I/kCqgN/Y7NdjZ3HrYL09vWXcOBS8Q79FXDuYGptt5crBvD+/rSQOproqXnZPlsBn4HsWCl8usydL4hM8TX+3wC6mbmAbuAT+gclk6CPbMSNcY2QFJhWQYkrL7pvuUYPcA3/nD9gR4B2mtMxjzXaO5+Ae+B1jAY8UhcA3mKnxAFNNsglcA39gCQ/Tc4A7zDSxgymkXGcugT/J1Qrmmad4eh9TYPRGsFNN8Bkz1c107PMoIMPB1BUeAq8xhRa7JduogxTzdG8wJn4FJMD3eS7+H+74uPn6u67tAAAAAElFTkSuQmCC) center no-repeat;
}
.g-image .re-upload[data-v-20c3ac76]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAARtSURBVHic5Zu/jxtFFMc/XqIERZwg1Z3EwW2zRooR2gpC5SuugA4KX+tu/A+4uO6g9z9gd1cghLeAMpFc4CoJ0kmLlGpXSDZCOFQhQBCX4pZiMrnNZu3z2m93z/an8v4av/nq7Zt5M/sqzM8WUAX2gG3gbeDNDM/nyX/AU+APYAwEwN/zPFiZ455d4A7w4aLWlcQj4AHw26ybZglgAZ8BHwsaVQY/AXeB87SL0wTYBr4EdnIyqmgeA9+jX5FXeCPl5veBJvBOzkYVyVvAR8Cv6FjxkqQA2+jO3yjGrkK5BtwGQuCZOWnFbrDQbr+OnTfcAL6In4h7wOfAB4WaUw5baCF+gQsP2GX1o30WPuVFgDcC3CnPltL4BLQAW6zeJEcCF7huoae3m0gFqFrouf2msmehx/5NZcdCZ3Wbyi0L4ZRWKWVHUXQcBEFTst2cuGldfk822u12HcBxHLvf7+9Lty+MdU26RcdxbPN7MBiM4teUUvbBwYEN4Lrua8HX9/3xYDAY9Xq9UfJaXlSAr6QaU0rZ3W73petXKpWvAfr9/n6j0ajP204YhiPf98eHh4c/Stk2DVEBgiBoGg8wncjS8TQ8zxvmKURuAsxDGIYj83vWc2EYjqrV6slSxk1BVIAoio5nXfc8bzjrHVdK2e12u54mRhiGo06nM5SOD2ICJN//OIu48TRvMnFFCrFh0ET3NFzX3VNKTb2eRrVaPWm1Wq+5vfTQKj4PSMNxHLvb7TajKDrO0oFerzdKitBoNOqSIogPg6AnQ9OC2iIBLW0YlXoVRAVIYiY+ruvuGUFardbJIoEsKYLU8JirANIkRxkJLygkBkjhed4wfiwRC1ZKgGRuIcFKCZCMHWkJVVaWFkApZQdB0Cwq/49PnyVYWoBut9t0HMcuI//PkndMQ/QVkHDJollaAGmXLPq/RT1AwiWL/o+lBfB9fxw/zpr0ZCGPtsWHwVlZ4bKYBVdDp9MZTrt3XkSmwnlMUYv6HxEPyGOKmiTZplTwFREgmZVJ5+xKKTuZDku4P+gvRPYlGqrVapVarWbHju3JZDI+PT39c5l205baPM8bHh0d+cu0a8h9VXjR/B/SF0KkV4jF1wPSVoYXWbyYtplyZRdFDWkLmY1Go242TGeN5Uopu9/v70dRdJzW+bS2lyW3FaHLNkmSUXwtNkaSZN0TTGOltsamkXXLDPLvuKHQRVGz9WWO4xupcJFXFNHxF5xXgCOuTuFD0fxjkfh6esN4YpHyDf0G8dhC19hsKmMLXWC0iURAYKGrqx6VbEwZ+MBzMxV+UKYlJfEQLgom/gJuAu+WZk6x3Ad+hleTobvo6qp1ZwLcMwdxAc7RpWVnRVtUIGfAD/ETyaqxZ+jSstvoKqt14gz4Bvg9fjKtbvApurRsF11Nsg5MgG9JdB7SBQDtCafo6qr38rOrEO4D3xGrFYwzT/H0DrrAyJ3z/qtAhB7nH3JJYM/SoetclM/vALfQQ2fZH1mcA/8CT9CdNeXzz+d5+H8lPa4HE+zBRgAAAABJRU5ErkJggg==);
}
.g-image .close[data-v-20c3ac76],
.g-image .matting-icon[data-v-20c3ac76],
.g-image .re-upload[data-v-20c3ac76] {
  margin-left: 4px;
  border-radius: 11px;
  width: 32px;
  height: 32px;
  background-size: 100% auto;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
.g-image .close[data-v-20c3ac76]:hover,
.g-image .matting-icon[data-v-20c3ac76]:hover,
.g-image .re-upload[data-v-20c3ac76]:hover {
  background-color: rgba(235, 235, 238, 0.2);
}
.g-image .disabled[data-v-20c3ac76] {
  color: #aaa7b6;
  font-size: 16px;
  width: 100%;
  height: 100%;
}
.g-image .upload_image_box[data-v-20c3ac76] {
  width: 100%;
  height: 100%;
  position: relative;
}
.g-image .upload_image_box .upload-btn .icon[data-v-20c3ac76] {
  width: 59px;
  height: 59px;
  -o-object-fit: contain;
     object-fit: contain;
}
.g-image .upload_image_box .upload-btn .msg[data-v-20c3ac76] {
  margin-top: 13px;
  font-size: 16px;
  font-weight: 500;
  color: rgb(0, 0, 0);
}
.g-image .upload_image_box .upload-btn .detail[data-v-20c3ac76] {
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  color: rgb(170, 167, 182);
}
.g-image .loading[data-v-20c3ac76] {
  position: relative;
  width: 100%;
  height: 100%;
}
.g-image .loading .icon[data-v-20c3ac76] {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  animation: spin-20c3ac76 1.5s infinite linear;
}
.g-image .loading .text[data-v-20c3ac76] {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 500;
  color: rgb(170, 167, 182);
}
.input_up_box[data-v-20c3ac76] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}
.up_image_show[data-v-20c3ac76] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GRadio.vue?vue&type=style&index=0&id=1b46c716&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.select_normal[data-v-1b46c716] {
  border-radius: 6px;
  height: 37px;
  flex: 1;
  width: 100%;
  font-size: 0.12rem;
}
.ant-radio span[data-v-1b46c716] {
  font-size: 0.12rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GRadio.vue?vue&type=style&index=1&id=1b46c716&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.radio_g .select_normal .ant-select-selection--single {
  height: 37px;
}
.ant-radio-wrapper {
  color: #2b2e2e;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GRadioSub.vue?vue&type=style&index=0&id=582ec90c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.select_normal[data-v-582ec90c] {
  border-radius: 6px;
  height: 37px;
  flex: 1;
  width: 100%;
  font-size: 0.12rem;
}
.ant-radio span[data-v-582ec90c] {
  font-size: 0.12rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GRadioSub.vue?vue&type=style&index=1&id=582ec90c&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.radio_g .select_normal .ant-select-selection--single {
  height: 37px;
}
.ant-radio-wrapper {
  color: #2b2e2e;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GRange.vue?vue&type=style&index=0&id=284e7b58&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.slider-container[data-v-284e7b58] {
  width: 100%;
  overflow: hidden;
  height: 0.43rem;
  box-sizing: border-box;
  border: 0.01rem solid #f8f8f8;
  background-color: #f8f8f8;
  border-radius: 0.08rem;
  padding: 0 0.1rem;
}
.slider-container.error[data-v-284e7b58] {
  border-color: rgb(255, 64, 64);
}
.slider-range[data-v-284e7b58] {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.slider[data-v-284e7b58] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 0.08rem;
  background: #ddd;
  outline: none;
  border-radius: 0.05rem;
  cursor: pointer;
}
.slider[data-v-284e7b58]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #333;
  cursor: pointer;
  border-radius: 50%;
}
.slider[data-v-284e7b58]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  background-color: #6150fc;
  border-radius: 50%;
  width: 0.11rem;
  height: 0.25rem;
  opacity: 1;
  border-radius: 10px;
  background: #6150fc;
}
.slider[data-v-284e7b58]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
}
.slider[data-v-284e7b58]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
          appearance: none;
}
.ticks[data-v-284e7b58] {
  position: absolute;
  top: 50%;
  left: 0.06rem;
  right: 0;
  height: 0.08rem;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  transform: translateY(-50%);
  width: calc(100% - 0.12rem);
  z-index: 0;
}
.tick[data-v-284e7b58] {
  position: absolute;
  transform: translateX(-50%);
  color: #333;
  font-size: 12px;
}
.tick[data-v-284e7b58]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background: #8e8e90;
}
.tick[data-v-284e7b58]:nth-child(2n)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: rgba(142, 142, 144, 0.4);
}
.tick.active[data-v-284e7b58]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background: #6150fc;
}
.range_normal[data-v-284e7b58] {
  background-color: transparent;
  font-size: 0.16rem;
  border-radius: 0.08rem;
  width: 100%;
  position: relative;
  z-index: 1;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GSelect.vue?vue&type=style&index=0&id=24c5581e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.select_normal[data-v-24c5581e] {
  border-radius: 6px;
  height: 0.43rem;
  font-size: 0.12rem;
  width: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GSelect.vue?vue&type=style&index=1&id=24c5581e&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.select-component-down .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled),
.select-component-down .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: rgba(0, 0, 0, 0.02);
  color: var(--color-primary-base);
}
.select-component-down .ant-select-dropdown-menu-item-selected {
  font-weight: normal;
}
.select-component-down .ant-select-dropdown-menu-item {
  font-size: 0.16rem;
  line-height: 0.26rem;
}
.select_normal.error .ant-select-selection {
  border: 1px solid rgb(255, 64, 64);
}
.select_normal.error .ant-select-selection:hover {
  border-color: rgb(255, 64, 64);
}
.select_normal .ant-select-selection {
  border-radius: 0.08rem;
}
.select_normal .ant-select-selection--single {
  /* height: 37px; */
  height: 0.43rem;
  border: 1px solid #fff;
  background-color: #f8f8f8;
  width: 100%;
}
.select_normal .ant-select-selection__rendered {
  padding: 0 0.1rem;
  height: 0.43rem;
  line-height: 0.43rem;
  margin-left: 0;
}
.select_normal .ant-select-selection:hover {
  border-color: var(--color-primary-base);
}
.select_normal .ant-select-selection:focus {
  box-shadow: 0 0 0 0.01rem var(--color-primary-base);
}
.select_normal .ant-select-selection-selected-value {
  font-size: 0.16rem;
  color: #2b2e2e;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  box-shadow: unset;
  border-color: var(--color-primary-base);
}
.ant-select-open .ant-select-selection {
  border-color: var(--color-primary-base);
  box-shadow: unset;
}
.ant-select-disabled .ant-select-selection {
  cursor: default;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/GStringArray.vue?vue&type=style&index=0&id=068f89ba&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.string_array_normal[data-v-068f89ba] {
  border: 0.01rem solid #f8f8f8;
  background-color: #f8f8f8;
  font-size: 0.16rem;
  border-radius: 0.08rem;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.string_array_normal[data-v-068f89ba]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4); /* placeholder文本颜色 */
  font-size: 0.16rem;
}
.string_array_normal[data-v-068f89ba]::placeholder {
  color: rgba(0, 0, 0, 0.4); /* placeholder文本颜色 */
  font-size: 0.16rem;
}
.string_array_normal.error[data-v-068f89ba] {
  border-color: rgb(255, 64, 64);
}
.string_array_normal .item[data-v-068f89ba] {
  padding: 0 0.12rem;
  background-color: rgb(240, 240, 240);
  border-radius: 0.08rem;
  margin: 0.04rem;
}
.string_array_normal .item .text[data-v-068f89ba] {
  font-size: 0.16rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  color: rgb(0, 0, 0);
  min-width: 0.9rem;
  text-align: center;
}
.string_array_normal .item .icon[data-v-068f89ba] {
  width: 0.12rem;
  height: 0.12rem;
  cursor: pointer;
  margin-left: 0.05rem;
}
.string_array_normal .add-input[data-v-068f89ba] {
  font-size: 0.16rem;
  min-width: 0.1rem;
  border-radius: 0.08rem;
  margin-left: 0.08rem;
}
.string_array_normal .add-icon[data-v-068f89ba] {
  background-color: rgb(240, 240, 240);
  border-radius: 0.08rem;
  padding: 0 0.25rem;
  margin-left: 0.08rem;
  cursor: pointer;
}
.string_array_normal .add-icon .icon[data-v-068f89ba] {
  width: 0.17rem;
  height: 0.17rem;
}
input[data-v-068f89ba] {
  font-size: 0.16rem;
  padding: 0 0.1rem;
  border-radius: 0.08rem;
  border-width: 0.01rem;
  border: 0.01rem transparent solid;
  height: 100%;
  background-color: transparent;
}
input[data-v-068f89ba]:hover {
  border: 0.01rem #6150fc solid;
}
input[data-v-068f89ba]:focus {
  border: 0.01rem #6150fc solid;
  outline: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/VBackground.vue?vue&type=style&index=0&id=002bce72&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.editor-background-element[data-v-002bce72] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.editor-background-element img[data-v-002bce72] {
  position: absolute;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/VCtrl.vue?vue&type=style&index=0&id=e193f3a2&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.vctrl[data-v-e193f3a2] {
  width: 100%;
  height: 100%;
}
.vctrl > div[data-v-e193f3a2] {
  position: relative;
  width: 100%;
  height: 100%;
}
.vctrl > div .editor-shape[data-v-e193f3a2] {
  position: absolute;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/VGlobalBackground.vue?vue&type=style&index=0&id=3a0113f5&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.editor-global-background-element[data-v-3a0113f5] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.editor-global-background-element img[data-v-3a0113f5] {
  position: absolute;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/VGroup.vue?vue&type=style&index=0&id=4d04686b&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.group[data-v-4d04686b] {
  width: 100%;
  height: 100%;
}
.group > div[data-v-4d04686b] {
  position: relative;
  width: 100%;
  height: 100%;
}
.group > div .editor-shape[data-v-4d04686b] {
  position: absolute;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/VImage.vue?vue&type=style&index=0&id=71114d47&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
img[data-v-71114d47] {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.editor-element[data-v-71114d47] {
  overflow: hidden;
}
.img-cut-box[data-v-71114d47] {
  position: relative;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/custom-component/VText.vue?vue&type=style&index=0&id=665a57f1&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.editor-element-text[data-v-665a57f1] {
  position: relative;
  transform-origin: 0 0;
}
.editor-element-text.editor-element-editing[data-v-665a57f1] {
  /* 正在编辑时 原本显示文字消失， 出现编辑的文字 */
  visibility: hidden;
}
.editor-element-text.editor-element-editing.editor-text-editor .element-inner[data-v-665a57f1]:last-of-type {
  z-index: 6;
  visibility: visible;
  outline: 0;
  -webkit-user-modify: read-write-plaintext-only;
  -webkit-user-select: text;
}
.element-inner-position[data-v-665a57f1] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.element-inner[data-v-665a57f1] {
  position: relative;
  width: 100%;
  height: auto;
  transform-origin: 0 0;
  white-space: normal;
  word-wrap: break-word;
  display: inline-block;
  vertical-align: top;
  background-clip: text;
  -webkit-background-clip: text !important;
}
.text-span[data-v-665a57f1] {
  vertical-align: top;
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/points-pay/PopPointPayCode.vue?vue&type=style&index=0&id=78ece9c1&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.point-pay-code[data-v-78ece9c1] {
  position: relative;
  z-index: 20;
  transition: all 0.2s;
}
.point-pay-code .mask[data-v-78ece9c1] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  height: 100%;
  background-color: rgba(86, 86, 102, 0.3);
  backdrop-filter: blur(10px);
}
.point-pay-code .wrap[data-v-78ece9c1] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  overflow: auto;
  outline: 0;
  padding: 9% 0 50px;
}
.point-pay-code > .header[data-v-78ece9c1] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.point-pay-code .pop-content[data-v-78ece9c1] {
  position: relative;
  margin: 0 auto;
}
.point-pay-code .pop-content .close[data-v-78ece9c1] {
  z-index: 1000;
  position: absolute;
  top: 20px;
  right: 24px;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAJkSURBVGiB1dpLbtswEMbxb3SVXKa1sqtr2elhqhwm9SPx0kIuEsBdFOhFqumCHVexJfE1lJj/JoFEEfrBDOMX0OmwbZaHbfOMD9L+6VTvt6f6+jjJL4dtswQgoJfVZvF1onsLav90qqmg7wDA4MdqU9ZyjoAbkJQtrAuSujAaAEnZwfpAksAKANXIHFn9jY2BAICY1rtdcyfL7xnAcmS+2R8xGwiMn22Bcr1e/OpuFNnCfEAAUMjxfzf8MjL3LEvRuuRA5y7IHLsqp0fMBfSH+L4LMsd7ygEWCjLnBpoTFgMy50eaAxYLMmMsTQnTAJlxDk0B0wKZsY6lhGmCzHiPUsC0QeYazzRhKUDmuoA0YKlA5trAYmApQeb6iEJgqUFmjsh8YFOAzDwKucC45bcpQGYupRxgIzehBzLzKRYC0waZOZXzg9G5VQYBCVCAKywNCOi8nNeMW35zGPY7BQhIgLK+SXKJP+1/nMbeEwlOdfm5g/7HzMfqoQzaNYdSQ4WAJG2YyvKzg+gM8OvgWaIvmksxGuUCaonvV5vyM0beV9SERS0/V1B3l7Nt98w4Vg+LqKUYjAoBSalhQagYkJQS5o3SAEmpYF4oO4jPLZHXU58UMGdUCpCkDXNCpQRJmjAragqQZH12zziuHGCjqClBkgZsEDUHSIqF9aLmBElWGOG4WvfDblA5gKRQ2DtUTiApBHZB5QiSfGEE5A2SfGD0EUCSK8zyIjEfEODwBZbW/Ciqb2XNLT/ejsgLJA3BmPnyv2tgo8gT1O1qKb77yKhnS0eVO0iS70pZP47d7Zq7Se4oYX8Blhl4ll6L1XwAAAAASUVORK5CYII=) center no-repeat;
  background-size: 100% 100%;
  opacity: 0.7;
  cursor: pointer;
}
.point-pay-code .pop-content .close[data-v-78ece9c1]:hover {
  opacity: 1;
}
.point-pay-code .pop-content[data-v-78ece9c1] {
  width: 572px;
  border-radius: 14px;
}
.point-pay-code .body[data-v-78ece9c1] {
  padding-top: 64px;
  border-radius: 14px;
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 42px 3px rgba(20, 73, 225, 0.25);
  backdrop-filter: blur(40px);
  padding: 56px 40px 55px;
}
.point-pay-code .body .msg[data-v-78ece9c1] {
  margin-top: 40px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}
.point-pay-code .body .msg .price .symbol[data-v-78ece9c1] {
  font-size: 20px;
}
.point-pay-code .body .msg .price[data-v-78ece9c1] {
  letter-spacing: 2px;
  color: rgb(65, 85, 240);
  line-height: 1;
  font-size: 34px;
  font-weight: 700;
}
.point-pay-code .body .qrcode[data-v-78ece9c1] {
  width: 290px;
  min-height: 290px;
  overflow: hidden;
  margin-bottom: 10px;
}
.point-pay-code .body .qrcode.alipay[data-v-78ece9c1] {
  width: 250px;
  min-height: 250px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.point-pay-code .body .qrcode .qrcode-wrap[data-v-78ece9c1] {
  position: relative;
  width: 290px;
}
.point-pay-code .body .qrcode .code[data-v-78ece9c1] {
  width: 100%;
  height: 100%;
}
.point-pay-code .body .qrcode .code-time-out[data-v-78ece9c1] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: rgb(0, 0, 0);
  background: rgba(255, 255, 255, 0.95);
  cursor: pointer;
}
.point-pay-code .body .qrcode .code-time-out .icon[data-v-78ece9c1] {
  width: 67px;
  height: auto;
  margin-bottom: 10px;
}
.point-pay-code .body .info[data-v-78ece9c1] {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}
.point-pay-code .body .info.alipay[data-v-78ece9c1] {
  position: relative;
  z-index: 1;
  margin-top: -50px;
}
.point-pay-code .body .info .icon[data-v-78ece9c1] {
  width: 26px;
  height: 26px;
}
.point-pay-code .body .detail[data-v-78ece9c1] {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(170, 167, 182);
  margin-top: 6px;
}
.point-pay-code .body .detail .blue[data-v-78ece9c1] {
  color: rgb(108, 151, 223);
  cursor: pointer;
}
.point-pay-code .pay-success[data-v-78ece9c1] {
  padding-top: 64px;
}
.point-pay-code .pay-success .info[data-v-78ece9c1] {
  margin-top: 31.25px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 2px;
  color: #1a1a1a;
}
.point-pay-code .pay-success .info span[data-v-78ece9c1] {
  color: transparent;
  background: linear-gradient(to right, rgb(65, 85, 240) 0%, rgb(72, 183, 251) 60%);
  -webkit-background-clip: text;
  background-clip: text;
}
.point-pay-code .pay-success .info .icon[data-v-78ece9c1] {
  width: 26px;
  height: 26px;
}
.point-pay-code .pay-success .success-qrcode[data-v-78ece9c1] {
  margin-top: 32px;
}
.point-pay-code .pay-success .success-qrcode .code[data-v-78ece9c1] {
  width: 260px;
  height: 260px;
}
.point-pay-code .pay-success .detail[data-v-78ece9c1] {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(170, 167, 182);
  margin-top: 16px;
}
.point-pay-code .pay-success .detail p[data-v-78ece9c1] {
  padding: 0;
  margin: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/points-pay/PopPointPayWay.vue?vue&type=style&index=0&id=02e9826a&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.point-pay-way[data-v-02e9826a] {
  position: relative;
  z-index: 20;
  transition: all 0.2s;
}
.point-pay-way .mask[data-v-02e9826a] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  height: 100%;
  background-color: rgba(86, 86, 102, 0.3);
  backdrop-filter: blur(10px);
}
.point-pay-way .wrap[data-v-02e9826a] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  overflow: auto;
  outline: 0;
  padding: 9% 0 50px;
}
.point-pay-way > .header[data-v-02e9826a] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.point-pay-way .pop-content[data-v-02e9826a] {
  position: relative;
  margin: 0 auto;
}
.point-pay-way .pop-content .close[data-v-02e9826a] {
  z-index: 1000;
  position: absolute;
  top: 20px;
  right: 24px;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAJkSURBVGiB1dpLbtswEMbxb3SVXKa1sqtr2elhqhwm9SPx0kIuEsBdFOhFqumCHVexJfE1lJj/JoFEEfrBDOMX0OmwbZaHbfOMD9L+6VTvt6f6+jjJL4dtswQgoJfVZvF1onsLav90qqmg7wDA4MdqU9ZyjoAbkJQtrAuSujAaAEnZwfpAksAKANXIHFn9jY2BAICY1rtdcyfL7xnAcmS+2R8xGwiMn22Bcr1e/OpuFNnCfEAAUMjxfzf8MjL3LEvRuuRA5y7IHLsqp0fMBfSH+L4LMsd7ygEWCjLnBpoTFgMy50eaAxYLMmMsTQnTAJlxDk0B0wKZsY6lhGmCzHiPUsC0QeYazzRhKUDmuoA0YKlA5trAYmApQeb6iEJgqUFmjsh8YFOAzDwKucC45bcpQGYupRxgIzehBzLzKRYC0waZOZXzg9G5VQYBCVCAKywNCOi8nNeMW35zGPY7BQhIgLK+SXKJP+1/nMbeEwlOdfm5g/7HzMfqoQzaNYdSQ4WAJG2YyvKzg+gM8OvgWaIvmksxGuUCaonvV5vyM0beV9SERS0/V1B3l7Nt98w4Vg+LqKUYjAoBSalhQagYkJQS5o3SAEmpYF4oO4jPLZHXU58UMGdUCpCkDXNCpQRJmjAragqQZH12zziuHGCjqClBkgZsEDUHSIqF9aLmBElWGOG4WvfDblA5gKRQ2DtUTiApBHZB5QiSfGEE5A2SfGD0EUCSK8zyIjEfEODwBZbW/Ciqb2XNLT/ejsgLJA3BmPnyv2tgo8gT1O1qKb77yKhnS0eVO0iS70pZP47d7Zq7Se4oYX8Blhl4ll6L1XwAAAAASUVORK5CYII=) center no-repeat;
  background-size: 100% 100%;
  opacity: 0.7;
  cursor: pointer;
}
.point-pay-way .pop-content .close[data-v-02e9826a]:hover {
  opacity: 1;
}
.point-pay-way .pop-content[data-v-02e9826a] {
  width: 572px;
  border-radius: 14px;
}
.point-pay-way .body[data-v-02e9826a] {
  padding-top: 64px;
  border-radius: 14px;
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 42px 3px rgba(20, 73, 225, 0.25);
  backdrop-filter: blur(40px);
  padding: 56px 40px 24px;
}
.point-pay-way .body .payway[data-v-02e9826a] {
  margin-top: 60px;
}
.point-pay-way .body .payway .item[data-v-02e9826a] {
  border-radius: 14px;
  background: rgb(248, 248, 248);
  width: 240px;
  height: 78px;
  position: relative;
}
.point-pay-way .body .payway .item.active[data-v-02e9826a]::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABOCAYAAAAelZuXAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAYNSURBVHic7dtdjFx1Gcfx7/Ofl91ltVkapt0YExU1kpJYfAWD2tmkMQ1ESWhn8YW4V3AhiYlFwSikjfVCbSJGUq5ptKHJsJVA5IKEUhRokBgkphBSwSZEsrBCt9Lt7p6Zcx4v9o1td3ZnduftsL/P1Zlzzpx99uKbOS8zRh12DJ8dMucmw74CvhWsAFxWz3tFpC4XwMfB3nLz58x55Kny5U+v9iZbaWNx+N1bzTP3gH+meXOKSD0cXgnOvuMPD5Rr7bNswMXd/7vKQvIQcM3cqrfAjjj+t2o1vGiWea8VA4tsZO7xh7PZ5HPmdi349zC2zG16PsR898ljA69f/J5LAi4OT+w091GwTcAZEvt9NBOPhnxPpdX/gIjMionyuUxmOJD8EPgo2Dvm9q3jD2967v37LQm4WDq3y/BHgZwbR6Nqz08zJFE7BxeRRZYJvRmi+8BvAqac5BsnypufWdg+vzB0y9ntJPYs0I/7fdUkf7ATA4vIUkkVy+cr+zFuA961Cl8+/sjAawABoFh8KktsR4F+zI4oXpHuEbJ4Ncntc+wxYLPn+CO4wVzAdsXnb8e4Cng1upD/WSeHFZHlhUrPj8DfBK7bsefcHoBQLHoW83sBPLFfhnyim1UiXagS4guJh18BBHwfgA0Nn7sB9z+7czpOcjs6O6KIrCSJZnL5vvB34AoLfCF44t8EcKj5sFhEukPI91Rw/gTgsd8YML4KYISTnR1NROrhxvMAWLg+mPuVANUk/3JHpxKR+lTDqwAOVwbM+gCMeKqzU4lIXbI+BmAkHwms8oMGEekucZydnF2y/tDZUURkPRSwSIopYJEUU8AiKaaARVJMAYukmAIWSTEFLJJiClgkxRSwSIopYJEUU8AiKaaARVJMAYukmAIWSTEFLJJiClgkxRSwSIopYJEUU8AiKaaARVJMAYukTCZU7pxfVsAiKZIJlTvNUMAiaXNxvKCARVJhuXhBAYt0vVrxggIW6WorxQsKWKRrrRYvKGCRrlRPvKCARbpOvfGCAhbpKo3ECwpYpGs0Gi8oYJGusJZ4QQGLdNxa4wUFLNJR64kXFLBIx6w3XlDAIh3RjHhBAYu0XbPiBQUs0lbNjBcUsEjbNDteUMAibdGKeEEBi7Rcq+IFBSzSUq2MFxSwSMu0Ol5QwCIt0ax4R0o97L4hX3N7dr1/QESWala827dlGSn1AjBYCBw6PH3JPvoEFmmiZsU7WAjcfUffwutPfjyz7H4KWKRJGol3pNTDSKmn5va7ftDHYGE2z7HxhN88MLXsfjqFFmmCxuPtXXh9uDyzZPsdI71cc/Vimr8+NMXYeLLssQJYBJBEM7nGxxaRRk+btxYWT3xHSr1c/6XF9LZvy7L7xsVP5kMPTvHSy9Waxwq4TwBYf/7yxsYWkbVc8z5weJp/nYkXXt89d7o8WAgc+MllC+v/carK6OPRiseyodK5k+DXYZlbqtXw1wbnF9mw1nPDarAQ+O3+/iXXuecnnU/N3awaG0+4/a7znJ/0FY8TcE4C4Mm1axlEZCNa793msfGEvfsnF65tBwthIV6Yve5dLV4gDkmSPDa77LvXOozIRtKsR0Vj4wn3HrxwyfrVrnsX2dvh6WMDJxx/A/hYCNGu9Q4l8kHW7K9HvnYm5tCDi4+Innmhsup17yI/FcAct18ABLOfV5Ko9sMpkQ2sVd9tHn084nB5esXnvTU8YQClkmf+y8RLYFe7czROcnubPaRImrXjhwkf6rd6rnvnTTvRJwJAuWxxjH8HfNKMb2cz1R+3bkyRdGlHvEAj8QLcf6K8ZWzhifJfypv/6SR7gAr43my2ejCJgr7cIRtau+JthDuno5nKAQC7eGPx5omdlmEU2OTwbzP7nVdzx2I8vuRIIh9g3Rgv8J8Q8/Unjw28DssEDPC10jvbcmQecvjs7Bp/E+xI4rxg1vtiHMeT7ZtXpP26MV53TmcSds3HCzUCnje05+z3zeweh0+3fjwRqWEauD+aqRx49tHCe+/fsGLA84rDEzvNudnhi4ZvBQpgfau+UUTWIgZ7G/wU8IQT/eFEecvYcjv+H52t/KcIIzr1AAAAAElFTkSuQmCC) center no-repeat;
  background-size: 100% 100%;
}
.point-pay-way .body .payway .item .icon[data-v-02e9826a] {
  width: 50px;
  height: 50px;
}
.point-pay-way .body .payway .item .name[data-v-02e9826a] {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgb(170, 167, 182);
  margin-left: 12px;
}
.point-pay-way .body .price-box[data-v-02e9826a] {
  margin-top: 24px;
  width: 100%;
  border-radius: 14px;
  background: rgb(248, 248, 248);
  padding: 0 30px;
}
.point-pay-way .body .price-box .item[data-v-02e9826a] {
  height: 94px;
}
.point-pay-way .body .price-box .item .left[data-v-02e9826a] {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 26.1 0.4;
  color: rgb(0, 0, 0);
}
.point-pay-way .body .price-box .item.package[data-v-02e9826a] {
  border-bottom: 1px solid rgba(170, 167, 182, 0.5);
}
.point-pay-way .body .price-box .item.package .right .limit-time-offer[data-v-02e9826a] {
  padding: 0 14px;
  height: 24px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 20.27px;
  color: rgb(255, 255, 255);
  background: linear-gradient(114.29deg, rgb(65, 88, 240) 0%, rgb(81, 201, 252) 100%);
}
.point-pay-way .body .price-box .item.package .right .price[data-v-02e9826a] {
  text-align: right;
  margin-left: 8px;
  margin-top: 20px;
}
.point-pay-way .body .price-box .item.package .right .price .discount-price[data-v-02e9826a] {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgb(0, 0, 0);
}
.point-pay-way .body .price-box .item.package .right .price .origin-price[data-v-02e9826a] {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgba(170, 168, 180, 0.5);
  text-decoration: line-through;
}
.point-pay-way .body .price-box .item.total-amount .right[data-v-02e9826a] {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgb(0, 0, 0);
}
.point-pay-way .body[data-v-02e9826a] .confirm {
  margin: 40px auto 0;
  width: 334px !important;
  height: 64px !important;
  padding: 0 26px;
  display: flex;
}
.point-pay-way .body[data-v-02e9826a] .confirm .left {
  margin-right: 8px;
}
.point-pay-way .body[data-v-02e9826a] .confirm .left img {
  width: 22px;
  height: 22px;
}
.point-pay-way .body[data-v-02e9826a] .confirm .middle {
  font-size: 18px;
  letter-spacing: 8px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/points-pay/PopPoint.vue?vue&type=style&index=0&id=4f04e3f8&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.pop-point[data-v-4f04e3f8] {
  position: relative;
  z-index: 20;
  transition: all 0.2s;
}
.pop-point .mask[data-v-4f04e3f8] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4509803922);
}
.pop-point .wrap[data-v-4f04e3f8] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  overflow: auto;
  outline: 0;
  padding: 5% 0;
}
.pop-point .header[data-v-4f04e3f8] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.pop-point .pop-content[data-v-4f04e3f8] {
  position: relative;
  margin: 0 auto;
}
.pop-point .pop-content .close[data-v-4f04e3f8] {
  z-index: 1000;
  position: absolute;
  top: 68px;
  right: 35px;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAJkSURBVGiB1dpLbtswEMbxb3SVXKa1sqtr2elhqhwm9SPx0kIuEsBdFOhFqumCHVexJfE1lJj/JoFEEfrBDOMX0OmwbZaHbfOMD9L+6VTvt6f6+jjJL4dtswQgoJfVZvF1onsLav90qqmg7wDA4MdqU9ZyjoAbkJQtrAuSujAaAEnZwfpAksAKANXIHFn9jY2BAICY1rtdcyfL7xnAcmS+2R8xGwiMn22Bcr1e/OpuFNnCfEAAUMjxfzf8MjL3LEvRuuRA5y7IHLsqp0fMBfSH+L4LMsd7ygEWCjLnBpoTFgMy50eaAxYLMmMsTQnTAJlxDk0B0wKZsY6lhGmCzHiPUsC0QeYazzRhKUDmuoA0YKlA5trAYmApQeb6iEJgqUFmjsh8YFOAzDwKucC45bcpQGYupRxgIzehBzLzKRYC0waZOZXzg9G5VQYBCVCAKywNCOi8nNeMW35zGPY7BQhIgLK+SXKJP+1/nMbeEwlOdfm5g/7HzMfqoQzaNYdSQ4WAJG2YyvKzg+gM8OvgWaIvmksxGuUCaonvV5vyM0beV9SERS0/V1B3l7Nt98w4Vg+LqKUYjAoBSalhQagYkJQS5o3SAEmpYF4oO4jPLZHXU58UMGdUCpCkDXNCpQRJmjAragqQZH12zziuHGCjqClBkgZsEDUHSIqF9aLmBElWGOG4WvfDblA5gKRQ2DtUTiApBHZB5QiSfGEE5A2SfGD0EUCSK8zyIjEfEODwBZbW/Ciqb2XNLT/ejsgLJA3BmPnyv2tgo8gT1O1qKb77yKhnS0eVO0iS70pZP47d7Zq7Se4oYX8Blhl4ll6L1XwAAAAASUVORK5CYII=) center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  opacity: 0.7;
}
.pop-point .pop-content .close[data-v-4f04e3f8]:hover {
  opacity: 1;
}
.pop-point .pop-content[data-v-4f04e3f8] {
  width: 1300px;
  min-width: 1030px;
  border-radius: 14px;
}
.pop-point .body[data-v-4f04e3f8] {
  border-radius: 14px;
  padding: 100px 100px 70px;
  box-sizing: border-box;
  background: url(/img/pay_bg.3f4afbf8.png) center no-repeat;
  background-size: 100% auto;
  position: relative;
  min-height: 686px;
}
.pop-point .body .logo[data-v-4f04e3f8] {
  z-index: 0;
  position: absolute;
  top: -70px;
  left: -100px;
  width: 110%;
  height: 400px;
  background: url(/img/pop_logo.09316cb5.png) center no-repeat;
  background-size: cover;
}
.pop-point .body .bg-icon[data-v-4f04e3f8] {
  width: 216px;
  height: 216px;
  position: absolute;
  bottom: 0px;
  right: -50px;
  z-index: 1;
}
.pop-point .body .list .item-con[data-v-4f04e3f8] {
  position: relative;
}
.pop-point .body .list .item-con .point_span[data-v-4f04e3f8] {
  width: 100%;
  text-align: center;
  margin-top: 12px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(255, 255, 255);
}
.pop-point .body .list .item[data-v-4f04e3f8] {
  position: relative;
  width: 352px;
  height: 490px;
  opacity: 1;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  padding: 0 0 54px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
  position: relative;
}
.pop-point .body .list .item[data-v-4f04e3f8]:hover {
  overflow: hidden;
}
.pop-point .body .list .item[data-v-4f04e3f8]:hover::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -300%;
  width: 300%;
  height: 300%;
  background-image: linear-gradient(120deg, transparent 0%, transparent 33%, rgba(98, 253, 255, 0.05) 40%, rgba(98, 253, 255, 0.2) 48%, rgba(98, 253, 255, 0.2) 52%, rgba(98, 253, 255, 0.05) 60%, transparent 66%, transparent 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: slide-4f04e3f8 3s linear infinite;
}
.pop-point .body .list .item[data-v-4f04e3f8]:hover::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: " ";
  border: 2px solid #37b0fc;
  z-index: -10;
  border-radius: 24px;
}
.pop-point .body .list .item:hover.item-1[data-v-4f04e3f8]::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -300%;
  width: 300%;
  height: 300%;
  background-image: linear-gradient(120deg, transparent 0%, transparent 33%, rgba(98, 253, 255, 0.05) 40%, rgba(250, 160, 55, 0.1254901961) 48%, rgba(250, 160, 55, 0.1254901961) 52%, rgba(98, 253, 255, 0.05) 60%, transparent 66%, transparent 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: slide-4f04e3f8 3s linear infinite;
}
.pop-point .body .list .item:hover.item-1[data-v-4f04e3f8]::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: " ";
  border: 2px solid #faa037;
  z-index: -10;
  border-radius: 24px;
}
.pop-point .body .list .item.item0[data-v-4f04e3f8] {
  background-image: url(/img/card_bg1.f814d3e1.png);
}
.pop-point .body .list .item.item0 .purchase[data-v-4f04e3f8] {
  background-image: url(/img/purchase1.d8829a88.svg);
}
.pop-point .body .list .item.item1[data-v-4f04e3f8] {
  background-image: url(/img/card_bg2.4a4fa091.png);
}
.pop-point .body .list .item.item1 .purchase[data-v-4f04e3f8] {
  background-image: url(/img/purchase1.d8829a88.svg);
}
.pop-point .body .list .item.item2[data-v-4f04e3f8] {
  overflow: hidden;
  background-image: url(/img/card_bg3.bf9880a4.png);
}
.pop-point .body .list .item.item2 .name[data-v-4f04e3f8] {
  background: linear-gradient(90deg, rgb(80, 61, 245) 0%, rgba(64, 253, 255, 0.57) 32%, rgba(254, 227, 196, 0) 100%);
}
.pop-point .body .list .item.item2 .purchase[data-v-4f04e3f8] {
  background-image: url(/img/purchase.8770e11b.svg);
}
.pop-point .body .list .item.item-1[data-v-4f04e3f8] {
  overflow: hidden;
  background-image: url(/img/card_bg0.f99eb630.png);
}
.pop-point .body .list .item.item-1 .name[data-v-4f04e3f8] {
  background: linear-gradient(270deg, rgba(252, 204, 58, 0) 0%, rgba(252, 194, 58, 0.8) 52.78%, rgb(255, 77, 77) 100%);
}
.pop-point .body .list .item.item-1 .purchase[data-v-4f04e3f8] {
  background-image: url(/img/purchase.8770e11b.svg);
}
.pop-point .body .list .item .name[data-v-4f04e3f8] {
  width: 100%;
  letter-spacing: 2px;
  line-height: 1.2;
  color: rgb(255, 255, 255);
  text-align: left;
  padding: 0 0 0 20px;
  font-size: 16px;
  font-weight: 700;
  width: 142px;
  height: 38px;
  opacity: 1;
  border-radius: 24px 0 0 0;
  background: linear-gradient(90deg, rgb(80, 61, 245) 0%, rgba(65, 46, 240, 0) 100%);
  align-self: flex-start;
}
.pop-point .body .list .item .name .icon[data-v-4f04e3f8] {
  width: 19px;
  margin-right: 8px;
}
.pop-point .body .list .item .points[data-v-4f04e3f8] {
  width: 100%;
  letter-spacing: 2px;
  color: rgb(255, 255, 255);
  font-size: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXAAAAAaCAYAAACuAQe3AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAQrSURBVHic7dfPjuQ0EMfxbzlOZv/xV3BD4g4vACd4sxXPw7Nw4QASByROICGWf8vuTtqu4uDKJNMzsysQ0kro95EyZZfLTroz7U6DiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIyP+Kve4LkE1YxN774ov93jx+DF9+ufff/ybbn8HnwFffjf73P2IffzRqfvhpr7//BOND+PlX7APglz/2seXpaP/+aMSLZyP++XzEd4GnlxjvwF+X2Nu/wbMV4y14vo6a+TTii4yXDXuUEeCyj7g27CGwbn0f8ZT95th94LTllz0P0DPe23L3oOXcHtdrAfp8fZ5nXLJ+XaA6xkXW15y7wAvHFmBdwA955uzP2xsIPmEssGbOpxyf9zmnbW4ZY1v/WHMjP8O8wOnBoeaMQdzMDuVsbAUuINZcDqAdas7XKmdj27y75mz1W7y8JXesn87GtnjvMHYe38hYD/FBrrdkbs64QDzK15zrXosPMj48XNOjbL+Z8e2MTw7t9/b683hX+1XjL2u/dMwi4lPktWgNqxVrudHVitGwBlbHl6u1hnWj0LCpQm8UwDCMRukdo2KsFCbMO2UybO2UCQwfuW4UP13lihuFsaEVP4212srkOc9Xiq8U6xTPIzqFFWudEk5pJ0p3Sl+ZIrBTo/RGiTbyW034yLdtHR+xO9YbU3es+zi3gTljvDlTgHlQ+siNfqd4UHpQwrDuFJzijNfljoWPmgDrI5YwincsyGsqWBgFw3wabS+HWDAvY4wJi4niU9bOGDnm87gHfcK8QlTMK2Zz9mesVyxm8BmLCrFgsUDmoGI9N22bR54LsKyxsYEHFThshsGNTdSzGfknbG97OeRyfuScqzob/WMu7NA38JwXBm77uJ/VOhBTjtl+ri3fC0TNsWm8FV7Bp/2IOds1x7djm3vo+5JHrhFb++Jsfs1189xXkVyTzJHXvOWmQy7f46vX84r2MZ63b8vdNr4dXwNP81r55J9tO/JfqfV6HB2oh19GdfTZnhLrxZ2/mq7l79/MvWre+fj1fsPyXzI40Wk4jfFvtl6NjaONLyd3aC9GxMHX8fTtbTwptwbZxnOtU8do0GKMNwf38cTc2mi3jvVse4F2iYVDi7wEh37CmkP0EZszdrcOPdc87U/thGFO7gpAKxCBrSU/rQX6hLnlLpi7RyM34CXnzBkrRoVeR7/mGlGwMhE9MMuPqOcubAYl30Ir+x2YcnvedubDDQobl3Kl7DHO+jeijdMzs38JHNaKeqg9HLHVzLecv+axrbcc6rc15kOuZr/mWGU8Mdd9jDI2YirjSXw5nGc7tvMsh7mF8bSd6971S+W2p+TtZZVb6m6be9f4v6l5VS3At+yfNhEREREREREREREREREREREREREREREREREREREREREREZHX7m/s11konyPUZwAAAABJRU5ErkJggg==) center bottom no-repeat;
  background-size: 278px 20px;
  padding: 10px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
}
.pop-point .body .list .item .points .big[data-v-4f04e3f8] {
  font-size: 64px;
}
.pop-point .body .list .item .intro[data-v-4f04e3f8] {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 0;
}
.pop-point .body .list .item .intro .intro-item[data-v-4f04e3f8] {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.2;
  color: rgb(255, 255, 255);
}
.pop-point .body .list .item .intro .intro-item:nth-child(even) .dot[data-v-4f04e3f8] {
  background: rgb(0, 154, 250);
}
.pop-point .body .list .item .intro .intro-item:nth-child(odd) .dot[data-v-4f04e3f8] {
  background: rgb(73, 253, 255);
}
.pop-point .body .list .item .intro .intro-item .dot[data-v-4f04e3f8] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 9px;
}
.pop-point .body .list .item .price[data-v-4f04e3f8] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100px;
  line-height: 1.2;
}
.pop-point .body .list .item .price .origin-price[data-v-4f04e3f8] {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 2px;
  color: rgb(255, 255, 255);
}
.pop-point .body .list .item .price .origin-price .symbol[data-v-4f04e3f8] {
  font-size: 24px;
}
.pop-point .body .list .item .price .discount-price[data-v-4f04e3f8] {
  text-decoration: line-through;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 2px;
  color: rgb(255, 255, 255);
}
.pop-point .body .list .item .purchase[data-v-4f04e3f8] {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 112px 38px;
  cursor: pointer;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(81, 127, 252);
  height: 68px;
  border-radius: 0 0 24px 24px;
  z-index: 1;
}
.pop-point .body .list .item .purchase .new-buy-icon[data-v-4f04e3f8] {
  position: absolute;
  right: 40px;
  width: 60px;
}
.pop-point .body .privecy-box[data-v-4f04e3f8] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
  padding: 24px 0;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.7);
}
.pop-point .body .privecy-box .item[data-v-4f04e3f8] {
  padding: 0 12px;
}
.pop-point .body .privecy-box .item.item1[data-v-4f04e3f8] {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.pop-point .body .privecy-box .item[data-v-4f04e3f8]:hover {
  color: rgb(255, 255, 255);
}
.pop-point .body .privecy-box .line[data-v-4f04e3f8] {
  height: 15px;
  width: 1px;
  background-color: #fff;
}
@keyframes slide-4f04e3f8 {
0% {
    transform: translateX(10%);
}
50% {
    transform: translateX(100%);
}
100% {
    transform: translateX(-100%);
}
}
.pop-point[data-v-4f04e3f8] .loading {
  padding: 100px;
  text-align: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/points-pay/OrderHistory.vue?vue&type=style&index=0&id=724f70aa&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.feedback[data-v-724f70aa] {
  position: relative;
  z-index: 100;
  transition: all 0.2s;
}
.feedback .mask[data-v-724f70aa] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  background-color: rgba(86, 86, 102, 0.3);
  backdrop-filter: blur(10px);
}
.feedback .wrap[data-v-724f70aa] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: auto;
  outline: 0;
  padding: 2% 0;
}
.feedback .header[data-v-724f70aa] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 64px;
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 14px 4px rgba(20, 73, 225, 0.25);
  font-size: 20px;
  font-weight: 500;
  color: rgb(0, 0, 0);
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 14px 4px rgba(20, 73, 225, 0.25);
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #c7c5fd, #6be7f5, #0b0bf4, #d1cbfe, #c8c3fd, #6be7f5, #0b0bf4, #d1cbfe, #c7c5fd) 1;
     border-image: linear-gradient(to right, #c7c5fd, #6be7f5, #0b0bf4, #d1cbfe, #c8c3fd, #6be7f5, #0b0bf4, #d1cbfe, #c7c5fd) 1;
}
.feedback .modal-content[data-v-724f70aa] {
  position: relative;
  margin: 0 auto;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  width: 1400px;
}
.feedback .modal-content .close[data-v-724f70aa] {
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 26px;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADoSURBVDiNndQ9jsIwEIbhd7zH4TLZgiZStH04xIZDhN4ySrNI8bngDMRUQTj4Z9jpHDuPPnlGBuBsfT85P/JhOTsPzs7Dupaz9b0II4AIp7ZrDlrIiPwCLCEcu5/vwRjDbj0QAqqErxDAl5EdgABMzo8h0D/jFhJuIREubdfsn5gWLEERVgNr0BuWA+9LuNWgJJYCox8yUBbLgSUIwOQ27ku4JT5fc+ezybaXvUmXHZu3ZKmuiXBa16XBjpKV2q+ZQ9FAa9VA0UIaUD6BamDUAA0E0HbN4bUpUTk7D5PzfzUklfA/j6qqHpdjrnx+IsyIAAAAAElFTkSuQmCC) center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.feedback .body[data-v-724f70aa] {
  margin-top: 64px;
  height: 800px;
  padding: 0 62px 20px;
}
.feedback .body .filter[data-v-724f70aa] {
  width: 100%;
}
.feedback .body .filter .time-order[data-v-724f70aa] {
  height: 38px;
  border-radius: 8px;
  background: rgb(248, 248, 248);
  margin-top: 30px;
  display: inline-flex;
}
.feedback .body .filter .time-order .left[data-v-724f70aa] {
  width: 116px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgb(0, 0, 0);
  position: relative;
  text-align: center;
}
.feedback .body .filter .time-order .left[data-v-724f70aa]::after {
  content: " ";
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  background: rgba(181, 181, 181, 0.4);
  transform: translateY(-50%);
}
.feedback .body .filter .time-order .right[data-v-724f70aa] {
  width: 145px;
  text-align: center;
  justify-content: space-between;
}
.feedback .body .filter .time-order .right[data-v-724f70aa] .ant-select {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  color: rgb(128, 127, 130);
}
.feedback .body .filter .time-order .right[data-v-724f70aa] .ant-select-selector {
  width: 100%;
  background: unset;
  border: none;
  display: flex;
  align-items: center;
}
.feedback .body .filter .time-order .right[data-v-724f70aa] .ant-select-focused .ant-select-selector,
.feedback .body .filter .time-order .right[data-v-724f70aa] .ant-select-selector:focus,
.feedback .body .filter .time-order .right[data-v-724f70aa] .ant-select-selector:active {
  box-shadow: unset;
  border-color: none;
}
.feedback .body .filter .time-order .right[data-v-724f70aa] .ant-select-open .ant-select-selector {
  border-color: none;
  box-shadow: unset;
}
.feedback .body .filter .time-order .right[data-v-724f70aa] .ant-select-selector:hover {
  border-color: #6150fc;
}
.feedback .body .filter .time-order .right[data-v-724f70aa] .ant-select-arrow {
  right: 20px;
}
.feedback .body .list[data-v-724f70aa] {
  width: 100%;
  margin-top: 44px;
  height: 600px;
  position: relative;
}
.feedback .body .list .loading[data-v-724f70aa] {
  z-index: 1;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 50px;
}
.feedback .body .list .row[data-v-724f70aa] {
  height: 76px;
  color: rgb(170, 167, 182);
  font-size: 18px;
  border-bottom: 1px solid rgba(181, 181, 181, 0.4);
}
.feedback .body .list .row.title[data-v-724f70aa] {
  height: 41px !important;
  border-radius: 8px;
  background: rgb(97, 80, 252);
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(255, 255, 255) !important;
  border-bottom: none;
}
.feedback .body .list .row.title .col[data-v-724f70aa] {
  line-height: 1.4 !important;
}
.feedback .body .list .row.title .col.col2[data-v-724f70aa] {
  width: 300px;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.feedback .body .list .row .col[data-v-724f70aa] {
  text-align: center;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}
.feedback .body .list .row .col.col1[data-v-724f70aa] {
  width: 500px;
}
.feedback .body .list .row .col.col2[data-v-724f70aa] {
  width: 300px;
  font-weight: 500;
  color: rgb(0, 0, 0);
}
.feedback .body .list .row .col.col3[data-v-724f70aa] {
  width: 400px;
}
.feedback .body .list .row .col.col4[data-v-724f70aa] {
  width: 250px;
}
.feedback .body .list .row .col.col5[data-v-724f70aa] {
  width: 250px;
}
.feedback .body .list .row .col.col6[data-v-724f70aa] {
  width: 400px;
}
.feedback .body .list .row .col[data-v-724f70aa]:last-child::after {
  display: none;
}
.feedback .body .list .row .col[data-v-724f70aa]::after {
  content: " ";
  height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  background: rgba(181, 181, 181, 0.4);
  transform: translateY(-50%);
}
.feedback .body .pagination[data-v-724f70aa] .ant-pagination-item {
  border-radius: 8px;
  background: rgb(235, 235, 238);
  border-color: rgb(235, 235, 238);
}
.feedback .body .pagination[data-v-724f70aa] .ant-pagination-item a {
  color: rgb(0, 0, 0);
}
.feedback .body .pagination[data-v-724f70aa] .ant-pagination-prev .ant-pagination-item-link,
.feedback .body .pagination[data-v-724f70aa] .ant-pagination-next .ant-pagination-item-link {
  border-radius: 8px;
  background: rgb(235, 235, 238);
  border-color: rgb(235, 235, 238);
}
.feedback .body .pagination[data-v-724f70aa] .ant-pagination-item-active {
  border-color: rgb(97, 80, 252);
  background: rgb(97, 80, 252);
}
.feedback .body .pagination[data-v-724f70aa] .ant-pagination-item-active a {
  color: #fff;
}
.feedback .no-data[data-v-724f70aa] {
  font-size: 18px;
  color: #ccc;
  padding: 50px;
  text-align: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/points-pay/OrderHistory.vue?vue&type=style&index=1&id=724f70aa&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
:deep(.ant-select-dropdown-menu-item:hover:not,
    .ant-select-dropdown-menu-item-disabled) {
  background-color: #6150fc;
}
:deep(.ant-select-dropdown-menu-item-selected) {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #6150fc;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/points-pay/PopPointDetail.vue?vue&type=style&index=0&id=1a989e16&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.point-detail[data-v-1a989e16] {
  position: relative;
  z-index: 20;
  transition: all 0.2s;
}
.point-detail .mask[data-v-1a989e16] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4509803922);
}
.point-detail .wrap[data-v-1a989e16] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  overflow: auto;
  outline: 0;
  padding: 50px 0;
}
.point-detail > .header[data-v-1a989e16] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.point-detail .pop-content[data-v-1a989e16] {
  position: relative;
  margin: auto auto;
}
.point-detail .pop-content .close[data-v-1a989e16] {
  z-index: 1000;
  position: absolute;
  top: 35px;
  right: 35px;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAGRSURBVGiB1djBbcMwDAVQKqtknFzTeeJ9knsX6SE9FB3l92Khv05tS7Ioff0zRfLBsA3IjALgCuBugwTADcBtq+CK38jDZlDMK2wBkoctQK+wFZAsbAX0FwbgvlEkBdsBAcATwDkWy8OyQHRIFlYEosNysEMgaiIDqwKiZt1hVUHUtBvMBUTNm8NcQTSkGawJiIa5w5qCaKgbrAuIhleHdQXREtVgEiBa5jBMCkRLFcMkQbRcNkwaREsmw4YAxaTAhgLFJMDGAsUUwnRBMZkwfVBMIswNdPJoamYfCTXfIYQvp/l1g/2vHKf7LdVuMkH6sEKQLiwB9ATwPgwsEXSea7vfUu0mB0RndGElIDqrBzsCoh46sBog6tUfVhNEPfvBPEDUuz3ME0Qz2sFagGiWP6wliGb6wXqAaHZ9WE8Q7VAPpgCiXY7DlEC0UzlMEUS75cOUQbRjOmwEUEwq7GRmYaPPp5ldVG59QghvZvZIKgYwKT+hZVae2L/v1TQCKGYB2/wCTiOAYmZY0r9qCNBWfgBvQ9i/59jbWQAAAABJRU5ErkJggg==) center no-repeat;
  background-size: 100% 100%;
  opacity: 0.7;
  cursor: pointer;
}
.point-detail .pop-content .close[data-v-1a989e16]:hover {
  opacity: 1;
}
.point-detail .pop-content[data-v-1a989e16] {
  width: 927px;
  border-radius: 14px;
}
.point-detail .body[data-v-1a989e16] {
  padding: 40px 50px;
  border-radius: 14px;
  box-shadow: 0 0 80px 30px rgba(86, 86, 102, 0.3);
  background-image: url(/img/detail_pg.02721baa.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 30%;
  background-color: #fff;
}
.point-detail .body .title[data-v-1a989e16] {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgb(0, 0, 0);
}
.point-detail .body .title .msg[data-v-1a989e16] {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.4);
}
.point-detail .body .title .msg .red[data-v-1a989e16] {
  color: rgb(242, 53, 53);
}
.point-detail .body .formula[data-v-1a989e16] {
  margin-top: 30px;
}
.point-detail .body .formula .name[data-v-1a989e16],
.point-detail .body .formula .symbol[data-v-1a989e16] {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.4);
}
.point-detail .body .formula .num[data-v-1a989e16],
.point-detail .body .formula .symbol[data-v-1a989e16] {
  display: flex;
  align-items: center;
  justify-content: left;
  height: 50px;
}
.point-detail .body .formula .symbol[data-v-1a989e16] {
  padding: 0 64px;
}
.point-detail .body .formula .num[data-v-1a989e16] {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgb(0, 0, 0);
}
.point-detail .body .formula .purchased-history[data-v-1a989e16] {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgb(45, 168, 250);
  margin-left: 60px;
  margin-bottom: 8px;
}
.point-detail .body .formula .purchased-history[data-v-1a989e16]:hover {
  text-decoration-line: underline;
}
.point-detail .body .detail[data-v-1a989e16] {
  margin-top: 30px;
}
.point-detail .body .detail .tabs[data-v-1a989e16] {
  height: 64px;
  border-radius: 14px;
  background: rgb(248, 248, 248);
}
.point-detail .body .detail .tabs .item[data-v-1a989e16] {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.4);
  position: relative;
  cursor: pointer;
}
.point-detail .body .detail .tabs .item[data-v-1a989e16]:not(:last-child):after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: " ";
  height: 24px;
  width: 1px;
  background: rgba(181, 181, 181, 0.5);
}
.point-detail .body .detail .tabs .item[data-v-1a989e16]:hover {
  color: rgb(97, 80, 252);
}
.point-detail .body .detail .tabs .item.active[data-v-1a989e16] {
  color: rgb(97, 80, 252);
}
.point-detail .body .detail .tabs .item.active[data-v-1a989e16]::before {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  content: " ";
  width: 60px;
  height: 60px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADUCAYAAACiaK6yAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAptSURBVHic7d1rjFxlHcfx/39mmD1nzgzbCymGpElf9VXBZKPJeknVN0B8YSDxjY2JiQ0tmBahIBe5GCulxXCxUKKCohtjNAYIKEYxRg1GIVxqvBVEpZVWYyrLzu5czu7szPn7Yrd1LN3tzuzMec6Z+X6SvtmdeZ5/9jy/eWaemflXBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc0TN/YGbvajQan4qiyHNREICzy2Qys41G41ulUunkqZ+9I8AiIo1GYyyKogkz26J61psAiNevRGSH53l/bf9h5my3zOfzh8vl8riI7DezeTOT5f4B6JuTZnaV53kfOTO8IkvswO0ajcZ4q9WaEJHN3VbALg50TlUfazQat7Y/ZX7HbVYy0OTk5Pm+79+pqtfLErv2ahFy4LS/mdkO3/d/ea4bdpSaMAw/JCLfFpFN3dXVPQKOQaeqsyJyTz6fv0dVwxXdp9NJyuXyWs/z9prZro4r7CMCjpR7TkSu8jzv9U7u1PWqr1arl2ez2UdEZGO3Y8SNkCOB/iMit3ue90g3d+769WyxWPzp/Pz8mKp+s9sx4sZpOpLEzCaazebF3YZXZBU7cLt6vX6lqh4SkYt6MV5SsYOjR/6+eEj1i9UO1LMVWa1WL8xkMg+o6id6NWYaEXIsY05Vv5zP5w+oar0XA/Z8tYVhuE1E7heRC3s99iAg4EPr16q6Y2Rk5LVeDtqX1VSr1S5S1YdV9Yp+jD/ICPhgMbO3VPUOz/O+1o/x+7pawjDcLiIHROSCfs4zbAh5OpjZd1qt1k3FYvHf/Zqj7yuhXq9vVNVHReSyfs+FBQTcuTdEZKfneT/v90R9+Vhku0KhcNz3/cvNbLeqTvV7PvB2mSuqOmdm+8rl8iVxhFckhh24XRiGm0RkQkS2xjkvOscu3hkz+02z2dxRKpWOxDlv7FfJzDJhGO5R1TtE5Py450dvEPAFZjaZzWbvyOfzX3Uxv7OrMDs7uzmKogkRGT/b71kg6TYM18/Mvut53o2q2rdDqnPp+2vgpXie9/qRI0e2mtltqlo78/e8jku3c12/lF/DoyJyqe/7n3QZXhGHO3C7ubm5LYtNA8Z6Oe4w7AKDLIHXr6Gq905PT+/fsGFD1XUxIgkJsIjI0aNHvQ0bNtySyWRuNrNYGuolcIGgA3FePzP7bSaT2TEyMvLn2CZdgcSt4EajMTY/Pz+hqltc10LA02+111BVJ83sC57nPdyjknrK2WvgpeTz+cOVSmXczPaLyLzLWgb8ddxQWM31M7PvLX7dL5HhFUngDtyuXq+Py8L7xl031HONXTx9VPWYLHyS6meuazmXxO3A7QqFwgthGL5XRO4Tkch1Pd1gB0+VhpkdGBkZuTgN4RVJ+A7cLgzDrWY2IQ4a6rnGLh6L5zOZzM6RkZE/ui6kE4negdv5vv9co9EYE5FDrmuJG7t4/5jZ26p6re/7709beEVStAO3m52dvSyKokclRQ31XGIHX9L3oyi6IQiCf7kupFupvbIzMzMXnHfeeQfMbLvrWgbBkIX8H6q60/O8Z10Xslqpv2pzc3NXtFqth2XAG+q5NiABb5jZA77v71PViutiemEgrspiQ737RWSb61qGVQoC/sLiIdUfXBfSS4n/q3eiWq1uWwwyDfUSyFHI3zazvYVC4aCLyfttoAIscrqh3iERudJ1LehMrwNuZj8QkT2FQuGfPR04QQYuwKfUarXtqnrAzE431EvB0zwso4Pr92YURVcHQfCTftaTBAO9ouv1+kYzW3FDPQKeevMicuqQasZ1MXEYihVbr9d3mdleEVm72rEIeWK9mMvlduTz+d+7LiROQ7MawzDc1Gq1JlS1rw31CHi8zGxKVff6vn9QVYfuY2lDtdrMTGu12g0uG+oR8J56XESuLxQKJ1wX4spQrqbZ2dnNiy18ztpQzzVCvjxVfVNVP+N53o9d1+Jaar7M0Eue573+6quvbhWR20SkJ/9LXC/x5YUlzYvIvWEYXkJ4Fwz9Q32lUtmSyWR63lDPpQHdwV8ys51BEPzOdSFJMpQ7cLtSqfSnkydPfkBEvqiqs67r6YVBagVkZlMissf3/XHC+04D+VDdrVqtNiYLLXycN9RzLSG7+BMict0wH1Kdy9DvwO2CIDhcqVTGRWS/iDRd1+OS4x38uJl9rFAofJzwLi8RD7NJdKqhnpmltqGea13s4vMicnBubm7f2rVry30oaeAQ4GVMTk6e7/v+nVEU7dGEPKccJGf8SV9ePKQ67KqeNOIp9DLWr18/UygUbsxmsx8WkWOOyxk4i0/Hp6IouvGZZ54ZJ7ydY1dZoXK5vDafz+81s12uaxkUqvqkLBxSHXddS1oR4A5Vq9XLVJWGeqtzXER2B0HwtOtC0o6n0B0qFovPtlqtMTN7LE3vpyZE08zuKxQKlxDe3mAHXoWZmZkrs9nsITNbsqEeZ1+nvSIiO4MgeMV1IYOE1bVKpxrqRVHUdUO9QQ65mZVFZF8QBA+oast1PYNmcFdOzKrV6jYR6UtDvRQH/ClVvZZDqv5J7cpIolqtdpGIHDKzWBvqJS3gqnrczK4NguAp17UMumRd+QFRq9W2m9kBEbngnDeOSUwhb6rqwUajsW/NmjVTcUw47Ahwn9Tr9Y2tVutRVV1RQz3XehDwV0Tk6iAIXu5BOVghAtxnlUpll6r2pKGeS0sFvO2Q6iuqOtRfAHGBAMcgDMNNzWaz7w314qaqT6vqbg6p3CHAMVlsqLdHRO4URw31euiEmX22VCo96bqQYUeAYzYzM7NZVSdUNZEN9c6hKSIPBkFwl6pySJUABNgBM8vVarXPicjtIlJwXc8KHVbVq4MgeMl1IfgfAuxQpVLZoqpJb6hXFpG7Fw+p5l0Xg/9HgB0zs5F6vX6Lmd0qIiOu62mnqj+cm5vbvW7dujdd14KzI8AJUS6Xx3K5XFIa6p0ws+tKpdITrgvB8ghwgphZoV6v32ZmN4lILu75VbXZarUeMrO7RkdH3457fnSOACfQ9PT0eCaTmVDV2BrqqerhZrN5zejo6ItxzYnV4wv9CTQ6OvpCsVh8TxRF99mCfrZ0LUdRdPOxY8feR3jThx044SqVylZVnTCzTZ3cb4Wfbf5RNpvd5fs+h1QpRYBTwMzWVKvVL4lITxrqqeoJM7u+VCo93ovx4A4BTpFqtXqpmX1Dum+o11LVB1utFodUA4IAp4yZra9UKner6qels5Pqw9ls9ppCocDr3AFCgFNqamrq3blc7vNm9lFVLS5z07+IyEPFYvHrfN1v8BDglJuenl6Xy+U+GEXRmCx0AMmJyFuZTOaNVqv1WqlUel5V6X8LAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEDf/RcHtEfXUPf8uAAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}
.point-detail .body .detail .tab-content[data-v-1a989e16] {
  height: 450px;
  overflow-y: auto;
}
.point-detail .body .detail .tab-content[data-v-1a989e16]::-webkit-scrollbar {
  width: 4px;
}
.point-detail .body .detail .tab-content[data-v-1a989e16]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.point-detail .body .detail .tab-content .no-data[data-v-1a989e16] {
  padding: 100px;
  text-align: center;
  color: #ccc;
}
.point-detail .body .detail .tab-content .list .item[data-v-1a989e16] {
  padding: 24px 10px 12px;
  border-bottom: 1px solid rgba(181, 181, 181, 0.5);
}
.point-detail .body .detail .tab-content .list .item .left[data-v-1a989e16] {
  text-align: left;
}
.point-detail .body .detail .tab-content .list .item .left .name[data-v-1a989e16] {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}
.point-detail .body .detail .tab-content .list .item .left .time[data-v-1a989e16] {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 8px;
}
.point-detail .body .detail .tab-content .list .item .right[data-v-1a989e16] {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}
.point-detail .body .detail .tab-content .list .item .right.blue[data-v-1a989e16] {
  color: rgb(97, 80, 252);
}
.point-detail .body .detail .tab-content .loading[data-v-1a989e16] {
  padding: 50px;
  width: auto;
}
.point-detail .body .pagination[data-v-1a989e16] {
  margin-top: 40px;
  min-height: 34px;
}
.point-detail .body .pagination[data-v-1a989e16] .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.point-detail .body .pagination[data-v-1a989e16] .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  border: none;
}
.point-detail .body .pagination[data-v-1a989e16] .ant-pagination-item {
  border: none;
}
.point-detail .body .pagination[data-v-1a989e16] .ant-pagination-item-active a {
  color: rgb(97, 80, 252);
}
.point-detail .body .pagination[data-v-1a989e16] .ant-pagination-item:hover {
  color: rgb(97, 80, 252);
}
.point-detail .body .pagination[data-v-1a989e16] .ant-pagination-item:hover a {
  color: rgb(97, 80, 252);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/system-tip-modal/SystemTipModal.vue?vue&type=style&index=0&id=5950afb2&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.system-tip-modal[data-v-5950afb2] {
  position: relative;
  z-index: 100;
  transition: all 0.2s;
}
.system-tip-modal .mask[data-v-5950afb2] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4509803922);
}
.system-tip-modal .wrap[data-v-5950afb2] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: auto;
  outline: 0;
}
.system-tip-modal .header[data-v-5950afb2] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 64px;
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 14px 4px rgba(20, 73, 225, 0.25);
  font-size: 20px;
  font-weight: 500;
  color: rgb(0, 0, 0);
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 14px 4px rgba(20, 73, 225, 0.25);
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #c7c5fd, #6be7f5, #0b0bf4, #d1cbfe, #c8c3fd, #6be7f5, #0b0bf4, #d1cbfe, #c7c5fd) 1;
     border-image: linear-gradient(to right, #c7c5fd, #6be7f5, #0b0bf4, #d1cbfe, #c8c3fd, #6be7f5, #0b0bf4, #d1cbfe, #c7c5fd) 1;
}
.system-tip-modal .modal-content[data-v-5950afb2] {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}
.system-tip-modal .modal-content .close[data-v-5950afb2] {
  z-index: 10;
  position: absolute;
  top: 26px;
  right: 26px;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADoSURBVDiNndQ9jsIwEIbhd7zH4TLZgiZStH04xIZDhN4ySrNI8bngDMRUQTj4Z9jpHDuPPnlGBuBsfT85P/JhOTsPzs7Dupaz9b0II4AIp7ZrDlrIiPwCLCEcu5/vwRjDbj0QAqqErxDAl5EdgABMzo8h0D/jFhJuIREubdfsn5gWLEERVgNr0BuWA+9LuNWgJJYCox8yUBbLgSUIwOQ27ku4JT5fc+ezybaXvUmXHZu3ZKmuiXBa16XBjpKV2q+ZQ9FAa9VA0UIaUD6BamDUAA0E0HbN4bUpUTk7D5PzfzUklfA/j6qqHpdjrnx+IsyIAAAAAElFTkSuQmCC) center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.system-tip-modal .modal-content[data-v-5950afb2] {
  background: #fff;
  width: 646px;
}
.system-tip-modal .body[data-v-5950afb2] {
  margin-top: 64px;
  min-height: 200px;
  padding: 0 20px 50px;
}
.system-tip-modal .body .error[data-v-5950afb2] {
  width: 54px;
  height: 54px;
  margin-bottom: 18px;
}
.system-tip-modal .body .warn[data-v-5950afb2] {
  height: 60px;
}
.system-tip-modal .body .customer-service[data-v-5950afb2] {
  width: 185px;
  border-radius: 5px;
  margin-bottom: 18px;
}
.system-tip-modal .body .msg[data-v-5950afb2] {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  color: rgb(170, 167, 182);
  margin-top: 18px;
}
.system-tip-modal .body .button[data-v-5950afb2] {
  background: linear-gradient(90deg, #581cfd 0%, #406bfc 100%);
  background-blend-mode: overlay;
  box-shadow: inset 0 0 22px 7px rgba(64, 185, 248, 0.4), 0px 0px 30px -2px rgba(20, 73, 225, 0.35);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 12px;
  padding: 0 26px;
  position: relative;
  font-size: 18px;
  color: #fff;
  height: 64px;
  width: 334px;
  margin-top: 42px;
  cursor: pointer;
}
.system-tip-modal .body .button .left[data-v-5950afb2],
.system-tip-modal .body .button .right[data-v-5950afb2] {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
}
.system-tip-modal .body .button .left[data-v-5950afb2] {
  justify-content: flex-start;
}
.system-tip-modal .body .button .left img[data-v-5950afb2] {
  width: 22px;
  height: 22px;
}
.system-tip-modal .body .button .right[data-v-5950afb2] {
  justify-content: flex-end;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/Upload.vue?vue&type=style&index=0&id=21442946&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
@keyframes spin-21442946 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.upload .upload_image_box[data-v-21442946] {
  width: 100%;
  height: 100%;
}
.upload .upload_image_box .list .item[data-v-21442946] {
  width: 120px;
  height: 120px;
  margin-right: 8px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.upload .upload_image_box .list .item .close[data-v-21442946] {
  z-index: 10;
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  border-radius: 6px;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADoSURBVDiNndQ9jsIwEIbhd7zH4TLZgiZStH04xIZDhN4ySrNI8bngDMRUQTj4Z9jpHDuPPnlGBuBsfT85P/JhOTsPzs7Dupaz9b0II4AIp7ZrDlrIiPwCLCEcu5/vwRjDbj0QAqqErxDAl5EdgABMzo8h0D/jFhJuIREubdfsn5gWLEERVgNr0BuWA+9LuNWgJJYCox8yUBbLgSUIwOQ27ku4JT5fc+ezybaXvUmXHZu3ZKmuiXBa16XBjpKV2q+ZQ9FAa9VA0UIaUD6BamDUAA0E0HbN4bUpUTk7D5PzfzUklfA/j6qqHpdjrnx+IsyIAAAAAElFTkSuQmCC) center no-repeat;
  background-size: 12px 12px;
  cursor: pointer;
}
.upload .upload_image_box .list .item .close[data-v-21442946]:hover {
  background-color: rgba(235, 235, 238, 0.2);
}
.upload .upload_image_box .list .item img[data-v-21442946] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.upload .upload_image_box .list .item .loading[data-v-21442946] {
  position: relative;
  width: 100%;
  height: 100%;
}
.upload .upload_image_box .list .item .loading .icon[data-v-21442946] {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
  animation: spin-21442946 1.5s infinite linear;
}
.upload .upload_image_box .list .item .loading .text[data-v-21442946] {
  margin-top: 12px;
  font-size: 12px;
  font-weight: 500;
  color: rgb(170, 167, 182);
}
.upload .upload_image_box .upload-btn[data-v-21442946] {
  position: relative;
  width: 120px;
  height: 120px;
  background: rgb(248, 248, 248);
  border-radius: 8px;
}
.upload .upload_image_box .upload-btn .wrap .icon[data-v-21442946] {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.upload .upload_image_box .upload-btn .wrap .msg[data-v-21442946] {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.3);
}
.upload .upload_image_box .upload-btn .input_up_box[data-v-21442946] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upload .img-preview[data-v-21442946] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.upload .img-preview img[data-v-21442946] {
  width: 50%;
  height: auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/_sass-loader@12.6.0@sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/_vue-loader@17.4.2@vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/PC/feedback/index.vue?vue&type=style&index=0&id=4d18c384&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 旧数据全局变量 */
/* 全局样式变量 */
/* 全局样式变量 */
/* euiPanel */
/* euiStylePanel */
/* 编辑器 begin */
/*需要切换的宽度*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*定义方法*/
/*需要切换的左距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要切换的top距离*/
/* 更换的宽度 */
/* 更换的宽度 */
/*定义方法*/
/*需要隐藏距离*/
/*定义方法*/
/* 编辑器 end */
.feedback[data-v-4d18c384] {
  position: relative;
  z-index: 100;
  transition: all 0.2s;
}
.feedback .mask[data-v-4d18c384] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4509803922);
}
.feedback .wrap[data-v-4d18c384] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: auto;
  outline: 0;
  padding: 2% 0;
}
.feedback .header[data-v-4d18c384] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 64px;
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 14px 4px rgba(20, 73, 225, 0.25);
  font-size: 20px;
  font-weight: 500;
  color: rgb(0, 0, 0);
  background: rgb(255, 255, 255);
  box-shadow: 0 2px 14px 4px rgba(20, 73, 225, 0.25);
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #c7c5fd, #6be7f5, #0b0bf4, #d1cbfe, #c8c3fd, #6be7f5, #0b0bf4, #d1cbfe, #c7c5fd) 1;
     border-image: linear-gradient(to right, #c7c5fd, #6be7f5, #0b0bf4, #d1cbfe, #c8c3fd, #6be7f5, #0b0bf4, #d1cbfe, #c7c5fd) 1;
}
.feedback .modal-content[data-v-4d18c384] {
  position: relative;
  margin: 0 auto;
  border-radius: 14px;
  overflow: hidden;
}
.feedback .modal-content .close[data-v-4d18c384] {
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 26px;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADoSURBVDiNndQ9jsIwEIbhd7zH4TLZgiZStH04xIZDhN4ySrNI8bngDMRUQTj4Z9jpHDuPPnlGBuBsfT85P/JhOTsPzs7Dupaz9b0II4AIp7ZrDlrIiPwCLCEcu5/vwRjDbj0QAqqErxDAl5EdgABMzo8h0D/jFhJuIREubdfsn5gWLEERVgNr0BuWA+9LuNWgJJYCox8yUBbLgSUIwOQ27ku4JT5fc+ezybaXvUmXHZu3ZKmuiXBa16XBjpKV2q+ZQ9FAa9VA0UIaUD6BamDUAA0E0HbN4bUpUTk7D5PzfzUklfA/j6qqHpdjrnx+IsyIAAAAAElFTkSuQmCC) center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.feedback .modal-content[data-v-4d18c384] {
  background: #fff;
  width: 880px;
  min-width: 880px;
}
.feedback .body[data-v-4d18c384] {
  margin-top: 64px;
  min-height: 200px;
  padding: 0 20px 20px;
}
.feedback .body .form[data-v-4d18c384] {
  width: 100%;
  padding: 40px 40px 20px;
  text-align: left;
}
.feedback .body .form > .item[data-v-4d18c384] {
  width: 100%;
  margin-bottom: 8px;
}
.feedback .body .form > .item .name[data-v-4d18c384] {
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: black;
  width: 134px;
  text-align: left;
  letter-spacing: 2px;
  color: #2b2e2e;
  height: 20px;
}
.feedback .body .form > .item .value[data-v-4d18c384] {
  margin-top: 12px;
  width: 100%;
  position: relative;
}
.feedback .body .form > .item .value textarea[data-v-4d18c384] {
  height: 170px;
  resize: none;
}
.feedback .body .form > .item .value input[data-v-4d18c384] {
  min-height: 42px;
}
.feedback .body .form > .item .value textarea[data-v-4d18c384],
.feedback .body .form > .item .value input[data-v-4d18c384] {
  border: 1px solid #f8f8f8;
  background-color: #f8f8f8;
  font-size: 16px;
  border-radius: 8px;
  width: 100%;
  outline: none;
  border-width: 1px unset solid;
  font-size: 16px;
  padding: 10px;
  min-height: 42px;
  display: flex;
  align-items: center;
}
.feedback .body .form > .item .value textarea[data-v-4d18c384]::-moz-placeholder, .feedback .body .form > .item .value input[data-v-4d18c384]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.feedback .body .form > .item .value textarea[data-v-4d18c384]::placeholder,
.feedback .body .form > .item .value input[data-v-4d18c384]::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.feedback .body .form > .item .value textarea[data-v-4d18c384]:hover,
.feedback .body .form > .item .value input[data-v-4d18c384]:hover {
  border-color: #6150fc;
}
.feedback .body .form > .item .value textarea[data-v-4d18c384]:focus,
.feedback .body .form > .item .value input[data-v-4d18c384]:focus {
  border-color: #6150fc;
  outline: none;
}
.feedback .body .form > .item .value .list[data-v-4d18c384] {
  margin: 8px 0;
  flex-wrap: wrap;
}
.feedback .body .form > .item .value .list > .item[data-v-4d18c384] {
  height: 32px;
  border-radius: 6px;
  background: #f7f7f7;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.2);
  margin-right: 24px;
  padding: 0 8px;
}
.feedback .body .form > .item .value .list > .item.active[data-v-4d18c384] {
  background: rgba(97, 80, 252, 0.1);
  color: #6150fc;
}
.feedback .body .form > .item .value .list > .item[data-v-4d18c384]:hover {
  background: rgba(97, 80, 252, 0.1);
  color: #6150fc;
}
.feedback .body .form > .item .value .word-num[data-v-4d18c384] {
  position: absolute;
  bottom: 12px;
  right: 12px;
}
.feedback .body .form > .item .validate-tip[data-v-4d18c384] {
  margin-top: 4px;
  font-size: 12px;
  color: #ff4040;
}
.feedback .body .btn .tip[data-v-4d18c384] {
  color: #8e8e90;
  font-size: 12px;
  margin-bottom: 8px;
  letter-spacing: 2px;
  text-align: center;
}
.feedback .body .btn[data-v-4d18c384] .middle {
  font-size: 20px;
  letter-spacing: 2px;
}