.body-box {
  display               : flex;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  justify-content       : space-between;
  width                 : 100%;
  max-width             : 1080px;
  height                : 100%;
  margin                : auto;
  padding               : 50px 0 80px;
  -webkit-box-orient    : vertical;

  .box-header {
    max-width    : 240px;
    max-height   : 48px;
    margin-bottom: 36px;
  }

  .box-content {
    width : 100%;
    height: 560px;

    .form-box {
      margin          : 0 auto;
      padding         : 40px 88px 40px;
      background-color: #fff;

      .title {
        margin-bottom: 30px;
        color        : #1890ff;
        font-weight  : 800;
        font-size    : 32px;
        text-align   : center;
      }

      .other {
        margin-top : 24px;
        line-height: 22px;
        text-align : left;
      }
    }
  }

  .box-footer {
    padding-top: 70px;
    color      : #626262;
    font-weight: 400;
    font-size  : 14px;
    text-align : center;
  }
}

::ng-deep {
  passport-login {
    background-color: #f0f4f7;
  }
}

:host ::ng-deep {

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }

  /* 火狐 */
  input[type='number'] {
    -moz-appearance: textfield;
  }

  // tabs样式调整
  .ant-tabs-nav-list {
    justify-content: space-between;
    width          : 281px;
    margin         : auto;

    .ant-tabs-tab-btn {
      font-size: 18px;
    }

    .ant-tabs-tab {
      margin: 0;
    }
  }

  .ant-tabs-top>.ant-tabs-nav {
    margin: 0 0 30px 0;

    .ant-tabs-ink-bar {
      height: 4px;
    }
  }

  .ant-tabs-top>.ant-tabs-nav::before {
    border-bottom: 0;
  }

  nz-input-group {
    height   : 50px;
    font-size: 16px;
  }
}