[package-block-type="breadcrumb"],
[package-block-type="footer"],
[package-block-type="copyright"]{z-index:99}
[package-block-type="breadcrumb"]:hover{z-index:101}
[package-block-type="footer"]:hover{z-index:100}
.tox-tinymce{z-index:1150}
[package-group]:hover{z-index:2}
[package-group="block"]{padding-top:0!important}
/* 编辑框 有edit属性的不能有定位，不建议有边框 */
[package-item]{position:relative;min-height:50px;--w:2px;display:block;/*border:var(--w) solid transparent*/}
[package-item]:hover{z-index:2;}
[package-item="module"] > .design-box .icons ul{right:50%;transform:translate(50%,-100%)}
[package-item="unit"] > .design-box .icons ul{right:inherit;left:0;z-index:1}
[package-item="cell"] > .design-box .icons ul{right:110px}
[package-item="grid"] [package-item="grid"] > .design-box .icons ul { right: 40px; }
[package-item="cell"] [package-item="cell"] > .design-box .icons ul { right: 40%; }
#pageType_updating,
#pageType_due{padding-top:38px}
[package-item] > .design-box .spacing{background-color:rgba(var(--rgb),.2)}
[package-item] .design-box .hover{opacity:0;visibility:hidden;transition:.2s}
.design-box{color:#FFF}
.only-home-design.setting-active > .design-box .hover,
[package-item].setting-active > .design-box .hover.setting,
[package-item].active > .design-box .hover{opacity:1;visibility:visible; z-index:3}
.design-box .add-btn{border:none!important}
.design-box .add-btn:before,
.design-box .iconfont:before{color:#FFF!important;font-weight:500}
.design-box .generate_marked:before{color:rgb(220,53,69)!important}
/* 编辑框 - 左上角操作图标 */
.design-box .icons ul{position:absolute;top:var(--w);right:0;transform:translateY(-100%);background-color:rgb(var(--rgb));color:#FFF;padding:0 10px;border-radius:var(--w);box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.15)}
.design-box .icons ul:hover{z-index:2}
.design-box .icons li{font-size:18px;padding:8px 6px;cursor:pointer;line-height:1.3}
/* 弹窗组件不能删除 */
li[title="删除pop-up组件"],li[title="复制pop-up组件"]{display: none !important;}
.design-box [data-click="line"]{position:relative}
.design-box [data-click="line"]:before{content:"";position:absolute;top:50%;left:50%;height:14px;border-left:1px solid;transform:translate(-50%, -50%);opacity:.5}
.design-box [data-click="show"]{display:none}
.design-box .icons ul.icon-to-right{ left: auto; right: 0; }
.design-box .icons ul.icon-to-inner{ transform: translateY(-2px); z-index: 3;}
[data-click="hidePc"],
[data-click="hidePad"],
[data-click="hidePhone"],
[data-click="line"],
[data-click="show"] { cursor: initial; }
[data-click="show"], [data-click="collectPackage"] { display: none; }
[hide-pc][hide-pad][hide-phone] > .design-box [data-click="show"]{display:block}
[hide-pc] > .design-box [data-click="hidePc"],
[hide-pad] > .design-box [data-click="hidePad"],
[hide-phone] > .design-box [data-click="hidePhone"],
[package-item]:not([hide-pc]):not([hide-pad]):not([hide-phone]) > .design-box [data-click="line"],
[package-item]:not([hide-pc]):not([hide-pad]):not([hide-phone]) > .design-box [data-click="hidePc"],
[package-item]:not([hide-pc]):not([hide-pad]):not([hide-phone]) > .design-box [data-click="hidePad"],
[package-item]:not([hide-pc]):not([hide-pad]):not([hide-phone]) > .design-box [data-click="hidePhone"]{display:none}
[package-type="main"] [data-click="collectPackage"]{display: block;}
[package-type="breadcrumb"] [data-click="collectPackage"]{display: block;}
[_html] {display:block; min-width:10px;min-height: 10px;} 
[_html].text_ellipsis {display: -webkit-box;}
button{min-width:10px;min-height: 10px; }

/* 编辑框 - 四周 */
/* .design-box .around:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--rgb), .1);z-index:-1} */
.design-box .around ul{position:absolute}
.design-box .around li{position:absolute;z-index:1}
.design-box .around li:hover{z-index:2}
.design-box .size{transition:.2s;background-color:rgb(var(--rgb))}
.design-box .spacing{transition:.2s;opacity:0}
.design-box .spacing:hover{opacity:1;display:block}
.design-box .around-top,
.design-box .around-top li{top:0}
.design-box .around-top .margin{top:initial;bottom:0}
.design-box .around-top .size{border-top-left-radius:var(--w);border-top-right-radius:var(--w)}
.design-box .around-right,
.design-box .around-right li{right:0}
.design-box .around-right .margin{right:initial;left:0}
.design-box .around-right .size{border-top-right-radius:var(--w);border-bottom-right-radius:var(--w)}
.design-box .around-bottom,
.design-box .around-bottom li{bottom:0}
.design-box .around-bottom .margin{bottom:initial;top:0}
.design-box .around-bottom .size{border-bottom-left-radius:var(--w);border-bottom-right-radius:var(--w)}
.design-box .around-left,
.design-box .around-left li{left:0}
.design-box .around-left .margin{left:initial;right:0}
.design-box .around-left .size{border-top-left-radius:var(--w);border-bottom-right-radius:var(--w)}
.design-box .around-y,
.design-box .around-y li{left:0;right:0;cursor:n-resize}
.design-box .around-y .spacing{height:var(--s);min-height:5px}
.design-box .around-y .padding{min-height:calc(5px + var(--w))}
.design-box .around-x,
.design-box .around-x li{top:0;bottom:0;cursor:e-resize}
.design-box .around-x .spacing{width:var(--s);min-width:0}
.design-box .around-x .padding{min-width:calc(5px + var(--w))}
.design-box .width{width:var(--w);height:100%}
.design-box .width:hover{width:calc(var(--w) * 2)}
.design-box .height{width:100%;height:var(--w)}
.design-box .height:hover{height:calc(var(--w) * 2)}
/* 编辑框 - 添加 */
.design-box .add-btn{position:absolute;z-index:2;width:38px;height:38px;line-height:38px;border-radius:100%;left:50%;bottom:0;transform:translate(-50%,50%);padding:0;text-align:center;transition:.2s;background-color:rgb(var(--rgb))}
.design-box .add-btn:hover{z-index:3;width:42px;height:42px;line-height:42px}
.design-box .add-btn:before{content:"+";margin-top:-2px;font-size:24px;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
.design-box .cell_add_unit{bottom:50%}
.tox-pop.tox-pop--bottom{max-width:850px!important}
.design-box [data-target="cell"].add-btn:hover{z-index:4}
.design-box [data-target="grid"].add-btn:hover{z-index:5}
.design-box [data-target="module"].add-btn:hover{z-index:6}
[package-item="unit"] > .design-box .add-btn{left:20px}
[package-item="unit"] [package-item="unit"] > .design-box .add-btn{left:80px; border-radius: 4px;}
[package-item="cell"] > .design-box > .add-btn{left:100%;bottom:50%; transform:translate(-100%, 50%); border-radius:4px 0 0 4px; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.15)}
[package-item="cell"] [package-item="cell"] > .design-box > .add-btn { bottom: calc(50% - 40px); }
[package-item="grid"] > .design-box > .add-btn{left:45%;}
[package-item="grid"] [package-item="grid"] > .design-box > .add-btn{left: calc(45% + 60px); border-radius: 4px;}
.design-box > .add-btn.btn-to-inner { transform: translateY(0); }
[package-item="block"]:hover{z-index:101}
/* 禁止编辑 */
.only-home-design > .design-box .icons ul:before{content:"\8bf7\5728\9996\9875\8fdb\884c\7f16\8f91";display:inline-block;padding:4px 12px;font-size:14px}

[package-block-type="header"]{position:relative!important}
/* 内容显示隐藏 */
[design-mode] [hide-phone][hide-pad][hide-pc]{ display:block!important; opacity:.5; z-index: 1; }
@media (max-width:576px){ 
  [design-mode] [hide-phone]{ display:block!important; opacity:.5; z-index: 1; }
  [design-mode] [hide-phone] > [package-group] { display:none; }
}
@media (min-width:577px) and (max-width:1200px){
  [design-mode] [hide-pad]{ display:block!important; opacity:.5; z-index: 1; }
  [design-mode] [hide-pad] > [package-group] { display:none; }
}
@media (min-width:1201px){
  [design-mode] [hide-pc]{ display:block!important; opacity:.5; z-index: 1; }
  [design-mode] [hide-pc] > [package-group] { display:none; }
}

/* 隐藏 */
[data-click="copyPackage"],
/* [data-click="editPackage"], */
[package-item]:last-child > .design-box [data-click="moveDownPackage"],
[package-item]:first-child > .design-box [data-click="moveUpPackage"],
[package-item="module"] > .design-box .add-btn.btn-info,
[package-item="grid"] > .design-box,
[package-item="cell"] > .design-box,
/* [package-item="block"] > .design-box, */
.only-home-design > .design-box .icons li,
/* [package-type="copyright"] [package-group="grid"] .design-box .add-btn, */
/* [package-type="copyright"] [package-group="grid"] .design-box [data-click="deletePackage"], */
.design-box .spacing,
.blank-package__box{display:none}

/* 显示 */
[login-hide]{display:block!important}
.showBlockEditBox > .design-box,
[design-mode="2"] [package-item="grid"] > .design-box,
[design-mode="2"] [package-item="cell"] > .design-box,
[design-mode="2"] [package-item="block"] > .design-box,
[design-mode="2"] [data-click="copyPackage"],
[package-item="unit"] > .design-box [data-click="editPackage"],
[package-item="module"] > .design-box [data-click="editPackage"]{display:block}

/* 头部板块 */
a{cursor:inherit}
body{ padding-top:38px; }
[package-type="header"]{z-index:0}
/* [package-type="header"] .design-box .icons ul{transform:none} */
/* [package-type="header"] .design-box .icons ul{ transform:none;top:0;bottom:initial;transition:.3s;padding:0 10px} */
/* [package-type="header"] .design-box .icons ul li{padding:8px 6px} */
/* [package-type="header"] [package-item="module"]  .design-box{ display:none; } */
/* [package-type="header"] [package-item="unit"]  .design-box{ display:none; } */
[package-type="header"] > .design-box .icons ul{ bottom:initial;transition:.3s;padding:0 10px}
[package-type="header"] [package-item="cell"] .blank-package__box{ display:none!important; }
[package-type="header"] [package-item="grid"] > .design-box .icons ul{ left:10%; right:auto; }
[package-type="header"] [package-item="grid"] [data-click="deletePackage"]{ display:none; }
[package-type="header"] [package-item="grid"] [data-click="addPackage"]{ display:none; }
[package-type="header"] [package-item="grid"] [data-click="copyPackage"]{ display:none; }
/* 富文本 */
.tox .tox-pop{min-width:170px}

/* 空白页空板块 */
.fake-blank-package > .design-box .blank-package__box,
[design-mode="1"] .fake-blank-package > .design-box,
[design-mode="3"] .fake-blank-package > .design-box{display:block}

.blank-package > .design-box .blank-package__box,
[design-mode="1"] .blank-package .design-box,
[design-mode="3"] .blank-package .design-box{display:block}

[design-mode="1"] .blank-package .design-box .around,
[design-mode="3"] .blank-package .design-box .around,
[design-mode="1"] .blank-package .design-box .icons,
[design-mode="3"] .blank-package .design-box .icons,
[design-mode="1"] .blank-package .design-box .add-btn:not([data-target]),
[design-mode="3"] .blank-package .design-box .add-btn:not([data-target]){ opacity:0;visibility:hidden; }
[design-mode="1"] .blank-package .design-box [data-target='cell'],
[design-mode="3"] .blank-package .design-box [data-target='cell']{ opacity:0;visibility:hidden; }
/* .blank-package:not([package-item="cell"]) > .design-box .hover, */
[package-item].show_add-btn > .design-box .hover,
[package-item].show_add-btn [package-item='cell'] > .design-box .blank-package__box{opacity:1;visibility:visible}
.blank-package__box{background-color:#fff}
.blank-package__box .blank-package__box-inner{width:100%;padding:20px;background-color:rgba(var(--rgb), .1);background-color:#F7F9FB}
[package-item].active > .design-box .blank-package__box-inner{background-color:#eaf7ff}
.blank-package__box .blank-package__content{width:100%;min-height:180px;border:1px dashed rgb(var(--rgb));border-radius:4px;display:flex;align-items:center;justify-content:space-around}
.blank-package__box .blank-package__content .blank-package__btn-box {text-align: center;}
.blank-package__box .blank-package__content .add-btn{position:relative;top:0;left:0;transform:unset}
.blank-package__box .blank-package__content p{color:rgb(var(--rgb));font-size:14px;padding-top:5px}
.d-flex{display:-ms-flexbox!important;display:flex!important}
[package-item="unit"][package-type="tabs"] {display: flex;flex-direction: column-reverse;}
/* 产品详情页主图部分删除设置隐藏 */
[package-type="info"] [package-group="grid"] [data-click="deletePackage"],
[package-type="info"] [package-group="grid"] [data-click="addPackage"],
[package-type="info"] [package-group="grid"] [data-click="copyPackage"]{display:none}
[package-type="info"] [package-group="cell"] [data-click="deletePackage"],
[package-type="info"] [package-group="cell"] [data-click="addPackage"]{display:block}
/* [package-type="info"] [package-item="cell"] > .design-box,
[package-type="info"] [package-item="grid"] > .design-box{display:none} */
/* [package-type="pagination"] .design-box [data-click="editPackage"]{ display:none} */

[design-mode] [package-item="module"].setting-active{ z-index:1; }

[design-mode] [package-item="module"].active{ z-index:1; }

[package-group="widget"]{ z-index:110; width:0; height:0}
/* 着陆页 */
[page-type="landing_page"] [package-type="breadcrumb"] .design-box .icons ul{transform:translate(0);z-index:3}
[page-type="landing_page"] [package-type="breadcrumb"] [package-item="module"] > .design-box .icons ul{top:0}

/* 删除focus黑框效果 */
button:focus, div:focus{ outline:0!important; }

/** 头部 */
@media(min-width:1200px){
  #app[page-type="index"] div[package-type="header"][float-top="1"]{position:relative !important;}
  #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"]{background-color: var(--header-bg);}
  #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"] [package-item="module"]{background-color: var(--header-bg);}

  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"]{position:relative !important;}
  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"][customer-inside="0"]{background-color: var(--header-bg);}
  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"][customer-inside="0"] [package-item="module"]{background-color: var(--header-bg);}
  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"][customer-inside="1"]{background-color: var(--header-bg);}
  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"][customer-inside="1"] [package-item="module"]{background-color: var(--header-bg-inside);}
}

.help-box span{font-weight: bolder;}

.tox .customize-menu-list .tox-collection--list .tox-collection__group { padding: 15px 10px; }
.tox .customize-menu-list .tox-collection--list { width: 240px; }
.tox .customize-menu-list .tox-collection--list .tox-collection__item--state-disabled { background-color: transparent; padding: 0;cursor: auto; margin-bottom: 4px; margin-left: 5px; }
.tox .customize-menu-list .tox-collection--list .tox-collection__item--state-disabled .tox-collection__item-label { line-height: 1; }
.tox .customize-menu-list .tox-collection--list .tox-collection__item-icon { display: none;}
.tox .customize-menu-list .tox-collection--list .tox-collection__item-label { margin: 0 !important;}
.tox .customize-menu-list .tox-collection--list .tox-collection__item:not(.tox-collection__item--state-disabled) { padding: 3px 5px; border-radius: 4px; }
.tox .customize-menu-list .tox-collection--list .tox-collection__item.tox-collection__item--active:not(.tox-collection__item--state-disabled) { background: #dee0e2; }
.tox .customize-menu-list .tox-collection__item-caret svg { fill: rgba(34,47,62,.5); }
.tox .customize-menu-list .tox-collection--list .tox-collection__item.tox-collection__item--active:not(.tox-collection__item--state-disabled) .tox-collection__item-caret svg { fill: #222f3e; }
.tox .customize-menu-list .tox-collection--list .tox-collection__item:nth-child(2),
.tox .customize-menu-list .tox-collection--list .tox-collection__item:nth-child(5),
.tox .customize-menu-list .tox-collection--list .tox-collection__item:nth-child(8) { margin-bottom: 15px;}
.tox .customize-menu-list .tox-collection--list:nth-child(2) .tox-collection__item { margin-bottom: 0; }
.tox .tinymce-mask-box {
  position: absolute !important;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background: rgb(52,58,64,0.9) !important;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}
.tinymce-mask-box .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.tinymce-mask-box .loading::before {
  display: none;
}
.tinymce-mask-box .loading::after {
  position: unset;
  border-color: #fff;
  border-right-color: transparent;
}

.design-box .title-box {
  display: none;
}
.design-box .icon-title {
  display: none;
}
[design-mode="3"] .design-box ul {
  padding-left: 0 !important;
  top: 0;
}
[design-mode="3"] .design-box .icons li {
  white-space: nowrap;
  padding: 3px 6px;
  font-family: auto;
  line-height: 22px;
}
[design-mode="3"] .design-box .icons li:nth-child(2) {
  padding-left: 10px;
}
[design-mode="3"] .design-box .title-box {
  padding-left: 14px !important;
  padding-right: 14px !important;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--w) 0 0 var(--w);
  cursor: auto;
  opacity: 0.9;
}
[design-mode="3"] [package-item="module"] > .design-box .title-box {
  background-color: rgba(0, 0, 0, 0.3);
}
[design-mode="3"] [package-item="unit"] > .design-box .title-box {
  background-color: rgb(27 32 36);
}
[design-mode="3"] .design-box .icon-title {
  display: inline-block;
  font-size: 12px;
  transform: translateY(-1px);
}
[design-mode="3"] .design-box i {
  font-size: 14px;
}
[design-mode="3"] .design-box > .add-btn {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #fff;
  width: auto;
  border-radius: 38px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  line-height: 1;
  height: 30px;
}
[design-mode="3"] [package-type="header"] [package-item="grid"] [data-click="deletePackage"].add-btn,
[design-mode="3"] [package-type="header"] [package-item="grid"] [data-click="addPackage"].add-btn,
[design-mode="3"] [package-type="header"] [package-item="grid"] [data-click="copyPackage"].add-btn,
[design-mode="3"] [package-type="info"] [package-group="grid"] [data-click="deletePackage"].add-btn,
[design-mode="3"] [package-type="info"] [package-group="grid"] [data-click="addPackage"].add-btn,
[design-mode="3"] [package-type="info"] [package-group="grid"] [data-click="copyPackage"].add-btn{display:none}
.design-box .icon-box {
  display: none;
}
[design-mode="3"] .design-box .icon-box {
  display: inline-block;
  font-size: 22px;
  display: inline-block;
  padding-bottom: 6px;
}
[design-mode="3"] .design-box > .add-btn:before {
  opacity: 0;
}
.design-box .name-box {
  display: none;
}
[design-mode="3"] .design-box .name-box {
  display: inline-block;
  padding-left: 3px;
  white-space: nowrap;
}
[design-mode="3"] [package-item="unit"] > .design-box > .add-btn{left:50px}
[design-mode="3"] .design-box > .add-btn.button-to-right{ left: auto; right: 0; transform: translate(0%, 50%); }
[design-mode] { overflow-x: hidden; }

[design-mode="3"] [package-item="block"][package-type="breadcrumb"] > .design-box > .icons,
[design-mode="3"] [package-item="block"][package-type="breadcrumb"] > .design-box > .hover,
[design-mode="3"] [package-item="block"][package-type="info"] > .design-box > .icons,
[design-mode="3"] [package-item="block"][package-type="info"] > .design-box > .hover,
[design-mode="3"] [package-item="block"][package-type="extend"] > .design-box > .icons,
[design-mode="3"] [package-item="block"][package-type="extend"] > .design-box > .hover,
[design-mode="3"] [package-item="block"][package-type="main"] > .design-box > .icons,
[design-mode="3"] [package-item="block"][package-type="main"] > .design-box > .hover,
[design-mode="3"] [package-item="block"][package-type="footer"] > .design-box > .icons,
[design-mode="3"] [package-item="block"][package-type="footer"] > .design-box > .hover,
[design-mode="3"] [package-item="block"][package-type="copyright"] > .design-box > .icons,
[design-mode="3"] [package-item="block"][package-type="copyright"] > .design-box > .hover { display: none; }

@media(min-width:768px){
  #app[page-type="landing_page"] [package-block-type="breadcrumb"]{position: static !important;}
}