html {
  font-size: 37.5px;
}

.page {
  position: relative;
  width: 38.4rem;
  height: 37.974rem;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
}

.outer1 {
  width: 38.4rem;
  height: 37.974rem;
}

.wrap1 {
  height: 2.134rem;
  background-color: rgba(255, 255, 255, 1);
  width: 38.4rem;
}

.group1 {
  width: 26.667rem;
  height: 1.094rem;
  margin: 0.534rem 0 0 5.867rem;
}

.main1 {
  width: 6.934rem;
  height: 1.067rem;
  background: url(../img/SketchPng3e26a4f62ae21447903b7d0807e5c942ee7a6d4bf9f0a96429efe7cdc0ab492e.png)
    100% no-repeat;
}

.paragraph1 {
  width: 7.36rem;
  height: 1.067rem;
  display: inline-block;
  color: rgba(21, 23, 79, 1);
  font-size: 0.32rem;
  font-family: MikadoMedium;
  line-height: 0.534rem;
  text-align: right;
  margin-top: 0.027rem;
}

.wrap2 {
  height: 12.32rem;
  background-color: rgba(39, 42, 137, 1);
  width: 38.4rem;
}

.layer1 {
  z-index: 106;
  height: 12.32rem;
  overflow: hidden;
  background: url(../img/SketchPng90d8fb84944d644a700422f1ddaef6c0ff0efb63e49289be84e49fe40b275dcb.png)
    100% no-repeat;
  width: 38.4rem;
  position: relative;
}

.outer2 {
  width: 11.707rem;
  height: 6.907rem;
  margin: 2.747rem 0 0 19.947rem;
}

.word1 {
  width: 11.707rem;
  height: 1.6rem;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 1.386rem;
  font-family: MikadoBlack;
  white-space: nowrap;
  line-height: 1.6rem;
  text-align: left;
}

.txt1 {
  width: 9.12rem;
  height: 2.24rem;
  display: inline-block;
  color: rgba(10, 255, 255, 1);
  font-size: 1.76rem;
  font-family: MikadoBlack;
  white-space: nowrap;
  line-height: 2.24rem;
  text-align: left;
  margin-top: 0.32rem;
}

.info1 {
  width: 7.6rem;
  height: 0.72rem;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 0.533rem;
  font-family: MikadoMedium;
  white-space: nowrap;
  line-height: 0.72rem;
  text-align: left;
  margin-top: 0.16rem;
}

.bd1 {
  height: 1.387rem;
  border-radius: 12px;
  background-color: rgba(10, 255, 255, 1);
  margin-top: 0.48rem;
  width: 6.934rem;
}

.word2 {
  width: 3.307rem;
  height: 0.854rem;
  display: inline-block;
  color: rgba(21, 23, 79, 1);
  font-size: 0.693rem;
  font-family: MikadoBold;
  white-space: nowrap;
  line-height: 0.854rem;
  text-align: center;
  margin: 0.24rem 0 0 1.814rem;
}

.img1 {
  z-index: 107;
  position: absolute;
  left: 0;
  top: 0;
  width: 17.067rem;
  height: 12.32rem;
}

.pic1 {
  z-index: 108;
  position: absolute;
  left: 5.174rem;
  top: 0.667rem;
  width: 13.387rem;
  height: 11.654rem;
}

.wrap3 {
  height: 12.747rem;
  background-color: rgba(226, 236, 254, 1);
  width: 38.4rem;
}

.box1 {
  width: 26.667rem;
  height: 10.534rem;
  margin: 1.147rem 0 0 5.867rem;
}

.word3 {
  width: 19.2rem;
  height: 1.387rem;
  display: inline-block;
  color: rgba(21, 23, 79, 1);
  font-size: 1.066rem;
  font-family: MikadoBold;
  white-space: nowrap;
  line-height: 1.387rem;
  text-align: center;
  margin-left: 3.734rem;
}

.outer3 {
  width: 26.667rem;
  height: 8.16rem;
  margin-top: 0.987rem;
}

.main2 {
  height: 5.44rem;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  width: 8.32rem;
}

.wrap4 {
  width: 7.254rem;
  height: 3.734rem;
  margin: 0.534rem 0 0 0.534rem;
}

.txt2 {
  width: 7.254rem;
  height: 0.854rem;
  display: inline-block;
  color: rgba(39, 42, 137, 1);
  font-size: 0.64rem;
  font-family: MikadoBold;
  white-space: nowrap;
  line-height: 0.854rem;
  text-align: left;
}

.mod1 {
  width: 2.134rem;
  height: 0.107rem;
  border-radius: 2px;
  background-color: rgba(39, 42, 137, 1);
  margin-top: 0.32rem;
}

.txt3 {
  width: 7.254rem;
  height: 1.92rem;
  display: inline-block;
  color: rgba(21, 23, 79, 1);
  font-size: 0.48rem;
  font-family: MikadoMedium;
  line-height: 0.64rem;
  text-align: left;
  margin-top: 0.534rem;
}

.main3 {
  height: 5.44rem;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 2.72rem;
  width: 8.32rem;
}

.wrap5 {
  width: 7.254rem;
  height: 3.094rem;
  margin: 0.534rem 0 0 0.534rem;
}

.info2 {
  width: 7.254rem;
  height: 0.854rem;
  display: inline-block;
  color: rgba(243, 7, 7, 1);
  font-size: 0.64rem;
  font-family: MikadoBold;
  white-space: nowrap;
  line-height: 0.854rem;
  text-align: left;
}

.section1 {
  width: 2.134rem;
  height: 0.107rem;
  border-radius: 2px;
  background-color: rgba(243, 7, 7, 1);
  margin-top: 0.32rem;
}

.txt4 {
  width: 7.254rem;
  height: 1.28rem;
  display: inline-block;
  color: rgba(21, 23, 79, 1);
  font-size: 0.48rem;
  font-family: MikadoMedium;
  line-height: 0.64rem;
  text-align: left;
  margin-top: 0.534rem;
}

.main4 {
  height: 5.44rem;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  width: 8.32rem;
}

.main5 {
  width: 7.254rem;
  height: 4.374rem;
  margin: 0.534rem 0 0 0.534rem;
}

.word4 {
  width: 7.254rem;
  height: 0.854rem;
  display: inline-block;
  color: rgba(13, 98, 246, 1);
  font-size: 0.64rem;
  font-family: MikadoBold;
  white-space: nowrap;
  line-height: 0.854rem;
  text-align: left;
}

.group2 {
  width: 2.134rem;
  height: 0.107rem;
  border-radius: 2px;
  background-color: rgba(13, 98, 246, 1);
  margin-top: 0.32rem;
}

.txt5 {
  width: 7.254rem;
  height: 2.56rem;
  display: inline-block;
  color: rgba(21, 23, 79, 1);
  font-size: 0.48rem;
  font-family: MikadoMedium;
  line-height: 0.64rem;
  text-align: left;
  margin-top: 0.534rem;
}

.wrap6 {
  height: 8.64rem;
  background-color: rgba(39, 42, 137, 1);
  width: 38.4rem;
}

.layer2 {
  width: 22.934rem;
  height: 4.374rem;
  margin: 2.134rem 0 0 7.734rem;
}

.info3 {
  width: 6.774rem;
  height: 1.6rem;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 1.386rem;
  font-family: MikadoBold;
  white-space: nowrap;
  line-height: 1.6rem;
  text-align: center;
  margin-left: 8.08rem;
}

.word5 {
  width: 22.934rem;
  height: 2.24rem;
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 0.586rem;
  font-family: MikadoMedium;
  line-height: 0.747rem;
  text-align: center;
  margin-top: 0.534rem;
}

.wrap7 {
  height: 2.134rem;
  background-color: rgba(255, 255, 255, 1);
  width: 38.4rem;
}

.box2 {
  width: 26.667rem;
  height: 1.6rem;
  margin: 0.267rem 0 0 5.867rem;
}

.box3 {
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/SketchPng081233981a0a700c120e51209af39b86f68805707c803953cb0219102244646a.png)
    100% no-repeat;
}

.paragraph2 {
  width: 7.36rem;
  height: 1.067rem;
  display: inline-block;
  color: rgba(21, 23, 79, 1);
  font-size: 0.32rem;
  font-family: MikadoMedium;
  line-height: 0.534rem;
  text-align: left;
  margin: 0.267rem 0 0 0.534rem;
}

.txt6 {
  width: 2.32rem;
  height: 0.534rem;
  display: inline-block;
  color: rgba(13, 98, 246, 1);
  font-size: 0.32rem;
  text-decoration: underline;
  font-family: MikadoMedium;
  white-space: nowrap;
  line-height: 0.534rem;
  text-align: left;
  margin: 0.534rem 0 0 5.494rem;
}

.word6 {
  width: 1.974rem;
  height: 0.534rem;
  display: inline-block;
  color: rgba(13, 98, 246, 1);
  font-size: 0.32rem;
  text-decoration: underline;
  font-family: MikadoMedium;
  white-space: nowrap;
  line-height: 0.534rem;
  text-align: left;
  margin: 0.534rem 0 0 2.24rem;
}

.img2 {
  width: 2.987rem;
  height: 0.64rem;
  margin: 0.48rem 0 0 2.16rem;
}