<template>
  <div class="editor-content">
    <div>
      <el-form :model="article" label-width="125px" ref="articleForm" label-suffix=":" :rules="articleFormRules">
        <el-row :gutter="20">
          <el-col :span="24">
            <content-detail-toolbar ref="contentDetailToolbar" :content.sync="content" :content-id="contentId" :catalog-id="catalogId"></content-detail-toolbar>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :lg="17" :xl="17">
            <div class="panel-fieldset">
              <el-form-item prop="title" label="标题">
                <el-row>
                  <el-col :span="18">
                    <el-input class="article-title" v-model="article.title" :style="article.titleStyle"></el-input>
                    <span class="title-span" v-show="sameTitleShow">{{sameTitleNotice}}</span>
                  </el-col>
                  <el-col :span="1" class="center">
                    <span> {{article.title?article.title.length:0}}</span>
                  </el-col>
                  <el-col :span="5" class="right">
                    <el-button-group>
                      <el-button :type="typeof(article.titleStyle) === 'string' ? (article.titleStyle.indexOf('black') > -1 ? 'primary' : '') : ''" @click="setTitleStyle('black')">加黑</el-button>
                      <el-button :type="typeof(article.titleStyle) === 'string' ? (article.titleStyle.indexOf('red') > -1 ? 'primary' : '') : ''" @click="setTitleStyle('red')">加红</el-button>
                      <el-button :type="typeof(article.titleStyle) === 'string' ? (article.titleStyle.indexOf('bold') > -1 ? 'primary' : '') : ''" @click="setTitleStyle('bold')">加粗</el-button>
                    </el-button-group>
                  </el-col>
                </el-row>
              </el-form-item>
              <el-form-item>
                <el-row>
                  <el-col :span="3">
                    <el-button @click="showShortTitleFlag=!showShortTitleFlag" type="text">
                      <span style="color:#678"> <i class="fa" :class="{'fa-plus':!showShortTitleFlag,'fa-minus':showShortTitleFlag}"> </i>短标题</span>
                    </el-button>
                  </el-col>
                  <el-col :span="3">
                    <el-button @click="showSubTitleFlag=!showSubTitleFlag" type="text">
                      <span style="color:#678"> <i class="fa" :class="{'fa-plus':!showSubTitleFlag,'fa-minus':showSubTitleFlag}"> </i>副标题</span>
                    </el-button>
                  </el-col>
                  <el-col :span="3">
                    <el-button @click="showSourceTitleFlag=!showSourceTitleFlag" type="text">
                      <span style="color:#678"> <i class="fa" :class="{'fa-plus':!showSourceTitleFlag,'fa-minus':showSourceTitleFlag}"> </i>原标题</span>
                    </el-button>
                  </el-col>
                  <el-col :span="15" class="">
                    <el-checkbox v-model="article.linkFlag" true-label="Y" false-label="N" @change="articleLinkFlag">标题新闻</el-checkbox>
                  </el-col>
                </el-row>
              </el-form-item>

              <el-form-item prop="shortTitle" label="短标题" v-show="showShortTitleFlag">
                <el-row>
                  <el-col :span="18">
                    <el-input v-model="article.shortTitle"></el-input>
                  </el-col>
                  <el-col :span="1" class="center">
                    <span>{{article.shortTitle?article.shortTitle.length:0}}</span>
                  </el-col>
                </el-row>
              </el-form-item>

              <el-form-item prop="subTitle" label="副标题" v-show="showSubTitleFlag">
                <el-row>
                  <el-col :span="18">
                    <el-input v-model="article.subTitle"></el-input>
                  </el-col>
                  <el-col :span="1" class="center">
                    <span>{{article.subTitle?article.subTitle.length:0}}</span>
                  </el-col>
                </el-row>
              </el-form-item>

              <el-form-item prop="sourceTitle" label="原标题" v-show="showSourceTitleFlag">
                <el-row>
                  <el-col :span="18">
                    <el-input v-model="article.sourceTitle"></el-input>
                  </el-col>
                  <el-col :span="1" class="center">
                    <span>{{article.sourceTitle?article.sourceTitle.length:0}}</span>
                  </el-col>
                </el-row>
              </el-form-item>

              <el-form-item prop="redirectURL" label="链接地址" v-show="article.linkFlag=='Y'">
                <el-row>
                  <el-col :span="10">
                    <el-input :disabled="!isInputUrl" v-model="article.cName" class="el-300"></el-input>
                  </el-col>
                  <el-col :span="12">
                    <div style="margin-left:15px;">
                      <el-button type="primary" @click="selectContent">链接到内容</el-button>
                      <el-button type="primary" @click="selectCatalog('')">链接到栏目</el-button>
                      <el-button type="primary" @click="inputUrl">外部地址</el-button>
                    </div>
                  </el-col>
                </el-row>
              </el-form-item>
            </div>
            <div class="panel-fieldset" v-show="showPanel" style="margin-top: -14px;">
              <el-row v-if="customLayout.author === 'L' || customLayout.editor === 'L'">
                <el-col :span="12">
                  <el-form-item prop="author" label="作者" v-if="customLayout.author === 'L'" :verify="['Length<50']">
                    <el-input v-model="article.author"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item prop="editor" label="编辑" v-if="customLayout.editor === 'L'" :verify="['Length<50']">
                    <el-input v-model="article.editor"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-form-item prop="attributes" label="内容属性" v-if="customLayout.attributes === 'L'" class="content-attriute">
                <el-checkbox-group v-model="article.attributes" class="content-list">
                  <el-checkbox v-for="attribute in contentAttributes" :key="attribute.value" :label="attribute.value" @change="contentAttributeChange(attribute.value)">{{attribute.label}}</el-checkbox>
                </el-checkbox-group>
              </el-form-item>
              <el-form-item prop="platformAttribute" label="发布平台" v-if="customLayout.platformAttribute === 'L'">
                <el-checkbox-group v-model="article.platformAttribute">
                  <el-checkbox v-for="plat in platformAttributes" :key="plat.ID" :label="plat.ID" >{{plat.name}}</el-checkbox>
                </el-checkbox-group>
              </el-form-item>
              <!-- 暂时注释发布渠道管理（需求待讨论） -->
              <!-- <el-form-item prop="channelAttribute" label="发布渠道" v-if="customLayout.channelAttribute === 'L'">
                <el-checkbox-group v-model="article.channelAttribute">
                  <el-checkbox v-for="channel in channelAttributes" :key="channel.code" :label="channel.code" >{{channel.name}}</el-checkbox>
                </el-checkbox-group>
              </el-form-item> -->
              <el-form-item prop="tags" label="Tag词" v-if="customLayout.tag === 'L'" class="content-attriute">
                <el-row>
                  <el-col :span="24">
                    <el-tag
                      v-for="tag in article.tag"
                      :key="tag"
                      closable
                      :disable-transitions="false"
                      @close="handleTagClose(tag)"
                    >
                      <span :title="tag">{{tag | charWidth(10)}}</span>
                    </el-tag>
                    <select-tags  :tags.sync="article.tag" :content-type="article.contentTypeID" :show.sync="tagInfo.addTag"></select-tags>
                    <el-button v-show="!tagInfo.addTag" class="button-new-tag" size="small" @click="tagBrowseClick"><i class="fa fa-plus"></i></el-button>
                  </el-col>
                </el-row>
              </el-form-item>
              <el-form-item prop="keyword" label="关键词" v-if="customLayout.keyword === 'L'" class="content-attriute">
                <el-row>
                  <el-col :span="20">
                    <el-tag
                      v-for="word in keywords"
                      :key="word"
                      closable
                      :disable-transitions="false"
                      @close="handleWordClose(word)"
                    >
                      <span :title="word">{{word | charWidth(10)}}</span>
                    </el-tag>
                    <el-input
                      class="input-new-tag"
                      v-if="wordInfo.addWord"
                      v-model="wordInfo.inputWord"
                      ref="wordRefs"
                      size="small"
                      @keyup.enter.native="handleWordConfirm"
                      @blur="handleWordConfirm"
                    >
                    </el-input>
                    <el-button v-else class="button-new-tag" size="small" @click="showWord"><i class="fa fa-plus"></i></el-button>
                  <transition name="el-zoom-in-top">
                    <div v-if="keywordValidate.error" class="el-form-item__error">
                      {{keywordValidate.tips}}
                    </div>
                  </transition>
                  </el-col>
                  <el-col :span="4">
                    <el-button type="primary"  :round="true" size="mini" :plain="false" @click="autoSummaryOrKeyword('keyword')">自动提取关键词</el-button>
                  </el-col>
                </el-row>
              </el-form-item>
              <el-row v-if="customLayout.source === 'L'">
                <el-col :span="12">
                  <el-form-item prop="source" label="来源" :verify="['LengthEX<=100|字数必须小于等于33个汉字或200个字母']" class="source-box">
                    <el-input v-model="article.source">
                      <el-button @click="sourceBrowseClick" slot="append"><i class="fa fa-plus"></i></el-button>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item prop="sourceURL" label="来源地址" :verify="['LengthEX<=200|字数必须小于等于66个汉字或200个字母']">
                    <el-input v-model="article.sourceURL" placeholder="http://"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-form-item prop="copyImageFlag" label-width="120px" v-if="customLayout.copyImageFlag === 'L' && article.linkFlag!='Y'" label="下载远程图片">
                <el-row>
                  <el-col :span="22">
                    <el-switch v-model="article.copyImageFlag" active-value="Y" inactive-value="N"></el-switch>
                  </el-col>
                </el-row>
              </el-form-item>
              <el-form-item prop="weight" v-if="customLayout.weight === 'L'" label="权重" class="editor-slider">
                <el-row>
                  <el-col :span="18">
                    <el-slider v-model="article.weight" show-input class="weight-slider"></el-slider>
                  </el-col>
                </el-row>
              </el-form-item>
              <comment-form-item :content.sync="article" v-if="customLayout.comment === 'L'"></comment-form-item>
              <content-extend :content.sync="article" @callback="showExtend = true"></content-extend>
            </div>
            <!--   编辑器框的左右padding设置为0 ，否则自定义宽度为880时会出现横向滚动条！   -->
            <div class="panel-fieldset" v-show="article.linkFlag!='Y'" style="padding:13px 0px 14px;">
              <el-row>
                <el-form-item label-width="0px">
                  <el-col :span="24" class="content-editor-wrap">
                    <template v-if="$route.query.format!=='Markdown'">
                      <div class="wxeditor-toggle-content tool-panel-left left-menu-style" v-loading="leftToolPanelLoading" element-loading-text="正在初始化ZCMS微信内容排版工具" element-loading-background="rgba(0, 0, 0, 0.3)" :class="showWxEditorFlag ? '' : 'wxeditor-panel-left'">
                        <mobile-content-editor v-if="leftToolPanelRender" @rendered="onSideEditorRendered" @selected="onSideEditorSelected"></mobile-content-editor>
                      </div>
                      <div class="divPageTitle" id="divPageTitle_1" style="display: none;">
                        <span class="el-form-item__label">分页标题：</span>
                        <el-input id="PageTitle_1" name="PageTitle" v-model="firstPageTitle" style="width:80%;"></el-input>
                      </div>
                      <ueditor ref="editor" :content.sync="article.bodyText" :config="editorConfig" :auto-init="false" :fixed="true" @contentChange="contentChange" @ready="handleReady" @loaded="handleLoaded" @changeOptions="changeOptions">
                      </ueditor>
                    </template>
                    <editormd v-if="$route.query.format==='Markdown'" ref="editormd" :content.sync="article.bodyText" @contentChange="contentChange" @loaded="handleLoaded">
                    </editormd>

                    <!-- <i v-if="$route.query.format!=='Markdown'" @click="rightMenuBar=!rightMenuBar" class="postil fa" :class="rightMenuBar?'fa-angle-right':'fa-angle-left'" title="批注"></i>
                    <postil ref="postil" :show.sync="rightMenuBar" :contentID="contentID" :content.sync="article.bodyText"></postil> -->
                  </el-col>
                </el-form-item>
              </el-row>
            </div>
          </el-col>
          <el-col :lg="7" :xl="7">
            <div class="sidebar inner-form-item">
              <el-collapse v-model="activeNames">
                <el-collapse-item title="基本属性" name="1" class="sidebar-item-box">
                  <!-- <el-form label-width="80px" label-suffix=":"> -->
                    <el-form-item prop="author" label-width="80px" label="作者" v-if="customLayout.author !== 'L'" :verify="['Length<50']">
                      <el-input v-model="article.author"></el-input>
                    </el-form-item>
                    <el-form-item prop="editor" label-width="80px" label="编辑" v-if="customLayout.editor !== 'L'" :verify="['Length<50']">
                      <el-input v-model="article.editor"></el-input>
                    </el-form-item>
                    <el-form-item label-width="80px" label="所属栏目">
                      <el-input disabled v-model="article.catalogName"></el-input>
                      <content-move-button class="btn-move-catalog" :content-ids="!article.ID?'new':article.ID" :isEditContent="true" :button-name='"切换"' :content-type="article.contentTypeID" :catalog-ids="article.catalogID" @refresh-content="catalogSelection" :size='"medium"' :button-type='"primary"'></content-move-button>
                    </el-form-item>
                    <div class="sidebar-item-box-logo">
                      <logo-path :path.sync="article.logoFile" :preview-path.sync="article.fullLogoFile" :resource-dialog-props="resourceDialogProps" :logo-style.sync="logoStyle"  @callback="updateResourceID"  editPosition="right"></logo-path>
                    </div>
                    <el-form-item prop="attributes" label-width="80px" label="内容属性" v-if="customLayout.attributes !== 'L'" class="content-attriute">
                      <el-checkbox-group v-model="article.attributes">
                        <el-checkbox v-for="attribute in contentAttributes" :key="attribute.value" :label="attribute.value" @change="contentAttributeChange(attribute.value)">{{attribute.label}}</el-checkbox>
                      </el-checkbox-group>
                    </el-form-item>
                    <el-form-item prop="platformAttribute" label-width="80px" label="发布平台" v-if="customLayout.platformAttribute !== 'L'">
                      <el-checkbox-group v-model="article.platformAttribute">
                        <el-checkbox v-for="plat in platformAttributes" :key="plat.ID" :label="plat.ID" >{{plat.name}}</el-checkbox>
                      </el-checkbox-group>
                    </el-form-item>
                    <!-- 暂时注释发布渠道管理（需求待讨论） -->
                    <!-- <el-form-item prop="channelAttribute" label="发布渠道" v-if="customLayout.channelAttribute !== 'L'">
                      <el-checkbox-group v-model="article.channelAttribute">
                        <el-checkbox v-for="channel in channelAttributes" :key="channel.code" :label="channel.code" >{{channel.name}}</el-checkbox>
                      </el-checkbox-group>
                    </el-form-item> -->
                  <!-- </el-form> -->
                </el-collapse-item>
                <el-collapse-item title="扩展属性" name="2" class="sidebar-item-box">
                  <!-- <el-form label-width="80px" label-suffix=":"> -->
                    <el-form-item prop="tags" label-width="80px" label="Tag词" v-if="customLayout.tag !== 'L'" class="content-attriute">
                      <el-tag
                        v-for="tag in article.tag"
                        :key="tag"
                        closable
                        :disable-transitions="false"
                        @close="handleTagClose(tag)"
                      >
                        <span :title="tag">{{tag | charWidth(10)}}</span>
                      </el-tag>
                      <select-tags :tags.sync="article.tag" :content-type="article.contentTypeID" :show.sync="tagInfo.addTag"></select-tags>
                      <el-button v-show="!tagInfo.addTag" class="button-new-tag tag-select" size="small" @click="tagBrowseClick"><i class="fa fa-plus"></i></el-button>
                    </el-form-item>
                    <el-form-item prop="keyword" label-width="80px" label="关键词" v-if="customLayout.keyword !== 'L'" class="content-attriute">
                      <el-tag
                        v-for="word in keywords"
                        :key="word"
                        closable
                        :disable-transitions="false"
                        @close="handleWordClose(word)"
                      >
                        <span :title="word">{{word | charWidth(10)}}</span>
                      </el-tag>
                      <el-input
                        class="input-new-tag"
                        v-if="wordInfo.addWord"
                        v-model="wordInfo.inputWord"
                        ref="wordRefs"
                        size="small"
                        @keyup.enter.native="handleWordConfirm"
                        @blur="handleWordConfirm"
                      >
                      </el-input>
                      <el-button v-else class="button-new-tag tag-select" size="small" @click="showWord"><i class="fa fa-plus"></i></el-button><br/>
                      <transition name="el-zoom-in-top">
                        <div v-if="keywordValidate.error" class="el-form-item__error">
                          {{keywordValidate.tips}}
                        </div>
                      </transition>
                      <div><el-button type="primary" size="mini" :plain="false" @click="autoSummaryOrKeyword('keyword')"><i class="fa fa-hand-lizard-o"></i> 提取关键词</el-button></div>
                    </el-form-item>
                    <el-form-item prop="textarea" label-width="0px">
                      <el-row style="position:relative;">
                        <el-col>
                          <el-input type="textarea" v-model="article.summary" class="form-item" placeholder="摘要" :autosize="{ minRows: 4, maxRows: 8}"></el-input>
                          <span style="position:absolute;bottom:40px;right:6px;color:#999;">{{summaryCounter}}</span>
                          <div style="text-align:right;line-height:0;margin-bottom: 7px;">
                            <el-button  type="primary" size="mini" :plain="false" @click="autoSummaryOrKeyword('summary')"><i class="fa fa-hand-lizard-o"></i> 提取摘要</el-button>
                          </div>
                        </el-col>
                      </el-row>
                    </el-form-item>
                    <el-form-item label-width="80px" label="发布时间" prop="publishDate" class="time_picker_css">
                      <el-date-picker id="publishDatepicker" v-model="article.publishDate" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="请选择发布时间">{{article.publishDate}}</el-date-picker>
                    </el-form-item>
                    <el-form-item label-width="80px" label="下线时间" prop="downlineDate" class="time_picker_css" >
                      <el-date-picker id="downlineDatepicker" v-model="article.downlineDate" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="请选择下线时间">{{article.downlineDate}}}</el-date-picker>
                    </el-form-item>
                  <!-- </el-form> -->
                </el-collapse-item>
                <el-collapse-item title="其他属性" name="3" class="sidebar-item-box">
                  <!-- <el-form label-width="100px" label-suffix=":"> -->
                    <div v-if="customLayout.source !== 'L'">
                      <el-form-item label-width="80px" prop="source" label="来源" :verify="['LengthEX<=100|字数必须小于等于33个汉字或100个字母']" class="source-box">
                        <el-input v-model="article.source">
                          <el-button @click="sourceBrowseClick" slot="append"><i class="fa fa-plus"></i></el-button>
                        </el-input>
                      </el-form-item>
                      <el-form-item label-width="80px" prop="sourceURL" label="来源地址" :verify="['LengthEX<=200|字数必须小于等于66个汉字或200个字母']">
                        <el-input v-model="article.sourceURL" placeholder="http://"></el-input>
                      </el-form-item>
                    </div>
                    <el-form-item label-width="120px" prop="copyImageFlag" label="下载远程图片" v-if="customLayout.copyImageFlag !== 'L' && article.linkFlag!='Y'">
                      <el-switch v-model="article.copyImageFlag" active-value="Y" inactive-value="N"></el-switch>
                    </el-form-item>

                    <el-form-item label-width="80px" prop="weight" label="权重" v-if="customLayout.weight !== 'L'" class="custom-weight editor-slider">
                      <el-slider v-model="article.weight" show-input class="weight-slider"></el-slider>
                    </el-form-item>
                    <div class="sidebar-item-box-comment">
                      <comment-form-item label-width="80px" :content.sync="article" :is-custom-edit="true" v-if="customLayout.comment !== 'L'"></comment-form-item>
                    </div>
                    <el-form-item label-width="80px" prop="templateFlag" label="独立模板">
                      <el-switch v-model="article.templateFlag" active-value="Y" inactive-value="N"></el-switch>
                    </el-form-item >
                    <!-- 独立模板组件 -->
                    <div v-if="article.templateFlag ==='Y'">
                      <template v-for="item in platformAttributes" >
                        <el-form-item label-width="80px" :label="item.ID" :key="item.ID" >
                          <template-picker v-model.trim="article.detailTemplate[item.ID]" type="ArticleDetail" :target-platform="item.ID" input-width="110px"></template-picker>
                        </el-form-item>
                      </template>
                    </div>
                  <!-- </el-form> -->
                </el-collapse-item>
              </el-collapse>
            </div>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <content-selector title="选择内容记录" :show.sync="contentSelectorDialogModal" @callback="contentSelectorCallback"></content-selector>
    <select-tags-dialog :word-flag.sync="tagFlag" :content-type="contentType" @wordCallBack="tagCallBack" type="tag" title="选择Tag词"></select-tags-dialog>
    <select-sources-dialog :word-flag.sync="sourceFlag" :content-type="contentType" type="source" title="选择来源" @wordCallBack="sourceCallBack"></select-sources-dialog>
    <catalog-selector-dialog :show.sync="catalogSelectorDialogModal" :catalog-id="this.article.catalogID" input-type="radio" title="选择栏目" @callback="catalogSelectorCallback"></catalog-selector-dialog>
    <settop-dialog :show-set-top-flag.sync="showSetTopFlag" :contentID="article.ID" :top-time="article.topTime"></settop-dialog>
    <template-dialog title="选择模板文件" :is-show-modal.sync="templateChoicePath.isShowModal" :template-attribute="templateChoicePath.templateAttribute"
      @get-template-path="getTemplatePath" :siteID="article.siteID" :platformID="platformID">
    </template-dialog>
    <el-dialog title="编辑调查项" :visible.sync="voteDialogShow" class="vote-item-dialog">
      <vote-item :ID="voteItemID" :from-article-editor="true"></vote-item>
      <div slot="footer">
        <el-button type="primary" @click=" voteDialogShow = false">关 闭</el-button>
      </div>
    </el-dialog>
    <el-dialog title="广告数据" :visible.sync="atverdiseDialogShow" class="atverdise-list-dialog">
      <atverdise-list :ID="atverdiseID" :from-article-editor="true"></atverdise-list>
      <div slot="footer">
        <el-button type="primary" @click=" atverdiseDialogShow = false">关 闭</el-button>
      </div>
    </el-dialog>
    <el-dialog title="提示" :visible.sync="badWordDialogShow" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" center class="badWordDialog" width="30%">
      <div>内容中存在敏感词，继续保存吗？</div>
      <div slot="footer">
        <el-button type="primary" @click="badwordConfirmAction('save')">保存</el-button>
        <el-button type="primary" @click="badwordConfirmAction('replace')">替换保存</el-button>
        <el-button type="primary" @click="badwordConfirmAction('cancel')">取消</el-button>
      </div>
    </el-dialog>
    <BackTop></BackTop>
  </div>
</template>
<script src="./articleEditor.js"></script>
<style>
.panel-fieldset{
    padding: 13px 15px 4px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(99, 99, 99, .05);
    margin: 10px auto auto 0px;
}
.editor-slider .el-slider__button-wrapper {
  z-index: 100;
}
.custom-weight .el-slider__runway.show-input {
  margin-right: 120px;
}

.custom-weight .el-input-number.el-slider__input.el-input-number--small {
  width: 105px;
}

.time_picker_css .el-date-editor.el-input {
  width: 100%;
}
.el-tag i.el-tag__close{
  padding-right: 0;
}
.editor-content .sidebar .el-collapse-item__header.is-active{
  border-bottom-color: #ebeef5
}
.editor-content .sidebar .el-collapse-item__header{
  border-bottom-color: transparent
}
.editor-content .sidebar .el-collapse-item__header {
  border-top: none;
}
.editor-content .sidebar .el-collapse-item__content{
  padding-top: 15px;
}
.divPageTitle span.el-form-item__label {
  margin-left: 28px;
}
</style>

<style scoped>
.editor-content {
  padding-bottom: 20px;
}
.postil {
  position: absolute;
  top: 50%;
  right: -10px;
  cursor: pointer;
}

.el-tag {
  margin-right: 10px;
}
.button-new-tag {
  margin-left: 0px;
  height: 32px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  border-style: dashed;
}
.tag-select {
  margin-left: 0px;
}
.input-new-tag {
  width: 120px;
  vertical-align: bottom;
}
.left-menu-style {
  position: absolute;
  width: 430px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  top: 95px;
  left: 0;
  bottom: 10px;
  /* overflow: scroll; */
  background: #ffffff;
  z-index: 2000
}

.left-menu-arrow-style {
  width: 5px;
  height: 10px;
  position: absolute;
  z-index: 10000000;
  /* background: red; */
  left: 2px;
  top: 500px;
  margin-top: -5px;
  font-size: 24px;
}

.content-list span.el-checkbox__label {
  font-size: 15px;
}

.title-span {
  background-color: rgba(255, 252, 205, 0.8);
  border: 1px solid #ffc968;
  padding: 3px 5px 2px;
  border-radius: 4px;
  z-index: 2;
  margin-top: -1px;
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}

.inner-form-item .el-form-item, .inner-form-item .sidebar-item-box-comment {
  padding: 0 15px
}
.inner-form-item .sidebar-item-box-logo{
  padding: 10px 15px 0
}
.content-editor-wrap {
  position: relative;
  overflow-x: hidden;
}
.content-editor-wrap >>> .edui-toolbar{
  max-width: 865px;
  margin: 0 auto
}
.content-editor-wrap >>> .wxeditor-panel-left {
  left: -435px!important;
}
/* .inner-form-item .el-form-item__label {width: 80px;} */
</style>
