@media screen and (max-width: 1280px) {
  .main-cont {
    justify-content: space-between;
    margin: auto;
  }

  .layout {
    max-width: 800px;
  }

  .logo-main {
    width: 180px;
    height: 180px;
  }

  .main-code {
    width: 250px;
  }

  .main-video {
    width: 544px;
    height: 487px;
  }

  .auto-video {
    width: 360px;
    height: 245px;
  }

  .code-wrod p {
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
  }

  footer {
    position: relative;
  }
}

@media screen and (max-width: 800px) {
  body {
    background: url(../images/bg-pc.png)no-repeat center center;
    background-size: cover;
  }

  header {
    background-color: #FFB53D;
    padding-left: 24px;
    padding-right: 24px;
    height: 44px;
  }

  header img {
    width: 113px;
    height: 24px;
  }

  .hea-down span {
    display: block;
  }

  footer {
    background-color: #FCB440;
    padding: 15px 0px;
  }

  .app-bottom {
    display: none;
  }

  .iphone-bottom {
    display: block;
  }

  .iphone-bottom a {
    padding-left: 5px;
  }

  .main-cont {
    display: block;
  }

  .main-video {
    width: 100%;
  }

  .video-bg {
    background: url(../images/bg-videoV2.png) no-repeat center center;
    background-size: 118%;
  }

  .main-code {
    width: auto;
    display: flex;
    justify-content: center;
    margin-top: 25px;
  }

  .logo-main {
    width: 6.4rem;
    height: 6.4rem;
  }

  .main-code p {
    display: none;
  }

  .main-cont {
    padding-left: 0px;
    padding-right: 0px;
  }

  .main-video {
    height: 18rem;
  }

  .auto-video {
    width: 13rem;
    height: 7rem;
  }

  body {
    padding-top: 44px;
  }

  header {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
  }
}

@media screen and (max-height: 850px) {
  footer {
    position: relative;
  }
}

@media screen and (max-width: 414px) {}