:global {
  html,
  body,
  #root {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    background-color: #eef0f5;
  }
  body {
    font-family: 'Helvetica Neue For Number', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC',
      'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.65);
    a {
      color: rgba(31, 125, 248, 1);
    }
    ::placeholder {
      color: rgba(157, 164, 178, 1);
      font-weight: 400;
    }
  }
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .two_line_text_truncate {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .three_line_text_truncate {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .oct-container {
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: 14px;
    &__data {
      flex-grow: 1;
      margin-top: 20px;
      background: #fff;
      margin-bottom: 20px;
      &_inner {
        padding: 20px 40px;
        color: #212121;
        font-size: 14px;
        .@{ant-prefix}-form-item-label label {
          color: #212121;
          font-size: 14px;
        }
      }
      &_inner-flex {
        display: flex;
      }
      &_h1 {
        font-size: 18px;
        color: #30354d;
      }
      &_h2 {
        line-height: 24px;
      }
      &_inline-block {
        display: inline-block;
      }
    }
    &__data_short {
      min-height: 0;
    }
    &__search {
      margin: 4px 0 20px 40px;
    }
    &__table {
      width: 100%;
      font-size: 12px;
      color: rgba(48, 52, 79, 0.8);
    }
  }
  .mce-content-body img {
    vertical-align: bottom;
  }
}