#root {
  min-width: 1200px;
  font-family: LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial, Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
div,
p {
  margin: 0;
  padding: 0;
}
.ant-btn,
.ant-input {
  border-radius: 4px !important;
}
.ant-input-group-addon .ant-btn {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.ant-timeline-item-tail {
  border-left: 2px solid #f9f9f9 !important;
}
.richTextBox img {
  max-width: 100%;
}
.centerSpin {
  height: 99% !important;
}
.centerSpin > div > .ant-spin {
  max-height: 100% !important;
}
.freezeSpin > div > .ant-spin {
  display: none;
}
.absoluteSpin {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.5);
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb:hover {
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
  background: rgba(0, 0, 0, 0.15);
}
::-webkit-scrollbar-thumb:active {
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
  background: rgba(0, 0, 0, 0.2);
}

/* 思源黑体 */
@font-face {
    font-family: 'SourceHanSansSC';
    src: url('https://assets.jumper-health.com/goodsinfo/XWH3S76281AXKPYDBAM2UCOG9BJ2BBG7');
    /* src: url('./ttf/SourceHanSansSC-Regular-2.otf'); */
    /* src: url('./ttf/SourceHanSansSC-Regular-2.otf') format('opentype'); */
  }
/* 思源宋体 */
@font-face {
    font-family: 'SourceHanSerifCN';
    src: url('https://assets.jumper-health.com/goodsinfo/J6FM5YG3NNMARXKHQUG8EJUJ4M9BQQN4');
    /* src: url('./ttf/Times New Roman .fon'); */
  }
/* Times New Roman */
@font-face {
  font-family: 'TimesNewRoman';
  src: url('https://assets.jumper-health.com/goodsinfo/26X99KJS3ZXAQJ4UJG53AY5Q1TN85COG');
  /* src: url('./ttf/Times New Roman .fon'); */
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    overflow-y: auto;
    max-height: 120px;
  }
  
  .ql-editor {
    min-height: 300px;
    line-height: 2;
    padding: 12px 15px 6px;
    color: rgba(0, 0, 0, 0.65);
  }
  
  /* quillBox.css */
.ql-toolbar {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
  }
  .quill-editor .ql-container.ql-disabled .ql-editor {
    cursor: no-drop;
  }
  /*设置字体的大小*/
    .quillEditor /deep/ .ql-container {
      font-size: 16px;
    }
  .message_resizable_box strong,
  .ql-editor strong {
    font-weight: bold;
  }
  .message_resizable_box em,
  .ql-editor em {
    font-style: italic;
  }
  .message_resizable_box pre.ql-syntax {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
    border-radius: 3px;
  }
  .ql-editor .ql-editor{
    height: 300px;
    overflow: auto;
  }
  .editor {
    line-height: normal;
    min-height: 100px;
  }
  .ql-snow .ql-tooltip[data-mode="link"]::before {
    content: "请输入链接地址:";
  }
  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0px;
    content: "保存";
    padding-right: 0px;
  }
  
  .ql-snow .ql-tooltip[data-mode="video"]::before {
    content: "请输入视频地址:";
  }
  
  .ql-snow .ql-picker.ql-size .ql-picker-label::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: "14px";
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
    content: "10px";
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
    content: "18px";
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
    content: "32px";
  }
  
  .ql-snow .ql-picker.ql-header .ql-picker-label::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: "文本";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: "标题1";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: "标题2";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: "标题3";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: "标题4";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: "标题5";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: "标题6";
  }
  
  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: "标准字体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
    content: "衬线字体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
    content: "等宽字体";
  }
  
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='10px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='10px']::before {
      content: '10px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12px']::before {
      content: '12px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='14px']::before {
      content: '14px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before {
      content: '16px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='18px']::before {
      content: '18px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before {
      content: '20px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='22px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='22px']::before {
    content: '22px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24px']::before {
      content: '24px';
  }
  
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='26px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='26px']::before {
    content: '26px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='28px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='28px']::before {
  content: '28px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='30px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='30px']::before {
    content: '30px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='32px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='32px']::before {
    content: '32px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='34px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='34px']::before {
    content: '34px';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='36px']::before {
      content: '36px';
  }
  .ql-container {
      font-size:14px;
  }
  /* font */
  
  .message_resizable_box .ql-font-SourceHanSansSC,
  .ql-editor .ql-font-SourceHanSansSC {
    font-family: "SourceHanSansSC";
  }
  .message_resizable_box .ql-font-SourceHanSerifCN,
  .ql-editor .ql-font-SourceHanSerifCN {
    font-family: "SourceHanSerifCN";
  }
  .message_resizable_box .ql-font-KaiTi,
  .ql-editor .ql-font-KaiTi {
    font-family: "KaiTi";
  }
  .message_resizable_box .ql-font-Arial,
  .ql-editor .ql-font-Arial {
    font-family: "Arial";
  }
  .message_resizable_box .ql-font-TimesNewRoman,
  .ql-editor .ql-font-TimesNewRoman {
    font-family: "TimesNewRoman";
  }
  
  
  /* .ql-editor .ql-font-Microsoft-YaHei {
    font-family: "Microsoft YaHei";
  }
  .ql-editor .ql-font-SimSun {
    font-family: "SimSun";
  }
  .ql-editor .ql-font-SimHei {
    font-family: "SimHei";
  }
  
  .ql-editor .ql-font-NSimSun {
    font-family: "NSimSun";
  } */
  /* .ql-editor .ql-font-FZLanTingHei {
    font-family: "FZLanTingHei";
  }
  .ql-editor .ql-font-FZYaHei {
    font-family: "FZYaHei";
  } */
  /* .ql-editor .ql-font-FangSong {
    font-family: "FangSong";
  }
  .ql-editor .ql-font-LiSu {
    font-family: "LiSu";
  } */
  /* .ql-editor .ql-font-YouYuan {
    font-family: "YouYuan";
  } */
  
  /* .ql-editor .ql-font-Serif {
    font-family: "Serif";
  }
  .ql-editor .ql-font-Sans-serif {
    font-family: "Sans-serif";
  }
  .ql-editor .ql-font-Monospace {
    font-family: "Monospace";
  } */
  /* .ql-editor .ql-font-Cursive {
    font-family: "Cursive";
  }
  .ql-editor .ql-font-Fantasy {
    font-family: "Fantasy";
  } */
  
  /**
  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: '微软雅黑';
  }
  **/
  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: '思源黑体';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SourceHanSansSC]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SourceHanSansSC]::before {
   content: "思源黑体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SourceHanSerifCN]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SourceHanSerifCN]::before {
   content: "思源宋体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]::before {
   content: "楷体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before {
   content: "Arial";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=TimesNewRoman]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=TimesNewRoman]::before {
   content: "Times New Roman";
  }
  
  /* .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]::before {
   content: "微软雅黑";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]::before {
    content: "宋体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]::before {
   content: "黑体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]::before {
   content: "楷体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before {
   content: "Arial";
  }
  
  
  
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=TimesNewRoman]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=TimesNewRoman]::before {
   content: "Times New Roman";
  }
  
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=NSimSun]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=NSimSun]::before {
   content: "新宋体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]::before {
   content: "仿宋";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=LiSu]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=LiSu]::before {
   content: "隶书";
  } */
  /* .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=YouYuan]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=YouYuan]::before {
   content: "幼圆";
  } */
  /* .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FZLanTingHei]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FZLanTingHei]::before {
    content: "方正兰亭黑";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FZYaHei]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FZYaHei]::before {
   content: "方正雅黑";
  } */
  
  /* .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Serif]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Serif]::before {
   content: "Serif";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Sans-serif]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Sans-serif]::before {
    content: "Sans-serif";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Monospace]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Monospace]::before {
   content: "Monospace";
  } */
  /* .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Cursive]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Cursive]::before {
   content: "Cursive";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Fantasy]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Fantasy]::before {
   content: "Fantasy";
  } */
  /* 重置选项 */
  .ql-snow .ql-picker.ql-font,
  .ql-snow .ql-picker.ql-size,
  .ql-snow .ql-picker.ql-header {
      width: auto;
  }
  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
      right: auto;
  }
  /** 设置行距 **/
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-label::before {
    content: "行距";
  }
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-item[data-value="1"]::before,.ql-snow .ql-picker.ql-lineHeight .ql-picker-label[data-value="1"]::before {
    content: "行距 1";
  }
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-item[data-value="1.5"]::before,
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-label[data-value="1.5"]::before {
    content: "行距 1.5";
  }
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-item[data-value="1.6"]::before,
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-label[data-value="1.6"]::before {
    content: "行距 1.6";
  }
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-item[data-value="1.75"]::before,.ql-snow .ql-picker.ql-lineHeight .ql-picker-label[data-value="1.75"]::before {
    content: "行距1.75";
  }
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-item[data-value="2"]::before,.ql-snow .ql-picker.ql-lineHeight .ql-picker-label[data-value="2"]::before {
    content: "行距 2";
  }
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-item[data-value="2.5"]::before,.ql-snow .ql-picker.ql-lineHeight .ql-picker-label[data-value="2.5"]::before {
    content: "行距 2.5";
  }
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-item[data-value="3"]::before,.ql-snow .ql-picker.ql-lineHeight .ql-picker-label[data-value="3"]::before {
    content: "行距 3";
  }
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-item[data-value="4"]::before,.ql-snow .ql-picker.ql-lineHeight .ql-picker-label[data-value="4"]::before {
    content: "行距 4";
  }
  .ql-snow .ql-picker.ql-lineHeight .ql-picker-item[data-value="5"]::before ,.ql-snow .ql-picker.ql-lineHeight .ql-picker-label[data-value="5"]::before{
    content: "行距 5";
  }
  .ql-snow .ql-picker.ql-lineHeight {
    width: auto;
  }
  
  /** 设置字距 '1px', '1.2px', '1.4px', '1.5px', '1.6px', '1.8px', '2px' **/
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-label::before {
    content: "字距";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="0px"]::before,.ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="0px"]::before {
    content: "字距 0px";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="0.25px"]::before,
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="0.25px"]::before {
    content: "字距 0.25px";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="0.5px"]::before,.ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="0.5px"]::before {
    content: "字距 0.5px";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="1px"]::before,.ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="1px"]::before {
    content: "字距 1px";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="1.5px"]::before,.ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="1.5px"]::before {
    content: "字距 1.5px";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="2px"]::before,.ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="2px"]::before {
    content: "字距 2px";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="2.5px"]::before ,.ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="2.5px"]::before{
    content: "字距 2.5px";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="3px"]::before,.ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="3px"]::before {
    content: "字距 3px";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="4px"]::before,.ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="4px"]::before {
    content: "字距 4px";
  }
  .ql-snow .ql-picker.ql-letterSpacing .ql-picker-item[data-value="5px"]::before ,.ql-snow .ql-picker.ql-letterSpacing .ql-picker-label[data-value="5px"]::before{
    content: "字距 5px";
  }
  .ql-snow .ql-picker.ql-letterSpacing {
    width: auto;
  }
  
  /**自定义表情**/
  .ql-toolbar.ql-snow .ql-formats .ql-emoji {
    width: 30px !important;
  }
  .ql-toolbar.ql-snow .ql-formats .ql-emoji img{
    width: 20px !important;
  }

  .length_tip {
    padding: 0 25px;
    text-align: right;
    font-size: 12px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }
  .error_tip {
    color: red;
    font-size: 12px;
  }