.editor-add {
  padding: 0;
  max-height: 75%;
  display: flex;
  flex-direction: column;

  :global(.el-popover__title) {
    line-height: 50px;
    padding: 10px 20px 0;
    border-bottom: 1px solid #eaeaea;
    margin: 0;
  }

  .editor-add-content {
    font-size: 14px;
    padding: 0 20px 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;

    .editor-base {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      .editor-base-item, &:after {
        width: 68px;
        margin: 16px 0 0 !important;
        color: #415058 !important;

        &:hover {
          color: #3f8cff;
        }
      }

      &:after {
        content: '';
      }

      .editor-base-item {
        background-color: #f6f6f6;
        font-size: 24px;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #eaeaea;


        &:before {
          // margin: 10px 0;
        }

        &:after {
          margin-top: 10px;
          line-height: 1.5em;
        }

        &:hover {
          border-color: #3f8cff;
        }
      }

      :global(.xt-tianxiexiang):after {
        content: '填写项';
      }

      :global(.xt-biaodan-duoxuan):after {
        content: '多选';
      }

      :global(.xt-biaodan-danxuan):after {
        content: '单选';
      }

      :global(.xt-gongjulan-xinzeng-chatu):after {
        content: '图片';
      }

      :global(.xt-location):after {
        content: '位置';
      }
    }

    .editor-other {
      color: #7d8592;

      .editor-other-title {
        line-height: 3em;
        margin-top: 1em;
      }

      .editor-other-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        .editor-other-list-item, &:after {
          width: 5em;
          margin-bottom: 10px;
        }

        &:after {
          content: '';
        }

        .editor-other-list-item {
          padding: 0 .25em;
          background-color: #f6f6f6;
          border: 1px solid #f0f0f0;
          line-height: 2em;
          text-align: center;
          cursor: pointer;
          border-radius: 3px;

          &:hover {
            color: #3f8cff;
            border-color: #3f8cff;
          }

        }
      }
    }
  }
}
