.JsonPerttyPrint_pre_GT8-M {
    outline: 1px solid #ccc;
    background-color: #FFFFFF;
    padding: 5px;
    margin: 5px;
    text-align: left;
    overflow: hidden;
 {
.JsonPerttyPrint_string_mR6yR {
            color: #e91e63;
}
.JsonPerttyPrint_number_3z_Oi {
            color: #00bcd4;
}
.JsonPerttyPrint_boolean_3x0Z0 {
            color: #ff00ff;
}
.JsonPerttyPrint_null_s4osC {
            color: #9e9e9e;
}
.JsonPerttyPrint_key_bFX07 {
            color: #3753a9;
}
}
}











































































































































































/* @import "@/demo-common/css/variable.css"; */
.EditorToolBar_box_3wKTw {
  padding: 24px;
}
.EditorToolBar_group_7eK5H {
  margin-top: 20px;
&:first-child {
    margin-top: 0;
}
}
.EditorToolBar_groupName_2xn_6 {
  font-family: Arial, Arial;
  font-weight: 700;
  font-size: 16px;
  color: #181818;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  margin-bottom: 24px;
}
.EditorToolBar_basicImg_3dBhA {
  width: 36px;
  height: 36px;
}
.EditorToolBar_groupList_1KLkM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* padding: 0 10px; */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.EditorToolBar_lineUseNum_1VBCE {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #909399;
  line-height: 16px;
  text-align: center;
  font-style: normal;
  margin-top: 8px;
}
.EditorToolBar_listItem_3dzM2 {
  position: relative;
  width: 88px;
  max-width: 88px;
  /* 避免拖动ghost样式异常 */
  height: 140px;
  cursor: move;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  /* align-items: center;
  justify-content: center; */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;

  /* &:hover {
    background-color: var(--background-color-selected);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
  } */
}
.EditorToolBar_lineTitle_3l8-J {
  font-family: ArialMT;
  font-size: 13px;
  color: #181818;
  line-height: 16px;
  text-align: center;
  font-style: normal;
}
.EditorToolBar_lineIcon_2ruvV {
  /* color: var(--color-text-third);
  font-size: 14px; */
  width: 88px;
  height: 88px;
  background: #F8FAFF;
  border-radius: 8px;
  border: 1px solid #E4E7ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
}
.EditorToolBar_lineIconBule_28tj0 {
  /* color: var(--color-text-third);
  font-size: 14px; */
  width: 88px;
  height: 88px;
  background: #F8FAFF;
  border-radius: 8px;
  border: 3px solid #246DF4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
img {
    -webkit-filter: grayscale(0%) sepia(30%) hue-rotate(-0deg) saturate(300%) brightness(0.9);
            filter: grayscale(0%) sepia(30%) hue-rotate(-0deg) saturate(300%) brightness(0.9);
}
}
.EditorToolBar_lineIconHui_ATf3p {
  /* color: var(--color-text-third);
  font-size: 14px; */
  width: 88px;
  height: 88px;
  background: #F7F7F7;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
}
.EditorToolBar_lineIcon_2ruvV:hover {
  border: 3px solid #246DF4;
img {
    -webkit-filter: grayscale(0%) sepia(30%) hue-rotate(-0deg) saturate(300%) brightness(0.9);
            filter: grayscale(0%) sepia(30%) hue-rotate(-0deg) saturate(300%) brightness(0.9);
}
}
.EditorToolBar_disabled_3cs5V {
  cursor: no-drop;
  opacity: 0.8;
}


.Menu_box_1Gmis {
  margin: 0 auto;
 {
.Menu_el-menu_pfCiV.Menu_el-menu--horizontal_d5TY7 {
      border-bottom: none;
}
.Menu_el-menu--horizontal_d5TY7>.Menu_el-menu-item_2AqeJ.Menu_is-active_2pYbB {
      border-bottom-width: 3px;
}
.Menu_el-menu--horizontal_d5TY7>.Menu_el-menu-item_2AqeJ {
      padding-left: 14px;
      padding-right: 0;
      margin: 0 20px;
      height: 80px;
      line-height: 80px;
}
}
.Menu_menuLink_1Oew5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
}
.Menu_menuIcon_35mbb {
    position: absolute;
    left: -8px;
    font-size: 14px;
    margin-right: 0;
    color: #666666;
}
}

:root {
  /* base color
-------------------------- */
  --color-white: #FFF;
  --color-black: #000;

  /* --color-primary                     : #AFA37E; */
  /* --color-primary                     : #2b9939; */
  --color-primary-light: #EAE5D4;
  --color-primary-darken: #978755;

  /* --color-success: #5BBA69; */
  --color-warning: #FFB403;
  --color-danger: #FF5757;
  --color-error: #FF001F;

  /* layout navigate
    -------------------------- */
  --nav-background-color: #3C3C3C;
  --nav-background-color-hover: #585858;

  /* link
    -------------------------- */
  --color-link-base: #2774FF;

  /* checkbox radio
    -------------------------- */
  --checkbox-color: #61A5FF;

  /* text color
    -------------------------- */
  --color-text-base: #000;
  --color-text-second: #333;
  --color-text-third: #666;
  --color-text-light: #999;
  --color-text-placeholder: #999;
  --color-text-disabled: #D8D8D8;
  --color-text-selected: #FF8A00;

  /* icon
    -------------------------- */
  --color-icon-base: #999;
  --color-icon-info: var(--color-primary);
  --color-icon-success: var(--color-success);
  --color-icon-error: var(--color-danger);
  --color-icon-warning: var(--color-warning);

  /* background-color
    -------------------------- */
  --background-color-base: #F2F2F2;
  --background-color-selected: #F2F2F2;
  --background-color-hover: #F7F7F7;
  --background-color-light: #FBFBFB;
  --background-color-lighter: #FAFAFA;

  /* border
    -------------------------- */
  --border-base-style: 1px solid var(--border-color-base);
  --border-radius: 4px;
  --border-color-base: #DDD;
  --border-color-light: #D8D8D8;
  --border-color-lighter: #EEE;

  /* Font
    -------------------------- */
  --font-size-base: 14px;
  --font-size-small: 12px;
  --font-size-large: 14px;
  --font-size-larger: 16px;
  --font-size-largest: 18px;
  --font-weight-medium: 500;
  --font-family: OpenSans, Arial, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  --font-line-height: 1;

  /* Animation
    -------------------------- */
  --animation-transition-time: 300ms;
  --animation-transition-timing: ease-in-out;

  /* Layout
    -------------------------- */
  --layout-safe-width: 1200px;
  --layout-better-width: 1440px;

  --mainC: #000;
  --emphasizeC: #FF8A00;
  --warningC: #f30240;
  --normalC: #666;
  --assistC: #999;
  --disableC: #CCC;
  --borderC: #EEE;
  --assistBgC: #F9F9F9;
  --contentWidth: 980px;
  /*内容区宽度*/
}

/* 反馈颜色 */
@define-mixin actionFb $color {
  background-color: $color;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
&:hover {
    background-color: color($(
        color) alpha(-20%)
    );
}
}

/* css绘制三角形 */
@define-mixin triangle $width {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: $(
    width
  );
}

/* 多行文字超过部分显示 "..." */
@define-mixin multiline $lineHeight,
$line {
  display: -webkit-box !important;
  height: calc($lineHeight * $line);
  line-height: $lineHeight;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $line;
}

/* 滑过阴影 */
@define-mixin hoverShadow {
  -webkit-transition: -webkit-box-shadow .2s linear;
  transition: -webkit-box-shadow .2s linear;
  transition: box-shadow .2s linear;
  transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
&:hover {
    -webkit-box-shadow: 0 2px 10px var(--color-boxshadow);
            box-shadow: 0 2px 10px var(--color-boxshadow);
}
}

/* 单行文本超过部分显示 "..." */
@define-mixin nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
  word-break: normal;
}
@define-mixin fontBase {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
}
@define-mixin fontBold {
  font-weight: bold;
}

.EditorHeader_btns_mu5vs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* align-items: center;
  justify-content: center; */
}
.EditorHeader_box_2n0Mj {
  position: relative;
  margin: 0 auto;
  padding: 13px 24px 13px 24px;
  height: auto;
  -webkit-box-shadow: 0px 4 10px 0px rgba(167, 175, 183, 0.2);
          box-shadow: 0px 4 10px 0px rgba(167, 175, 183, 0.2);
  border: 1px solid #DCDFE6;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: space-between;
  align-items: center; */
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3);
          box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3);
  /* z-index: 2; */
}
.EditorHeader_headerMenuBox_33Au3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
h1 {
    text-shadow: 0 0 40px #409EFF;
    font-size: 26px;
    text-transform: uppercase;
    z-index: 10;
    margin: 0;
}
.EditorHeader_logo_fpAVh {
    display: block;
    height: 30px;
}
}
.EditorHeader_menu_3iRYA {
  margin-left: 40px;
}

.Backtolist{font-family:ArialMT;font-size:14px;color:#246df4;line-height:36px;text-align:left;font-style:normal;margin-left:8px;cursor:pointer}

















































































































/* @import "../../demo-common/css/variable.css"; */
.EditorHeader_box_CLAFG {
  padding: 10px 2%;
  height: auto;
  background: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3);
          box-shadow: 0 0 8px 1px rgba(0, 0, 0, .3);
}
.EditorHeader_headerMenu_3ZcAJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
h1 {
    display: none;
    text-shadow: 0 0 40px #409EFF;
    font-size: 26px;
    text-transform: uppercase;
    z-index: 10;
}
}
.EditorHeader_selectPlatform_2Wjcd {
  width: 100px;
  margin-right: 20px;
}

.el-popover{z-index:1 !important}





































































































/* @import "@/demo-common/css/variable.css"; */
.ViewComponentWrap_viewBox_3DPS9 {
  /*width: 1190px;*/
  margin: 0 auto;
  position: relative;
  cursor: move;
  border-radius: 12px;
  /* box-shadow: 0 0 2px 0 rgba(0, 0, 0, .25); */
  outline: none;
  overflow: hidden;
@nest :global .draggableSlot :local & {
    cursor: no-drop;
}
&>div {
    /*pointer-events: none;*/
}
&:after {
    pointer-events: none;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    z-index: 2;
}
&:hover {
&:after {
      -webkit-box-shadow: 0 0 6px 1px color(var(--color-primary) a(0.7)) inset;
              box-shadow: 0 0 6px 1px color(var(--color-primary) a(0.7)) inset;
}
}
&.ViewComponentWrap_active_3F_cj {
&:after {
      -webkit-box-shadow: 0 0 8px 3px var(--color-primary) inset;
              box-shadow: 0 0 8px 3px var(--color-primary) inset;
}
}
}
.ViewComponentWrap_formBox_34nl3 {
  position: relative;
  width: 392px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
&>div {
    -webkit-box-shadow: 0 1px 6px 0 color(var(--color-black) a(0.25));
            box-shadow: 0 1px 6px 0 color(var(--color-black) a(0.25));
}
}
.el-popper[x-placement^=left] {
.ViewComponentWrap_formBox_34nl3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
}
.ViewComponentWrap_editBar_3Arvo {
  /* width: 26px; */
  -webkit-box-shadow: 2px 2 6px 0px rgba(167, 175, 183, 0.26);
          box-shadow: 2px 2 6px 0px rgba(167, 175, 183, 0.26);
  /* background: #FFFFFF; */
&>.ViewComponentWrap_toolBarBtn_1Bhmy {
    cursor: pointer;
    background: #FFFFFF;
    -webkit-box-shadow: 2px 2 6px 0px rgba(167, 175, 183, 0.26);
            box-shadow: 2px 2 6px 0px rgba(167, 175, 183, 0.26);
    border-radius: 6px;
    border: 1px solid #DCDFE6;
    padding: 10px 12px;
    font-family: ArialMT;
    font-size: 14px;
    color: #303133;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    position: relative;
    top: 70px;
    /* -webkit-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    cursor: pointer;
    display: block;
    /* width: 26px;
    height: 30px; */
    /* line-height: 30px; */
    /* text-align: center; */
    /* background-color: var(--color-white); */
*/ &:hover {
      opacity: 0.6;
}
&.ViewComponentWrap_topLine_1MyEQ {
      border-top: 1px solid color(var(--color-black) a(0.08));
}
&[disabled] {
      color: #999999;
      opacity: 0.3 !important;
      cursor: not-allowed;
}
}
}
.ViewComponentWrap_remove_ZTjxz {
  font-size: 16px;
  color: #5C5E77;
}
.ViewComponentWrap_editForm_2hnzF {
  width: 350px;
  overflow: auto;
  padding: 0 14px;
  background: var(--color-white);
}
.ViewComponentWrap_formTitle_J-eTt {
  position: relative;
  padding: 15px 0;
  line-height: 18px;
  border-bottom: 1px solid color(var(--color-black) a(0.08));
  font-weight: bold;
}
.ViewComponentWrap_form_1_Ahj {
  padding: 10px 0;
  max-height: calc(100vh - 200px);
  overflow: auto;
&::-webkit-scrollbar {
    width: 0;
    height: 0;
}
}
.ViewComponentWrap_close_30Xla {
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #999999;
  cursor: pointer;
  font-size: 18px;
}
.ViewComponentWrap_editFormpopper_ZAG9F {
  /* width: 392px !important; */
  padding: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}