body {
  padding: 0;
  margin: 0 auto;
  max-width: 600px;
  padding-bottom: min(20vw, 120px);
  position: relative;
  overflow-x: hidden;
}
.bg {
  width: min(100vw, 600px);
  height: auto;
}
.service {
  position: fixed;
  top: min(70vw, 420px);
  right: min(2vw, 12px);
  width: min(16.5vw, 100px);
  height: auto;
  z-index: 10;
}
.download-con {
  position: absolute;
  top: min(130vw, 780px);
  left: 0;
  width: min(100vw, 600px);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.download {
  width: min(42vw, 252px);
}
.line-con {
  position: absolute;
  top: min(153vw, 918px);
  left: 0;
  width: min(100vw, 600px);
}
.line {
  display: flex;
  justify-content:space-evenly;
  align-items: center;
}
.p {
  width: min(60vw, 360px);
  height: min(11.9vw, 71.4px);
  /* background-color: black; */
  border-radius: min(29.3vw, 175.8px);
  font-size: min(2.8vw, 16.8px);
  line-height: min(5.86vw, 35.16px);
  color: white;
  text-align: center;
  overflow: hidden;
}
.p > .left {
  display: inline-block;
  width: min(12.5vw, 75px);
  background-color: #D80000;

}
.p > .right {
  display: inline-block;
  width: min(36.4vw, 218.4px);  
}
.line-button {
  width: min(24.6vw, 147.6px);
}
.footer {
  position: fixed;
  bottom: 0;
  width: min(100vw, 600px);
  height: min(18vw, 108px);
  background-image: url(./footer.gif);
  background-size: 100% 100%;
}
@keyframes donghua {
  0% {
      transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
      transform: scale(1);
  }
}
.animate-ping {
  animation: donghua 2.4s infinite;
}