.no-margin {

  margin-bottom: 0 !important;

}

.alipay-banner {

  width: 100vw;

  min-height: 1080px;

  margin-top: 60px;

  position: relative;

  height: fit-content;

}

.alipay-banner video {

  width: 100%;

  position: absolute;

  top: 0;

  z-index: 1;

}

.alipay-banner .peng-left {

  position: absolute;

  display: flex;

  flex-direction: column;

  top: 128px;

  z-index: 2;

}

.alipay-banner .peng-left .peng-img {

  width: 214px;

  margin-bottom: 30px;

}

.alipay-banner .peng-left .title {

  font-weight: bold;

  font-size: 48px;

  color: #ffffff;

  display: flex;

  margin-bottom: 30px;

}

.alipay-banner .peng-left .title .peng-word {

  margin: 0 5px;

}

.alipay-banner .peng-left .tip {

  font-size: 24px;

  color: #ffffff;

  margin-bottom: 30px;

}

.alipay-banner .peng-left .icon-list {

  display: flex;

  align-items: center;

  margin-bottom: 48px;

}

.alipay-banner .peng-left .icon-list .icon {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-right: 30px;

}

.alipay-banner .peng-left .icon-list .icon img {

  width: 48px;

  height: 48px;

  margin-bottom: 10px;

}

.alipay-banner .peng-left .icon-list .icon span {

  font-size: 18px;

  color: #ffffff;

}

.alipay-banner .peng-left .merchant {

  width: 323px;

  height: 60px;

  background: #00bb4a;

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

  text-align: center;

  font-size: 20px;

  color: #ffffff;

  margin-bottom: 24px;

}

.alipay-banner .peng-left .merchant:hover {

  background-color: #00ab44;

}

.alipay-banner .peng-left .service {

  width: 323px;

  height: 60px;

  background: #ff9a22;

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

  text-align: center;

  font-size: 20px;

  color: #ffffff;

}

.alipay-banner .peng-left .service:hover {

  background-color: #ff8900;

}



.alipay-banner-two {

  width: 100vw;

  height: 774px;

  background-color: #f3f8fc;

}

.alipay-banner-two .container {

  height: 100%;

  position: relative;

}

.alipay-banner-two .container .card {

  position: absolute;

  top: -150px;

  width: 1200px;

  height: 852px;

  background: #ffffff;

  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.08);

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

  z-index: 3;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.alipay-banner-two .container .card .title {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

}

.alipay-banner-two .container .card .title span {

  font-weight: bold;

  font-size: 40px;

  color: #333333;

}

.alipay-banner-two .container .card .title .line {

  height: 6px;

  margin-top: 10px;

}

.alipay-banner-two .container .card .tip {

  font-size: 20px;

  color: #333333;

  margin-bottom: 40px;

}

.alipay-banner-two .container .card .card-img {

  height: 531px;

  border-radius: 24px 24px 24px 24px;

  box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.06);

}



.part-one {

  width: 100vw;

  height: 788px;

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

  border-radius: 0px 0px 0px 0px;

}

.part-one .container {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  height: 100%;

}

.part-one .container .title {

  position: relative;

  margin-bottom: 30px;

  width: 500px;

  height: 67px;

}

.part-one .container .title span {

  display: flex;

  flex-direction: column;

  font-weight: bold;

  font-size: 48px;

  color: #ffffff;

  position: absolute;

  z-index: 9;

}

.part-one .container .title .line {

  width: 495px;

  height: 18px;

  background: #ff9a22;

  position: absolute;

  bottom: 0;

  z-index: 1;

}

.part-one .container .tip {

  font-size: 24px;

  color: #ffffff;

  margin-bottom: 48px;

}

.part-one .container .image-list {

  width: 100%;

  display: flex;

  justify-content: space-between;

}

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

  width: 380px;

}



.part-two {

  width: 100vw;

  height: 2336px;

  background: #000204;

}

.part-two .container {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  height: 100%;

}

.part-two .container .title {

  position: relative;

  margin-bottom: 30px;

  width: 500px;

  height: 67px;

}

.part-two .container .title span {

  display: flex;

  flex-direction: column;

  font-weight: bold;

  font-size: 48px;

  color: #ffffff;

  position: absolute;

  z-index: 9;

}

.part-two .container .title .line {

  width: 480px;

  height: 18px;

  background: #ff9a22;

  position: absolute;

  bottom: 0;

  z-index: 1;

}

.part-two .container .tip {

  font-size: 24px;

  color: #ffffff;

  margin-bottom: 48px;

}

.part-two .container .image-list {

  width: 100%;

}



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

  width: 1200px;

  height: 466px;

  background: #ffffff;

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

  display: flex;

  margin-bottom: 30px;

}

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

  width: 556px;

}

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

  flex: 1;

  display: flex;

  flex-direction: column;

  height: 100%;

  justify-content: center;

  margin-left: 88px;

}

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

  font-weight: bold;

  font-size: 36px;

  color: #333333;

  margin-bottom: 20px;

}

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

  font-weight: bold;

  font-size: 22px;

  color: #333333;

  margin-bottom: 30px;

  display: flex;

  flex-direction: column;

}

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

  margin-bottom: 8px;

}

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

  display: flex;

  flex-direction: column;

}

.part-two .container .image-list .right .image-message .one {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}

.part-two .container .image-list .right .image-message .one img {

  width: 24px;

  height: 24px;

  margin-right: 12px;

}

.part-two .container .image-list .right .image-message .one span {

  font-size: 18px;

  color: #333333;

}



.applicable-range .container .title .line {

  width: 3rem;

  height: 0.25rem;

  background: linear-gradient(270deg, #38d4ff 0%, #1e80ff 100%) !important;

  border-radius: 0.1875rem;

}
/* 适用范围 */

.applicable-range {

  width: 100vw;

  height: 956px;

  background: #f3f8fc;

}



.applicable-range .container {

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}



.applicable-range .container .title {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

}

.applicable-range .container .title span {

  font-weight: bold;

  font-size: 40px;

  color: #333333;

  margin-bottom: 10px;

}

.applicable-range .container .title .line {

  width: 64px;

  height: 6px;

  background: #00bb4a;

  border-radius: 3px 3px 3px 3px;

}

.applicable-range .container .tip {

  font-size: 20px;

  color: #333333;

  margin-bottom: 40px;

}

.applicable-range .container .range-list {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

}

.applicable-range .container .range-list .range {

  width: 220px;

  height: 305px;

  background: #ffffff;

  box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.08);

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

  margin-bottom: 20px;

  display: flex;

  flex-direction: column;

  align-items: center;

  position: relative;

  overflow: hidden;

}

.applicable-range .container .range-list .range:hover {

  border: 2px solid #00ac44;

}

.applicable-range .container .range-list .range:hover .top-image {

  width: 240px;

  transition: all 0.3s ease;

}

.applicable-range .container .range-list .range .top-image {

  width: 220px;

  height: 165px;

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

  background-size: cover;

  background-repeat: no-repeat;

}

.applicable-range .container .range-list .range .top-image.catering {

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

}

.applicable-range .container .range-list .range .top-image.beauty {

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

}

.applicable-range .container .range-list .range .top-image.refueling {

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

}

.applicable-range .container .range-list .range .top-image.fresh {

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

}

.applicable-range .container .range-list .range .top-image.sport {

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

}

.applicable-range .container .range-list .range .top-image.cart {

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

}

.applicable-range .container .range-list .range .top-image.monopoly {

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

}

.applicable-range .container .range-list .range .top-image.education {

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

}

.applicable-range .container .range-list .range .top-image.supermarket {

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

}

.applicable-range .container .range-list .range .top-image.playground {

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

}



.applicable-range .container .range-list .range .bottom-message {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.applicable-range .container .range-list .range .bottom-message .range-title {

  font-weight: bold;

  font-size: 20px;

  color: #333333;

  margin-bottom: 12px;

}

.applicable-range .container .range-list .range .bottom-message .range-tip {

  font-size: 16px;

  color: #666666;

}

.applicable-range .container .range-list .range .center-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}




.income-analysis {

  width: 100vw;

  height: 612px;

  background: #ffffff;

}

.income-analysis .container {

  display: flex;

  flex-direction: column;

  height: 100%;

  align-items: center;

  justify-content: center;

}

.income-analysis .container .title {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  margin-bottom: 40px;

}

.income-analysis .container .title span {

  font-weight: bold;

  font-size: 40px;

  color: #333333;

  margin-bottom: 10px;

}

.income-analysis .container .title .line {

  width: 64px;

  height: 6px;

  background: linear-gradient(270deg, #38d4ff 0%, #1e80ff 100%);

  border-radius: 3px 3px 3px 3px;

}

.income-analysis .container .tip {

  font-size: 20px;

  color: #333333;

  margin-bottom: 40px;

}

.income-analysis .container .image-list {

  display: flex;

  justify-content: space-between;

  width: 100%;

}

.income-analysis .container .image-list .image {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 282px;

  height: 290px;

  background: #f8f9f9;

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

}

.income-analysis .container .image-list .image img {

  width: 64px;

  height: 64px;

  margin-bottom: 20px;

}

.income-analysis .container .image-list .image .image-title {

  font-weight: bold;

  font-size: 24px;

  color: #333333;

  margin-bottom: 16px;

}

.income-analysis .container .image-list .image .image-tip {

  font-size: 16px;

  color: #666666;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.income-analysis .container .image-list .image .image-tip span {

  margin-bottom: 5px;

}



.service-support {

  height: 582px;

  background-color: #f3f8fc;

}

.income-analysis.service-support .container .image-list .image {

  width: 180px;

  height: 260px;

  background: #ffffff;

  box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.08);

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

  justify-content: flex-start;

  padding-top: 30px;

}



.cooperation-process {

  width: 100vw;

  height: 763px;

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

  background-repeat: no-repeat;

  background-size: cover;

}



.cooperation-process .container {

  height: 100%;

  display: flex;

  align-items: flex-end;

  justify-content: center;

}

.cooperation-process .consult-now {

  width: 154px;

  height: 44px;

  background: rgba(255, 255, 255, 0);

  border-radius: 22px 22px 22px 22px;

  border: 1px solid #ffffff;

  text-align: center;

  line-height: 44px;

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 80px;

}



.cooperation-process .consult-now:hover {

  background: rgba(255, 255, 255, 0.3);

}