body {
  background: url("https://thumb.qinsilk.com/pc/images/1/downloadBackground.png") no-repeat;
  background-size: 100% auto;
  color: white;
}
  body .body {
    width: 921px;
      height: 720px;
    margin: 0 auto;
  }
    body .body .head{
      margin: 210px auto 110px;
      width: 608px;
      height: 114px;
      text-align: center;
    }
      body .body .head p {
        font-size: 30px;
        color: rgba(255, 255, 255, 0.8);
        letter-spacing: 0.42px;
        margin: 0;
      }
        body .body .head p:first-child {
          font-size: 44px;
          color: #FFFFFF;
          letter-spacing: 0.86px;
          margin-bottom: 7px;
        }
    body .body .contain {
      width: 389px;
      height: 500px;
      float: left;
    }
      body .body .contain .btn {
        position: relative;
        width: 389px;
        height: 95px;
        background: rgba(255, 255, 255, 0.36);
        border-radius: 85.5px;
        margin-bottom: 66px;
          transform: scale(0.7,0.7);
      }
        body .body .contain .btn:hover {
          background: rgba(255, 255, 255, 0.7);
        }
        body .body .contain .btn img {
          position: absolute;
          left: 89px;
          bottom: 22px;
        }
        body .body .contain .btn span {
          font-size: 34px;
          letter-spacing: 0.47px;
          color: #FFFFFF;
          position: absolute;
          top: 24px;
          left: 145px;
        }
      body .body .contain:last-child {
        transform: translate(143px, 0);
      }
      body .body .contain .quickResponseCode img {
        transform: scale(0.7,0.7);
        display: block;
        margin: 0px auto 8px;
        width: 400px;
      }
      body .body .contain .quickResponseCode p {
        margin: 0 auto;
        text-align: center;
        font-size: 22px;
        opacity: 0.8;
        letter-spacing: 0.42px;
      }
      .image-k{
          position: absolute;
          right: 0;
          top: 170px;
      }
      .content-app{
          display: none;
      }

@media screen and (max-width: 1777px) {
  body {
    background-size: auto 100%;
  }
}
@media screen and (max-width: 977px) {
    .image-k{
        top: 270px;
    }
}
@media screen and (max-width: 769px) {
    body {
        background-size: auto auto;
    }
    .footer,.copy-right,.navbar,.image-k, body .body{
        display: none;
    }
    .content-app{
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        padding-top: 15%;
    }
    .content-app .head-app p{
        margin: 0px 0px -7px;
    }
    .content-app .head-app{
        width: 100%;
        margin-bottom: 7px;
    }
    .content-app .head-app .p-first{
        font-size: 32px;
        font-weight: bold;
        color: white;
        letter-spacing: 0.86px;
    }
    .content-app .p-child{
        font-size: 26px;
        color: rgba(255, 255, 255, 0.9);
        letter-spacing: 4px;
        margin: 0;
    }
    .contain-mt {
        margin-top: 30%;
    }
    .contain {
        width: 100%;
        height: 80px;
    }
    .contain p{
        font-size: 17px;
        color: rgba(255, 255, 255, 0.7);
        letter-spacing: 0.86px;
        margin: 0;
    }
    .contain .btn {
        position: relative;
        width: 310px;
        height: 75px;
        background: rgba(255, 255, 255, 0.32);
        border-radius: 85.5px;
        margin-bottom: 20px;
        transform: scale(0.7,0.7);
    }
    .contain .btn:active {
        background: rgba(255, 255, 255, 0.7);
    }
    .contain .btn img {
        position: absolute;
        left: 44px;
        bottom: 14px;
    }
    .contain .btn span {
        font-size: 30px;
        letter-spacing: 0.86px;
        color: #FFFFFF;
        position: absolute;
        top: 14px;
        left: 110px;
    }
    .quickResponseCode img{
        margin-top: 60px;
        width: 120px;
        margin-bottom: 10px;
    }
    .content p:first-child{
        margin-top: 10px;
    }
}

/*# sourceMappingURL=download.css.map */