html,body,.wrap {
   height: 100%; 
   /* background: #FFf; */
}
.wrap .inner {
   width: 100%;
   height: 29.9rem;
   background:url('../images/bg111.jpg') no-repeat; 
   background-size: contain;
   position: relative;
}
.wrap .inner .next {
  position: relative;
  width: 100%;
  top: 8.4rem;
}
.wrap .inner .next .btns {
  padding: 0 .5rem;
  display: flex;
  justify-content: space-between;
} 
.wrap .inner .next .btns .btn1 {
   /* width: 1.68rem;
   height: .6rem; */
   /* border: 1px solid red; */
   margin-top: 20px;
}
.wrap .inner .next .btns .btn1 img {
   width: 1.84rem;
   height: .74rem;
   animation: breathing 2s infinite
}
.wrap .inner .next .btns .btn2 {
   /* margin-left: -10px; */
}
.wrap .inner .next .btns .btn2 img {
   width: 1.9rem;
   height: .77rem;
   animation: breathing 2s infinite
}
.wrap .inner .next .btns .btn3 {
   margin-top: 20px;
}
.wrap .inner .next .btns .btn3 img {
   width: 1.84rem;
   height: .74rem;
   animation: breathing 3s infinite
}
@keyframes breathing {
   0%, 100% {
     transform: scale(1); /* 初始大小 */
   }
   50% {
     transform: scale(1.1); /* 放大到1.1倍 */
   }
 }
.wrap .inner .next .text {
   position: absolute;
   left: 1rem;
   top: 2.54rem;
   color: #fff;
   font-weight: bold;
}
.wrap .inner .bottom {
   position: absolute;
   bottom: 1.6rem;
   height: 1rem;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}
.wrap .inner .bottom .btn1 {
  width: .74rem;
  height: .74rem;
  margin-right: 1.9rem;
}
.wrap .inner .bottom .btn2 {
   width: .74rem;
   height: .74rem;
 }