.site-page-header {
  position        : sticky;
  top             : 0;
  z-index         : 9;
  padding         : 24px 24px 10px;
  background-color: white;
  font-family     : PingFang SC;

  .back {
    font-family: PingFang SC;
    font-size  : 14px;
    font-weight: 400;
    line-height: 22px;
    text-align : left;
    cursor     : pointer;
  }
}

.edit-content {
  margin      : 0 0 20px;
  padding     : 0 24px;
  // height   : calc(100% - 250px);
  min-width   : 1000px;

  .title {
    font-family  : PingFang SC;
    font-size    : 20px;
    font-weight  : 500;
    line-height  : 32px;
    text-align   : left;
    margin-bottom: 16px;
  }

  .textbook {
    // height: 200px;
    margin: 10px auto;

    // background: aliceblue;
    .text-list {
      display: flex;

      .list {
        display  : flex;
        flex-wrap: wrap;
        flex     : 1;
        font-size: 14px;

        .text {
          font-family: PingFang SC;
          font-weight: 400;
          line-height: 22px;
          text-align : left;
          color      : #231C1F99;
        }

        .text-name {
          margin-left: 10px;
        }

        .show-text {
          cursor     : pointer;
          color      : #066BE7;
          margin-left: 20px;
          flex-shrink: 0;
        }
      }
    }
  }

  .dep-comp {
    margin         : 10px auto;
    display        : flex;
    justify-content: space-between;
    background     : #f2f3f5;
    margin         : 10px auto;
    padding        : 10px;

    .dep-left,
    .dep-right {
      width        : 48%;
      background   : white;
      padding      : 10px;
      border-radius: 10px;
    }

    .dep-right {
      .tool {
        display        : flex;
        justify-content: space-between;

        .clrea {
          font-family: PingFang SC;
          font-size  : 14px;
          font-weight: 400;
          line-height: 22px;
          text-align : right;
          color      : #B21A39;
          cursor     : pointer;
        }
      }
    }

    .select {
      height    : 240px;
      overflow-y: scroll;

      .li {
        margin-top     : 6px;
        padding        : 4px 6px;
        width          : 100%;
        cursor         : pointer;
        font-family    : PingFang SC;
        font-size      : 14px;
        font-weight    : 400;
        line-height    : 22px;
        text-align     : left;
        display        : flex;
        justify-content: space-between;
        align-items    : center;

        .detail {
          margin-left: 24px;
          font-family: PingFang SC;
          font-size  : 12px;
          font-weight: 400;
          line-height: 20px;
          text-align : left;
          color      : #86909C;
        }
      }

      .li:hover {
        background: #f2f3f5;
      }

      .li:hover .check {
        background: white;
      }
    }
  }

  .fonter {
    margin-top: 10px;
  }
}

::ng-deep .ant-page-header-heading-title {
  white-space: normal;
}

::ng-deep .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #c6233f;
}

::ng-deep .ant-tabs-ink-bar {
  background: #c6233f;
}

::ng-deep .ant-tabs-tab:hover {
  color: #e97488;
}

::ng-deep .ant-tabs-tab-btn:active {
  color: #e97488;
}
::ng-deep .ant-page-header {
  padding: 0 !important;
}