shuoshuo.art/src/css/h5-index.css

html,
body,
div,
p {
  margin: 0;
  padding: 0;
}
html{
  height: 100%;
}

body {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  background: url(../img/h5-bg.png) no-repeat;
  background-size: 100%;
  background-color: #6e3991;
}

a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.logo-wrapper {
  padding-top: .6rem /* 45/75 */;
  margin: 0 auto;
  text-align: center;
}

.logo-wrapper img {
  width: 2.453333rem /* 184/75 */;
  height: .826667rem /* 62/75 */;
}

.app-slogan {
  margin: 1.933333rem /* 145/75 */ auto 0;
  padding: 0 .866667rem /* 65/75 */;
  text-align: center;
}

.app-slogan img {
  width: 100%;
}

.app-dowload {
  margin: 1.333333rem /* 100/75 */ auto 0;
  color: #fff;
  font-size: 0;
  text-align: center;
}

.app-dowload a {
  display: inline-block;
  width: 4.666667rem /* 350/75 */;
  height: 1.066667rem /* 80/75 */;
  text-align: center;
  font-size: 14px;
  line-height: 1.066667rem /* 80/75 */;
  border-radius: 5px;
}

.download {
  background: #eb97c5;
}

.show-image {
  margin-top: 1.266667rem /* 95/75 */;
  height: 9.48rem /* 711/75 */;
  text-align: right;
}

.show-image img {
  height: 100%;
}

footer {
  width: 100%;
  height: .666667rem /* 50/75 */;
  line-height: .666667rem /* 50/75 */;
  font-size: 12px;
  color: #d9d9d9;
  text-align: center;
  background: #fff;
}
.tips {
  display: none;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, 0);
  padding: 10px 15px;
  font-size: 13px;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  border-radius: 50px;
}
.wx-down {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999;
}
.wx-down img {
  display: block;
  position: absolute;
  right: .266667rem /* 20/75 */;
  top: .266667rem /* 20/75 */;
  width: 4.093333rem /* 307/75 */;
  height: 3.613333rem /* 271/75 */;
}