html {
  font-size: 65px;
}

#__layout {
  height: 100%;
}

#app {
  height: 100%;
  overflow-y: auto;
}

@media screen and (max-width: 768px) {
  .mq-container .about-banner {
    height: 5.33rem;
  }

  .mq-container .carry-container {
    padding: 0.53rem 0.27rem;
  }

  .mq-container .carry-content {
    padding: 0.8rem 0.13rem 0.4rem;
  }

  .mq-container .m-container {
    width: 9.6rem;
    overflow: hidden;
  }

  .mq-container .home-banner {
    height: 8rem;
  }

  .mq-container .qr-container {
    position: fixed;
    right: 0;
    top: 35vh;
    right: 20px;
    z-index: 2000;
  }

  .mq-container .scene-item {
    width: 50%;
    flex: 0 0 1;
    margin-bottom: 0.53rem;
  }

  .mq-container .scene-item:last-child {
    margin-bottom: 0;
  }

  .mq-container .home-banner_inner {
    top: 1.33rem;
  }

  .mq-container .product-item {
    height: 0.8rem;
    line-height: 0.8rem;
  }

  .mq-container .navbar-header-sm {
    padding: 0 0.27rem;
  }

  .mq-container .navbar-header {
    height: 1.33rem;
    line-height: 1.33rem;
    /* padding: 0 20px; */
    width: 100%;
  }

  .mq-container .navbar-header .navbar-link {
    height: 1.33rem;
  }

  .mq-container .navbar-logo {
    width: 2.67rem;
    height: 0.53rem;
  }

  .mq-container .navbar-icon {
    width: 2.27rem;
  }

  .mq-container .navbar-link--out,
  .mq-container .navbar-register {
    height: 1.33rem;
    line-height: 1.33rem;
  }
}

@media screen and (max-width: 576px) {
  .mq-container .m-container {
    width: auto;
    max-width: 94%;
    overflow: hidden;
  }
}

@media screen and (max-width: 1440px) {
  .mq-container .stage-item_desc,
  .mq-container .stage-more {
    padding: 0 0.53rem;
  }

  .mq-container .stage-item_title {
    padding: 0.27rem 0.53rem;
  }

  .mq-container .tech-col {
    margin-bottom: 0.27rem;
  }

  .mq-container .instance-item-header {
    height: 5.07rem;
  }
}

/**
 @media screen and (max-width: 768px) {
 .mq-container  .practice-page {
   .mq-container  .practice-content {
       padding: 50px 0 0;
     }
   }
 }
 @media screen and (max-width: 1440px) {
  .mq-container  .m-container {
      width: 1360px;
      overflow: hidden;
    }
  }
  @media screen and (max-width: 1366px) {
  .mq-container  .m-container {
      width: 1300px;
      overflow: hidden;
    }
  }
 **/
