html {
  font-size: 85.06667px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  html {
    font-size: 26.66667vw;
  }
}

@media screen and (min-width: 480px) {
  html {
    font-size: 128px;
  }
}

body {
  font-family: PingFangSC, 'PingFang SC', Arial, Helvetica, sans-serif;;
}

html,
body,
.welcome-img {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.welcome-img {
  background: url("../img/bg-welcome.png") center no-repeat;
  background-size: 100% 100%;
  background-color: #fff;
}

.app-info {
  position: absolute;
  left: 0;
  right: 0;
  top: 33.7vh;
}

.app-logo {
  margin: 0 auto;
  width: .81rem;
  height: .81rem;
  background: url('../img/app-logo.png') center no-repeat;
  background-size: 100% auto;
}

.app-name {
  margin: .23rem auto 0;
  width: .87rem;
  height: .28rem;
  background: url('../img/app-name.png') center no-repeat;
  background-size: 100% auto;
}

.copy-right {
  position: absolute;
  left: 0;
  right: 0;
  height: .57rem;
  background: url('../img/copy-right.png') center no-repeat;
  background-size: 1.125rem auto;
  bottom: 6.58vh;
}
