@charset "UTF-8";
/**
 * 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用 
 */
@font-face {
    font-family: 'iconfont';
    src: url('data:font/truetype;charset=utf-8;base64,[encoded data, 14920 characters]') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-redo:before {
  content: "\e627";
}
.icon-undo:before {
  content: "\e633";
}
.icon-indent:before {
  content: "\eb28";
}
.icon-outdent:before {
  content: "\e6e8";
}
.icon-fontsize:before {
  content: "\e6fd";
}
.icon-format-header-1:before {
  content: "\e860";
}
.icon-format-header-4:before {
  content: "\e863";
}
.icon-format-header-5:before {
  content: "\e864";
}
.icon-format-header-6:before {
  content: "\e865";
}
.icon-clearup:before {
  content: "\e64d";
}
.icon-preview:before {
  content: "\e631";
}
.icon-date:before {
  content: "\e63e";
}
.icon-fontbgcolor:before {
  content: "\e678";
}
.icon-clearedformat:before {
  content: "\e67e";
}
.icon-font:before {
  content: "\e684";
}
.icon-723bianjiqi_duanhouju:before {
  content: "\e65f";
}
.icon-722bianjiqi_duanqianju:before {
  content: "\e660";
}
.icon-text_color:before {
  content: "\e72c";
}
.icon-format-header-2:before {
  content: "\e75c";
}
.icon-format-header-3:before {
  content: "\e75d";
}
.icon--checklist:before {
  content: "\e664";
}
.icon-baocun:before {
  content: "\ec09";
}
.icon-line-height:before {
  content: "\e7f8";
}
.icon-quanping:before {
  content: "\ec13";
}
.icon-direction-rtl:before {
  content: "\e66e";
}
.icon-direction-ltr:before {
  content: "\e66d";
}
.icon-selectall:before {
  content: "\e62b";
}
.icon-fuzhi:before {
  content: "\ec7a";
}
.icon-shanchu:before {
  content: "\ec7b";
}
.icon-bianjisekuai:before {
  content: "\ec7c";
}
.icon-fengexian:before {
  content: "\ec7f";
}
.icon-dianzan:before {
  content: "\ec80";
}
.icon-charulianjie:before {
  content: "\ec81";
}
.icon-charutupian:before {
  content: "\ec82";
}
.icon-wuxupailie:before {
  content: "\ec83";
}
.icon-juzhongduiqi:before {
  content: "\ec84";
}
.icon-yinyong:before {
  content: "\ec85";
}
.icon-youxupailie:before {
  content: "\ec86";
}
.icon-youduiqi:before {
  content: "\ec87";
}
.icon-zitidaima:before {
  content: "\ec88";
}
.icon-xiaolian:before {
  content: "\ec89";
}
.icon-zitijiacu:before {
  content: "\ec8a";
}
.icon-zitishanchuxian:before {
  content: "\ec8b";
}
.icon-zitishangbiao:before {
  content: "\ec8c";
}
.icon-zitibiaoti:before {
  content: "\ec8d";
}
.icon-zitixiahuaxian:before {
  content: "\ec8e";
}
.icon-zitixieti:before {
  content: "\ec8f";
}
.icon-zitiyanse:before {
  content: "\ec90";
}
.icon-zuoduiqi:before {
  content: "\ec91";
}
.icon-zitiyulan:before {
  content: "\ec92";
}
.icon-zitixiabiao:before {
  content: "\ec93";
}
.icon-zuoyouduiqi:before {
  content: "\ec94";
}
.icon-duigoux:before {
  content: "\ec9e";
}
.icon-guanbi:before {
  content: "\eca0";
}
.icon-shengyin_shiti:before {
  content: "\eca5";
}
.icon-Character-Spacing:before {
  content: "\e964";
}
.sp-editor {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sp-editor-toolbar {
  box-sizing: border-box;
  padding: calc(var(--icon-size) / 4) 0;
  border-bottom: 1px solid #e4e4e4;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  display: grid;
  grid-template-columns: repeat(var(--icon-columns), 1fr);
  position: fixed;
  width: 95%;
  z-index: 100;
  background: #fff;
}
.iconfont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(var(--icon-size) * 1.8);
  cursor: pointer;
  font-size: var(--icon-size);
}
.sp-editor-wrapper {
  flex: 1;
  overflow: hidden;
  position: relative;
  margin-top: 245rpx;
}
.editor-container {
  padding: 8rpx 16rpx;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 1.5;
}
.ql-image-overlay-none  .ql-image-overlay {
  pointer-events: none;
  opacity: 0;
}
 .ql-editor.ql-blank::before {
  font-style: normal;
  color: #cccccc;
}
 .ql-container {
  min-height: unset;
}
.ql-active {
  color: #66ccff;
}

