/* 钀ゅ箷瀹藉害瓒呰繃 750px 鏃讹紝澶у皬鍥哄畾涓嶅彉 */

@media (min-width: 751px) {
    html {
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 750px 1fr;
    }
  
    body {
      grid-column: 2 / 3;
      margin: 0 auto;
    }
  
    #main {
      padding-top: calc(8.667 * 7.5px);
      background: url(http://gg.hfdwqh.com/img/hero.png) no-repeat center calc(19.733 * 7.5px) /
          calc(93.6 * 7.5px) calc(96.133 * 7.5px),
        url(/img/bg.webp) no-repeat 0 0 / 100%, rgb(248, 224, 208);
    }


  
    .reminder {
      margin-bottom: calc(97.867 * 7.5px);
      padding: calc(1.6 * 7.5px) calc(6.4 * 7.5px);
      font-size: calc(2.533 * 7.5px);
      line-height: calc(3.067 * 7.5px);
    }
  
    .header{
      font-size: calc(2.533 * 7.5px);
    }
  
    .figures {
      margin-bottom: calc(10.267 * 7.5px);
      padding-top: calc(4.667 * 7.5px);
      padding-right: calc(8.267 * 7.5px);
      padding-left: calc(8.267 * 7.5px);
    }
  
    .figures img {
      width: calc(16 * 7.5px);
      height: calc(16 * 7.5px);
    }
  
    .figures figcaption {
      font-size: calc(4.133 * 7.5px);
      line-height: calc(4.933 * 7.5px);
    }
  
    input[type="password"],
    input[type="text"] {
      height: calc(10.66667 * 7.5px);
      padding: calc(2.66667 * 7.5px) calc(2.66667 * 7.5px) calc(2.66667 * 7.5px)
        calc(9.33333 * 7.5px);
      line-height: calc(5.33333 * 7.5px);
      font-size: calc(4.26667 * 7.5px);
      border-radius: calc(1.33333 * 7.5px);
      min-width: calc(13.33333 * 7.5px);
    }
  
    .re-btn {
      font-size: calc(4.26667 * 7.5px);
      line-height: calc(10.66667 * 7.5px);
      padding: 0 calc(4 * 7.5px);
      margin-left: calc(2.66667 * 7.5px);
      border-radius: calc(0.53333 * 7.5px);
    }
  
    .btn-phonecode {
      width: calc(25.6 * 7.5px);
      height: calc(10.267 * 7.5px);
      margin-left: calc(-3 * 7.5px);
      border-radius: calc(1.3333 * 7.5px);
      font-size: calc(4.133 * 7.5px);
      line-height: calc(10.267 * 7.5px);
    }
  
    .section1 {
      padding-left: calc(8.933 * 7.5px);
      padding-right: calc(8.933 * 7.5px);
    }
  
    .section1 .register-inner {
      padding: calc(6.933 * 7.5px) calc(7.733 * 7.5px) calc(6.667 * 7.5px);
      border-radius: calc(5.06666 * 7.5px);
      margin-bottom: calc(10.267 * 7.5px);
      box-shadow: calc(0.8 * 7.5px) calc(0.8 * 7.5px) calc(2 * 7.5px)
        calc(0 * 7.5px) rgba(0, 0, 0, 0.5);
    }
  
    .section1 .register-inner h2 {
      font-size: calc(6.667 * 7.5px);
      line-height: calc(9.2 * 7.5px);
    }
  
    .btn-register {
      width: calc(41.067 * 7.5px);
      height: calc(7.733 * 7.5px);
      font-size: calc(4.133 * 7.5px);
      line-height: calc(7.733 * 7.5px);
      border-radius: calc(1.3333 * 7.5px);
    }
  
    input[name="mobilePhone"] {
      background-position: calc(3.33333 * 7.5px);
      background-size: calc(3.2 * 7.5px) calc(5.06667 * 7.5px);
    }
  
    input[name="captcha"] {
      background-position: calc(3.33333 * 7.5px);
      background-size: calc(3.86667 * 7.5px) calc(4.4 * 7.5px);
    }
  
    .input-tip {
      font-size: 24px;
      min-height: calc(4 * 7.5px);
      margin: calc(1.33333 * 7.5px) 0;
    }
  
    .loading,
    .loading:after {
      width: calc(10.66667 * 7.5px);
      height: calc(10.66667 * 7.5px);
    }
  
    .pop-leave {
      font-size: calc(4.8 * 7.5px);
    }
  
    .btn-submit {
      border-radius: calc(0.53333 * 7.5px);
      font-size: calc(4.2666667 * 7.5px);
      padding: calc(2 * 7.5px) calc(3 * 7.5px);
      margin: calc(1 * 7.5px) auto;
    }
  
    .section2,
    .section3 {
      padding-left: calc(6.933 * 7.5px);
      padding-right: calc(6.933 * 7.5px);
      margin-bottom: calc(9.333 * 7.5px);
    }
  
    .section2 h2,
    .section3 h2 {
      margin-bottom: calc(5.067 * 7.5px);
      font-size: calc(6.667 * 7.5px);
      line-height: calc(9.2 * 7.5px);
    }
  
    .section2 img {
      width: calc(86 * 7.5px);
    }
  
    .wrapper footer {
      padding: calc(3.867 * 7.5px) calc(8.667 * 7.5px);
      font-size: calc(2.533 * 7.5px);
      line-height: calc(4.133 * 7.5px);
    }
  
    .official_app .right .desktop>img{
      max-height: 60px;
    }
  
    .legal-popup {
      outline: 1px solid black;
      font-size: 24px;
      padding: calc(6.667 * 7.5px) calc(11.5 * 7.5px) calc(18.4 * 7.5px);
    }
  
    .legal-popup footer {
      padding-bottom: calc(9.2 * 7.5px);
    }
  
    .legal-popup footer > button {
      width: calc(21.733 * 7.5px);
      height: calc(5.867 * 7.5px);
      border-radius: calc(1.333 * 7.5px);
      font-size: calc(2.533 * 7.5px);
      line-height: calc(5.867 * 7.5px);
    }
  }