@media screen and (orientation: portrait) {
  @media (max-height: 870px) {
    .instrucetion1 {
      bottom: 0.3rem;
    }
    .next {
      height: 1rem;
      top: auto;
      bottom: 1.3rem;
      padding: 0;
      min-height: 0;
    }
    .slogan {
      top: 5.9rem;
    }
  }

  @media (max-height: 800px) {
    .slogan {
      top: 5.5rem;
    }
  }

  @media (max-height: 780px) {
    .slogan {
      top: 5.4rem;
    }
  }

  @media (max-height: 770px) {
    .slogan {
      transform-origin: center top;
      height: 5rem;
    }
  }

  @media (max-height: 750px) {
    .p1-main2 .desc {
      top: 6.4rem;
    }
    .p3-dialog-main {
      margin-top: -42vh;
    }
    .part3-btns {
      margin-top: 4.4rem;
    }
  }

  @media (max-height: 700px) {
    .p1-main2 .desc {
      top: 6.2rem;
    }
    .part4-main {
      margin-top: -5rem;
    }
  }

  @media (min-width: 750px) {
    .instrucetion1 {
      height: 0.6rem;
      z-index: 98;
      bottom: 0.2rem;
    }

    .slogan {
      top: 5.4rem;
      height: 3.23rem;
    }
    
    .next {
      height: 1rem;
      top: auto;
      bottom: 0.65rem;
      padding: 0;
      min-height: 0;
    }

    .next p {
      font-size: .16rem;
      line-height: .2rem;
    }

    .next i {
      width: .1rem;
      height: .1rem;
    }

    .part3-main, .p3-dialog-main, .p2-mask-tip1, .p2-mask-tip2 {
      transform: scale(0.7);
    }

    .p3-dialog-main {
      margin-top: -43vh;
    }
  }
}