/* 适应 */
  @media all and (max-width:920px) {

      .main .menubg {
          width: 0;
          margin: 0
      }

      .main .menubg #menu,
      .main .menubg #menu.fixed {
          width: 0;
          opacity: 0;
          pointer-events: none
      }

      .main #content {
          min-width: calc(100vw - 100px)
      }

      /* header.description {
        width: calc(100vw - 100px);
        margin-left: 50px;
        transition: width .5s
    } */

      header.header>.header-title {
          font-size: min(60px, 10vw);
          /* left: 50%; */
          transform: translate(-50%, -50%)
      }

  }

  @media (max-width: 800px) {
      .header-title {
          font-size: 10vw;
      }

      .header-title::after {
          position: absolute;
          display: block;
          content: attr(data-text);
          left: -6px;
          top: -4px;
          color: var(--mg);
          padding: 0px;
      }
  }

  @media (max-width: 574px) {
      .header-title {
          font-size: 10vw;
      }

      .header-title::after {
          position: absolute;
          display: block;
          content: attr(data-text);
          left: -6px;
          top: -4px;
          color: var(--mg);
          padding: 0px;
      }
  }

  /* @media screen and (max-width: 768px) {

   
    header.description>.bigTitle {
      font-size: 40px;
    }
  } */

  /* @media all and (max-width:700px),
 all and (max-aspect-ratio:2/3) {

     .bg,
     .bg1,
     .bg2,
     .bg3,
     .bg4 {
         width: 700px;
     }
 } */

  /* 
 @media (max-width: 1400px) {
     header {
         padding: 17px 3%;
         transition: .2s;
     }

     header.sticky {
         padding: 10px 3%;
         transition: .2s;
     }

     section {
         padding: 80px 3%;
         transition: .2s;
     }

     :root {
         --big-font: 4.5rem;
         --h2-font: 2.3rem;
         --p-font: 1rem;
         transition: .2s;
     }
 }

 @media (max-width: 1040px) {
     #menu-icon {
         display: block;
     }

     .stick #menu-icon {
         color: var(--text-color);
     }

     .home {
         height: 88vh;
     }

     .navbar {
         position: absolute;
         top: 0;
         right: -100%;
         width: 270px;
         height: 120vh;
         background: #1067cc;
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 150px 30px;
         transition: 0.5s all;
     }

     .navbar a {
         display: block;
         margin: 1.2rem 0;
     }

     .sticky .navbar a {
         color: var(--bg-color);
     }

     .navbar a:hover {
         color: var(--text-color);
     }

     .open {
         right: 0;
     }

     .list {
         width: 50%;
         margin-bottom: 12px;
     }
 }

 @media (max-width: 575px) {
     .list {
         width: 100%;
     }

     .newsletter form {
         width: 350px;
     }

     :root {
         --big-font: 3.8rem;
         --h2-font: 1.8rem;
         transition: .2s;
     }

     .text {
         text-align: center;
     }

     .home {
         height: 85vh;
         transition: .2s;
     }
 } */

  /* @media (min-aspect-ratio: 1/1) {

     .introContainer>span {
         width: 80vh;
         height: 80vh;
     }
 }

 @media (max-aspect-ratio: 1/1) {

     @-moz-document url-prefix() {
         .introContainer {
             min-height: 90vh;
             max-height: 90vh;
         }
     }
 } */