.section10-container {
  display: flex;
  width: 100%;
  margin-top: 0.5rem;
  flex-direction: column;
}
.section10-container .sec10-1,
.section10-container .sec10-2 {
  height: 6rem;
  width: 100%;
}
.section10-container .sec10-1 {
  background: url("/img/harmonyos/p10-1.png");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10% 0% 10% 0%;
  box-sizing: border-box;
}
.section10-container .sec10-1 .sec10-dl {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.3rem 0.1rem 0.6rem;
  font-weight: bold;
  font-size: 0.24rem;
  color: #ffffff;
}
.section10-container .sec10-1 .sec10-dl .fg {
  width: 3.3rem;
  height: 0.6rem;
  margin-top: 0.2rem;
  background: linear-gradient(90deg, #80b3ff 0%, rgba(128, 179, 255, 0) 100%);
  border-radius: 0.2rem 0px 0px 0.1rem;
  font-weight: 400;
  font-size: 0.22rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding-left: 0.3rem;
}
.section10-container .sec10-1 .bottom-2 {
  display: flex;
  margin-left: 0.75rem;
}
.section10-container .sec10-1 .bottom-2 .left-2 {
  margin-top: 0.2rem;
}
.section10-container .sec10-1 .bottom-2 .left-2 .left-2-div {
  margin-bottom: 0.4rem;
}
.section10-container .sec10-1 .bottom-2 .left-2 .left-2-div .icon {
  display: inline-block;
  margin-right: 0.1rem;
}
.section10-container .sec10-1 .bottom-2 .left-2 .left-2-div .icon img {
  width: 100%;
}
.section10-container .sec10-1 .bottom-2 .left-2 .left-2-div .mj {
  font-weight: 400;
  font-size: 0.24rem;
  color: #ffffff;
}
.section10-container .sec10-1 .bottom-2 .left-4 {
  margin-left: 0.8rem;
}
.section10-container .sec10-2 {
  box-sizing: border-box;
  background: url("/img/harmonyos/p10-2.png");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10% 0% 10% 0%;
}
.section10-container .sec10-2 .sec10-dl {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.3rem 0.1rem 0.6rem;
  font-weight: bold;
  font-size: 0.24rem;
  color: #6f573d;
}
.section10-container .sec10-2 .sec10-dl .fg {
  margin-top: 0.2rem;
  height: 0.6rem;
  background: linear-gradient(90deg, #ffab4d 0%, rgba(255, 171, 77, 0) 100%);
  border-radius: 0.2rem 0px 0px 0.1rem;
  font-weight: 400;
  font-size: 0.22rem;
  color: #6f573d;
  display: flex;
  align-items: center;
  padding-left: 0.3rem;
}
.section10-container .sec10-2 .bottom-2 {
  display: flex;
  margin-left: 0.75rem;
}
.section10-container .sec10-2 .bottom-2 .left-2 {
  margin-top: 0.3rem;
  width: 4rem;
}
.section10-container .sec10-2 .bottom-2 .left-2 .ijk {
  margin-top: 0.2rem;
}
.section10-container .sec10-2 .bottom-2 .left-2 .left-2-div {
  margin-bottom: 0.25rem;
}
.section10-container .sec10-2 .bottom-2 .left-2 .left-2-div .icon {
  display: inline-block;
  margin-right: 0.2rem;
}
.section10-container .sec10-2 .bottom-2 .left-2 .left-2-div .icon img {
  width: 100%;
}
.section10-container .sec10-2 .bottom-2 .left-2 .left-2-div .mj {
  font-weight: 400;
  font-size: 0.24rem;
  color: #ffffff;
  color: #6f573d;
}
.second-child {
  margin-bottom: 0.45rem !important;
}

/*# sourceMappingURL=section.css.map */