*{
  padding: 0;
  margin: 0;
  user-select:none;
  list-style: none;
}

.center{
  width: 550px;
  min-height: 1000px;
  margin: 0 auto;
  position: relative;
  background: url("../img/bg.png")no-repeat top center/100% auto,#130E0A;
  padding-bottom: 6rem;
  overflow-x: hidden;
}

.center .top1{
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 9999;
}

.center .top1 img{
  margin: 0 auto;
  width: 35%;
  padding-top: 260px;
  display: block;
  animation: shakeY 12s infinite  ease 1s;
}

.center .top2{
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 999;
}

.center .top2 img{
  margin: 0 auto;
  width: 65%;
  padding-top: 260px;
  display: block;
  animation: shakeY 12s infinite ;
}

.center .top3{
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 99;
}

.center .top3 img{
  margin: 0 auto;
  width: 100%;
  padding-top: 260px;
  display: block;
  animation: shakeY 12s infinite  ease 1s;
}

.center .gift{
  width: 100%;
  text-align: center;
  padding-top: 438px;
  position: absolute;
  z-index: 9999;
}
.center .gift img{
  width: 85%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.center .down{
  width: 100%;
  text-align: center;
  padding-top: 630px;
}
.center .down img{
  width: 75%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.center .down_btn{
  width: 100%;
  text-align: center;
  display: block;
  padding-top: .8rem;
}
.center .down_btn .btn_android{
  width: 49%;
  animation: moves .5s infinite;
}

.center .down_btn .btn_ios{
  width: 49%;
  animation: moves .5s infinite ease .25s;
}
.hot{
	width: 94%;
  text-align: center;
	margin: .8rem auto 0;
}
.hot img{
	width: 70%;
  text-align: center;
	position: relative;
}

.comment{
	width: 94%;
  text-align: center;
	margin: .8rem auto 0;
}
.comment img{
	width: 98%;
	position: relative;
}


.footbtn{
	width: 550px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0;
	box-sizing: border-box;
	z-index: 99;
}

.footbtn a{
	width: 100%;
}
.footbtn a img{
	width: 100%;
	display: block;
}

@keyframes moves2 {
  0%{
    transform: translateY(1px);
  }
  50%{
    transform: translateY(0px);
  }
  100%{
    transform: translateY(1px);
  }
}
@keyframes moves {
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(.96);
  }
  100%{
    transform: scale(1);
  }
}
@media  (max-width: 550px) {
  .center,.footbtn{
    width: 100%;
  }
  .center .top1{
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 9999;
  }
  
  .center .top1 img{
    margin: 0 auto;
    width: 35%;
    padding-top: 11rem;
    display: block;
    animation: shakeY 12s infinite  ease 1s;
  }
  
  .center .top2{
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 999;
  }
  
  .center .top2 img{
    margin: 0 auto;
    width: 65%;
    padding-top: 11rem;
    display: block;
    animation: shakeY 12s infinite ;
  }
  
  .center .top3{
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 99;
  }
  
  .center .top3 img{
    margin: 0 auto;
    width: 100%;
    padding-top: 11rem;
    display: block;
    animation: shakeY 12s infinite  ease 1s;
  }
  
  .center .gift{
    width: 100%;
    text-align: center;
    padding-top: 19.41rem;
    position: absolute;
    z-index: 9999;
  }
  .center .gift img{
    width: 85%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  
  .center .down{
    width: 100%;
    text-align: center;
    padding-top: 27.5rem;
  }
  .center .down img{
    width: 75%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  
  .center .down_btn{
    width: 100%;
    text-align: center;
    display: block;
    padding-top: .8rem;
  }
}