.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: 100vh;
  z-index: 100;

  .page-tips {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #FFF4E6;
    text-align: center;
    .tips_button {
      width: 24px;
      height: 24px;
      line-height: 24px;
      padding: 0;
      float: right;
      margin-top: 9px;
      margin-right: 14px;
      border-radius: 50%;
    }
  }

  .page-header {
    height: 48px;
  }

  .c7n-bar-title {
    margin: 0 !important;
  }

  .page-body {
    flex: 1 1 0;
    display: flex;

    .content-wrapper {
      display: flex;
      flex: 1 1 0;
      background-color: white;
      position: relative;
    }

    .content {
      flex: 1 1 0;
      order: 2;
      flex-direction: column;
      background-color: white;
      position: relative;
      display: flex;
      width: 100%;
      height: 100%;
      //margin-left: 100px;
      //height: calc(100% - 48px);
    }

    .content-large {
      left: 280px;
      width: calc(100% - 280px);
    }

    .content-small {
      left: 231px;
      width: calc(100% - 231px);
    }

    .c7n-under-content {
      max-height: calc(100% - 58px);
      overflow: auto;
    }
  }
}