html {
  font-size: 37.5px;
}
body{
  margin: 0;
}
.page {
  position: relative;
  width: 10rem;
  height: 100vh;
  overflow: hidden;
}

.box_1 {
  background-image: url(./img/1d12127b8e064069baae13813406afa3_mergeImage.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 100vh;
}

.group_1 {
  background: url(./img/SketchPng54a0f9b09580db479128b036f0de1e2b9410dd22c7873353ee54e29857cda342.png)
    100% no-repeat;
  background-size: 100% 100%;
  padding: 0.374rem 0.427rem 1.414rem 0.56rem;
}

.text_1 {
  overflow-wrap: break-word;
  color: rgba(248, 255, 254, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.56rem;
}

.thumbnail_1 {
  width: 0.454rem;
  height: 0.294rem;
  margin: 0.107rem 0 0.16rem 6.16rem;
}

.thumbnail_2 {
  width: 0.4rem;
  height: 0.294rem;
  margin: 0.08rem 0 0.187rem 0.134rem;
}

.image_1 {
  width: 0.64rem;
  height: 0.294rem;
  margin: 0.08rem 0 0.187rem 0.134rem;
}

.group_2 {
  padding: 4.48rem 1.707rem 0.027rem 1.707rem;
}

.image_2 {
  width: 1.494rem;
  height: 1.707rem;
  align-self: center;
}

.section_1 {
  width: 1.947rem;
  margin: 0 2.214rem 0 2.427rem;
}

.section_2 {
  background-color: rgba(137, 218, 254, 1);
  border-radius: 50%;
  width: 0.16rem;
  height: 0.16rem;
  margin-bottom: 0.267rem;
}

.section_3 {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 1.28rem;
  height: 0.214rem;
  margin: 0.134rem 0 0.08rem 0;
}

.thumbnail_3 {
  width: 0.294rem;
  height: 0.427rem;
}

.image_3 {
  width: 6.587rem;
  height: 0.534rem;
  margin-top: 0.32rem;
}

.text_2 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  font-family: DINPro-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.48rem;
  margin: 0.294rem 1.654rem 0 1.76rem;
}

.image_4 {
  width: 4.374rem;
  height: 0.907rem;
  margin: 10.16rem 1.094rem 0 1.12rem;
}