#page17 {
    width: 100%;
    height: 100vh;
    background: url("../images/page17/background.png") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 1.20rem .60rem .80rem 1.00rem;
    box-sizing: border-box;
  }
  #page17 #page17-img img{
    height: 8.00rem !important;
  }
  #page17-mobile{
    display: none;
  }
  .page17-pop{
    display: none;
  }
  @media screen and (max-width: 960px){
    #page17{
      display: none;
    }
    #page17-mobile{
      display: block;
      width: 100%;
      height: 100vh;
      background: url(../images/page17/mobile-bg.png) no-repeat center #000;
      background-size: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding: 1.06rem;
      box-sizing: border-box;
  

    }
    .img1{
      width: 6.90rem;
    }
    .img2{
      width: 3.91rem;
      margin-top: .53rem;
    }
    .page17-pop{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #000;
      z-index: 2;
      padding: 1.00rem .30rem;
      box-sizing: border-box;
      /* display: flex; */
      flex-direction: column;
      font-family: 'HarmonyOS Sans SC';
      font-weight: 400;
      font-size: .24rem;
      line-height: .36rem;
      letter-spacing: 0.1em;
      color: #FFFFFF;
      text-align: center;
    }
    .flex-box2{
      width: 100%;
    }
    .flex-box2 img{
      width: 6.90rem;
      margin: .10rem auto;
    }
    .icon-close{
      width: .44rem;
      height: .44rem;
      margin-top: 4.00rem;
    }
  }