body{
  margin: 0;
}
.downbody{
  background: linear-gradient(316deg, #71AAFF 0%, #6B9DFF 100%);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 47px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.h5dowmbg{
  width: 280px;
  background: url('/1/imgs/down/h5dowmbg.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  height: 546px;
}
.downCode{
  width: 90px;
  height: 90px;
}
@media screen and (min-width: 280px) {
  .downCode{
    margin-top:362px;
  }
}
@media screen and (min-width: 320px) {
  .downCode{
    margin-top:327px;
  }
}
@media screen and (min-width: 321px) {
  .downCode{
    margin-top:364px;
  }
}
.btn{
  width: 130px;
  height: 40px;
  border: #F1F6FF solid 1px ;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-bottom: 12px;
}
.btn img{
width: 20px;
height: 20px;
}
.btn span{
  font-size: 16px
}