.part-one {

  width: 100vw;

  height: 36.875rem;

  background-image: url('/m/assets/ydyj_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 .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: 16.75rem;

}



.part-two {

  width: 100vw;

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

  height: 38.25rem;

}

.part-two .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.part-two .container .title {

  position: relative;

  width: 18.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: 18.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 .list {

  display: flex;

}

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

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.25rem;

  margin-right: 0.9375rem;

}

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

  width: 9.25rem;

  height: 5.75rem;

  margin-bottom: 0.75rem;

}

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

  font-size: 0.875rem;

  color: #ffffff;

}



.part-two .container .center-image {

  margin-top: 1.875rem;

  width: 19.375rem;

}



.part-three {

  width: 100vw;

  padding: 1.875rem 0;

  background-image: url('/m/assets/ydyj_back_2@2x.png');

  background-repeat: no-repeat;

  background-size: cover;

}

.part-three .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

}

.part-three .container .title {

  position: relative;

  width: 10rem;

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

  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 .icon-list {

  display: flex;

}

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

  width: 2rem;

  height: 2rem;

  margin-right: 14px;

}

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

  margin-right: 0;

}

.part-three .container .center-image {

  height: 18.75rem;

}



.part-six {

  width: 100vw;

  background-color: #000000;

  height: 25.3125rem;

  background-image: url('/m/assets/ydyj_back_3@2x.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: 15rem;

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

  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 {

  height: 7.625rem;

  position: absolute;

  bottom: 5.625rem;

}



.part-seven {

  width: 100vw;

  background-color: #000000;

  height: 26.125rem;

  background: linear-gradient(157deg, #000000 0%, #000000 48%, #03153b 100%);

}

.part-seven .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

  padding-top: 2.5rem;

}

.part-seven .container .title {

  position: relative;

  width: 11.25rem;

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

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

  position: absolute;

  bottom: 2.5rem;

}



.part-eight {

  width: 100vw;

  background-color: #000000;

  padding: 2.5rem 0;

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

}

.part-eight .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

}

.part-eight .container .title {

  position: relative;

  width: 10rem;

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

  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 .image-list {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.part-eight .container img {

  width: 17.5625rem;

  margin-bottom: 1.25rem;

}

.part-eight .container img:last-child {

  margin-bottom: 0;

}



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

}