* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
.wrap {
  position: relative;
  width: 100%;
  height: 23.7rem;
  background: url(https://res.zloong.com/web/lifemakeover/page/OfficialLaunch/bg.jpg) no-repeat top center;
  background-size: 100%;
  box-sizing: border-box;
  padding-top: 20.22rem;
} 
.btnGroup{
  position: absolute;
  width: 100%;
  top: 16.5rem;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}
.btn{
  display: inline-block;
  width: 4.43rem;
  height:1.32rem;
  background: url(https://res.zloong.com/web/lifemakeover/page/OfficialLaunch/ios.png) no-repeat top center;
  background-size:auto 100%;
  animation: xing 2s infinite;
}
.gp{
  width: 4.8rem;
  height:1.33rem;
  background: url(https://res.zloong.com/web/lifemakeover/page/OfficialLaunch/gp.png) no-repeat top center;
  background-size:auto  100%;
}

@keyframes xing {
  0% {
      transform: scale(1);
  }
  25% {
      transform: scale(1.02);
  }
  50% {
      transform: scale(1);
  }
  75% {
      transform: scale(1.02);
  }
}