.ht-base-page-header-data {
  border: 1px solid #EBEDF0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
  position: relative;
  padding: 16px 24px;
  background: #fff;
  overflow-x: scroll;
  .page-header-box {
    width: 900px;
    .page-header-back {
      display: inline-block;
      padding: 4px 0;
      font-size: 14px;
      line-height: 100%;
      .divider {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: rgba(0, 0, 0, 0.65);
        font-size: 14px;
        line-height: 1.5;
        list-style: none;
        background: #e8e8e8;
      }
      .divider-vertical {
        height: 14px;
        margin-left: 12px;
        position: relative;
        top: -0.06em;
        display: inline-block;
        width: 2px;
        vertical-align: middle;
      }

    }
    //.page-header-heading {
    //  display: inline-block;
    .page-header-heading-title {
      display: inline-block;
      padding-right: 12px;
      color: @title-color;
      font-weight: 400;
      font-size: 14px;
      line-height: 1.4;
    }
    .page-header-heading-sub-title {
      display: inline-block;
      padding-right: 12px;
      color: @sub-color;
      font-size: 12px;
      line-height: 1.8;
    }
    .page-header-heading-tags {
      display: inline-block;
      vertical-align: top;
      .ht-base-tag.ivu-tag {
        height: 16px;
        line-height: 16px;
        font-size: 10px;
      }
    }
    .ht-base-button {
      font-size: 12px;
      margin: 2px 0 2px 8px;
      float: right;
    }
    .ht-base-button:nth-of-type(1) {
      margin-right: 10px;
    }
    .page-header-heading-extra > * {
      margin-left: 8px;
    }
    //}
  }

  .page-header-content {
    padding-top: 12px;
    width: 900px;
    .content {
      padding-left: 40px;
      flex: 1;
    }
    .extraContent {
      min-width: 240px;
      text-align: right;
      margin-right: 10px;
      .statistic {
        margin: 0;
        padding: 0;
        color: rgba(0, 0, 0, 0.65);
        font-size: 14px;
        line-height: 1.5;
        list-style: none;
        margin-top: 16px;
        .statistic-title {
          margin-bottom: 0;
          color: @sub-color;
          font-size: 12px;
        }
        .statistic-content {
          color: @title-color;
          font-size: 24px;
          font-family: Tahoma, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
        }
      }
    }
  }
}
