*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
ul,
ol,
li {
  list-style: none; 
}
html,body{
  min-height:100%;
}
body{
  font-size:12px;
  background:linear-gradient(#373531,#9D978C);
  font-family: Arial, sans-serif;
}
.download-area{
  width:100%;
  max-width:420px;
  margin:0 auto;
  background:url('../imgs/bg.png') no-repeat right bottom;
}
.download-area .inner{
  margin:0 auto;
  padding-top:70px;
}
.download-area .hd{
  margin-bottom:50px;
  display:flex;
  align-items: center;
  justify-content: center;
}
.download-area .hd .logo{
  width:60px;
  height:60px;
  margin-right:20px;
}
.download-area .hd .logo img{
  width:60px;
  height:60px;
  display:block;
}
.download-area .hd h2{
  font-size:15px;
  font-weight:600;
  margin:3px 0 10px 0;
  color:#fff;
}
.download-area .btns{
  display:flex;
  align-items: center;
  cursor: pointer;
  gap:0 10px;
}
.download-area .btn-ios{
  width:56px;
  height:28px;
  background:url('../imgs/ios.png') no-repeat;
  background-size: contain;
}
.download-area .btn-android{
  width:72px;
  height:28px;
  background:url('../imgs/android.png') no-repeat;
  background-size: contain;
}
.download-area .btn-g{
  width:92px;
  height:28px;
  background:url('../imgs/g.png') no-repeat;
  background-size: contain;
}
.download-area .bd{
  width:357px;
  height:668px;
}