.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;
}