@import "~@/assets/varible.less";
@headerHeight: 55px;
@footerHeight: 80px;
.app-registry {
  height    : 100%;
  background: #fff;

  .app-registry-layout {
    height    : 100%;
    background: #fff;

    .header {
      z-index       : 10;
      height        : @headerHeight;
      line-height   : @headerHeight;
      background    : @primary-color;
      box-shadow    : @box-shadow-base;
      width         : 100%;
      margin        : auto;
      padding       : 0;
      // height     : 100%;

      .ant-row {
        max-width: 1024px;
        margin   : auto;
        height   : 100%;

        .left {
          padding-left: 30px;
          height      : 100%;

          img {
            height: 100%;
          }
        }

        .right {
          text-align   : right;
          padding-right: 30px;
          color        : #fff;

          label {
            margin-right: 10px;
          }
        }
      }
    }

    .container {
      height: calc(100% - @headerHeight - @footerHeight);
      width: 100%;
      // position  : relative;
      // text-align: ;
      overflow-y: auto;
      .registry-form {
        // position     : absolute;
        // left         : 70%;
        // top          : 50%;
        width           : 500px;
        margin          : 40px auto;
        // transform    : translate(-50%, -50%);
        // padding         : 20px;
        // border-radius   : 5px;
        // border          : @border;
        // background      : rgba(255, 255, 255, 0.2);
        .captchaImg, .captchaBtn {
          width: 100%;
        }
      }
    }

    .footer {
      width: 100%;
      height    : @footerHeight;
      background: #fff;
      text-align: center;
      border-top: @border;

      .ant-row {
        max-width: 600px;
        margin   : auto;

        // .left {
        //   text-align   : right;
        //   padding-right: 10px;
        // }

        .right {
          text-align  : center;
          padding-left: 10px;
          line-height: 38px;
          // border-left : @border;
        }
      }
    }
  }
}