.part-one {

  width: 100vw;

  height: 33.25rem;

  background-image: url('/m/assets/skyx_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;

  margin-bottom: 1.3125rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-one .container .icon-list {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.875rem;

}

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

  width: 2rem;

  height: 2rem;

  margin-right: 0.875rem;

}

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

  margin-right: 0;

}

.part-one .container .image {

  height: 16.875rem;

}



.part-two {

  width: 100vw;

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

  background-repeat: no-repeat;

  background-size: cover;

  height: 33.375rem;

}

.part-two .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-two .container .title {

  position: relative;

  width: 16.5625rem;

  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: 16.5625rem;

  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 .tip-two {

  font-size: 0.875rem;

  color: #f9f900;

  margin-bottom: 1.875rem;

}

.part-two .container .image-list {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

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

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.25rem;

}

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

  width: 19.378rem;

  height: 10.937rem;

  border-radius: 1rem;

  margin-bottom: 0.75rem;

}

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

  font-size: 1rem;

  color: #ffffff;

}

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

  margin-bottom: 0;

}

.part-two .container .center-image {

  margin-top: 1.875rem;

  height: 19.25rem;

}



.part-three {

  width: 100vw;

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

  background-repeat: no-repeat;

  background-size: cover;

  height: 32.5rem;

}

.part-three .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-three .container .title {

  position: relative;

  width: 17.1875rem;

  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: 17.1875rem;

  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 img {

  width: 19.875rem;

  height: 18.375rem;

}



.part-four {

  width: 100vw;

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

  background-repeat: no-repeat;

  background-size: cover;

  height: 30.5rem;

}

.part-four .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-four .container .title {

  position: relative;

  width: 16.25rem;

  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: 16.25rem;

  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 img {

  width: 16.0625rem;

  height: 18rem;

}



.part-five {

  width: 100vw;

  height: 38.25rem;

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

  background-repeat: no-repeat;

  background-size: cover;

}

.part-five .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-five .container .title {

  position: relative;

  width: 14.375rem;

  height: 1.75rem;

  margin-bottom: 1.125rem;

}

.part-five .container .title span {

  font-weight: bold;

  font-size: 1.25rem;

  color: #ffffff;

  position: absolute;

  z-index: 1;

}

.part-five .container .title .line {

  width: 14.375rem;

  height: 0.5rem;

  position: absolute;

  bottom: 0;

  background: #ff9a22;

}

.part-five .container .tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.875rem;

}

.part-five .container .tip span {

  font-size: 0.875rem;

  color: #ffffff;

  line-height: 1.5625rem;

}

.part-five .container .image-list {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-five .container .image-list .image {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.25rem;

}

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

  width: 19.378rem;

  height: 10.937rem;

  border-radius: 1rem;

  margin-bottom: 0.75rem;

}

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

  font-size: 1rem;

  color: #ffffff;

}

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

  margin-bottom: 0;

}

.part-five .container .center-image {

  margin-top: 1.875rem;

  height: 19.25rem;

}



.part-six {

  width: 100vw;

  height: 26.75rem;

  background-image: url('/m/assets/skyx_back_6.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 .title {

  position: relative;

   width: 11.25rem;

  height: 1.75rem;

  margin-bottom: 1.125rem;

}

.part-six .container .title span {

  font-weight: bold;

  font-size: 1.25rem;

  color: #ffffff;

  position: absolute;

  z-index: 1;

}

.part-six .container .title .line {

   width: 11.25rem;

  height: 0.5rem;

  position: absolute;

  bottom: 0;

  background: #ff9a22;

}

.part-six .container .tip {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.875rem;

}

.part-six .container .tip span {

  font-size: 0.875rem;

  color: #ffffff;

  line-height: 1.5625rem;

}

.part-six .container img {

  position: absolute;

  bottom: 0;

  width: 16.875rem;

  height: 15.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;

}



.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;

}