/* 收款码牌 */

.no-margin {

  margin-bottom: 0 !important;

}

.part-one {

  width: 100vw;

  height: 792px;

  background-image: url('/assets/syj_back_1.jpg');

  background-repeat: no-repeat;

  background-size: cover;

  margin-top: 60px;

}

.part-one .container {

  display: flex;

  align-items: center;

  height: 100%;

  justify-content: space-between;

  position: relative;

}

.part-one .left {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.part-one .left .title {

  position: relative;

  margin-bottom: 30px;

  width: 576px;

  height: 67px;

}

.part-one .left .title span {

  display: flex;

  flex-direction: column;

  font-weight: bold;

  font-size: 48px;

  color: #ffffff;

  position: absolute;

  z-index: 9;

}

.part-one .left .title .line {

  width: 576px;

  height: 18px;

  background: #ff9a22;

  position: absolute;

  bottom: 0;

  z-index: 1;

}

.part-one .left .tip {

  font-size: 24px;

  color: #ffffff;

  margin-bottom: 36px;

}

.part-one .left .message-list {

  display: flex;

  flex-direction: column;

}

.part-one .left .message-list span {

  font-size: 24px;

  color: #ffffff;

  margin-bottom: 24px;

}

.part-one .left .icon-list {

  display: flex;

  margin-bottom: 24px;

}

.part-one .left .icon-list .icon {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-right: 30px;

}

.part-one .left .icon-list .icon:nth-child(6n) {

  margin-right: 0;

}



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

  font-size: 14px;

  color: #ffffff;

  margin-top: 12px;

}

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

  width: 64px;

  height: 64px;

}

.part-one .right {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.part-one .right img {

  height: 570px;

}

.part-one .open-immediately {

  margin-top: 60px;

}



.part-four.easy {

  height: 2600px;

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

  display: flex;

  align-items: center;

}



.part-four.easy .container .title {

  width: 432px !important;

}

.part-four.easy .container .title .line {

  width: 432px !important;

}

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

  width: 100%;

  background-color: rgba(255, 255, 255, 0.16);

  padding: 48px;

  display: flex;

  flex-direction: column;

  align-items: center;

  border-radius: 30px 30px 30px 30px;

}

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

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  justify-content: space-between;

}



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

  display: flex;

  flex-direction: column;

  width: 352px;

  background: #ffffff;

  border-radius: 16px 16px 16px 16px;

  overflow: hidden;

  margin-bottom: 24px;

}

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

  height: 250px;

}

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

  flex: 1;

  display: flex;

  flex-direction: column;

  padding: 24px;

}

.part-four.easy .container .image-list .type-list .type-title {

  font-weight: bold;

  font-size: 20px;

  color: #010913;

  margin-bottom: 12px;

}

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

  display: flex;

  flex-direction: column;

}

.part-four.easy .container .image-list .type-list .list .item {

  margin-bottom: 10px;

  display: flex;

  align-items: center;

}

.part-four.easy .container .image-list .type-list .list .item img {

  width: 16px;

  margin-right: 10px;

}

.part-four.easy .container .image-list .type-list .list .item span {

  font-size: 16px;

  color: #010913;

}



.part-four.easy .container .image-list .contact-consultant {

  width: 693px;

  height: 60px;

  background: #00bb4a;

  border-radius: 10px 10px 10px 10px;

  text-align: center;


  font-size: 20px;

  color: #ffffff;

  margin-top: 48px;

  &:hover {

    background-color: #00ac44;

  }

}



/* 可立可挂，外观升级，高颜值 */

.part-four {

  width: 100vw;

  height: 736px;

  background-image: url('/assets/scqnw_back_6.jpg');

  background-repeat: no-repeat;

  background-size: cover;

}

.part-four .container {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 100%;

}

.part-four .container .title {

  position: relative;

  margin-bottom: 30px;

  width: 480px;

  height: 67px;

}

.part-four .container .title span {

  display: flex;

  flex-direction: column;

  font-weight: bold;

  font-size: 48px;

  color: #ffffff;

  position: absolute;

  z-index: 9;

}

.part-four .container .title .line {

  width: 480px;

  height: 18px;

  background: #ff9a22;

  position: absolute;

  bottom: 0;

  z-index: 1;

}

.part-four .container .tip {

  font-size: 32px;

  color: #ffffff;

  margin-bottom: 48px;

}

.part-four .container .message-tip {

  font-size: 24px;

  color: #ffffff;

  margin-bottom: 48px;

}

.part-four .container .image-list {

  display: flex;

  align-items: center;

  width: 100%;

  justify-content: center;

}

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

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

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

  width: 380px;

  height: 400px;

  margin-bottom: 30px;

}

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

  font-weight: bold;

  font-size: 24px;

  color: #ffffff;

}