@font-face {
  font-family: 'icons';
  /* Project id 142592 */
  src: url('//at.alicdn.com/t/font_142592_eotr01w7xy4.woff2?t=1629368992129') format('woff2'), url('//at.alicdn.com/t/font_142592_eotr01w7xy4.woff?t=1629368992129') format('woff'), url('//at.alicdn.com/t/font_142592_eotr01w7xy4.ttf?t=1629368992129') format('truetype');
}
@font-face {
  font-family: 'iconfont';
  /* Project id 139847 */
  src: url('//at.alicdn.com/t/font_139847_zthdi74xk7j.woff2?t=1630478620792') format('woff2'), url('//at.alicdn.com/t/font_139847_zthdi74xk7j.woff?t=1630478620792') format('woff'), url('//at.alicdn.com/t/font_139847_zthdi74xk7j.ttf?t=1630478620792') format('truetype');
}
/* body{
	padding-top: 50px!important;
} */
/*******  公共样式 start ******/
/**样式重置**/
input,
textarea,
div,
ul {
  resize: none;
  outline: none;
  font-size: inherit;
}
ul {
  list-style: none;
}
.ol-icons,
.noselect,
.outline-main {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.mind-corner-content,
.node-type.dot,
.not-user-select,
.outline-head .head-nav {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.btn_base {
  color: #fff;
  background: #2b3033;
  min-width: 38px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.outline-btn {
  color: #fff;
  background: #2b3033;
  min-width: 38px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  line-height: 30px;
  padding: 0 12px;
  border-radius: 3px;
}
.outline-btn.gray {
  background: #fff;
  border: 1px solid #ddd;
  color: #444;
}
.outline-dlg .outline-dlg-buttons {
  text-align: right;
  margin-top: 20px;
  font-size: 13px !important;
  padding: 4px 0px 4px 10px;
}
.outline-dlg-buttons .cancle-btn {
  margin-left: 12px;
}
.loading:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url(/assets/images/default/loading_on_dark.gif);
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
.chart-app.loading:before {
  background-size: 200px;
}
.icons,
.ol-icons {
  font-family: "iconfont";
  font-size: 16px;
  font-style: normal;
}
div[contenteditable=true] {
  -webkit-appearance: none;
  -webkit-user-select: text;
}
select.txt {
  color: #333;
}
.txt {
  border: 1px solid #dbdbdb;
  padding: 9px 5px;
  width: 180px;
  background-color: #FFFFFF;
  border-radius: 2px;
}
.body-moving div {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
/*  滚动条  start  */
::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /* border-width:2px; */
  /* border-style:solid; */
  border-color: #c6c6c6;
  /* background-color:#c6c6c6; */
}
::-webkit-scrollbar-thumb:hover {
  background: #9a9c9d;
}
#outline::-webkit-scrollbar {
  width: 8px;
  background: rgba(0, 0, 0, 0.1);
}
#outline::-webkit-scrollbar-thumb {
  /* border-width:2px; */
  /* border-style:solid; */
  /* border-color:#aaa; */
  background-color: #c6c6c6;
  border-radius: 2px;
}
#outline::-webkit-scrollbar-thumb:hover {
  background: #9a9c9d;
}
.scroll::-webkit-scrollbar {
  width: 4px;
  background: rgba(0, 0, 0, 0.03);
}
.scroll::-webkit-scrollbar-thumb {
  /* border-width:2px; */
  /* border-style:solid; */
  /* border-color:#aaa; */
  background-color: #c6c6c6;
  border-radius: 2px;
}
.scroll::-webkit-scrollbar-thumb:hover {
  background: #9a9c9d;
}
/*  滚动条  end  */
#body-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.6);
  transition: all 900ms;
}
/*  兼容  高分屏 */
@media screen and (min-width: 1921px) {
  .outline-title {
    margin-top: 0px;
  }
  .node-element .node-self .node-title,
  .designer-outline-title > .node-title {
    font-size: 16px;
  }
}
/*  */
body,
html {
  background: #ffffff;
  padding: 0px;
  margin: 0px;
  height: 100%;
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #2b3033;
  overflow: hidden;
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* 整体布局  页面布局  start*/
body {
  display: flex;
}
.outline-body {
  padding-top: 50px!important;
  background: #fff;
  height: 100%;
  overflow: hidden;
  position: relative;
  flex: 1;
  box-sizing: border-box;
}
#outline-con,
#outline-con-search {
  background-color: #ffffff;
  padding: 46px 110px 0;
  /* margin-bottom:90px*/
  min-width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
}
body[page=auto] #outline-con,
body[page=auto] #outline-con-search {
  max-width: none;
}
.outline-main {
  background: #ffffff;
  /* max-width: 890px; */
  height: 100%;
  overflow-y: scroll;
  /* margin: 0 auto; */
  /*  padding-top: 50px; */
  -webkit-overflow-scrolling: touch;
  position: relative;
  flex: 1;
}
.outline-left {
  height: 100%;
  z-index: 4;
  background: #f5f6f8;
  box-shadow: 2px 0 2px #F0F0F0;
  position: relative;
  overflow: hidden;
  width: 0;
  opacity: 0;
  transition: all 0.1s ease-in;
}
.outline-left.hover {
  display: block;
  position: fixed;
}
.outline-left.active {
  opacity: 1;
  width: 260px;
}
.outline-left .ol-icons.closed {
  position: absolute;
  right: 12px;
  top: 6px;
  pointer-events: auto!important;
  cursor: pointer;
  z-index: 1;
  color: #9a9c9d;
}
.left-corner-in {
  transition: none!important;
}
.outline-left.active + .outline-body .left-corner-in {
  width: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
}
/*  outline head start**/
div[contenteditable=true] {
  -webkit-appearance: none;
  -webkit-user-select: text;
}
.outline-head {
  background: #ffffff;
  transition: 300ms opacity;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f0f0;
  /* 	width:100%;z-index:3; */
  height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.outline-head .head-nav {
  display: flex;
  align-items: center;
}
.head-right-nav {
  padding-right: 8px;
}
.outline-head a {
  cursor: pointer;
  text-decoration: none;
  color: #2b3033;
  margin-left: 4px;
}
.outline-head .disable {
  opacity: 0.4;
  pointer-events: none;
}
.head-nav .ol-icons,
.outline-left .ol-icons.closed {
  padding: 0px 8px;
  margin: 3px 0;
  line-height: 32px;
  height: 32px;
  color: #55595c;
  font-size: 18px;
  display: inline-block;
  border-radius: 2px;
  transition: all 0.1s ease-in-out;
}
.outline-head .head-nav a:hover .ol-icons,
.outline-head .head-nav > .ol-icons:hover,
.outline-left .ol-icons.closed:hover {
  background: rgba(0, 0, 0, 0.05);
}
.node-nav-title:hover {
  color: #55595c;
}
.outline-head .node-nav-title ~ .ol-icons {
  padding: 10px 6px 8px;
  vertical-align: middle;
  color: #9a9c9d;
  margin: 0 6px 0 0;
}
.outline-head .head-nav a .ol-icons {
  pointer-events: none;
}
.outline-head > div .node-nav-more {
  padding: 0;
  margin-right: 6px;
  line-height: 16px;
}
.outline-title {
  /* padding:18px;
	font-size:22px;
	margin:0px 2px 9px 2px;
	font-weight:700;
	border-bottom:1px solid #eee; */
  font-size: 16px;
  background-color: #ffffff;
  text-align: left;
  line-height: 32px;
  height: 32px;
  margin-top: -1px;
  padding-left: 10px;
  min-width: 70px;
  max-width: 490px;
  white-space: nowrap;
  overflow: hidden;
}
.outline-title[contenteditable=true] {
  outline: none;
}
.outline-title:empty:before {
  content: attr(placeholder);
  color: #9a9c9d;
}
.outline-empty-box {
  height: 380px;
  color: #9a9c9d;
  font-size: 14px;
  padding: 8px 16px;
}
.outline-empty-box .ol-icons {
  margin-right: 8px;
  font-size: 14px;
}
/*  outline head end**/
/** 顶部聚焦导航  start  */
.outline-nav {
  padding: 0 20px 0 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.outline-nav > *,
.outline-nav-m2 > * {
  margin-right: 5px;
}
.outline-nav > span,
.outline-nav-m2 > div > span {
  color: #9a9c9d;
  max-width: 78px;
  cursor: pointer;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 32px;
  display: inline-block;
}
.outline-nav > span.select {
  cursor: default;
}
.outline-nav-m2 {
  max-width: 50%;
  display: none;
  min-width: 60px;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 70px;
  top: 60px;
  background: #fff;
  padding: 5px 10px;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #e8e8e8;
}
.outline-head .outline-nav-m2 .ol-icons {
  padding: 0 10px;
  vertical-align: top;
}
/** 顶部聚焦导航  end  */
/** 替换组件       start */
.outline_replace {
  position: relative;
  width: 132px;
  height: 16px;
  margin-right: 20px;
  background: #f5f6f8;
  border-radius: 15px;
  border: 1px solid #f0f0f0;
  padding: 6px 13px;
  transition: width 300ms;
  -webkit-transition: width 300ms;
  -moz-transition: width 300ms;
}
.outline_replace {
  position: relative;
  width: 132px;
  height: 16px;
  margin-right: 20px;
  background: #f5f6f8;
  border-radius: 15px;
  border: 1px solid #f0f0f0;
  padding: 6px 13px;
  transition: width 300ms;
  -webkit-transition: width 300ms;
  -moz-transition: width 300ms;
}
.outline_replace.focus {
  width: 232px;
}
.outline_replace input {
  position: absolute;
  width: 100%;
  left: 0;
  top: 6px;
  background: none;
  border-width: 0;
  outline: none;
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  padding: 0 32px 0 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #2b3033;
}
.outline_replace .ol-icons {
  position: absolute;
  top: 6px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  padding: 0 1px;
  margin: 0 6px 0 0;
  color: #9a9c9d;
}
.outline_replace:hover .ol-icons {
  color: #9a9c9d;
}
.outline_replace .search-icon.ol-icons {
  left: 10px;
}
.outline_replace .del-icon.ol-icons {
  right: 8px;
  display: none;
  cursor: pointer;
  pointer-events: visible;
}
.outline_replace.del-icon:hover {
  color: #9a9c9d !important;
}
.outline_replace input:focus ~ .ol-icons {
  color: #9a9c9d !important;
}
.active-node {
  background: #eee !important;
}
/**  搜索组件  start */
.outline_search {
  position: relative;
  width: 132px;
  height: 16px;
  margin-right: 20px;
  background: #f5f6f8;
  border-radius: 15px;
  border: 1px solid #f0f0f0;
  padding: 6px 13px;
  transition: width 300ms;
  -webkit-transition: width 300ms;
  -moz-transition: width 300ms;
}
.outline_search.focus {
  width: 232px;
}
.outline_search input {
  position: absolute;
  width: 100%;
  left: 0;
  top: 6px;
  background: none;
  border-width: 0;
  outline: none;
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  padding: 0 32px 0 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #2b3033;
}
.outline_search .ol-icons {
  position: absolute;
  top: 6px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  padding: 0 1px;
  margin: 0 6px 0 0;
  color: #9a9c9d;
}
.outline_search:hover .ol-icons {
  color: #9a9c9d;
}
.outline_search .search-icon.ol-icons {
  left: 10px;
}
.outline_search .del-icon.ol-icons {
  right: 8px;
  display: none;
  cursor: pointer;
  pointer-events: visible;
}
.outline_search .del-icon:hover {
  color: #9a9c9d !important;
}
.outline_search input:focus ~ .ol-icons {
  color: #9a9c9d !important;
}
.left-float-menu {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border: 1px solid #e8e8e8;
  padding: 0 5px;
  margin: 0;
  z-index: 3;
}
.left-float-menu .menu-item {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  box-sizing: border-box;
  /* padding: 0px 8px; */
  margin: 6px 0 12px;
  border-radius: 2px;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  position: relative;
}
.left-float-menu .menu-item:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 36px;
  left: 0;
  background-color: #f0f0f0;
  transform: scaleY(0.4);
}
.left-float-menu .menu-item:last-child {
  margin: 6px 0;
}
.left-float-menu .menu-item:last-child::after {
  display: none;
}
.left-float-menu .menu-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.left-float-menu .menu-item .ol-icons {
  font-size: 18px;
  color: #2b3033;
}
.op-con-list {
  display: none;
}
/**** normal  node  list   start  *****/
.node-element {
  position: relative;
}
#outline-con > .node-element,
#outline-con-search > .node-element,
#outline-con > .designer-outline-title,
#outline-con-search > .designer-outline-title,
.outline-empty-box,
.outline-con-child {
  max-width: 890px;
  min-width: 600px;
  position: relative;
  margin: auto;
}
body[page=auto] #outline-con > .node-element,
body[page=auto] #outline-con-search > .node-element,
body[page=auto] #outline-con > .designer-outline-title,
body[page=auto] #outline-con-search > .designer-outline-title,
body[page=auto] .outline-empty-box,
body[page=auto] .outline-con-child {
  max-width: none;
}
.completeDisneyNone .node-element.complete {
  display: none;
}
.node-element.selected {
  background-color: rgba(67, 134, 245, 0.25);
}
/* .node-element.wider{

} */
.node-element.disable,
.catalog-node-element.disable {
  opacity: 0.8;
  background: #eee;
  border-radius: 3px;
  pointer-events: none;
}
.node-element > .node-children {
  margin-left: 20px;
  padding-left: 10px;
}
.node-element.collapsed > .node-children {
  display: none;
}
.node-element > .node-children.line {
  border-left: 1px solid #eee;
  margin-left: 13px;
  padding-left: 14px;
}
.node-element > .node-children.line.dashed {
  border-left: 1px dashed #eee;
}
.node-element > .node-children > .node-element .node-title {
  font-weight: normal;
}
.readonly .node-title {
  user-select: text;
}
/* .node-element > .node-children .node-type.dot span{
	border:2px solid #666;
	vertical-align: 3px;
} */
.node-element > .node-children .node-type.num span {
  font-weight: normal;
}
.node-element .node-self {
  padding-left: 28px;
  position: relative;
  display: flex;
  align-items: center;
}
.node-element .node-self .lock-icon {
  margin-right: 7px;
  margin-top: -4px;
}
.node-element .node-self > .node-icons,
.catalog-node-element .catalog-node-self > .node-icons {
  display: inline-block;
  min-width: 25px;
  height: 25px;
}
.node-element .node-self > .node-icons [ico] {
  opacity: 0.9;
  margin-right: 5px;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
}
.node-element .node-self > .node-icons [n='completion'] {
  vertical-align: middle;
}
.node-element .node-self > .node-icons [ico] img {
  width: 20px;
  vertical-align: middle;
  pointer-events: none;
}
.node-element .node-self .node-title,
.designer-outline-title > .node-title {
  flex: 1;
  outline: none;
  color: #2b3033;
  font-size: 15px;
  line-height: 160%;
  min-height: 34px;
  box-sizing: border-box;
  padding: 5px 0;
  display: block;
  word-break: break-all;
  white-space: normal;
  max-width: 100%;
}
.node-element .node-self .node-title.hide {
  display: none!important;
}
.node-element .node-self > .first-title {
  font-weight: 900;
  line-height: 44px;
  font-size: 20px;
}
.node-element .node-self .node-title:focus {
  word-break: break-all;
  overflow: visible;
  text-overflow: clip;
  word-wrap: break-word;
  white-space: normal;
}
.node-element.right-click {
  background: rgba(238, 238, 238, 0.2);
  border-radius: 3px;
}
.node-element.complete > .node-self .node-title {
  color: #797d80 !important;
  text-decoration: line-through !important;
}
.node-element.complete .node-title {
  color: #797d80 !important;
}
/* .node-element.complete > .node-self > .node-title{
	text-decoration: line-through !important;
} */
.node-element .node-title .tag {
  display: inline-block;
  vertical-align: top;
  /* padding: 0 3px; */
  line-height: 160%;
  opacity: 0.6;
  cursor: pointer;
  text-decoration: underline;
  border-radius: 2px;
}
.node-element .node-title .link {
  color: #4386F5;
  cursor: pointer;
}
.node-element .node-title .link:hover {
  opacity: 0.7;
}
.node-element .node-title .link.active {
  color: inherit;
  background: rgba(99, 171, 247, 0.5);
}
.node-element .node-self .lock-icon {
  margin-right: 7px;
  margin-top: -4px;
}
.node-lock {
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.7);
}
.node-lock.mind-icons {
  background: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  padding: 2px;
  box-sizing: border-box;
  border-radius: 4px;
  color: #fff;
  border: 1px solid #fff;
}
.node-contr-action {
  width: 42px;
  height: 16px;
  position: absolute;
  left: -36px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); */
}
.node-element .node-self .ol-icons.checkbox {
  display: none;
  width: 20px;
  height: 20px;
}
.ol-icons.checkbox::before {
  content: '\e88c';
  position: absolute;
  left: 10px;
  top: 8px;
}
.ol-icons.checkbox.completed::before {
  content: '\e8b5';
}
body:not(.mobile_html) {
  /* .node-state .closeIcon::after{
		background:#888;content:"";
		width:1px;position:absolute;left:50%;top:50%;
		height:10px;
		transform:translate(-50%, -50%);
	} */
}
body:not(.mobile_html) .node-state {
  opacity: 0.4;
  width: 18px;
  height: 18px;
  z-index: 2;
  margin-left: 2px;
  cursor: pointer;
  /* background-color: rgba(0,0,0,.05); */
}
body:not(.mobile_html) .node-element .node-children .node-element .node-self .node-state {
  margin-left: 8px;
}
body:not(.mobile_html) .node-element:hover > .node-self .node-state {
  opacity: 1;
}
body:not(.mobile_html) .node-state span {
  display: inline-block;
  /* width: 0;
		height: 0;
		margin-top: 8px;
		margin-left: 6px;
		border-width: 4px;
		border-style: solid;
		border-color: transparent; */
  vertical-align: top;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  transition: all 100ms;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  pointer-events: none;
}
body:not(.mobile_html) .node-state .openIcon {
  border-top-color: #2b3033;
  /* background:#888;width:10px;
		height:1px;position:absolute;top:50%;left:50%;
		transform:translate(-50%, -50%); */
}
body:not(.mobile_html) .node-state .closeIcon {
  transform: rotate(-90deg);
  border-left-color: #2b3033;
}
body:not(.mobile_html) span.search_node {
  background-color: orange;
  color: #000;
}
body:not(.mobile_html) .opmenu-open-icon {
  display: none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 2px;
  position: relative;
}
body:not(.mobile_html) .node-element > .node-self:hover .opmenu-open-icon,
body:not(.mobile_html) .node-optioning.node-element > .node-self .opmenu-open-icon,
body:not(.mobile_html) .node-optioning.node-element .node-state {
  display: inline-block;
}
body:not(.mobile_html) .readonly .opmenu-open-icon {
  display: none!important;
}
body:not(.mobile_html) .opmenu-open-icon:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
body:not(.mobile_html) .opmenu-open-icon:active {
  background-color: rgba(0, 0, 0, 0.1);
}
body:not(.mobile_html) .opmenu-open-icon > .ol-icons {
  pointer-events: none;
  font-size: 14px;
  color: #2b3033;
  /* vertical-align: text-top; */
}
.node-ref {
  line-height: 22px;
  height: 22px;
}
.node-type {
  display: inline-block;
  position: absolute;
  line-height: 16px;
  left: 6px;
  width: 16px;
  height: 16px;
  cursor: move;
}
.node-element[type=flow] > .node-self .node-type,
.node-element[type=mind] > .node-self .node-type {
  display: none;
}
.node-title.first-title ~ .node-type {
  top: 14px;
}
.designer-outline-title > .node-title {
  line-height: 30px;
  padding: 7px 0;
  font-size: 20px;
  font-weight: 600;
  padding-left: 12px;
}
.designer-outline-title > .node-title:empty:before {
  content: attr(placeholder);
  color: #9a9c9d;
}
.node-type.dot span {
  border-radius: 100%;
  display: inline-block;
  background: #666666;
  cursor: move;
  width: 6px;
  height: 6px;
  right: 5px;
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
  border: 0;
}
/* .node-type.dot span.active:after{
	position:absolute;content:"";
	border-radius:100%;width:6px;height:6px;
	transform:translate(-50%, -50%);left:50%;top:50%;
	border:6px solid rgba(0,0,0,.1);
} */
.node-element.collapsed > .node-self .dot span:after {
  position: absolute;
  content: "";
  border-radius: 100%;
  width: 6px;
  height: 6px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border: 6px solid rgba(0, 0, 0, 0.1);
}
.node-element .node-self .dot:hover span:after {
  position: absolute;
  content: "";
  border-radius: 100%;
  width: 6px;
  height: 6px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border: 6px solid rgba(0, 0, 0, 0.05);
}
.node-type.dot {
  width: 16px !important;
  cursor: move;
}
/* .node-type.dot+div{padding-left:26px;} */
.node-type.num {
  position: absolute;
  left: -10px;
}
.node-type.num span {
  font-size: 12px;
  color: #333;
  display: block;
  margin-top: 1px;
  font-weight: bold;
}
.node-type.dot.close span {
  border: 0px !important;
  border-radius: 0px !important;
  background: #2b3033;
  vertical-align: 6px !important;
  line-height: 2px;
  height: 2px;
  width: 10px;
  margin-right: -2px;
}
.node-remark {
  width: 100%;
  padding: 0 29px;
  font-size: 13px;
  outline: none;
  color: #797d80;
  cursor: text;
  line-height: 20px;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: -webkit-fill-available;
  width: -moz-fill-available;
  width: fill-available;
  border: 0px;
  resize: none;
  word-break: break-all;
  white-space: normal;
  font-family: inherit;
  min-height: 20px;
  background: transparent;
}
.mind-dropdown {
  position: absolute;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  display: none;
  opacity: 0;
  transition: all 160ms;
  border-radius: 3px;
  z-index: 9;
  transform: scale(0.8);
  transform-origin: center top;
  padding: 8px 0px;
}
.node-remark.auto {
  height: auto;
}
.node-remark:focus,
.node-remark.active {
  word-break: break-all;
  overflow: hidden;
  text-overflow: clip;
  word-wrap: break-word;
  white-space: pre-wrap;
  height: auto;
}
.node-image {
  display: inline-block;
  margin-left: 28px;
  margin-top: 4px;
  position: relative;
  max-width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
}
.node-image.active {
  border: 1px solid #2b3033;
}
.node-image.hover {
  border: 1px solid #797d80;
}
/* .node-element.collapsed > .node-image{
	display: none;
} */
.node-image.active {
  z-index: 1;
}
.node-image img,
.node-image embed {
  display: block;
  width: 100%;
}
.node-image.active img {
  /*border: 1px solid #333;*/
  /* -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2); */
  /*box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.6);*/
}
/* iamge 操作栏 start*/
.image-op-group-wrapper {
  position: absolute;
  right: -50px;
  top: 0;
  background-color: transparent;
  padding: 0 0 0 10px;
  height: 100%;
}
.node-image .image-op-group {
  background: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  border: 1px solid #e8e8e8;
  padding: 0 5px;
  display: none;
}
.node-image.active .image-op-group,
.node-element:hover > .node-image .image-op-group-wrapper {
  display: block!important;
}
.node-image.hover .image-op-group,
.node-element:hover > .node-image .image-op-group-wrapper {
  display: block!important;
}
.readonly .node-image.hover .image-op-group,
.readonly .node-element:hover > .node-image .image-op-group-wrapper {
  display: none!important;
}
.node-image .image-op-group .img-op {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  box-sizing: border-box;
  /* padding: 0px 8px; */
  margin: 5px 0;
  color: #55595c;
  font-size: 14px;
  border-radius: 2px;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
.node-image .image-op-group .img-op:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.node-image .image-op-group .img-op .ol-icons {
  pointer-events: none;
}
/* iamge 操作栏 end*/
.node-image .img-btn.invisible {
  display: none !important;
}
.node-image .img-dot {
  position: absolute;
  width: 13px;
  height: 13px;
  border: 1px solid #2EB5E5;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #2EB5E5;
  z-index: 4;
  display: none;
  cursor: se-resize;
}
.node-image.active .img-dot {
  display: block;
}
/** node  */
.node-tag {
  opacity: 0.7;
  text-decoration: underline;
  margin-left: 5px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
}
.node-tag:hover {
  background: #f0f0f0;
}
/**** normal  node  list   end  *****/
/****  move  style  start   *****/
.moving-line {
  position: absolute;
  z-index: 2;
  height: 2px;
  background: #2b3033;
}
.moving-dot {
  position: absolute;
  z-index: 2;
  width: 6px;
  height: 6px;
  background: #2b3033;
  border: 6px solid #2b3033;
  border-radius: 100%;
  transform: translate(0, -50%);
  cursor: default;
}
.mobile_html .moving-line {
  position: fixed;
}
.mobile_html .moving-dot {
  position: fixed;
}
/****  move  style  end   *****



/**** catalg  node  list   end  *****/
.outline-catalog {
  padding: 0 16px;
  height: calc(100% - 52px);
}
.outline-catalog.scroll {
  overflow-y: auto;
}
.outline-catalog .catalog-node-element {
  padding-left: 0;
  margin-bottom: 0;
  padding-left: 8px;
}
.catalog-node-element:hover {
  background: #f5f6f8;
  cursor: pointer;
}
.catalog-node-element .catalog-node-self {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
}
.catalog-node-element .catalog-node-self .catalog-node-title {
  min-height: auto;
  white-space: nowrap;
  padding: 0;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #797d80;
  flex: 1;
  outline: none;
  line-height: 28px;
  height: 28px;
  box-sizing: border-box;
  display: block;
}
.catalog-node-element.active .catalog-node-self .catalog-node-title {
  color: #2b3033;
}
.catalog-node-element .catalog-node-self .catalog-node-title .tag {
  display: inline;
}
/**** catalg  node  list   end  *****/
.node-element .node-self .ol-icons.move {
  display: none!important;
}
/****  board node list start  ******/
body:not(.mobile_html) .mode-board.node-element > .node-children {
  background-color: #f5f6f8;
  white-space: nowrap;
  overflow-x: auto;
  width: 100%;
  display: flex;
  margin-left: 0px;
  position: relative;
  box-sizing: border-box;
}
body:not(.mobile_html) .mode-board.node-element:not(.collapsed) > .node-children {
  padding-top: 20px;
  padding-bottom: 20px;
}
body:not(.mobile_html) .mode-board > .node-children::-webkit-scrollbar {
  width: 1px;
  height: 8px;
  min-width: 300px;
}
body:not(.mobile_html) .mode-board > .node-children::-webkit-scrollbar-thumb {
  border-radius: 2px;
}
body:not(.mobile_html) .mode-board > .node-children:hover::-webkit-scrollbar-thumb {
  background-color: #c6c6c6;
}
body:not(.mobile_html) .mode-board .node-element.disable {
  opacity: 0.38;
  pointer-events: none;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  display: flex;
  flex-direction: column;
  /* overflow-x: hidden; */
  margin-right: -1px;
  margin-left: 0px;
  flex-basis: 300px;
  flex-grow: 0;
  -webkit-box-flex: 0;
  flex-shrink: 0;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-self {
  margin-left: 5px;
  margin-bottom: 8px;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-self .node-title {
  font-weight: bold;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-self > .node-type,
body:not(.mobile_html) .mode-board > .node-children .node-element .node-state {
  display: none!important;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-self .node-contr-action {
  left: -22px;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element .node-type {
  display: none;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element > .node-self {
  padding-left: 15px;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element .node-title {
  word-break: break-all;
  white-space: normal;
  padding-right: 15px;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element > .node-self .node-contr-action {
  left: -50px;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element .node-state {
  display: none !important;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element > .node-children .opmenu-open-icon {
  left: 10px;
}
body:not(.mobile_html) .mode-board .node-element > .node-self:hover .node-state {
  display: inline-block;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element .ol-icons.move {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 34px;
  line-height: 34px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: #f5f6f8;
}
body:not(.mobile_html) .mode-board > .node-children .ol-icons.move:hover {
  box-shadow: -5px 0 10px #fff;
  background-color: #ffffff;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children .ol-icons.move {
  background: #ffffff;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children .ol-icons.move:hover {
  background: #f5f6f8;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-self:hover > .ol-icons.move,
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element:hover > .node-self > .ol-icons.move {
  display: block!important;
}
body:not(.mobile_html) .mode-board .node-children.line {
  border: none;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children {
  padding-left: 14px;
  margin-left: 18px;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #eee;
  margin-bottom: 8px;
}
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element:hover,
body:not(.mobile_html) .mode-board > .node-children > .node-element > .node-children > .node-element.selected {
  border: 1px solid #2b3033;
  cursor: auto;
}
body:not(.mobile_html) .mode-board .new-board-i-con {
  margin-bottom: 8px;
}
body:not(.mobile_html) .mode-board > .node-children > .new-board-i-con {
  display: inline-block;
  vertical-align: top;
  display: flex;
  flex-direction: column;
  /* overflow-x: hidden; */
  margin-right: -1px;
  margin-left: 0px;
  flex-basis: 300px;
  flex-grow: 0;
  -webkit-box-flex: 0;
  flex-shrink: 0;
  position: relative;
  margin-right: 96px;
  margin-left: 30px;
}
body:not(.mobile_html) .mode-board > .node-children .new-board-i-con {
  cursor: pointer;
  pointer-events: all;
}
body:not(.mobile_html) .mode-board .new-board-i-btn {
  background: #ffffff;
  line-height: 34px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  width: 268px;
  pointer-events: none;
}
body:not(.mobile_html) .mode-board .new-board-i-btn .ol-icons {
  margin-right: 8px;
  vertical-align: bottom;
  color: #55595c;
  pointer-events: none;
}
.collapsed.mode-board > .node-children::-webkit-scrollbar {
  display: none;
}
/* .mode-board > .node-children > .node-element:nth-child(2n){
	background-color: rgba(245,245,245,1);
} */
.bv-create-btn {
  width: 288px;
  height: 40px;
  background: #f5f6f8;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #9a9c9d;
  padding: 0 20px;
}
.bv-create-btn .icnos {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.body-moving .mode-board .node-element > .node-children > .node-element:hover,
.mode-board > .node-children > .node-element > .node-children > .node-element.active {
  border: 1px solid #f0f0f0 !important;
}
/****  board node list end  ******/
.mobiyun .export-vip-more {
  display: none;
}
/***********     outline-range   start     *****************/
.op-context-menu {
  width: 200px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #e8e8e8;
  display: none;
  position: absolute;
  top: 300px;
  left: 300px;
  z-index: 3;
  background-color: #fff;
  list-style: none;
  margin: 0;
  padding: 4px 0;
  border-radius: 2px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.op-context-menu li {
  position: relative;
  font-size: 13px;
  line-height: 18px;
  color: #2b3033;
  padding: 8px 16px;
}
.op-context-menu li.disable {
  pointer-events: none;
  color: #9a9c9d;
  opacity: 0.8;
}
.op-context-menu li[op] {
  cursor: pointer;
}
.op-context-menu li[op] > span,
.op-context-menu li > label {
  pointer-events: none;
}
.op-context-menu li .op-explain {
  color: #9a9c9d;
  float: right;
}
.op-explain .ol-icons {
  vertical-align: bottom;
}
.op-context-menu li[op]:hover,
.child-menu:not(.icons-menu) > li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.op-context-menu li[op]:active,
.child-menu:not(.icons-menu) > li.active {
  background-color: rgba(0, 0, 0, 0.1);
}
.child-menu.icons-menu > li > span:hover {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.1);
}
.child-menu.icons-menu > li > span.active {
  background-color: rgba(0, 0, 0, 0.1);
}
.op-context-menu li[op]:active {
  /* background-color: purple; */
}
.op-context-menu .style_sep {
  width: 200px;
  height: 1px;
  margin-left: -10%;
  background-color: #f5f6f8;
  display: block;
}
.outline-style-menu {
  margin: 10px 0;
  font-size: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.outline-style-menu .ol-icons,
.outline-style-menu > span {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  text-align: center;
  font-size: 16px;
  margin-right: 16px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.outline-style-menu .ol-icons.text {
  color: #656565;
}
.outline-style-menu .ol-icons.active {
  background-color: #f5f6f8;
}
.outline-style-menu > span {
  font-size: 0;
  margin-right: 12px;
}
.outline-style-menu > span[op=size]:nth-child(5n) {
  margin-right: 0;
}
.outline-style-menu > span[op=color]:last-child {
  margin-right: 0;
}
.outline-style-menu span.color-dot {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 3px auto;
  border-radius: 100%;
  padding: 2px;
  pointer-events: none;
}
.outline-style-menu span.color-dot.active::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 8px;
  height: 4px;
  border: 0px solid #fff;
  border-left-width: 1px;
  border-bottom-width: 1px;
  transform: rotate(-45deg);
}
.child-menu {
  display: none;
  width: 227px;
  background-color: #fff;
  position: absolute;
  padding: 10px 0;
  left: 202px;
  top: 0;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #e8e8e8;
  border-radius: 2px;
}
.child-menu.icons-menu {
  padding: 10px;
}
.icons-menu > li {
  line-height: 24px;
  padding: 0;
  font-size: 0;
  margin-left: -8px;
}
.icons-menu > li:first-child {
  margin-top: -2px;
}
.icons-menu > li > .mind-icons {
  width: 18px;
  margin: 2px 0 0 8px;
  cursor: pointer;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.icons-menu > li span.selected {
  color: #50c28b !important;
}
/* .icons-menu span {
	margin: 2px 0 0 5px;
	cursor: pointer;
	font-size: 18px;
} */
/* set icons */
#mind-icons-box {
  position: absolute;
  max-width: 320px;
  z-index: 3;
  background: #fff;
  padding: 0px;
  margin: 0px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  transition: all 80ms ease-in-out;
  padding: 12px 12px 8px 12px;
  transform: translate(-50%, 0);
}
#mind-icons-box:before {
  content: '';
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #ccc;
}
#mind-icons-box:after {
  content: '';
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
}
#mind-icons-box > div:nth-child(1) {
  min-height: 25px;
}
#mind-icons-box .mind-icons-color {
  padding-top: 6px;
  border-top: 1px solid #f0f0f0;
  min-height: 24px;
  clear: both;
}
#mind-icons-box .mind-icons {
  width: 24px;
  height: 24px;
  margin: 3px;
  border: 1px solid transparent;
}
#mind-icons-box .mind-icons,
#mind-icons-box .mind-icon-url {
  font-size: 18px;
  opacity: 0.9;
  float: left;
  cursor: pointer;
  transition: all 80ms ease-in-out;
}
#mind-icons-box .mind-icons[ico].selected {
  color: #63abf7;
}
#mind-icons-box .mind-icons-color span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  border-radius: 3px;
  cursor: pointer;
}
/***********     outline-range   end     *****************/
/******* 富文本 start *******/
.pop-editor {
  position: fixed;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 0 4px;
  z-index: 11;
  display: none;
}
.pop-editor > div {
  display: inline-block;
  text-align: center;
  line-height: 36px;
  width: 38px;
  color: #55595c;
  height: 36px;
  cursor: pointer;
  transition: all 0.3s;
}
.pop-editor > div:hover {
  background: #f5f6f8;
}
.pop-editor .mind-icons {
  font-size: 16px;
  display: inline-block;
}
.pop-editor .font {
  font-size: 17px;
  margin-right: 5px;
  margin-top: 1px;
}
.pop-editor .bold {
  font-size: 16px;
  vertical-align: 3px;
  float: left;
  margin-left: 12px;
  margin-top: -1px;
}
.pop-editor .pop-editor-items {
  text-align: left;
  position: absolute;
  width: 140px;
  max-height: 200px;
  background: #fff;
  top: 36px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  display: none;
  overflow-y: auto;
}
.pop-editor .pop-editor-items > div {
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
}
.pop-editor .pop-editor-items > div:hover {
  background: rgba(0, 0, 0, 0.1);
}
/******* 富文本 end *******/
.mobile_html #outline-con > .node-element,
.mobile_html #outline-con-search > .node-element,
.mobile_html #outline-con > .designer-outline-title,
.mobile_html #outline-con-search > .designer-outline-title {
  min-width: auto;
}
.mobile_html .designer-outline-title {
  margin: 10px 0;
}
.mobile_html .designer-outline-title > .node-title {
  padding-left: 18px;
}
.mobile_html .node-element .node-self > .node-title {
  padding-right: 26px;
}
.mobile_html .node-element .node-self > .node-icons [ico] {
  font-size: 20px;
}
.mobile_html .node-contr-action {
  top: 9px;
}
.mobile_html .node-state {
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: 2;
  top: 0px;
  right: 0px;
  cursor: pointer;
  text-align: center;
}
.mobile_html .node-state .openIcon {
  background: #888;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mobile_html .node-state .closeIcon {
  background: #888;
  width: 10px;
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mobile_html .node-state .closeIcon::after {
  background: #888;
  content: "";
  width: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 10px;
  transform: translate(-50%, -50%);
}
.mobile_html .image-op-group-wrapper {
  position: absolute;
  right: 2px;
  top: 2px;
  background-color: transparent;
  padding: 0 0 0 10px;
  height: 100%;
}
/**********outline 公共组件 start ***********/
#mind_hover_tip,
#title_hover_tip {
  position: absolute;
  z-index: 13 !important;
  max-width: 250px;
  color: #fff;
}
#mind_hover_tip .tip_arrow,
#title_hover_tip .tip_arrow {
  position: absolute;
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  border-bottom: 8px solid #2b3033;
  left: 50%;
  top: -12px;
  margin-left: -8px;
}
#mind_hover_tip .tip_arrow.tip_right,
#title_hover_tip .tip_arrow.tip_right {
  left: -6px;
  top: 5px;
  position: absolute;
  background-position: -2px 0px;
  border: 8px solid transparent;
  border-right: 8px solid #2b3033;
}
#mind_hover_tip .tip_arrow.tip_top,
#title_hover_tip .tip_arrow.tip_top {
  position: absolute;
  border: 8px solid transparent;
  border-top: 8px solid #2b3033;
  bottom: -13px;
  top: initial;
}
#mind_hover_tip .tip_arrow.tip_left,
#title_hover_tip .tip_arrow.tip_left {
  right: -14px;
  left: initial;
  top: 5px;
  position: absolute;
  border: 8px solid transparent;
  border-left: 8px solid #2b3033;
}
#mind_hover_tip .tip_content,
#title_hover_tip .tip_content {
  padding: 5px 8px;
  font-size: 12px;
  background: #2b3033;
  word-wrap: break-word;
  word-break: normal;
  border-radius: 3px;
}
.outline-dropdown {
  position: absolute;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  display: none;
  opacity: 0;
  transition: all 160ms;
  border-radius: 3px;
  z-index: 9;
  transform: scale(0.8);
  transform-origin: center top;
  padding: 8px 0px;
  min-width: 165px;
}
.outline-dropdown.visible {
  display: block !important;
  opacity: 1;
  transform: scale(1);
}
.outline-dropdown .outline-item {
  padding: 6px 10px;
  cursor: default;
  font-size: 13px;
  position: relative;
  white-space: nowrap;
  color: #55595c;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.outline-dropdown .outline-item:hover {
  background: #f5f6f8;
}
.outline-dropdown .outline-item .ol-icons {
  font-size: 16px;
  margin-right: 8px;
  vertical-align: -2px;
}
.scroll {
  overflow-y: scroll;
}
.outline-tip-dlg {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 92%;
  max-width: 400px;
  overflow: hidden;
  font-size: 14px;
  color: #55595c;
  padding: 24px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.outline-tip-dlg .outline-tip-hd {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  position: relative;
}
.outline-tip-dlg .outline-tip-close {
  position: absolute;
  right: 0;
  top: -5px;
  cursor: pointer;
}
.outline-tip-dlg .outline-tip-bd {
  line-height: 26px;
  margin-top: 10px;
}
.outline-tip-dlg .outline-tip-group {
  line-height: 38px;
  height: 38px;
  position: relative;
}
.outline-tip-dlg .btn-ok {
  color: #fff;
  font-size: 14px;
}
#body-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.6);
  transition: all 900ms;
}
/**
 * 	ball-spinner  加载效果
 *  使用<div class="ball-spinner center-middle"><div class="ball1"></div><div class="ball2"></div><div class="ball3"></div></div>
 */
.ball-spinner {
  width: 100px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  margin: auto;
}
.ball-spinner > div {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #ccc;
  -webkit-animation: ballbounce 1.4s infinite ease-in-out;
  -o-animation: ballbounce 1.4s infinite ease-in-out;
  animation: ballbounce 1.4s infinite ease-in-out;
  -ms-animation: ballbounce 1.4s infinite ease-in-out;
}
.ball-spinner .ball1 {
  -webkit-animation-delay: 0.32s;
  -o-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.ball-spinner .ball2 {
  -webkit-animation-delay: 0.16s;
  -o-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
/* *   confirm  start  ***/
.confirm-con,
.outline-dlg {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 92%;
  max-width: 600px;
  overflow: hidden;
  font-size: 16px;
  color: #2b3033;
  padding: 24px;
  padding-bottom: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
}
.confirm-bd {
  line-height: 26px;
}
.confirm-desc-link {
  color: #417FF9;
  margin-top: 14px;
}
.confirm-btn-group {
  line-height: 48px;
  height: 48px;
  position: relative;
  margin-top: 16px;
}
.confirm-btn-group .btn-ok {
  color: #417FF9;
}
.confirm-btn-group .btn-center {
  text-align: center;
  color: #417FF9;
}
/* *   confirm  end ***/
/***********     outline-dlg     start     *****************/
.outline-dlg {
  display: none;
  padding: 18px 32px 24px;
}
.outline-dlg.padding-lr-none {
  padding-left: 0;
  padding-right: 0;
}
.outline-animate-dlg {
  position: fixed;
  width: 100%;
  height: 100%;
  /* transition: all 0.2s ease-out; */
  /* z-index: -2; */
  display: block;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
  left: -4000px;
  top: -4000px;
}
.outline-animate-dlg.mindflow-show {
  -webkit-animation: mindflow_app_show 0.3s;
  -moz-animation: mindflow_app_show 0.3s;
  animation: mindflow_app_show 0.3s;
}
.outline-animate-dlg.mindflow-hide {
  -webkit-animation: mindflow_app_hide 0.3s;
  -moz-animation: mindflow_app_hide 0.3s;
  animation: mindflow_app_hide 0.3s;
}
@-webkit-keyframes ballbounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes ballbounce {
  0%,
  80%,
  100% {
    -moz-transform: scale(0);
  }
  40% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes ballbounce {
  0%,
  80%,
  100% {
    -o-transform: scale(0);
  }
  40% {
    -o-transform: scale(1);
  }
}
@-ms-keyframes ballbounce {
  0%,
  80%,
  100% {
    -ms-transform: scale(0);
  }
  40% {
    -ms-transform: scale(1);
  }
}
@keyframes ballbounce {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes mindflow_app_show {
  0% {
    width: 10px;
    height: 10px;
    left: -4000px;
    top: -4000px;
  }
  2% {
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
  }
  100% {
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
  }
}
@keyframes mindflow_app_hide {
  0% {
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
  }
  98% {
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
  }
  100% {
    left: -4000px;
    top: -4000px;
  }
}
.outline-dlg .dlg-tt,
.outline-dlg h3 {
  line-height: 28px;
  font-size: 16px;
  margin: 0;
  position: relative;
  color: #2b3033;
  font-weight: bold;
}
.outline-dlg.padding-lr-none h3,
.outline-dlg.padding-lr-none .dlg-head {
  padding: 0 32px;
  position: relative;
}
.dlg-head.bottom-line:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  bottom: 0;
}
.outline-dlg-content {
  margin-top: 10px;
}
.outline-dlg.padding-lr-none .outline-dlg-content:not(.dlg-menu) {
  padding: 0 32px;
}
.outline-dlg .dialog-close {
  color: #9a9c9d;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 2;
}
/* .outline-dlg.padding-lr-none .dialog-close{
	right: 17px;
} */
.dialog-close:hover {
  color: #2b3033;
}
.outline-dlg .dlg-desc {
  line-height: 26px;
  margin-top: 10px;
  font-size: 14px;
}
.outline-dlg .input-cell {
  display: block;
  height: 48px;
  padding: 6px 0;
  overflow-x: hidden;
  margin: 16px 0;
  position: relative;
}
.outline-dlg .input-cell:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 6px;
  height: 2px;
  width: 100%;
  background-color: #417FF8;
}
.outline-dlg .input-txt {
  display: block;
  width: 100%;
  padding: 10px 0;
  line-height: 16px;
  font-size: 16px;
  white-space: nowrap;
  overflow-x: auto;
  border: 0;
  position: relative;
  outline: none;
}
.outline-dlg .btn-group {
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  position: relative;
}
.btn-cancel,
.btn-ok {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
  cursor: pointer;
  padding: 6px 12px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  font-weight: 500;
  transition: 100ms all;
}
.btn-ok {
  right: 0;
  left: auto;
  background: #50b881;
}
/***  tab dlg  start   **/
.tab-header-text {
  margin-left: 30px;
  margin-top: 24px;
  margin-bottom: 22px;
}
.dlg-tab-header {
  color: #666;
}
#file_show_type {
  position: absolute;
  right: 30px;
  top: 82px;
  width: 20px;
  cursor: pointer;
}
.dlg-tab-content {
  display: none;
}
.dlg-tab-content.active {
  display: block;
}
/***  tab dlg  end   **/
/***********     outline-dlg     end     *****************/
/***********     outline-toast   start     *****************/
.toast-con {
  position: absolute;
  display: none;
  z-index: -1;
  background: rgba(37, 37, 37, 0.9);
  min-height: 20px;
  padding: 10px;
  text-align: center;
  border-radius: 3px;
}
.global.toast-con {
  position: fixed;
  z-index: 99;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-con .content {
  font-size: 15px;
  color: #fff;
  min-width: 100px;
  display: inline-block;
  line-height: 20px;
  letter-spacing: 1px;
}
/***********     outline-toast   end     *****************/
/*!
 * jQuery highlightTextarea
 * Copyright 2014-2015 Damien "Mistic" Sorel (http://www.strangeplanet.fr)
 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */
.highlightTextarea {
  position: relative;
}
.highlightTextarea .highlightTextarea-container {
  pointer-events: none;
  position: absolute;
  margin: 0;
  overflow: hidden;
}
.highlightTextarea .highlightTextarea-highlighter {
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
  color: transparent;
  cursor: text;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-all;
}
.highlightTextarea.debug .highlightTextarea-highlighter {
  color: #f00;
  border: 1px solid #f00;
  margin: -1px;
}
.highlightTextarea mark {
  border-radius: 2px;
  line-height: inherit;
  color: transparent;
  margin: 0;
  padding: 0;
}
.highlightTextarea textarea,
.highlightTextarea input,
.highlightTextarea [contenteditable] {
  position: relative;
  left: 0;
  top: 0;
  resize: none;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.highlightTextarea .ui-wrapper {
  margin: 0 !important;
}
.highlightTextarea .ui-resizable-se {
  bottom: 15px;
  right: 0px;
}
/**  公共组件  单选框 radio样式 start ***/
.radio-group .radio-cell {
  display: inline-block;
  vertical-align: middle;
  min-width: 90px;
  margin-right: 20px;
  cursor: pointer;
}
.radio-cell .cell-child {
  display: inline-block;
  vertical-align: middle;
}
.radio-box {
  width: 16px;
  height: 16px;
  border-radius: 20px;
  margin-right: 8px;
  font-family: 'iconfont';
  font-size: 16px;
  text-align: center;
  line-height: 16px;
}
.radio-box:after {
  content: '\e7f2';
  color: #b4b6b8;
}
.radio-cell.active .radio-box:after {
  content: '\e7f1';
  color: #2b3033;
}
.label-bd {
  font-size: 13px;
  color: #797d80;
  line-height: 18px;
}
/**  公共组件  单选框 radio样式 end ***/
/**  公共组件  开关按钮 样式 start ***/
.switch-btn-group {
  position: relative;
  /* display: inline-block; */
  /* vertical-align: middle; */
  float: right;
}
.switch-btn-group input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.switch-btn-group .switch {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  border-radius: 20px;
  background-color: #F5F6F8;
  border: 1px solid rgba(0, 0, 0, 0.15);
  transition: 350ms;
  /* background: #eee; */
  box-sizing: border-box;
}
.switch-btn-group input:checked + .switch {
  background-color: #2B3033;
  border-color: #2B3033;
}
.switch-btn-group .switch::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  transition: width 200ms ease-out, height 300ms 50ms ease-in, top 300ms 50ms ease-in, left 250ms 50ms ease-in, background 300ms ease-in, box-shadow 300ms ease-in;
  border: 1px solid #eee;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.switch-btn-group input:checked + .switch::after {
  border-radius: 50%;
  left: 1.5em;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
/**  公共组件  开关按钮 样式 end ***/
/***颜色选择器 start***/
.color_picker {
  width: 196px;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  padding: 12px 0 0;
  position: fixed;
  z-index: 12;
  box-sizing: border-box;
  font-size: 12px;
  color: #2b3033;
}
.color_picker .color_transparent {
  height: 22px;
  border: 1px solid #e8e8e8;
  text-align: center;
  line-height: 22px;
  margin: 0 13px 10px;
  cursor: pointer;
  display: none;
}
.color_picker .color_transparent:hover {
  background: #e8e8e8;
}
.color_picker .color_items {
  padding: 0 13px;
}
.color_picker .color_items:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
.color_picker .color_items div {
  float: left;
  margin: 1px 1px;
  width: 17px;
  height: 17px;
  border: 1px solid #fff;
}
.color_picker .color_items div:not(.disabled):hover,
.color_picker .color_items .selected {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.color_picker .color_items div.disabled {
  background-color: #fff;
  border-color: #eee;
  pointer-events: none;
}
.color_picker .history {
  padding-bottom: 10px;
}
.color_picker .history_title {
  line-height: 18px;
  margin: 7px 13px 4px;
}
.color_picker .color_more {
  height: 41px;
  position: relative;
  border-top: 1px solid #e8e8e8;
  line-height: 40px;
  padding: 0 13px;
  box-sizing: border-box;
}
.color_picker .color_more .color_more_bg {
  width: 16px;
  height: 16px;
  margin: 12px 8px 0 0;
  float: left;
  border-radius: 8px;
  background: url("/assets/images/color_picker/more.png") no-repeat center;
  background-size: cover;
}
.color_picker .color_more > .icons {
  float: right;
  width: 24px;
  height: 16px;
  margin: 12px 0 0 8px;
  background: #e8e8e8;
  border-radius: 2px;
  color: #b4b6b8;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  cursor: default;
}
.color_picker .color_more:hover {
  background: #e8e8e8;
}
.color_picker .color_more:hover > .icons {
  background: transparent !important;
  color: #2b3033;
}
.color_picker .color_more:hover .more_panel {
  display: block;
}
.color_picker .more_panel {
  width: 196px;
  height: 217px;
  box-sizing: border-box;
  padding: 12px 15px;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  position: absolute;
  top: -88px;
  left: 100%;
  display: none;
  user-select: none;
}
.color_picker .more_panel.left {
  left: -196px;
}
.color_picker .more_panel .color_panel {
  width: 164px;
  height: 100px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.color_picker .more_panel .color_panel .saturation_white {
  height: 100%;
  background: -webkit-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  background: -ms-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.color_picker .more_panel .color_panel .saturation_black {
  height: 100%;
  background: -webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(to top, #000, rgba(0, 0, 0, 0));
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.color_picker .more_panel .color_panel .picker_pin {
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 0px #AAAAAA;
  border-radius: 5px;
  border: 1px solid #FFFFFF;
  margin-left: -5px;
  margin-top: -5px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.color_picker .more_panel .hue_horizontal {
  width: 156px;
  height: 6px;
  background: -webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: -moz-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: -ms-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: -o-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  border-radius: 3px;
  margin: 10px auto;
  position: relative;
}
.color_picker .more_panel .hue_horizontal .picker_pin {
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px #AAAAAA;
  border-radius: 5px;
  margin-left: -5px;
  margin-top: -5px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.color_picker .more_panel .input_box {
  float: left;
  line-height: 19px;
  position: relative;
}
.color_picker .more_panel .input_box .input_title {
  width: 50px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 100%;
  text-align: center;
  color: #AAAAAA;
}
.color_picker .more_panel .input_box.left {
  padding-left: 14px;
}
.color_picker .more_panel .input_box.left .input_title {
  width: 14px;
  top: 0;
}
.color_picker .more_panel .input_box input {
  width: 48px;
  height: 17px;
  background: #fff;
  border: 1px solid #eee;
  padding: 0;
  font-size: 12px;
  text-align: center;
  color: #2b3033;
}
.color_picker .more_panel .input_box input.error {
  border: 1px solid #E84F45 !important;
  background: rgba(251, 67, 56, 0.1) !important;
}
.color_picker .more_panel .hex {
  height: 19px;
  margin-bottom: 12px;
}
.color_picker .more_panel .hex input {
  width: 100px;
  border: none;
  text-align: left;
}
.color_picker .more_panel .hex .color_show {
  float: right;
  height: 19px;
}
.color_picker .more_panel .hex .color_show span {
  float: left;
  width: 17px;
  height: 17px;
  border-radius: 2px;
  border: 1px solid #eee;
  margin-left: 2px;
}
.color_picker .more_panel .rgb .input_box {
  margin-right: 7px;
}
.color_picker .more_panel .rgb .input_box:last-child {
  margin-right: 0;
  float: right;
}
.color_picker .color_extend {
  height: 47px;
  border-top: 1px solid #e8e8e8;
  position: relative;
  box-sizing: border-box;
  padding: 0 13px;
}
.color_picker .color_extend .extend_item {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  overflow: hidden;
  margin: 11px 12px 0 0;
  float: left;
}
.color_picker .color_extend .extend_item img {
  width: 100%;
  height: 100%;
}
/***颜色选择器 end***/
/****    start ****/
.multi-input {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  padding: 0px 4px;
}
.multi-input-vals {
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}
.multi-input-value {
  font-family: arial,微软雅黑;
  background: #e0e0e0;
  font-size: 13px;
  text-align: center;
  margin: 8px 0px 0px 4px;
  color: #444;
  padding: 5px 6px 5px 10px;
  border-radius: 3px;
  display: inline-block;
}
.multi-input-value span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
.multi-input-value span:last-child {
  font-size: 12px;
  margin-left: 6px;
  vertical-align: 2px;
  cursor: pointer;
  color: #999;
}
.multi-input-value span:last-child:hover {
  color: #666;
}
.multi-input input {
  padding-left: 6px;
  width: 300px;
  border: 0px;
  margin: 8px 0px;
}
/****    end ****/
/***** Global Top dialog start ********/
.global_top_dialog {
  position: absolute;
  top: 40px;
  height: auto;
  width: auto;
  left: 50%;
  padding: 0px;
  margin: 0px;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #5da206;
  color: #fff;
  line-height: 26px;
  padding: 0px 20px;
  z-index: 9999;
  -webkit-transition: all 0.08s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  -moz-transition: all 0.08s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  -o-transition: all 0.08s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  transition: all 0.08s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  -khtml-transition: all 0.08s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  -ms-transition: all 0.08s cubic-bezier(0.7, 0, 0.7, 1) 0s;
}
.global_top_dialog.show {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.25s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  -moz-transition: all 0.25s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  -o-transition: all 0.25s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  transition: all 0.25s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  -khtml-transition: all 0.25s cubic-bezier(0.7, 0, 0.7, 1) 0s;
  -ms-transition: all 0.25s cubic-bezier(0.7, 0, 0.7, 1) 0s;
}
.global_top_dialog.noarrow {
  border-radius: 0px 0px 3px 3px;
  box-shadow: 1px 1px 3px #ccc;
}
.top_success {
  background: #5da206;
  color: #fff;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.top_success .left_arrow {
  position: absolute;
  top: 0px;
  left: -26px;
  border: 13px solid #5da206;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.top_success .right_arrow {
  position: absolute;
  top: 0px;
  right: -26px;
  border: 13px solid #5da206;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.top_success .content {
  position: relative;
  white-space: nowrap;
  line-height: 26px;
}
.top_error {
  background: #f60;
  color: #fff;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.top_error a {
  text-decoration: underline;
  color: #fff;
}
.top_error .left_arrow {
  position: absolute;
  top: 0px;
  left: -26px;
  border: 13px solid #f60;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.top_error .right_arrow {
  position: absolute;
  top: 0px;
  right: -26px;
  border: 13px solid #f60;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.top_error .content {
  position: relative;
  white-space: nowrap;
  line-height: 26px;
}
.top_error a {
  text-decoration: underline;
  color: #fff;
}
/***** Global Top dialog end ********/
/**********outline 公共组件 end ***********/
.active-mark {
  background-color: #F88112 !important;
}
.search-replace-box {
  display: none;
  position: fixed;
  right: 43px;
  top: 60px;
  width: 385px;
  background: #fff;
  box-shadow: 0px 6px 12px -1px rgba(0, 0, 0, 0.08), 0px 0px 2px 0px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  /* Firefox 4-18 */
  /* Firefox 19-50 */
}
.search-replace-box ::-webkit-input-placeholder {
  font-size: 13px;
  color: #B4B6B8;
}
.search-replace-box :-moz-placeholder {
  font-size: 13px;
  color: #B4B6B8;
}
.search-replace-box ::-moz-placeholder {
  font-size: 13px;
  color: #B4B6B8;
}
.search-replace-box .search-replace-title {
  width: 100%;
  height: 48px;
  padding-left: 25px;
  padding-right: 18px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #F0F0F0;
}
.search-replace-box .search-replace-title .text {
  font-size: 14px;
  height: 100%;
  color: #B4B6B8;
  line-height: 50px;
  margin-right: 32px;
}
.search-replace-box .search-replace-title .text.active {
  cursor: pointer;
  border-bottom: 2px solid #2B3033;
  color: #2B3033;
}
.search-replace-box .search-replace-title .text:hover {
  cursor: pointer;
}
.search-replace-box .search-replace-title .close {
  flex: 1;
  width: 21px;
  height: 21px;
  text-align: right;
  color: #B4B6B8;
}
.search-replace-box .search-replace-title .close:hover {
  color: #2b3033;
  cursor: pointer;
}
.search-replace-box .search-replace-main {
  box-sizing: border-box;
  padding: 19px 24px 24px 24px;
}
.search-replace-box .search-replace-main .search-item {
  position: relative;
}
.search-replace-box .search-replace-main .search-item .outline-search {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext {
  display: flex;
  align-items: center;
  background: #fff;
  padding-left: 8px;
  justify-content: space-between;
  position: absolute;
  top: 1px;
  right: 8px;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .input-clear {
  display: none;
  color: #B4B6B8;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .input-clear:hover {
  cursor: pointer;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .onaNext {
  display: none;
  height: 30px;
  line-height: 30px;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .onaNext .gradient-box {
  display: none;
  position: absolute;
  left: -16px;
  top: 0px;
  width: 16px;
  height: 30px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .onaNext .operation {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .onaNext .operation .arrow {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px!important;
  text-align: center;
  color: #DEDFE0;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .onaNext .operation .arrow.active-arrow {
  color: #2B3033;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .onaNext .operation .arrow.icons,
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .onaNext .operation .arrow .ol-icons {
  font-size: 12px!important;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .onaNext .operation .arrow:hover {
  cursor: pointer;
}
.search-replace-box .search-replace-main .search-item .outline-search .inputClear-onNext .onaNext .operation .view-data {
  margin: 0 4px;
}
.search-replace-box .search-replace-main .search-item .outline-search div:nth-child(1) {
  font-size: 14px;
  color: #2B3033;
}
.search-replace-box .search-replace-main .search-item .outline-search input {
  color: #2B3033;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 90px;
  width: 285px;
  font-size: 13px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #E5E5E5;
  background: #fff;
}
.search-replace-box .search-replace-main .search-item .outline-search input:focus {
  border: 1px solid #2b3033;
}
.search-replace-box .search-replace-main .replace-item {
  display: none;
  margin-top: 16px;
}
.search-replace-box .search-replace-main .replace-item .outline-replace {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-replace-box .search-replace-main .replace-item .outline-replace div:nth-child(1) {
  font-size: 14px;
  color: #2B3033;
}
.search-replace-box .search-replace-main .replace-item .outline-replace input {
  color: #2B3033;
  box-sizing: border-box;
  padding: 0 12px;
  width: 285px;
  font-size: 13px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #E5E5E5;
  background: #fff;
}
.search-replace-box .search-replace-main .replace-item .outline-replace input:focus {
  border: 1px solid #2b3033;
}
.search-replace-box .search-replace-main .replace-item .div-btn {
  display: flex;
  justify-content: flex-end;
}
.search-replace-box .search-replace-main .replace-item .div-btn button {
  box-sizing: border-box;
  height: 30px;
  margin-top: 24px;
  background: #F0F0F0;
  border-radius: 2px;
  border: 1px solid #F0F0F0;
  font-size: 13px;
  text-align: center;
  color: #B4B6B8;
  line-height: 30px;
}
.search-replace-box .search-replace-main .replace-item .div-btn button.active-btn {
  cursor: pointer;
  color: #2b3033;
  background: #FFF;
  border: 1px solid #2b3033 !important;
}
.search-replace-box .search-replace-main .replace-item .div-btn button.active-btn:hover {
  background: #f5f6f8;
}
.search-replace-box .search-replace-main .replace-item .div-btn button:nth-child(1) {
  margin-right: 16px;
  padding: 0 16px;
}
.search-replace-box .search-replace-main .replace-item .div-btn button:nth-child(2) {
  padding: 0 14px;
}
/*****  outline 悬浮  start****/
.link-to-mind {
  position: fixed;
  right: 20px;
  bottom: 78px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #18B0B0;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.link-to-mind .ol-icons {
  display: block;
  font-size: 16px;
  padding: 11px 0 2px;
  line-height: 18px;
}
.link-to-mind .text {
  font-size: 9px;
  line-height: 15px;
}
/****  outline 悬浮  end  ***/
/**  导出弹框  start */
/*
	需引入dlg组件
*/
.export-menu {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.export-menu .export-i {
  padding: 0 32px;
  border-radius: 2px;
  cursor: pointer;
  line-height: 42px;
  height: 42px;
  color: #2b3033;
  position: relative;
}
.export-menu .export-i:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.export-menu .export-i::after {
  content: '\e744';
  font-family: iconfont;
  width: 52px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  color: #b4b6b8;
  position: absolute;
  right: 32px;
  top: 10px;
  display: block;
  border-radius: 12px;
}
.export-menu .export-i:hover::after {
  color: #fff;
  background-color: #2b3033;
  border-color: #2b3033;
}
.export-menu .export-i .ol-icons,
.export-menu .export-i .icon-img {
  width: 20px;
  height: 42px;
  line-height: 42px;
  margin-right: 10px;
  font-size: 20px;
  display: inline-block;
  color: #797d80;
  vertical-align: top;
}
.export-i .icon-img {
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.export-i .icon-img.pos {
  background-image: url(/assets/images/public/logo20@2x.png);
}
.export-i .icon-img.xmind {
  background-image: url(/assets/images/public/xmindlogo.svg);
}
.export-i .icon-img.freemind {
  background-image: url(/assets/images/public/fmindlogo20@2x.png);
}
.export-menu .r-des {
  float: right;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}
.outline-down-menu .seb {
  height: 1px;
  background-color: #f0f0f0;
  display: block;
  margin: 14px 8px;
}
.outline-down-menu.outline-dropdown .outline-item .ol-icons {
  font-size: 15px;
  margin-right: 10px;
}
/**  导出弹框  end */
/*****   导入  start  ******/
/*
	需引入dlg
*/
.mindtypes {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/diagrams/minds.png) no-repeat;
  cursor: default;
  vertical-align: middle;
  margin-right: 9px;
  margin-top: 9px;
}
.mindtypes-text {
  border: 1px solid #aaa;
  padding: 3px;
  vertical-align: -5px;
  margin-right: 9px;
  border-radius: 6px;
  font-size: 12px;
  color: #000;
}
.mindtypes-icons {
  padding: 3px;
  vertical-align: -11px;
  margin-right: 8px;
  border-radius: 6px;
  font-size: 26px;
  color: #000;
}
.mindtypes.p-xmind {
  background-position: 0px -67px;
}
.mindtypes.p-freemind_ {
  background-position: 0px -1px;
}
.mindtypes.p-mindmanager {
  background-position: 0px -35px;
}
.mindtypes.p-kityminder {
  background-position: 0px -103px;
}
.mindtypes.p-txt {
  background-position: 0px -136px;
  height: 16px;
}
.mindtypes.p-pos {
  background-position: 0px -160px;
}
.mindtypes.p-vsd {
  background-position: 0px -193px;
}
.mindtypes.p-vsdx {
  background-position: 0px -193px;
}
.mindtypes.p-vdx {
  background-position: 0px -193px;
}
.mindtypes.p-vstx {
  background-position: 0px -193px;
}
.mindtypes.p-opml {
  background: none;
  display: inline-block;
  width: auto;
}
.mindtypes.p-opml::after {
  background: #53B883;
  height: 16px;
  content: 'OPML';
  font-size: 8px;
  color: #fff;
  padding: 0 3px;
  border-radius: 2px;
}
.upload-contents {
  width: 100%;
  display: block;
  height: 286px;
  border: 1px #ababab dashed;
  cursor: pointer;
  margin-top: 15px;
}
/* #share_doc_input{
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	width: 100%;
	height: 40px;
	opacity: 0!important;
} */
.file-upload {
  width: 100%;
  height: 286px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.upload-contents:hover {
  border-color: #000;
}
.upload-contents > div {
  text-align: center;
}
.drop-img {
  margin-top: 55px !important;
}
.btn-wrap {
  margin-top: 30px !important;
}
.drop-text {
  margin-top: 10px !important;
}
.des-list img {
  width: 24px;
  height: 24px;
  margin: 10px;
}
.button {
  margin-top: 20px;
  display: inline-block;
  min-width: 38px;
  text-align: center;
  line-height: 30px;
  padding: 0 12px;
  color: #fff;
  background: #54B783;
  border-radius: 3px;
  cursor: pointer;
}
.button.btn-lg {
  width: 110px;
  height: 35px;
  font-size: 16px;
  line-height: 36px !important;
  margin-top: 0;
}
/*****  导入 end  ******/
/*  设置 setting dlg  start  */
.setting-list .list-cell {
  padding: 20px 0;
  position: relative;
}
.setting-list .list-cell::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #f0f0f0;
}
.setting-list .list-cell:last-child:after {
  display: none;
}
.setting-list .list-cell .cell-title {
  font-size: 15px;
  color: #2b3033;
  line-height: 20px;
  margin-bottom: 10px;
}
.list-cell .cell-des {
  margin-bottom: 16px;
  height: 17px;
  font-size: 12px;
  color: #b4b6b8;
  line-height: 17px;
}
.setting-list .list-cell .cell-content {
  font-size: 0;
}
.setting-list .list-cell .img-cell {
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 4px;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
  cursor: pointer;
}
.setting-list .list-cell .img-cell .img {
  width: 160px;
  height: 100px;
  background: #f5f6f8;
  border-radius: 4px;
  padding: 4px;
  border: 1px solid transparent;
}
.setting-list .list-cell .img-cell:hover .img {
  border-color: #f0f0f0;
}
.setting-list .list-cell .img-cell.active .img {
  border-color: #2b3033;
}
.img-cell .img img {
  width: 100%;
  border-radius: 4px;
}
.setting-list .img-cell .img-title {
  height: 17px;
  font-size: 12px;
  color: #797d80;
  line-height: 17px;
  margin-top: 4px;
  text-align: center;
}
.img-cell.active .img-title {
  color: #2b3033;
}
/*  设置 setting dlg  end  */
/******************right corner 全局风格 start*********************/
.mind-corner {
  position: absolute;
  height: calc(100% - 50px);
  width: 300px;
  top: 50px;
  z-index: 4;
  display: none;
  background: #fff;
  box-shadow: 0px 0px 1px #ccc;
  opacity: 0;
}
.mind-corner.left {
  left: -300px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.mind-corner.left.active {
  position: fixed;
}
.corner-catalog {
  width: 260px;
}
.mind-corner.right {
  right: -300px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.mind-corner.left.active {
  opacity: 1;
  left: 0px;
  display: block;
}
.mind-corner.right.active {
  opacity: 1;
  right: 0px;
  display: block;
}
.mind-left-corner {
  right: auto;
  width: 332px;
  left: -330px;
  opacity: 0;
  overflow: hidden;
}
.mind-corner > div {
  display: none;
  position: relative;
  height: 100%;
}
.mind-right-corner > div > label {
  font-size: 16px;
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 0px 10px;
}
.mind-right-corner > label,
.mind-left-corner > label {
  height: 50px;
  line-height: 50px;
  padding: 0px 10px;
  font-size: 17px;
  display: block;
}
.mind-corner > .mind-icons {
  position: absolute;
  display: inline-block;
  right: 12px;
  top: 16px;
  cursor: pointer;
  z-index: 2;
  font-size: 18px;
  color: #797d80;
}
.mind-corner > .mind-icons.close:hover {
  color: #2b3033;
}
.mind-left-corner > .mind-icons {
  right: 18px;
  top: 12px;
  z-index: 9;
  color: white;
}
.mind-right-corner > .mind-icons:hover {
  color: #2b3033;
}
.mind-corner-content {
  padding: 0;
  height: 100%;
}
.mind-corner-bottom {
  position: absolute;
  bottom: 5px;
  width: 70px;
  height: 30px;
  text-align: center;
  line-height: 29px;
  cursor: pointer;
  background: #fff;
  left: 50%;
  margin-left: -35px;
  border-radius: 3px;
}
.mind-corner-bottom:hover {
  background: #f0f0f0;
  color: #2b3033;
}
.mind-corner-des {
  margin-top: 18px;
  color: #666;
  line-height: 24px;
}
.corner-title {
  position: relative;
}
.corner-title .label {
  font-size: 16px;
  height: 20px;
  padding: 16px;
  position: relative;
  margin-bottom: 0;
}
.corner-title span.mind-icons {
  left: 106px;
  top: 18px;
  position: absolute;
  font-weight: bold;
}
.mind-corner-content > div > div {
  margin-bottom: 6px;
  margin-top: 0;
  padding-left: 12px;
}
.mind-left-corner .scroll {
  overflow-y: auto;
  border: 0;
}
.mind-corner-content > div span {
  display: inline-block;
  width: 100px;
  text-align: right;
  font-size: 12px;
  color: #55595c;
}
.mind-corner-content > div label {
  display: inline-block;
  width: 170px;
  font-size: 12px;
}
.mind-corner-content > div span[keys] {
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  padding: 2px 4px;
  margin: 0px 3px;
  color: #55595c;
  width: auto;
  cursor: pointer;
  background: #f5f6f8;
}
#shortcut-container {
  height: calc(100% - 62px);
}
/****  right corner 全局风格 end  ******/
/***********     outline-collaboration   start     *****************/
.colla-users-con {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 10px;
  height: 30px;
}
.colla-users-con > div {
  display: inline-block;
  min-width: 30px;
  white-space: nowrap;
  margin-right: 3px;
}
.colla-users-con .colla-user {
  float: left;
  margin-right: 10px;
}
.colla-users-con img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0px;
}
/***********     outline-collaboration   end     *****************/
/*  mindflow 插入流程图、思维导图   start  */
.mind-flow-dlg {
  display: none;
  max-width: none;
  overflow: hidden;
  width: calc(100% - 100px);
  min-width: 500px;
  height: calc(100% - 100px);
  background-color: #fff;
  user-select: none;
}
.mind-flow-dlg .search-none {
  text-align: center;
  padding-top: 120px;
  font-size: 12px;
  color: #b4b6b8;
}
.mind-flow-dlg .search-none img {
  display: block;
  margin: 0 auto;
  width: 20%;
}
.mind-flow-dlg .file-date {
  position: relative;
  height: 25px;
  line-height: 15px;
  padding: 0 10px 0 10px;
  color: #b4b6b8;
  font-size: 12px;
}
.mind-flow-dlg .file-date-list {
  position: relative;
  height: 25px;
  margin-top: 12px;
  line-height: 15px;
  padding: 0 10px 0 10px;
  color: #b4b6b8;
  font-size: 12px;
  border-bottom: 1px solid #f5f6f8;
}
.mind-flow-dlg .list-item {
  position: relative;
  height: 50px;
  line-height: 37px;
  display: block;
  padding: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #f5f6f8;
  margin: 0px 8px 0px 0px;
  width: auto;
  text-align: left;
  border-radius: 1px;
}
.mind-flow-dlg .list-item:hover {
  background: #f5f6f8;
}
.mind-flow-dlg .fileICO {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 25px;
  color: #fff !important;
  border-radius: 3px;
  vertical-align: initial;
  margin-right: 14px;
}
.mind-flow-dlg .col1 {
  position: absolute;
  left: 2px;
  width: 40%;
  overflow: hidden;
  white-space: nowrap;
  line-height: 49px;
  text-overflow: ellipsis;
  padding-left: 10px;
  font-size: 13px;
}
.mind-flow-dlg .col2 {
  position: absolute;
  left: 40%;
  width: 30%;
  line-height: 50px;
  color: #b4b6b8;
  font-size: 13px;
}
.mind-flow-dlg .col3 {
  position: absolute;
  left: 70%;
  width: 30%;
  line-height: 50px;
  overflow: hidden;
  white-space: nowrap;
  color: #b4b6b8;
  font-size: 13px;
  text-overflow: ellipsis;
}
.mind-flow-dlg .dlg-pop {
  display: none;
  width: 100%;
  height: 100%;
}
.disable {
  opacity: 0.5;
  cursor: default!important;
  pointer-events: none;
}
.ol-new-info {
  margin-left: 10px;
  color: #b4b6b8;
  font-size: 14px;
  cursor: pointer;
}
.pop-nav {
  line-height: 28px;
  padding-bottom: 10px;
}
.pop-nav .nav-i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  position: relative;
  color: #797d80;
  cursor: pointer;
}
.pop-nav .nav-i:hover {
  color: #55595c;
}
.pop-nav .nav-i.active {
  color: #2b3033;
}
.pop-nav .nav-i.active:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 75px;
  height: 2px;
  background-color: #2b3033;
}
.pop-nav .nav-i .ol-icons {
  margin-right: 8px;
  margin-right: 6px;
  vertical-align: top;
}
.bt-op-group {
  margin-top: 10px;
}
.mind-flow-dlg.outline-dlg .outline-dlg-content.dlg-tab-content {
  padding: 0 27px;
}
.files-wrapper {
  height: 545px;
  position: relative;
  overflow: scroll;
  margin: 0 -18px 0 -8px;
}
.mind-flow-dlg .file-list {
  margin: 2px 0 0;
  width: 940px;
  font-size: 0;
}
.mind-flow-dlg .search-group {
  position: absolute;
  right: 60px;
  top: 75px;
  width: 240px;
}
.mind-flow-dlg .outline_search input {
  font-size: 13px;
}
/*  mindflow 插入流程图、思维导图   end  */
/**     文件列表   start     **/
.chart_item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* width:238px; */
  background: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  margin-right: 8px;
  padding: 8px 8px 0;
  width: 178px;
}
.chart_item:hover {
  border-color: transparent;
  background: #f5f6f8;
}
.chart_item .item-thumb {
  position: relative;
  overflow: hidden;
  display: block;
  background-color: #f5f6f8;
  border-radius: 2px;
  transition: all 0.2s;
  background-image: url('/assets/images/template_item_bg.svg');
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e8e8e8;
  /* height: 130px; */
  min-height: 160px;
}
.empty_file.chart_item .item-thumb {
  background: #f5f6f8;
}
.thumb-img {
  display: block;
  width: 160px;
  /*background:rgba(229,229,229,1);*/
  border-radius: 2px;
  /* position: absolute;
	left: 0;
	top: 0; 
	top: 50%;
	transform: translateY(-50%); */
}
/** 空白 item start*/
.chart_item.empty_file .item-thumb {
  background-color: transparent;
}
.chart_item.empty_file .item-thumb span {
  position: absolute;
  background: #797d80;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.chart_item.empty_file .item-thumb > span:first-child {
  width: 2px;
  height: 32px;
}
.chart_item.empty_file .item-thumb > span:last-child {
  width: 32px;
  height: 2px;
}
.chart_item .chart_title.empty_file_title {
  /* height: 120px;
	margin-top: -20px;
	line-height: 40px;
	font-size: 16px; */
  text-align: center;
}
/** 空白 item end*/
.chart_item .chart_title,
.chart_item .des {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 2px;
  text-align: left;
  font-size: 13px;
  color: #797d80;
  line-height: 16px;
  height: 16px;
  margin: 12px 0;
}
/* .h-pinlei-box .charts-list .chart_title{
	text-align: center;
} */
.chart_item .des {
  text-align: left;
  color: #999;
}
.chart_title .ol-icons {
  font-size: 13px;
  margin: 0 4px 0 2px;
}
.chart_title .ol-icons.mind {
  color: #0f9d58;
}
.chart_title .ol-icons.flow {
  color: #4386f5;
}
/***   文件列表   end   ***/
/*  mindflow 插入流程图、思维导图   end  */
/*  mindflow 流程图、思维导图 编辑器   start  */
.chart-app {
  max-width: none;
  padding: 0;
  overflow: hidden;
}
.chart-app iframe {
  width: 100%;
  height: 100%;
  min-width: 1000px;
  min-height: 300px;
}
.chart-app.outline-dlg .dialog-close {
  color: #999;
}
/*  mindflow 流程图、思维导图 编辑器   end  */
/**** 预览图片 preview img   start *****/
.pre-img-con {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.pre-img-con .mask {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.img-popup {
  max-width: 100%;
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 2px solid #fff;
  padding: 0;
  margin: 0;
}
.img-popup > .copyimg {
  max-width: 100%;
  display: block;
}
.view_img_box {
  flex-direction: column;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transform: scale(0.2);
  -webkit-transform: scale(0.2);
  opacity: 0;
  z-index: 8;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(242, 244, 247, 0.9);
}
body:not(.mobile_html) .view_img_box .view-con {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 95%;
  max-height: 95%;
  overflow: scroll;
}
body:not(.mobile_html) .view_img_box .view-image {
  font-size: 0;
  overflow: hidden;
}
body.mobile_html .view_img_box {
  background: #fff;
  display: flex;
}
body.mobile_html .view_img_box .view-con {
  flex: 1;
  overflow: scroll;
}
body.mobile_html .view_img_box .view-image {
  font-size: 0;
  position: relative;
}
.view_img_box .view_box_close {
  position: absolute;
  right: 18px;
  top: 18px;
  background-color: hsla(0, 0%, 100%, 0.69);
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  cursor: pointer;
  z-index: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.view_box_close .ol-icons {
  pointer-events: none;
}
.view_img_box .view_close:hvoer {
  background: rgba(25, 55, 88, 0.04);
}
.view-con::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}
.view_img_box img {
  user-select: none;
  -webkit-user-drag: none;
}
.view-image.dbclick {
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
}
.view_img_box .view-top {
  border-bottom: 1px solid #e8e8e8;
  z-index: 9;
  background: #fff;
}
.view_img_box .view-top a {
  text-decoration: none;
  color: #333;
  padding: 10px;
  display: inline-block;
  font-size: 13px;
}
.view_img_box .view-top .icons {
  font-size: 14px;
  margin-right: 5px;
}
/**** 预览图片 preview img   end *****/
/*** 图片预览 start ***/
#img-preview {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6);
  z-index: 11;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
}
#img-preview .image-container {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#img-preview .current-image {
  -webkit-user-drag: none;
  /*transition: all 80ms;*/
  background: #ffffff;
  border-radius: 4px;
}
#img-preview .current-image.move {
  cursor: move;
}
#img-preview .bottom-tool {
  padding: 8px 9px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}
#img-preview .bottom-tool .tool-item {
  width: 44px;
  height: 44px;
  margin: 0 15px;
  border-radius: 4px;
  opacity: 0.8;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#img-preview .bottom-tool .tool-item:hover,
#img-preview .close-btn:hover {
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
}
#img-preview .bottom-tool .tool-item .ol-icons,
#img-preview .close-btn .ol-icons {
  color: #ffffff;
  font-size: 25px;
}
#img-preview .close-btn {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 43px;
  right: 49px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  opacity: 0.8;
}
#img-preview .zoom-ratio-notice {
  width: 192px;
  height: 56px;
  line-height: 56px;
  border-radius: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 32px;
  color: #fff;
  text-align: center;
  display: none;
}
/*** 图片预览 end ***/
/****** 新手指引 start ******/
.dlg_guide {
  width: 80%;
  min-width: 570px;
  max-width: 800px;
  font-size: 13px;
  color: #2b3033;
  padding: 24px 32px 32px;
}
.dlg_guide h3 {
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  color: #2b3033;
  margin-bottom: 28px;
}
.dlg_guide .title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.dlg_guide .title span {
  height: 30px;
  line-height: 30px;
  padding: 0 17px;
  margin-right: 20px;
  background: #f5f6f8;
  border-radius: 15px;
  cursor: pointer;
}
.dlg_guide .title span:hover,
.dlg_guide .title span.checked {
  background: #2b3033;
  color: #fff;
}
.dlg_guide .content .group {
  display: none;
}
.dlg_guide .group .img {
  height: 414px;
  margin-bottom: 16px;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e8e8e8;
}
@media screen and (max-width: 950px) {
  .dlg_guide .group .img {
    height: 200px;
  }
}
@media screen and (max-height: 720px) {
  .dlg_guide .group .img {
    height: 200px;
    width: 600px;
  }
}
.dlg_guide .group .img > img {
  display: block;
  height: 100%;
}
.dlg_guide .list {
  min-height: 136px;
}
.dlg_guide .group .item {
  line-height: 24px;
  padding: 5px 0 5px 21px;
  position: relative;
}
.dlg_guide .group .item:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #2b3033;
  border-radius: 3px;
  position: absolute;
  left: 8px;
  top: 14px;
}
/****** 新手指引 end ******/
/****** 历史版本 start ******/
#history-container {
  padding: 0 17px 0 24px;
  font-size: 13px;
  height: calc(100% - 52px);
  overflow-y: auto;
  position: relative;
}
#history-container .history-group:last-child {
  margin-bottom: 50px;
}
#history-container .history-day {
  line-height: 18px;
  color: #2b3033;
  padding: 4px 0 8px 0;
}
#history-container ul {
  margin: 0;
  padding: 0;
  position: relative;
}
#history-container ul:before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 54px);
  background: #f0f0f0;
  position: absolute;
  left: 5px;
  top: 13px;
}
#history-container li {
  margin-left: 12px;
  margin-bottom: 8px;
  padding: 0 8px 0 9px;
  border-radius: 2px;
  position: relative;
  box-sizing: border-box;
  color: #797d80;
  cursor: pointer;
}
#history-container li:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #b4b6b8;
  border-radius: 50%;
  position: absolute;
  left: -9px;
  top: 11px;
}
#history-container li:hover,
#history-container li.active {
  background: #f5f6f8;
}
#history-container .item-header {
  height: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#history-container .item-header .right {
  display: none;
  align-items: center;
}
#history-container .item-header .mind-icons {
  width: 16px;
  height: 16px;
  font-size: 12px;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#history-container li:hover .right {
  display: flex;
}
#history-container .item-content {
  height: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
#history-container .item-content .user {
  display: flex;
  align-items: center;
}
#history-container .item-content .user .image {
  width: 20px;
  height: 20px;
  border: 1px solid #f0f0f0;
  margin-right: 6px;
  border-radius: 50%;
}
#history-container .item-content .user .name {
  max-width: 136px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#history-container #history-none-tip {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#history-container #history-none-tip .mind-icons {
  font-size: 45px;
}
#history-container #history-none-tip .mind-corner-des {
  font-size: 13px;
}
#mind-history-tip {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  position: absolute;
  top: 52px;
  left: 50%;
  color: white;
  padding: 10px 15px;
  display: none;
  z-index: 13;
  font-size: 14px;
  transform: translateX(-50%);
}
/****** 历史版本 end ******/
/****** confirm start ******/
#mind-confirm-con {
  display: none;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  min-height: 40px;
  position: absolute;
  z-index: 11;
  padding: 10px 12px;
  background: #f5f6f8;
  box-shadow: 0px 1px 3px #ddd;
}
#mind-confirm-con:before {
  width: 0px;
  height: 0px;
  border: 6px solid transparent;
  border-bottom: 6px solid #ccc;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  top: -12px;
  content: "";
}
#mind-confirm-con:after {
  width: 0px;
  height: 0px;
  border: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  top: -11px;
  content: "";
}
#mind-confirm-con.left:before,
#mind-confirm-con.left:after {
  left: calc(100% - 22px);
}
#mind-confirm-con .msg {
  font-size: 14px;
  white-space: nowrap;
}
#mind-confirm-con .buttons {
  padding: 8px 0px 0px;
  text-align: right;
  cursor: pointer;
  font-size: 13px;
  color: #55595c;
}
/****** confirm start ******/
/*   反馈框  start ***/
#feedback_message {
  width: 100%;
  height: 93px;
  border: 1px solid #e8e8e8;
  outline: none;
  resize: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  background-color: #fff;
  color: #2b3033;
}
/*   反馈框  end * **/
/*  协作邀请邮箱未注册提醒  start  */
#colla_invite_tip {
  position: absolute;
  background: #fff;
  box-shadow: 0 1px 6px rgb(0 0 0%);
  display: none;
  border-radius: 3px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 20px;
}
#colla_invite_tip > h2 {
  font-size: 20px;
  margin: 0;
  padding: 0px;
  position: relative;
  color: #333;
  font-weight: normal;
}
#colla_invite_tip .dialog-close {
  color: #999;
  cursor: pointer;
  position: absolute;
  right: 17px;
  top: 15px;
  z-index: 2;
}
#colla_invite_tip .pro-btn.default {
  background: #4386F5;
  border: 1px solid #4386F5;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
#colla_invite_tip .pro-btn {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  border: none;
  font-family: 'Arial, 黑体';
  font-size: 1rem;
  padding: 0 18px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
  user-select: none;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
  background: #FFF;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  text-shadow: none;
}
/*  协作邀请邮箱未注册提醒  start  */
/***** 插入链接 star   *****/
.link_menu {
  height: 36px;
  background: #fff;
  box-shadow: 0px 6px 12px -1px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  border: 1px solid #e8e8e8;
  position: absolute;
  z-index: 10000;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.link_menu .sep {
  width: 1px;
  height: 100%;
  background: #f0f0f0;
}
.link_menu a {
  height: 100%;
  padding: 0 5px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.link_menu a span {
  max-width: 100px;
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #2b3033;
}
.link_menu .icons {
  height: 100%;
  width: 40px;
  color: #2b3033;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.link_menu .icons:hover,
.link_menu .icons:active {
  background: #f5f6f8;
}
#link_insert {
  width: 320px;
  background: #fff;
  box-shadow: 0px 6px 12px -1px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  border: 1px solid #e8e8e8;
  position: absolute;
  z-index: 11;
}
#link_insert > div {
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
  font-size: 13px;
}
#link_insert > div:last-child {
  border-bottom: none;
}
#link_insert > div span {
  width: 50px;
  float: left;
  text-align: center;
}
#link_insert > div input {
  border: none;
  width: 256px;
  color: #2b3033;
  box-shadow: 0 0 0 100px #fff inset;
}
#link_insert > div input::placeholder {
  color: #b4b6b8;
}
#link_insert > div input#link_insert_url {
  width: 230px;
}
#link_insert > div .link_insert_button {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 16px;
}
#link_insert > div .link_insert_button.disabled {
  color: #b4b6b8;
}
#link_insert > div .link_insert_button:hover:not(.disabled) {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.05);
}
.mind-corner > div[tit=equation] {
  font-family: "PingFang SC", "Comic Sans MS", '微软雅黑';
}
/*公式编辑框*/
.eq-editor {
  display: none;
  position: fixed;
  top: 36px;
  overflow: hidden;
  width: 320px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  background: #fff;
  z-index: 9;
  user-select: none;
  -webkit-user-select: none;
  font-family: "PingFang SC", "Comic Sans MS", '微软雅黑';
}
.eq-editor > div {
  display: flex;
  padding: 8px 10px;
  align-items: center;
}
.notranslate {
  font-size: 14px;
  margin-right: 8px;
  flex: 1 1 0%;
  word-break: break-word;
  max-height: 50vh;
  overflow: auto;
  white-space: pre-wrap;
  text-align: left;
  position: relative;
  color: #333;
}
.notranslate:empty:before {
  content: 'E = mc^2';
  color: #ADADAD;
  position: absolute;
  top: 0;
  left: 0;
}
.done {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  height: 28px;
  line-height: 28px;
  border-radius: 3px;
  background: #50b881;
  color: #fff;
  padding: 0 12px;
  font-size: 14px;
  user-select: none;
  cursor: pointer;
}
.done.disable {
  pointer-events: none;
}
.eq-editor .eg-title {
  font-size: 12px;
  color: #999;
  width: 100%;
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
  background: #F3F5F7;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.eq-editor .eg-title span {
  position: relative;
  cursor: pointer;
}
.eq-editor .eg-title span.on {
  color: #333;
}
.eq-editor .icons {
  font-family: 'icons';
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
.eq-editor .eg-title span.on:after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: -2px;
  background: #50C28B;
  border-radius: 1px;
}
.eq-editor .icons:hover {
  color: #50C28B;
}
.eq-editor .eg-con {
  background: #F3F5F7;
  text-align: center;
  line-height: 50px;
  padding: 0 10px;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
}
.mind-corner [tit=equation] {
  font-size: 12px;
}
.eq-select {
  position: relative;
  margin: 0 0 0 16px;
  width: calc(100% - 36px);
}
.eq-select.on .eq-input {
  border: 1px solid #50C28B;
}
.eq-select.on:before {
  transform: rotateZ(180deg);
}
.eq-select.on ul {
  height: 394px;
  padding: 12px 0 6px 0;
  margin-top: -6px;
  border: 1px solid #50C28B;
}
.eq-select:before {
  content: '\e61a';
  font-family: "icons";
  color: #888;
  position: absolute;
  display: inline-block;
  right: 12px;
  top: 8px;
  font-size: 16px;
  transition: all 0.1s;
  z-index: 4;
}
.eq-select ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  width: 100%;
  z-index: 2;
  height: 0;
  overflow: auto;
  cursor: pointer;
  color: #888;
  border-radius: 5px;
  transition: height 0.1s;
}
.eq-select ul li {
  padding: 6px 12px;
  line-height: 18px;
}
.eq-select ul li:hover {
  background: #f5f5f5;
  color: #50C28B;
}
.eq-input {
  position: relative;
  width: calc(100% - 24px);
  padding: 0 12px 0 12px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  background: #F5f5f5;
  color: #333;
  font-size: 13px;
  z-index: 3;
}
#eq-container {
  height: calc(100% - 126px);
}
#eq-container h3 {
  margin: 20px 0 14px;
  font-size: 14px;
  font-weight: 400;
}
#eq-container .table {
  font-size: 12px;
  border-bottom: 0;
}
#eq-container .table .tip {
  position: absolute;
  bottom: -14px;
  right: 10px;
  white-space: nowrap;
  padding: 2px 10px;
  background: #fffff0;
  border: 1px solid #ddd;
  color: #888;
  z-index: 1;
}
#eq-container .table > div {
  position: relative;
  border-bottom: 1px solid #ccc;
}
#eq-container .table > div > span {
  width: 120px;
  display: inline-block;
  padding: 6px 12px;
  vertical-align: middle;
}
#eq-container .table > div > span:nth-of-type(2) {
  position: relative;
  width: calc(100% - 168px);
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
  text-align: right;
}
#eq-container .table > div:not(.title) {
  cursor: pointer;
}
.designer-outline-title .equation-text {
  pointer-events: none;
}
#outline-con .equation-text {
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
}
.equation-text.cur {
  background: rgba(99, 171, 247, 0.5);
  display: inline-block;
}
.equation-text .katex {
  display: inline-block;
  padding: 2px 0;
}
#btn_equation .icons,
.pop-editor .icons {
  font-family: "icons";
  font-size: 16px;
  font-style: normal;
  cursor: pointer;
}
.pop-editor [data-key='equation'] {
  position: relative;
}
.pop-editor [data-key='equation'] .eq-tip {
  position: absolute;
  display: inline-block;
  bottom: -22px;
  left: 50%;
  font-size: 13px;
  background: url(/assets/images/eq_tip.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 0 12px;
  height: 30px;
  line-height: 34px;
  color: #FFC727;
  pointer-events: none;
  transform: translateX(-50%) scale(0.8);
  white-space: nowrap;
  font-weight: 500;
  font-family: "PingFang SC", "Comic Sans MS", '微软雅黑';
}
.op-context-menu [op=equation] .eq-tip {
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 13px;
  transform: scale(0.8) translateX(-100%);
  padding: 3px 10px;
  background: #3F3F3F;
  color: #FFC727;
  border-radius: 3px;
  white-space: nowrap;
  pointer-events: none;
  font-weight: 500;
  line-height: 17px;
  font-family: "PingFang SC", "Comic Sans MS", '微软雅黑';
}
/*清除竖向文本样式*/
.node-title {
  max-height: none!important;
  writing-mode: horizontal-tb !important;
}
@font-face {
  font-family: 'mindicons';
  /* project id 45680 */
  src: url('//at.alicdn.com/t/font_45680_o6f543lml3o.woff2?t=1643099628488') format('woff2'), url('//at.alicdn.com/t/font_45680_o6f543lml3o.woff?t=1643099628488') format('woff'), url('//at.alicdn.com/t/font_45680_o6f543lml3o.ttf?t=1643099628488') format('truetype');
}
.mind-icons {
  font-family: "mindicons" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
}
.icon-fanhui_huaban1:before {
  content: "\e78f";
}
.icon-zhuanhuan1:before {
  content: "\e790";
}
.icon-dagang_huaban11:before {
  content: "\e7ef";
}
.icon-mulu_huaban1:before {
  content: "\e7f0";
}
.icon-dingweidaozhongxin:before {
  content: "\e78c";
}
.icon-choose_icon-:before {
  content: "\e78d";
}
.icon-zhedie-01:before {
  content: "\e78e";
}
.icon-zhedie-01-copy:before {
  content: "\e6c1e";
}
.icon-icon-test1:before {
  content: "\e789";
}
.icon-fangda:before {
  content: "\e78a";
}
.icon-suoxiao:before {
  content: "\e78b";
}
.icon-home_coopration-:before {
  content: "\e788";
}
.icon-naotuppt:before {
  content: "\e787";
}
.icon-backup:before {
  content: "\e786";
}
.icon-zhuti-01:before {
  content: "\e784";
}
.icon-serch-01:before {
  content: "\e785";
}
.icon-jinru1-copy:before {
  content: "\e6c1b";
}
.icon-jinru1:before {
  content: "\e783";
}
.icon-xuanzhuan2-01:before {
  content: "\e782";
}
.icon-shangxiajianju-01:before {
  content: "\e780";
}
.icon-zuoyoujianju-01:before {
  content: "\e781";
}
.icon-tongxunlu:before {
  content: "\e8fb";
}
.icon-gengxinrizhi-:before {
  content: "\e77f";
}
.icon-zhutifengge-:before {
  content: "\e77d";
}
.icon-lianxian-3:before {
  content: "\e77e";
}
.icon-huiyuan_daokeliang1:before {
  content: "\e771";
}
.icon-lianxian-1:before {
  content: "\e775";
}
.icon-zhuti-1:before {
  content: "\e770";
}
.icon-lianxian-:before {
  content: "\e77c";
}
.icon-zhuti-:before {
  content: "\e77a";
}
.icon-zhutifengge-1:before {
  content: "\e77b";
}
.icon-bianji-:before {
  content: "\e779";
}
.icon-zijiedian-1:before {
  content: "\e777";
}
.icon-tongjijiedian-1:before {
  content: "\e778";
}
.icon-lada-:before {
  content: "\e776";
}
.icon-jiaobiaofangda-:before {
  content: "\e774";
}
.icon-tupian-:before {
  content: "\e772";
}
.icon-beizhu-1:before {
  content: "\e773";
}
.icon-xiaolian-:before {
  content: "\e76f";
}
.icon-zitiyangshi-:before {
  content: "\e768";
}
.icon-zuoduiqi-:before {
  content: "\e769";
}
.icon-youduiqi-:before {
  content: "\e76a";
}
.icon-juzhongduiqi-:before {
  content: "\e76b";
}
.icon-liangduanduiqi-:before {
  content: "\e76c";
}
.icon-jiahao-:before {
  content: "\e76d";
}
.icon-jianhao-:before {
  content: "\e76e";
}
.icon-toumingdu1:before {
  content: "\e767";
}
.icon-dagang-:before {
  content: "\e766";
}
.icon-redo1:before {
  content: "\e764";
}
.icon-undo:before {
  content: "\e765";
}
.icon-baocun1:before {
  content: "\e763";
}
.icon-xingzhuangjiehe:before {
  content: "\e762";
}
.icon-shangchuan:before {
  content: "\e761";
}
.icon-InsertFileObject:before {
  content: "\e760";
}
.icon-kuohao-:before {
  content: "\e75c";
}
.icon-kuohao-1:before {
  content: "\e75d";
}
.icon-kuohao-2:before {
  content: "\e75e";
}
.icon-kuohao-3:before {
  content: "\e75f";
}
.icon-shanchu-:before {
  content: "\e75b";
}
.icon-mind_keyboard-:before {
  content: "\e757";
}
.icon-mind_user_guide-:before {
  content: "\e758";
}
.icon-mind_feedback-:before {
  content: "\e759";
}
.icon-mind_question-:before {
  content: "\e75a";
}
.icon-mind_icon_guide:before {
  content: "\e753";
}
.icon-mind_icon_guide1:before {
  content: "\e754";
}
.icon-mind_icon_guide2:before {
  content: "\e755";
}
.icon-mind_icon_guide3:before {
  content: "\e756";
}
.icon-mind_adjust-:before {
  content: "\e742";
}
.icon-mind_cooperation-:before {
  content: "\e743";
}
.icon-mind_copy-:before {
  content: "\e744";
}
.icon-mind_download-:before {
  content: "\e745";
}
.icon-mind_edit-:before {
  content: "\e747";
}
.icon-mind_help-:before {
  content: "\e748";
}
.icon-mind_link-:before {
  content: "\e749";
}
.icon-mind_mask-:before {
  content: "\e74a";
}
.icon-mind_newadd-:before {
  content: "\e74b";
}
.icon-mind_note-:before {
  content: "\e74c";
}
.icon-mind_pri-:before {
  content: "\e74d";
}
.icon-mind_share-:before {
  content: "\e74e";
}
.icon-mind_smile-:before {
  content: "\e74f";
}
.icon-mind_tag-:before {
  content: "\e750";
}
.icon-mind_upload-:before {
  content: "\e751";
}
.icon-mind_vesion-:before {
  content: "\e752";
}
.icon-empty_state_version:before {
  content: "\e73b";
}
.icon-empty_state_theme:before {
  content: "\e73d";
}
.icon-empty_state_picture:before {
  content: "\e73f";
}
.icon-empty_state_contact:before {
  content: "\e740";
}
.icon-empty_state_upload:before {
  content: "\e741";
}
.icon-choose_group:before {
  content: "\e737";
}
.icon-choose_group1:before {
  content: "\e738";
}
.icon-choose_group2:before {
  content: "\e739";
}
.icon-choose_group3:before {
  content: "\e73a";
}
.icon-weibiaoti-_huaban:before {
  content: "\e735";
}
.icon-empty_state_pay:before {
  content: "\e72d";
}
.icon-empty_state_discount:before {
  content: "\e72e";
}
.icon-empty_state_focus:before {
  content: "\e72f";
}
.icon--:before {
  content: "\e730";
}
.icon-empty_state_infor:before {
  content: "\e731";
}
.icon-empty_state_news-:before {
  content: "\e732";
}
.icon-empty_state_file-:before {
  content: "\e733";
}
.icon-empty_state_fans-:before {
  content: "\e734";
}
.icon-empty_state_team:before {
  content: "\e72b";
}
.icon-empty_state_group:before {
  content: "\e72c";
}
.icon-UpdateOnline:before {
  content: "\e72a";
}
.icon-new_cooperation1:before {
  content: "\e728";
}
.icon-new_download:before {
  content: "\e729";
}
.icon-new_adjust:before {
  content: "\e726";
}
.icon-new_demo:before {
  content: "\e727";
}
.icon-new_cooperation:before {
  content: "\e725";
}
.icon-new_note1:before {
  content: "\e724";
}
.icon-new_download1:before {
  content: "\e721";
}
.icon-new_demo1:before {
  content: "\e722";
}
.icon-new_task:before {
  content: "\e723";
}
.icon-new_link:before {
  content: "\e717";
}
.icon-new_pri:before {
  content: "\e718";
}
.icon-new_icon:before {
  content: "\e719";
}
.icon-new_tag:before {
  content: "\e71a";
}
.icon-new_summary:before {
  content: "\e71c";
}
.icon-new_theme:before {
  content: "\e71d";
}
.icon-new_css:before {
  content: "\e71e";
}
.icon-new_history:before {
  content: "\e720";
}
.icon-Consolidate:before {
  content: "\e71f";
}
.icon-BulletsNumber:before {
  content: "\e715";
}
.icon-CheckboxOnFormField:before {
  content: "\e716";
}
.icon-DemoteOnOutlining:before {
  content: "\e736";
}
.icon-Help:before {
  content: "\e70f";
}
.icon-LinkShare:before {
  content: "\e710";
}
.icon-Logical:before {
  content: "\e711";
}
.icon-OS_RoamingFile:before {
  content: "\e712";
}
.icon-PlayTiming:before {
  content: "\e713";
}
.icon-BackupCenter:before {
  content: "\e714";
}
.icon-smiling:before {
  content: "\e70d";
}
.icon-xiaolian1:before {
  content: "\e70e";
}
.icon-lianjie:before {
  content: "\e70c";
}
.icon-web-icon-:before {
  content: "\e709";
}
.icon-sa-addbullet-click:before {
  content: "\e70a";
}
.icon-InsertDateTime:before {
  content: "\e70b";
}
.icon-tubiao_biaoqing:before {
  content: "\e708";
}
.icon-ChangeDiagramColor:before {
  content: "\e73c";
}
.icon-InsertHyperlink:before {
  content: "\e707";
}
.icon-magic2:before {
  content: "\e6bf1";
}
.icon-Markup:before {
  content: "\e6c1a";
}
.icon-ColorGrayscaleMenu:before {
  content: "\e71b";
}
.icon-PictureStyle:before {
  content: "\e746";
}
.icon-biaoqian:before {
  content: "\e639a";
}
.icon-icon-test:before {
  content: "\e705";
}
.icon-ProtectEyes:before {
  content: "\e706";
}
.icon-ic_format_paint:before {
  content: "\e9cb";
}
.icon-PromoteOnOutlining:before {
  content: "\e702";
}
.icon-left_double:before {
  content: "\e701";
}
.icon-yincang:before {
  content: "\e703";
}
.icon-yincangdaan:before {
  content: "\e704";
}
.icon-guanbi:before {
  content: "\e700";
}
.icon-liulan:before {
  content: "\e6ff";
}
.icon-exit-fullscreen-o:before {
  content: "\e99d";
}
.icon-location-o:before {
  content: "\e9ac";
}
.icon-luojituright:before {
  content: "\e6fb";
}
.icon-luojituleft:before {
  content: "\e6fc";
}
.icon-luojituorg:before {
  content: "\e6fd";
}
.icon-luojituboth:before {
  content: "\e6fe";
}
.icon-lixian:before {
  content: "\e6fa";
}
.icon-font-copy:before {
  content: "\eca0";
}
.icon-bold:before {
  content: "\e747";
}
.icon-font:before {
  content: "\e745";
}
.icon-header:before {
  content: "\eb15";
}
.icon-italic:before {
  content: "\e744";
}
.icon-listol:before {
  content: "\e73f";
}
.icon-listul:before {
  content: "\e742";
}
.icon-magic:before {
  content: "\eb50";
}
.icon-objectungroup:before {
  content: "\eb8d";
}
.icon-subscript:before {
  content: "\ec2c";
}
.icon-superscript:before {
  content: "\ec30";
}
.icon-underline:before {
  content: "\e740";
}
.icon-zitizhonghuaxian:before {
  content: "\e743";
}
.icon-equation:before {
  content: "\e741";
}
.icon-removecircle:before {
  content: "\e73e";
}
.icon-398remove:before {
  content: "\e7bb";
}
.icon-remove_circle_outline:before {
  content: "\e6f8";
}
.icon-zitiyanse:before {
  content: "\e6f6";
}
.icon-huanyanse:before {
  content: "\e6f7";
}
.icon-fontstrikethrough:before {
  content: "\e6f3";
}
.icon-xiahuaxian1:before {
  content: "\e6f4";
}
.icon-xiahuaxian1-copy:before {
  content: "\e6f5";
}
.icon-kuaijiejian:before {
  content: "\e6f1";
}
.icon-zaixiankefu:before {
  content: "\e6f2";
}
.icon-shuaxin:before {
  content: "\e6f0";
}
.icon-zengjiazicaidan:before {
  content: "\e6ea";
}
.icon-zengjiasuojinliang:before {
  content: "\e6eb";
}
.icon-32pxzengjiawenjian:before {
  content: "\e6ec";
}
.icon-iconfontadd4:before {
  content: "\e6ed";
}
.icon-iconfontadd3:before {
  content: "\e6ee";
}
.icon-nav-copy:before {
  content: "\e6ef";
}
.icon-xinlang-copy:before {
  content: "\e6e7";
}
.icon-iconset0284:before {
  content: "\e6e8";
}
.icon-jinru:before {
  content: "\e6e4";
}
.icon-link-copy:before {
  content: "\e6e5";
}
.icon-iconfontfenxiang2:before {
  content: "\e6e6";
}
.icon-jinru-copy:before {
  content: "\e6e9";
}
.icon-chrome:before {
  content: "\e6df";
}
.icon-douban:before {
  content: "\e6e0";
}
.icon-yuanxingweibo:before {
  content: "\e6e1";
}
.icon-iconmingdaofenxiang:before {
  content: "\e6e2";
}
.icon-weixin:before {
  content: "\e6e3";
}
.icon-zanzhu:before {
  content: "\e6db";
}
.icon-bangzhu:before {
  content: "\e6dc";
}
.icon-shiyongbangzhu:before {
  content: "\e6dd";
}
.icon-appoint:before {
  content: "\e6de";
}
.icon-bangzhu1:before {
  content: "\e6da";
}
.icon-bingtu1:before {
  content: "\e6d2";
}
.icon-bingtu2:before {
  content: "\e6d3";
}
.icon-bingtu3:before {
  content: "\e6d4";
}
.icon-bingtu4:before {
  content: "\e6d5";
}
.icon-bingtu5:before {
  content: "\e6d6";
}
.icon-bingtu6:before {
  content: "\e6d7";
}
.icon-bingtu7:before {
  content: "\e6d8";
}
.icon-bingtu8:before {
  content: "\e6d9";
}
.icon-mulu:before {
  content: "\e6cd";
}
.icon-presentation:before {
  content: "\e6ce";
}
.icon-baocun:before {
  content: "\e6cf";
}
.icon-baocun2:before {
  content: "\e6d0";
}
.icon-remen-copy:before {
  content: "\e6d1";
}
.icon-baocun3:before {
  content: "\e6cc";
}
.icon-cloud:before {
  content: "\e6cb";
}
.icon-biaoqing:before {
  content: "\e6ca";
}
.icon-touminghua:before {
  content: "\e6c9";
}
.icon-toumingdu:before {
  content: "\e6c7";
}
.icon-xiaolian:before {
  content: "\e6c8";
}
.icon-shuzi1:before {
  content: "\e69b";
}
.icon-shuzi2:before {
  content: "\e6c2";
}
.icon-shuzi3:before {
  content: "\e6c3";
}
.icon-shuzi4:before {
  content: "\e6c4";
}
.icon-faceicon:before {
  content: "\e6c5";
}
.icon-kulian:before {
  content: "\e6c6";
}
.icon-lock:before {
  content: "\e6bc";
}
.icon-pie:before {
  content: "\e6bd";
}
.icon-yaochi:before {
  content: "\e6be";
}
.icon-shoucang:before {
  content: "\e6bf";
}
.icon-437hezuo:before {
  content: "\e6c0";
}
.icon-unlock:before {
  content: "\e6c1";
}
.icon-jinggao:before {
  content: "\e6b8";
}
.icon-wenhao:before {
  content: "\e6b9";
}
.icon-gantanhao001:before {
  content: "\e6ba";
}
.icon-gantanhao1:before {
  content: "\e6bb";
}
.icon-qian:before {
  content: "\e6b6";
}
.icon-pie1:before {
  content: "\e6b7";
}
.icon-zhuangtai:before {
  content: "\e6ab";
}
.icon-iconbingtu:before {
  content: "\e6ac";
}
.icon-tubiao15:before {
  content: "\e6ad";
}
.icon-right:before {
  content: "\e6ae";
}
.icon-unselected:before {
  content: "\e6af";
}
.icon-18wangzhuangtu:before {
  content: "\e6b0";
}
.icon-oval20:before {
  content: "\e6b1";
}
.icon-right1:before {
  content: "\e6b2";
}
.icon-bingtu:before {
  content: "\e6b3";
}
.icon-bingzhuangtu:before {
  content: "\e6b4";
}
.icon-right2:before {
  content: "\e6b5";
}
.icon-link:before {
  content: "\e6a8";
}
.icon-link1:before {
  content: "\e6a9";
}
.icon-link2:before {
  content: "\e6aa";
}
.icon-infenicon15:before {
  content: "\e6a7";
}
.icon-xiangxiziliao:before {
  content: "\e6a5";
}
.icon-iconcontent:before {
  content: "\e6a6";
}
.icon-xiangxicanshu:before {
  content: "\e6a4";
}
.icon-w-content:before {
  content: "\e6a3";
}
.icon-menu:before {
  content: "\e6a1";
}
.icon-xinxi:before {
  content: "\e69c";
}
.icon-icon111:before {
  content: "\e69d";
}
.icon-hezuohuoban:before {
  content: "\e69e";
}
.icon-biaoqing1:before {
  content: "\e69f";
}
.icon-double-arrows:before {
  content: "\e6a0";
}
.icon-dai:before {
  content: "\e67b";
}
.icon-kulian1:before {
  content: "\e67c";
}
.icon-shezhi:before {
  content: "\e67d";
}
.icon-flag:before {
  content: "\e67e";
}
.icon-ipad:before {
  content: "\e67f";
}
.icon-bi:before {
  content: "\e680";
}
.icon-shezhi1:before {
  content: "\e681";
}
.icon-phone:before {
  content: "\e682";
}
.icon-heart:before {
  content: "\e683";
}
.icon-lock1:before {
  content: "\e684";
}
.icon-unlock1:before {
  content: "\e685";
}
.icon-dayinji:before {
  content: "\e686";
}
.icon-icon116:before {
  content: "\e687";
}
.icon-fujian:before {
  content: "\e688";
}
.icon-cha:before {
  content: "\e689";
}
.icon-jindu04:before {
  content: "\e68a";
}
.icon-arrowdowna:before {
  content: "\e68b";
}
.icon-arrowlefta:before {
  content: "\e68c";
}
.icon-arrowupa:before {
  content: "\e68d";
}
.icon-arrowrighta:before {
  content: "\e68e";
}
.icon-shangwuhezuo:before {
  content: "\e68f";
}
.icon-time:before {
  content: "\e690";
}
.icon-time1:before {
  content: "\e691";
}
.icon-time2:before {
  content: "\e692";
}
.icon-dayinji1:before {
  content: "\e693";
}
.icon-yaochi1:before {
  content: "\e694";
}
.icon-zan:before {
  content: "\e695";
}
.icon-wenhao1:before {
  content: "\e696";
}
.icon-wuliujindu:before {
  content: "\e697";
}
.icon-icon1460284475192:before {
  content: "\e698";
}
.icon-icon1460285135997:before {
  content: "\e699";
}
.icon-duibidu:before {
  content: "\e69a";
}
.icon-number:before {
  content: "\e67a";
}
.icon-1:before {
  content: "\e679";
}
.icon-search:before {
  content: "\e677";
}
.icon-search1:before {
  content: "\e678";
}
.icon-fengge:before {
  content: "\e674";
}
.icon-wodehaoyang:before {
  content: "\e675";
}
.icon-tupian-copy:before {
  content: "\e676";
}
.icon-link3:before {
  content: "\e672";
}
.icon-beizhu:before {
  content: "\e673";
}
.icon-renwu:before {
  content: "\e66c";
}
.icon-jifenshuoming:before {
  content: "\e66d";
}
.icon-beizhu1:before {
  content: "\e66e";
}
.icon-tupiantubiao:before {
  content: "\e66f";
}
.icon-renwu1:before {
  content: "\e670";
}
.icon-notask:before {
  content: "\e671";
}
.icon-image:before {
  content: "\e667";
}
.icon-xiayiyenextfill:before {
  content: "\e668";
}
.icon-shangyiyepreviousfill:before {
  content: "\e669";
}
.icon-htmal5icon39:before {
  content: "\e66a";
}
.icon-htmal5icon36:before {
  content: "\e66b";
}
.icon-icontuozhuaiyouxie:before {
  content: "\e665";
}
.icon-icon:before {
  content: "\e666";
}
.icon-tip:before {
  content: "\e663";
}
.icon-setting:before {
  content: "\e664";
}
.icon-nothing:before {
  content: "\e662";
}
.icon-yuanxing:before {
  content: "\e65f";
}
.icon-youjiantou:before {
  content: "\e660";
}
.icon-youjiantou1:before {
  content: "\e661";
}
.icon-jiemianzhuti:before {
  content: "\e65d";
}
.icon-genggaizhuti:before {
  content: "\e65e";
}
.icon-86:before {
  content: "\e65b";
}
.icon-tongbu:before {
  content: "\e65c";
}
.icon-caretcircledown:before {
  content: "\e65a";
}
.icon-7:before {
  content: "\e658";
}
.icon-8:before {
  content: "\e659";
}
.icon-image1:before {
  content: "\e656";
}
.icon-connection:before {
  content: "\e657";
}
.icon-image-copy:before {
  content: "\eca3";
}
.icon-connection-copy:before {
  content: "\eca2";
}
.icon-menu1:before {
  content: "\e654";
}
.icon-back:before {
  content: "\e655";
}
.icon-tubiao09:before {
  content: "\e651";
}
.icon-tubiao11:before {
  content: "\e652";
}
.icon-tubiao151:before {
  content: "\e653";
}
.icon-tubiao212:before {
  content: "\e650";
}
.icon-i:before {
  content: "\e633";
}
.icon-remove:before {
  content: "\e634";
}
.icon-4:before {
  content: "\e635";
}
.icon-useradd:before {
  content: "\e636";
}
.icon-link4:before {
  content: "\e637";
}
.icon-shape73:before {
  content: "\e638";
}
.icon-icome:before {
  content: "\e639";
}
.icon-icotag:before {
  content: "\e63a";
}
.icon-tag:before {
  content: "\e63b";
}
.icon-shape2:before {
  content: "\e63c";
}
.icon-redo:before {
  content: "\e63d";
}
.icon-face:before {
  content: "\e63e";
}
.icon-down:before {
  content: "\e63f";
}
.icon-calendar:before {
  content: "\e640";
}
.icon-iconmenucirclealt:before {
  content: "\e641";
}
.icon-color:before {
  content: "\e642";
}
.icon-link:before {
  content: "\e77c";
}
.icon-center:before {
  content: "\e643";
}
.icon-edit:before {
  content: "\e644";
}
.icon-siglyphbrush1:before {
  content: "\e645";
}
.icon-face1:before {
  content: "\e646";
}
.icon-add:before {
  content: "\e647";
}
.icon-remove1:before {
  content: "\e648";
}
.icon-108:before {
  content: "\e649";
}
.icon-loading:before {
  content: "\e64a";
}
.icon-weibiaoti1:before {
  content: "\e64b";
}
.icon-iclines:before {
  content: "\e64c";
}
.icon-caret-up-down:before {
  content: "\e64d";
}
.icon-link5:before {
  content: "\e64e";
}
.icon-meifou-message:before {
  content: "\e64f";
}
.icon-arrow_up:before {
  content: "\e6a2";
}
.icon-icon-copy:before {
  content: "\eca1";
}
.icon-thumb-copy:before {
  content: "\eca4";
}
.icon-108-copy:before {
  content: "\eca5";
}
.icon-face-copy:before {
  content: "\eca6";
}
.icon-icon1:before {
  content: "\e600";
}
.icon-user4add:before {
  content: "\e601";
}
.icon-11:before {
  content: "\e602";
}
.icon-face2:before {
  content: "\e603";
}
.icon-users:before {
  content: "\e604";
}
.icon-task:before {
  content: "\e605";
}
.icon-user:before {
  content: "\e606";
}
.icon-starb:before {
  content: "\e607";
}
.icon-pos:before {
  content: "\e608";
}
.icon-message:before {
  content: "\e609";
}
.icon-left:before {
  content: "\e60a";
}
.icon-right3:before {
  content: "\e60b";
}
.icon-circleremove:before {
  content: "\e60c";
}
.icon-brush:before {
  content: "\e60d";
}
.icon-pos1:before {
  content: "\e60e";
}
.icon-icons17:before {
  content: "\e60f";
}
.icon-0102undo:before {
  content: "\e610";
}
.icon-edit1:before {
  content: "\e611";
}
.icon-color1:before {
  content: "\e612";
}
.icon-ioscolorfilteroutline:before {
  content: "\e613";
}
.icon-right4:before {
  content: "\e614";
}
.icon-remove2:before {
  content: "\e615";
}
.icon-26:before {
  content: "\e616";
}
.icon-ntask:before {
  content: "\e617";
}
.icon-remove3:before {
  content: "\e618";
}
.icon-text:before {
  content: "\e619";
}
.icon-loading1:before {
  content: "\e61a";
}
.icon-user1:before {
  content: "\e61b";
}
.icon-moreb:before {
  content: "\e61c";
}
.icon-iconmenusquarealt:before {
  content: "\e61d";
}
.icon-history:before {
  content: "\e61e";
}
.icon-thumb:before {
  content: "\e61f";
}
.icon-loading2:before {
  content: "\e620";
}
.icon-users1:before {
  content: "\e621";
}
.icon-close:before {
  content: "\e622";
}
.icon-adduser:before {
  content: "\e623";
}
.icon-message1:before {
  content: "\e624";
}
.icon-2:before {
  content: "\e625";
}
.icon-5:before {
  content: "\e626";
}
.icon-71:before {
  content: "\e627";
}
.icon-81:before {
  content: "\e628";
}
.icon-9:before {
  content: "\e629";
}
.icon-3:before {
  content: "\e62a";
}
.icon-6:before {
  content: "\e62b";
}
.icon-10:before {
  content: "\e62c";
}
.icon-message2:before {
  content: "\e62d";
}
.icon-message3:before {
  content: "\e62e";
}
.icon-text1:before {
  content: "\e62f";
}
.icon-add1:before {
  content: "\e630";
}
.icon-arrow2:before {
  content: "\e631";
}
.icon-b:before {
  content: "\e632";
}
.icon-color {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}