.content {
    margin-top: 20px;
}

p, .content {
    font-family: PingFangSC-Regular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 0.04em;
    white-space: pre-wrap !important;

    /* 深蓝 */

    color: #313F51;
}


h1, h2, h3, h4, h5, h6 {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500
}

.quillWrapper p {
    clear: both;
}

.quillWrapper video.ql-video {
    display: inline-block;
    vertical-align: top;
}

.quillWrapper video:focus {
    outline: 0;
}

.quillWrapper .ql-divider {
    clear: both;
    width: 100%;
    height: 8px;
    margin-top: 7px;
    margin-bottom: 7px;
    background: #f3f3f3;
}

.ql-snow .ql-editor blockquote {
    border-left: 8px solid #ccc;
}

/**
  默认样式 start
 */
.ql-editor {
    white-space: pre-wrap !important;
    padding: 0;
    overflow: hidden;
}

.ql-container {
    white-space: pre-wrap !important;
}

.quillWrapper .ql-container,
.quillWrapper .ql-editor {
    color: rgba(0, 0, 0, 0.85);
    font-size: 28px;
    background: white;
    font-family: PingFangSC-Regular, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0.04em;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
    font-family: PingFangSC-Regular, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    content: '默认字体';
}

.quillWrapper .ql-snow .ql-editor img {
    vertical-align: top;
    /*width: 100%;*/
    /*已上传的图片禁止拖动，否则会有bug -webkit-user-drag: none;*/
}

/**
  默认样式 end
 */

.ql-editor .ql-size-10px {
    font-size: 20px;
}

.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: '10';
}

.ql-editor .ql-size-12px {
    font-size: 24px;
}

.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: '12';
}

.ql-editor .ql-size-14px {
    font-size: 28px;
}

.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: '14';
}

.ql-editor .ql-size-16px {
    font-size: 32px;
}

.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: '16';
}

.ql-editor .ql-size-18px {
    font-size: 36px;
}

.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: '18';
}

.ql-editor .ql-size-20px {
    font-size: 40px;
}

.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: '20';
}

.ql-editor .ql-size-22px {
    font-size: 44px;
}

.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: '22';
}

.ql-editor .ql-size-24px {
    font-size: 48px;
}

.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: '24';
}

.ql-editor .ql-size-26px {
    font-size: 52px;
}

.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: '26';
}

.ql-editor .ql-size-28px {
    font-size: 56px;
}

.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: '28';
}

.ql-editor .ql-size-30px {
    font-size: 60px;
}

.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: '30';
}

.ql-editor .ql-font-PingFangSC {
    font-family: 'PingFang SC', serif;
}

.ql-editor .ql-font-YouSheBiaoTiHei {
    font-family: YouSheBiaoTiHei, serif;
}

.ql-editor .ql-font-Microsoft-YaHei {
    font-family: 'Microsoft YaHei', serif;
}

.ql-editor .ql-font-SimSun {
    font-family: 'SimSun', serif;
}

.ql-editor .ql-font-SimHei {
    font-family: SimHei, hei, STHeiti, serif;
}

.ql-editor .ql-font-KaiTi {
    font-family: Kai, KaiTi, serif;
}

.ql-editor .ql-font-FangSong {
    font-family: 'FangSong', serif;
}

.ql-editor .ql-font-Arial {
    font-family: 'Arial', serif;
}

.ql-editor .Times-New-Roman {
    font-family: 'Times New Roman', serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='PingFangSC']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='PingFangSC']::before {
    content: '平方';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='YouSheBiaoTiHei']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='YouSheBiaoTiHei']::before {
    font-family: YouSheBiaoTiHei, serif;
    content: '优设标题黑';
}

.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='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='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 {
    font-family: SimHei, hei, STHeiti, serif;
    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 {
    font-family: Kai, KaiTi, serif;
    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='Times-New-Roman']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Times-New-Roman']::before {
    content: 'Times New Roman';
}

.ql-clipboard {
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 21em;
}
