.part-one {

  width: 100vw;

  height: 28.125rem;

  background-image: url('/m/assets/smh_back_1.png');

  background-repeat: no-repeat;

  background-size: cover;

  margin-top: 2.5rem;

}

.part-one .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-one .container .title {

  font-weight: bold;

  font-size: 1.75rem;

  color: #f9f900;

  margin-bottom: 0.9375rem;

}

.part-one .container .tip {

  font-weight: bold;

  font-size: 1rem;

  color: #ffffff;

  padding: 0 1.5625rem;

  text-align: center;

  line-height: 1.875rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-one .container .tip span {

  white-space: nowrap;

}

.part-one .container .icon-list {

  margin-top: 1.25rem;

  display: flex;

  flex-direction: column;

  margin-bottom: 1.875rem;

}

.part-one .container .icon-list .list {

  margin-right: 0.875rem;

  display: flex;

  margin-bottom: 1rem;

}

.part-one .container .icon-list .list:last-child {

  margin-bottom: 0;

}

.part-one .container .icon-list .list .icon {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-right: 1rem;

}

.part-one .container .icon-list .list .icon:last-child {

  margin-right: 0;

}

.part-one .container .icon-list .list .icon img {

  width: 2rem;

  height: 2rem;

  margin-bottom: 0.625rem;

}

.part-one .container .icon-list .list .icon span {

  font-size: 0.875rem;

  color: #ffffff;

}



.part-one .container .image {

  height: 15rem;

  margin-top: 1.875rem;

}



.part-two {

  width: 100vw;

  background: linear-gradient(180deg, #011124 0%, #000000 100%);

  height: 42.625rem;

}

.part-two .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-two .container .title {

  position: relative;

  width: 13.75rem;

  height: 1.75rem;

  margin-bottom: 1.125rem;

}

.part-two .container .title span {

  font-weight: bold;

  font-size: 1.25rem;

  color: #ffffff;

  position: absolute;

  z-index: 1;

}

.part-two .container .title .line {

  width: 13.75rem;

  height: 0.5rem;

  position: absolute;

  bottom: 0;

  background: #ff9a22;

}

.part-two .container .tip-one {

  font-size: 0.875rem;

  color: #ffffff;

  margin-bottom: 0.4375rem;

}

.part-two .container .tip-one:last-child {

  margin-bottom: 0;

}



.part-two .container .image-list {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-top: 1.875rem;

}

.part-two .container .image-list img {

  width: 20rem;

  margin-bottom: 1.25rem;

}

.part-two .container .image-list img:last-child {

  margin-bottom: 0;

}



.part-three {

  width: 100vw;

  height: 23.4375rem;

  background-image: url('/m/assets/smh_back_3.png');

  background-repeat: no-repeat;

  background-size: cover;

}

.part-three .container {

  padding-top: 2.5rem;

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

}

.part-three .container .title {

  position: relative;

  width: 16.25rem;

  height: 1.75rem;

  margin-bottom: 1.125rem;

}

.part-three .container .title span {

  font-weight: bold;

  font-size: 1.25rem;

  color: #ffffff;

  position: absolute;

  z-index: 1;

}

.part-three .container .title .line {

  width: 16.25rem;

  height: 0.5rem;

  position: absolute;

  bottom: 0;

  background: #ff9a22;

}

.part-three .container .tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.875rem;

}

.part-three .container .tip span {

  font-size: 0.875rem;

  color: #ffffff;

  line-height: 1.5625rem;

}



.part-three .container .image-list {

  display: flex;

}

.part-three .container .image-list .image {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-right: 3rem;

}

.part-three .container .image-list .image:last-child {

  margin-right: 0;

}

.part-three .container .image-list .image img {

  width: 4rem;

  height: 4rem;

  margin-bottom: 0.625rem;

}

.part-three .container .image-list .image span {

  font-size: 1.125rem;

  color: #ffffff;

}



.part-three .container .center-image {

  position: absolute;

  bottom: 0;

  height: 18.75rem;

}



.part-four {

  width: 100vw;

  height: 36.25rem;

  background-color: #000000;

  background-image: url('/m/assets/smh_back_4.png');

  background-repeat: no-repeat;

  background-size: cover;

}

.part-four .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

  padding-top: 2.5rem;

}

.part-four .container .title {

  position: relative;

  width: 3.75rem;

  height: 1.75rem;

  margin-bottom: 1.125rem;

}

.part-four .container .title span {

  font-weight: bold;

  font-size: 1.25rem;

  color: #ffffff;

  position: absolute;

  z-index: 1;

}

.part-four .container .title .line {

  width: 3.75rem;

  height: 0.5rem;

  position: absolute;

  bottom: 0;

  background: #ff9a22;

}

.part-four .container .tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.875rem;

}

.part-four .container .tip span {

  font-size: 0.875rem;

  color: #ffffff;

  line-height: 1.5625rem;

}

.part-four .container .icon-list {

  display: flex;

}

.part-four .container .icon-list img {

  width: 2rem;

  height: 2rem;

  margin-right: 14px;

}

.part-four .container .icon-list img:last-child {

  margin-right: 0;

}

.part-four .container .center-image {

  height: 22.5rem;

  position: absolute;

  bottom: 0;

}



.part-six {

  width: 100vw;

  height: 37.375rem;

  background-image: url('/m/assets/smh_back_5.png');

  background-repeat: no-repeat;

  background-size: cover;

}

.part-six .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

  padding-top: 2.5rem;

}



.part-six .container .image-list {

  display: flex;

  flex-direction: column;

}

.part-six .container .image-list .list {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 2.25rem;

}

.part-six .container .image-list .list:last-child {

  margin-bottom: 0;

}

.part-six .container .image-list .list img {

  width: 3rem;

  height: 3rem;

  margin-right: 1.25rem;

}

.part-six .container .image-list .list .right {

  display: flex;

  flex-direction: column;

}

.part-six .container .image-list .list .right .title {

  font-weight: bold;

  font-size: 1.125rem;

  color: #ffffff;

}

.part-six .container .image-list .list .right .tip {

  font-size: 0.875rem;

  color: #ffffff;

}

.part-six .container .center-image {

  margin-top: 3rem;

  height: 19.375rem;

}



.part-five {

  width: 100vw;

  height: 34.375rem;

  background: #f5f7f9;

}

.part-five .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-five .container .title {

  position: relative;

  width: 7.5rem;

  height: 1.75rem;

  margin-bottom: 1.125rem;

}

.part-five .container .title span {

  font-weight: bold;

  font-size: 1.25rem;

  color: #333333;

  position: absolute;

  z-index: 1;

}

.part-five .container .title .line {

  width: 7.5rem;

  height: 0.5rem;

  position: absolute;

  bottom: 0;

  background: #ff9a22;

}

.part-five .container .tip {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.part-five .container .tip .tip-message {

  display: flex;

  align-items: center;

  margin-bottom: 1.25rem;

}

.part-five .container .tip .tip-message:last-child {

  margin-bottom: 0;

}

.part-five .container .tip .tip-message img {

  width: 2rem;

  height: 2rem;

  margin-right: 1rem;

}

.part-five .container .tip .tip-message span {

  font-size: 1.125rem;

  color: #333333;

}



.part-five .container .center-image {

  margin-top: 1.875rem;

  height: 14.625rem;

}



.part-seven {

  width: 100vw;

  height: 30.5rem;

  background-image: url('/m/assets/skyx_back_7.png');

  background-repeat: no-repeat;

  background-size: cover;

}

.part-seven .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-seven .container .title {

  position: relative;

  width: 10.625rem;

  height: 1.75rem;

  margin-bottom: 1.125rem;

}

.part-seven .container .title span {

  font-weight: bold;

  font-size: 1.25rem;

  color: #ffffff;

  position: absolute;

  z-index: 1;

}

.part-seven .container .title .line {

  width: 10.625rem;

  height: 0.5rem;

  position: absolute;

  bottom: 0;

  background: #ff9a22;

}

.part-seven .container .tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.875rem;

}

.part-seven .container .tip span {

  font-size: 0.875rem;

  color: #ffffff;

  line-height: 1.5625rem;

}

.part-seven .container img {

  width: 21rem;

  height: 18rem;

}



.part-eight {

  width: 100vw;

  height: 31.6875rem;

  background-image: url('/m/assets/scqnw_back_5.png');

  background-repeat: no-repeat;

  background-size: cover;

}

.part-eight .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-eight .container .title {

  position: relative;

  width: 7.5rem;

  height: 1.75rem;

  margin-bottom: 1.125rem;

}

.part-eight .container .title span {

  font-weight: bold;

  font-size: 1.25rem;

  color: #ffffff;

  position: absolute;

  z-index: 1;

}

.part-eight .container .title .line {

  width: 7.5rem;

  height: 0.5rem;

  position: absolute;

  bottom: 0;

  background: #ff9a22;

}

.part-eight .container .tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.875rem;

}

.part-eight .container .tip span {

  font-size: 0.875rem;

  color: #ffffff;

  line-height: 1.5625rem;

}



.part-eight .container .center-image {

  margin-top: 1.875rem;

  height: 19.25rem;

}



.green-line {

  width: 100vw;

  height: 2.5rem;

  background: #00bb4a;

}

.green-line .container {

  height: inherit;

  display: flex;

  align-items: center;

  justify-content: center;

}

.green-line .container span {

  display: inline-block;

  padding-right: 0.5rem;

  border-right: 0.125rem solid #ffffff;

  margin-right: 0.5rem;

  color: #ffffff;

  font-size: 0.75rem;

}

.green-line .container span:last-child {

  border: none;

  margin: 0;

}