.part-one {

  width: 100vw;

  height: 47.5rem;

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

  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;

  width: 3.5rem;

}

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

  white-space: nowrap;

}



.part-one .container .image {

  height: 21.375rem;

}



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

  height: 30.5rem;

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

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

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

  width: 100vw;

  background-color: #000000;

  padding: 2.5rem 0;

}

.part-four .container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

}

.part-four .container .title {

  position: relative;

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

  display: flex;

  flex-direction: column;

  align-items: center;

}

.part-four .container .image-list .image {

  display: flex;

  flex-direction: column;

  height: fit-content;

  width: 100%;

  border-radius: 1rem;

  overflow: hidden;

  margin-bottom: 1.25rem;

  background: #fff;

}

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

  margin-bottom: 0;

}

.part-four .container .image-list .image .top-image {

  height: 14.875rem;

  width: 100%;

}

.part-four .container .image-list .image .center-message {

  background: #ffffff;

  padding: 1.625rem;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  padding-right: 0;

}

.part-four .container .image-list .image .center-message .message-title {

  font-weight: bold;

  font-size: 1.25rem;

  color: #010913;

  margin-bottom: 1rem;

}

.part-four .container .image-list .image .center-message .message-tip {

  font-weight: bold;

  font-size: 0.875rem;

  color: #010913;

  margin-bottom: 1rem;

}

.part-four .container .image-list .image .center-message .message-list {

  display: flex;

  flex-direction: column;

}

.part-four .container .image-list .image .center-message .message-list .one {

  display: flex;

  align-items: center;

  margin-bottom: 0.625rem;

}

.part-four

  .container

  .image-list

  .image

  .center-message

  .message-list

  .one:last-child {

  margin-bottom: 0;

}

.part-four

  .container

  .image-list

  .image

  .center-message

  .message-list

  .one

  img {

  height: 1rem;

  width: 1rem;

  margin-right: 0.375rem;

}

.part-four

  .container

  .image-list

  .image

  .center-message

  .message-list

  .one

  span {

  font-size: 0.875rem;

  color: #010913;

  white-space: nowrap;

}



.tip-line {

  width: 100vw;

  height: 2.5rem;

  background: #00bb4a;

}

.tip-line .container {

  height: inherit;

  display: flex;

  align-items: center;

  justify-content: center;

}

.tip-line .container span {

  display: inline-block;

  color: #ffffff;

  font-size: 0.875rem;

}