.ztxk-print {
  .ztxk-print--header {
    padding: @padding-base;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 100;
    // 每项定义一个边距
    .ph__item,
    button {
      margin-left: 10px;
      &:first-child {
        margin-left: 0;
      }
    }
  }
  .ztxk-print--content {
    width: 100%;
    min-height: 500px;
    font-family: microsoft-yahei;
    .ztxk-print--main {
      width: 1000px;
      margin: auto;
      .ztxk-print--page {
        min-height: 200px;
      }
    }
  }
  .ztxk-print--page-break__before {
    display: block;
    page-break-before: always;
  }
  .ztxk-print--page__pagination {
    text-align: center;
    margin: @margin-base 0;
  }
  .ztxk-print--page-break__after {
    display: block;
    page-break-after: always;
    &:last-child {
      display: none;
      page-break-after: auto;
    }
  }
}

@media print {
  .non-printable {
    visibility: hidden;
    display: none;
  }
  // 这个样式会影响整个页面
  // body * {
  //   visibility: hidden;
  // }
  .ztxk-print--content,
  .ztxk-print--content * {
    visibility: visible;
  }
  footer.ztxk-print--page__pagination {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
}