html,body,.wrap {
   height: 100%; 
}
.wrap .inner {
    background:url('./bg.png') no-repeat;
    width: 100%;
    height: 17rem;
    background-size: cover;
    position: relative;
}
.wrap .inner .fly {
  width: 100%;
  height: 4rem;
  position: absolute;
}
.wrap .inner .fly img {
  position: absolute;
  width: 2rem;     /* 图片宽度 */
  height: 1.5rem;    /* 图片高度 */
  animation: fly 3s ease-in-out forwards, float 3s ease-in-out infinite 2s; 
  z-index: 9999;
}
@keyframes fly {
  from {
      left: 0;
      top: 0;
      transform: translate(-100%, -100%); /* 初始位置：左上角外 */
      opacity: 1; /* 可选：淡入效果 */
  }
  to {
      left: 75%;
      top: 60%;
      transform: translate(-50%, -50%);    /* 中间位置 */
      opacity: 1; /* 可选：淡入效果 */
  }
}
@keyframes float {
  0%, 100% {
  transform: translate(-50%, -50%) translateY(0);
  }
  50% {
  transform: translate(-50%, -50%) translateY(-20px);
  }
  }
.wrap .inner .mid {
  position: absolute;
  top: 1.6rem;
  width: 100%;
  height: 6.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid red; */
}
.wrap .inner .mid .person {
   background:url('./person.png') no-repeat;
   background-size: contain;
   width: calc(100% - .4rem);
   height: 8rem;
   /* border: 1px solid red; */
   position: relative;
   /* animation: breathing 3s infinite */
   
}
@keyframes breathing {
   0%, 100% {
     transform: scale(1); /* 初始大小 */
   }
   50% {
     transform: scale(1.1); /* 放大到1.1倍 */
   }
 }
.wrap .inner .mid .person .btns {
  position: absolute;
  width: 5.1rem;
  height: .8rem;
  border-radius: .8rem;
  /* border: 1px solid red; */
  bottom: .8rem;
  left: 1rem;
}
 .wrap .inner .right-c {
   position: absolute;
   right: 0;
   top: 1.6rem;
   /* border: 1px solid red; */
   width: 1rem;
   height: 2rem;
   background: rgb(133, 156, 177);
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border-top-left-radius: .2rem;
   border-bottom-left-radius: .2rem;
 }
 .wrap .inner .right-c .tel {
   width: .8rem;
   height: .8rem;
 }
 .wrap .inner .right-c .whats {
   width: .8rem;
   height: .8rem;
   margin-top: .2rem;
 }
 .wrap .at-last {
   position: fixed;
   bottom: 0px;
   /* width: 100%; */
   height: 1.6rem;
   /* border: 1px solid red; */
   margin-left: .24rem;
 }
 .wrap .at-last p {
   width: 7rem;
   height: 1.5rem;
   background:url('./btn-download.png') no-repeat; 
   background-size: cover;
   margin: 0 auto;
   animation: scaleImage 2s infinite alternate;
 }
 @keyframes scaleImage {
   0% {
     transform: scale(1); /* 动画开始时的状态，图片大小恢复到原始大小 */
   }
   100% {
     transform: scale(1.1); /* 动画结束时的状态，图片放大到1.5倍 */
   }
 }